/* ========== KEYFRAMES ========== */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}
@keyframes floatPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}

/* ========== SCROLL REVEAL ========== */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.revealed{opacity:1;transform:translateY(0)}

/* ========== PRODUCT CARD STAGGER ========== */
.product-card{animation:fadeInUp .5s ease forwards;opacity:0}
.product-card:nth-child(1){animation-delay:.05s}
.product-card:nth-child(2){animation-delay:.1s}
.product-card:nth-child(3){animation-delay:.15s}
.product-card:nth-child(4){animation-delay:.2s}
.product-card:nth-child(5){animation-delay:.25s}
.product-card:nth-child(6){animation-delay:.3s}
.product-card:nth-child(7){animation-delay:.35s}
.product-card:nth-child(8){animation-delay:.4s}
.product-card:nth-child(9){animation-delay:.45s}

/* ========== CART BADGE ========== */
.cart-count{animation:bounceIn .4s ease}

/* ========== LOADER ========== */
.loader-logo{animation:bounceIn .6s ease}