.brand-image {
    max-height: 150px;
}
.transition-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.transition-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}


.product-card { transition: transform 0.2s ease, box-shadow 0.2s ease; cursor: pointer; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
.img-container { background-color: #f8f9fa; border-radius: 8px; transition: background-color 0.2s ease; overflow: hidden; }
.product-card:hover .img-container { background-color: #f1f1f1; }
.page-item.active .page-link {
    color: #fff !important;
    background-color: #000;
    border-color: #000;
  }