/* hot_stuff — small custom styles layered on top of Tailwind utilities.
   Keep the bulk of styling in Tailwind classes in index.html; this file is
   for the few things utilities can't express cleanly. */

/* Product card image lazy-fade-in */
.card-img {
  opacity: 0;
  transition: opacity 0.4s ease;
}
.card-img.loaded {
  opacity: 1;
}

/* Subtle reveal for grid cards */
@keyframes card-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.card {
  animation: card-in 0.35s ease both;
}