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

@keyframes pulse{

0%{
transform:scale(1);
}

50%{
transform:scale(1.02);
}

100%{
transform:scale(1);
}

}

@keyframes float{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0);
}

}

@keyframes glow{

0%{
box-shadow:0 0 10px rgba(255,0,120,.3);
}

50%{
box-shadow:0 0 40px rgba(255,0,120,.8);
}

100%{
box-shadow:0 0 10px rgba(255,0,120,.3);
}

}

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

@keyframes fadeLeft{

0%{

opacity:0;

transform:translateX(-60px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

@keyframes fadeRight{

0%{

opacity:0;

transform:translateX(60px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

@keyframes zoomIn{

0%{

opacity:0;

transform:scale(.8);

}

100%{

opacity:1;

transform:scale(1);

}

}

@keyframes rotateGlow{

0%{

transform:rotate(0deg);

}

100%{

transform:rotate(360deg);

}

}

@keyframes heroGradient{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}

@keyframes slideUp{

0%{

transform:translateY(120px);

opacity:0;

}

100%{

transform:translateY(0);

opacity:1;

}

}

@keyframes slideDown{

0%{

transform:translateY(-120px);

opacity:0;

}

100%{

transform:translateY(0);

opacity:1;

}

}

@keyframes notification{

0%{

opacity:0;

transform:translateX(-120%);

}

10%{

opacity:1;

transform:translateX(0);

}

90%{

opacity:1;

transform:translateX(0);

}

100%{

opacity:0;

transform:translateX(-120%);

}

}

@keyframes buttonGlow{

0%{

box-shadow:0 0 10px #25D366;

}

50%{

box-shadow:0 0 35px #25D366;

}

100%{

box-shadow:0 0 10px #25D366;

}

}

@keyframes textGlow{

0%{

text-shadow:0 0 5px #ff0080;

}

50%{

text-shadow:
0 0 20px #ff0080,
0 0 40px #ff0080;

}

100%{

text-shadow:0 0 5px #ff0080;

}

}

@keyframes bounce{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0);

}

}

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

.top-alert{

animation:pulse 1.2s infinite;

}

.hero h1{

animation:fadeUp 1s ease;

}

.subtitle{

animation:fadeUp 1.2s ease;

}

.badge{

animation:zoomIn .8s;

}

.btn-primary{

animation:buttonGlow 2s infinite;

}

.card{

animation:fadeUp .8s;

}

.feature{

animation:zoomIn .8s;

}

.review{

animation:fadeUp .8s;

}

.stats-grid div{

animation:zoomIn .7s;

}

#countdown div{

animation:float 4s ease-in-out infinite;

}

.sticky-whatsapp{

animation:bounce 2s infinite;

}

#liveNotification{

animation:notification 6s linear infinite;

}

.price{

animation:textGlow 3s infinite;

}

.hero{

background-size:200% 200%;

animation:heroGradient 10s linear infinite;

}

.order-btn:hover{

animation:pulse .5s;

}

.card:hover{

animation:glow 1.5s infinite;

}

.feature:hover{

animation:float 1.5s infinite;

}