/*==================================
ANIMATIONS
==================================*/

@keyframes fadeInUp{
    from{ opacity:0; transform:translateY(25px); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes fadeIn{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes pulse{
    0%,100%{ transform:scale(1); }
    50%{ transform:scale(1.06); }
}

@keyframes float{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-8px); }
}

.hero-content > *{
    animation:fadeInUp .9s ease both;
}

.hero-content .badge{ animation-delay:.1s; }
.hero-content h1{ animation-delay:.25s; }
.hero-content p{ animation-delay:.4s; }
.hero-content .buttons{ animation-delay:.55s; }

.whatsapp{
    animation:pulse 2.5s ease-in-out infinite;
}

.category-card,
.product-card,
.deal-card,
.testimonial-card,
.why-card,
.trust-card,
.farmer-card,
.recipe-card,
.team-card{
    transition:transform .35s ease, box-shadow .35s ease;
}

.toast{
    animation:fadeIn .3s ease;
}

@media (prefers-reduced-motion: reduce){
    *{
        animation-duration:.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.001ms !important;
    }
}
