.product-card {
  transition:
    transform 0.3s,
    box-shadow 0.3s;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.product-card:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
}
.product-hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: 1rem 1rem 0 0;
}
.product-card:hover .product-hover {
  opacity: 1;
}
.card-img-top {
  transition: transform 0.3s;
}
.product-card:hover .card-img-top {
  transform: scale(1.07);
}
.badge {
  font-size: 0.5rem;
  border-radius: 0.7rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}