/* Fade-in animation for newly appended product cards (Hyvä/Magento)
   Keeps class name utility-like to align with Tailwind usage. */

/* Default: ensure element is visible even without the animation file loading order issues */
.animate-fade-in-up { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  .animate-fade-in-up { opacity: 1; }
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes fade-in-up {
    0% { opacity: 0; transform: translateY(8px); }
    100% { opacity: 1; transform: translateY(0); }
  }
  .animate-fade-in-up {
    animation: fade-in-up 420ms ease-out both;
  }
}