/* Hover effect for product cards */
.card.hover-shadow {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card.hover-shadow:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.card.hover-shadow img {
  transition: transform 0.3s ease;
}
.card.hover-shadow:hover img {
  transform: scale(1.05);
}

.product-img-fixed {
  height: 220px;
  object-fit: cover;
  width: 100%;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}