@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-copy,
.hero-visual,
.product-card,
.category-card,
.testimonial-card,
.cart-item,
.checkout-card,
.newsletter-box {
    animation: fadeUp 0.5s ease forwards;
}

.product-card,
.category-card,
.product-media img,
.btn,
.icon-button,
.quick-view,
.cart-drawer,
.modal,
.toaster {
    transition: all 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}