/* =========================================
   KARTEL62 - ANIMATION
   ========================================= */

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

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

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.hero-content {
    animation: fadeUp 0.8s ease both;
}

.category-card,
.product-card,
.why-card {
    animation: fadeUp 0.7s ease both;
}

.category-card,
.product-card,
.why-card,
.button,
.header-button {
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease,
        color 0.25s ease;
}

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

    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

}