@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-up-animate {
  animation: fade-up 0.6s ease forwards;
}

html {
  scroll-behavior: smooth;
}

.hero-grid {
  background-image: radial-gradient(rgba(15, 23, 42, 0.4) 1px, transparent 1px);
  background-size: 14px 14px;
}

#cart-overlay {
  backdrop-filter: blur(6px);
}

.product-card-img {
  transition: transform 0.35s ease;
}

.product-card:hover .product-card-img {
  transform: scale(1.04);
}