/* ============================================
   MAILLOT PAS CHER — DARK NEON ANIMATIONS
   Tout bouge, tout brille, tout pulse
   ============================================ */

/* ===== PAGE LOADER ===== */
.page-loader{
  position:fixed;inset:0;z-index:9999;
  background:#080808;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;
  transition:opacity .5s ease,visibility .5s ease;
}
.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.loader-logo{
  font-family:'Orbitron','Bebas Neue',sans-serif;
  font-size:clamp(22px,4vw,36px);
  letter-spacing:4px;text-transform:uppercase;
  background:linear-gradient(135deg,#7c7c7c,#7a7a7a,#a0a0a0,#9a9a9a);
  background-size:300%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:loader-gradient 2s ease infinite, loader-scale 2s ease-in-out infinite;
  text-shadow:none;
}
@keyframes loader-gradient{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes loader-scale{0%,100%{transform:scale(1);}50%{transform:scale(1.04);}}
.loader-bar-wrap{
  width:240px;height:3px;
  background:rgba(124,124,124,0.15);border-radius:4px;overflow:hidden;
  box-shadow:0 0 8px rgba(124,124,124,0.2);
}
.loader-bar-inner{
  height:100%;width:0;
  background:linear-gradient(90deg,#515151,#7c7c7c,#7a7a7a,#9a9a9a);
  background-size:200%;
  animation:loader-progress 1.4s ease-in-out forwards, shimmer 1s linear infinite;
  border-radius:4px;
  box-shadow:0 0 12px rgba(124,124,124,0.6);
}
@keyframes loader-progress{0%{width:0%;}70%{width:100%;}100%{width:100%;}}

/* ===== SCROLL PROGRESS BAR ===== */
#scroll-progress{
  position:fixed;top:0;left:0;height:2px;z-index:9998;width:0%;
  background:linear-gradient(90deg,#515151,#7c7c7c,#9a9a9a,#7a7a7a);
  background-size:200%;
  animation:shimmer 2s linear infinite;
  transition:width .1s linear;
  pointer-events:none;
  box-shadow:0 0 8px rgba(124,124,124,0.8);
}

/* ===== SHIMMER ===== */
@keyframes shimmer{0%{background-position:200% center;}100%{background-position:-200% center;}}

/* ===== NEON GLOW KEYFRAMES ===== */
@keyframes neon-pulse-purple{
  0%,100%{box-shadow:0 0 5px rgba(124,124,124,0.3),0 0 10px rgba(124,124,124,0.2),0 0 20px rgba(124,124,124,0.1);}
  50%{box-shadow:0 0 10px rgba(124,124,124,0.6),0 0 20px rgba(124,124,124,0.4),0 0 40px rgba(124,124,124,0.2),0 0 80px rgba(124,124,124,0.1);}
}
@keyframes neon-pulse-blue{
  0%,100%{box-shadow:0 0 5px rgba(122,122,122,0.3),0 0 10px rgba(122,122,122,0.2);}
  50%{box-shadow:0 0 10px rgba(122,122,122,0.6),0 0 20px rgba(122,122,122,0.4),0 0 40px rgba(122,122,122,0.2);}
}
@keyframes neon-text-flicker{
  0%,95%,100%{opacity:1;}
  96%{opacity:0.8;}
  97%{opacity:1;}
  98%{opacity:0.6;}
  99%{opacity:1;}
}

/* ===== SCROLL REVEAL ===== */
[data-anim]{opacity:0;will-change:transform,opacity;}
[data-anim="up"]   {transform:translateY(40px);}
[data-anim="down"] {transform:translateY(-40px);}
[data-anim="left"] {transform:translateX(-50px);}
[data-anim="right"]{transform:translateX(50px);}
[data-anim="fade"] {transform:none;}
[data-anim="scale"]{transform:scale(.9);}
[data-anim="zoom"] {transform:scale(1.08);}
[data-anim="flip"] {transform:rotateY(25deg) translateX(20px);}
[data-anim].anim-visible{
  opacity:1;transform:none;
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);
}

/* Stagger */
[data-stagger]{opacity:0;transform:translateY(28px);will-change:transform,opacity;}
[data-stagger].anim-visible{
  opacity:1;transform:none;
  transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);
}
[data-stagger].anim-visible > *:nth-child(1){transition-delay:.04s;}
[data-stagger].anim-visible > *:nth-child(2){transition-delay:.10s;}
[data-stagger].anim-visible > *:nth-child(3){transition-delay:.16s;}
[data-stagger].anim-visible > *:nth-child(4){transition-delay:.22s;}
[data-stagger].anim-visible > *:nth-child(5){transition-delay:.28s;}
[data-stagger].anim-visible > *:nth-child(6){transition-delay:.34s;}
[data-stagger].anim-visible > *:nth-child(7){transition-delay:.40s;}
[data-stagger].anim-visible > *:nth-child(8){transition-delay:.46s;}
[data-stagger].anim-visible > *:nth-child(9){transition-delay:.52s;}
[data-stagger].anim-visible > *:nth-child(10){transition-delay:.58s;}
[data-stagger].anim-visible > *:nth-child(n+11){transition-delay:.64s;}

/* ===== PRODUCT CARDS ===== */
.product-card{
  opacity:0;
  transform:translateY(30px) scale(0.96);
  transition:opacity .55s cubic-bezier(.22,1,.36,1),
             transform .55s cubic-bezier(.22,1,.36,1),
             box-shadow .3s ease,border-color .3s ease;
}
.product-card.card-visible{opacity:1;transform:none;}
.product-card.card-visible:hover{
  transform:translateY(-10px) scale(1.02);
  border-color:rgba(124,124,124,0.4);
  box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 20px rgba(124,124,124,0.15);
}

/* ===== SECTION TITLE UNDERLINE — NEON ===== */
.section-title-anim{position:relative;}
.section-title-anim::after{
  content:'';
  position:absolute;bottom:-10px;left:50%;
  width:0;height:3px;
  background:linear-gradient(90deg,#626262,#7a7a7a);
  border-radius:4px;
  transform:translateX(-50%);
  transition:width 1s cubic-bezier(.22,1,.36,1) .2s;
  box-shadow:0 0 12px rgba(124,124,124,0.8),0 0 24px rgba(122,122,122,0.4);
}
.section-title-anim.anim-visible::after{width:120px;}

/* ===== CTA BUTTONS ===== */
.hero-v2-cta-main{
  animation:neon-pulse-purple 2.5s ease-in-out infinite;
  position:relative;overflow:hidden;
}
.hero-v2-cta-main::after{
  content:'';
  position:absolute;top:0;left:-120%;width:80%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
  transform:skewX(-20deg);
  animation:btn-shine 3s ease-in-out 1s infinite;
}
@keyframes btn-shine{0%{left:-120%;}40%,100%{left:120%;}}
.hero-v2-cta-main:hover{animation:none;}
.hero-v2-cta-main:hover::after{display:none;}

.hero-v2-cta-sec{
  animation:neon-pulse-blue 3s ease-in-out 1.5s infinite;
  position:relative;overflow:hidden;
}
.hero-v2-cta-sec::after{
  content:'';
  position:absolute;top:0;left:-120%;width:80%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);
  transform:skewX(-20deg);
  animation:btn-shine 3s ease-in-out 2.5s infinite;
}
.hero-v2-cta-sec:hover{animation:none;}

/* ===== HERO BADGE ===== */
.hero-v2-badge{
  animation:badge-entrance .8s cubic-bezier(.22,1,.36,1) both, badge-float 4s ease-in-out 1s infinite;
  position:relative;overflow:hidden;
  box-shadow:0 0 12px rgba(81,81,81,0.5);
}
.hero-v2-badge::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);
  transform:skewX(-20deg);
  animation:btn-shine 4s ease-in-out 2s infinite;
}
@keyframes badge-entrance{
  0%{opacity:0;transform:scale(0.6) translateY(-10px);}
  70%{transform:scale(1.08) translateY(2px);}
  100%{opacity:1;transform:scale(1) translateY(0);}
}
@keyframes badge-float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}

/* ===== HERO TITLE — NEON FLICKER ===== */
.hero-v2-title{
  animation:neon-text-flicker 8s ease-in-out infinite;
}
.hero-v2-title span{
  animation:neon-text-flicker 6s ease-in-out 2s infinite;
  filter:drop-shadow(0 0 8px rgba(160,160,160,0.6));
}

/* ===== HERO STATS ===== */
.hero-v2-stat strong{
  display:block;
  animation:number-pop .6s cubic-bezier(.22,1,.36,1) both;
}
.hero-v2-stat:nth-child(1) strong{animation-delay:.3s;}
.hero-v2-stat:nth-child(3) strong{animation-delay:.5s;}
.hero-v2-stat:nth-child(5) strong{animation-delay:.7s;}
@keyframes number-pop{
  0%{opacity:0;transform:scale(0.5) translateY(10px);}
  70%{transform:scale(1.15);}
  100%{opacity:1;transform:scale(1);}
}
.hero-v2-stats{
  animation:neon-pulse-purple 4s ease-in-out infinite;
  border:1px solid rgba(124,124,124,0.25) !important;
}

/* ===== SOCIAL PROOF ===== */
.hero-social-proof{
  animation:slide-in-left .7s cubic-bezier(.22,1,.36,1) .2s both;
}
@keyframes slide-in-left{
  0%{opacity:0;transform:translateX(-30px);}
  100%{opacity:1;transform:translateX(0);}
}

/* ===== PROOF DOT — NEON PULSE ===== */
.proof-dot{
  animation:proof-dot-neon 2s ease-in-out infinite;
  background:#9a9a9a !important;
}
@keyframes proof-dot-neon{
  0%,100%{box-shadow:0 0 0 0 rgba(154,154,154,0.7);opacity:1;}
  50%{box-shadow:0 0 0 8px rgba(154,154,154,0),0 0 12px rgba(154,154,154,0.8);opacity:.8;}
}

/* ===== VDECK CARDS ===== */
.vdeck-card{
  animation:vdeck-entrance 1s cubic-bezier(.22,1,.36,1) both;
}
.vdeck-card[data-pos="0"]{animation-delay:.1s;}
.vdeck-card[data-pos="1"]{animation-delay:.25s;}
.vdeck-card[data-pos="2"]{animation-delay:.4s;}
@keyframes vdeck-entrance{
  0%{opacity:0;transform:translateY(40px) rotate(0deg) scale(0.9);}
  100%{opacity:1;}
}
.vdeck-card[data-pos="0"]{
  animation:vdeck-entrance 1s cubic-bezier(.22,1,.36,1) .1s both, vdeck-glow 3s ease-in-out 1.5s infinite;
}
@keyframes vdeck-glow{
  0%,100%{box-shadow:0 20px 60px rgba(0,0,0,0.50);}
  50%{box-shadow:0 20px 60px rgba(0,0,0,0.50),0 0 30px rgba(124,124,124,0.3);}
}

/* ===== TRUST STRIP ===== */
.trust-item{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);
}
.trust-item.anim-visible{opacity:1;transform:none;}
.trust-item:nth-child(1){transition-delay:.05s;}
.trust-item:nth-child(2){transition-delay:.12s;}
.trust-item:nth-child(3){transition-delay:.19s;}
.trust-item:nth-child(4){transition-delay:.26s;}
.trust-icon{}
.trust-item:nth-child(2) .trust-icon{animation-delay:.4s;}
.trust-item:nth-child(3) .trust-icon{animation-delay:.8s;}
.trust-item:nth-child(4) .trust-icon{animation-delay:1.2s;}
@keyframes icon-bounce{
  0%,100%{transform:translateY(0) scale(1);}
  40%{transform:translateY(-8px) scale(1.1);}
  60%{transform:translateY(-4px) scale(1.05);}
}

/* ===== SECTION LABEL — NEON ===== */
.section-label{
  animation:label-pop .6s cubic-bezier(.22,1,.36,1) both, neon-pulse-purple 3s ease-in-out 1s infinite;
  position:relative;overflow:hidden;
}
.section-label::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(124,124,124,0.2),transparent);
  transform:translateX(-100%);
  animation:label-shine 3s ease-in-out 1s infinite;
}
@keyframes label-pop{
  0%{opacity:0;transform:scale(0.7) translateY(8px);}
  70%{transform:scale(1.05);}
  100%{opacity:1;transform:scale(1);}
}
@keyframes label-shine{
  0%{transform:translateX(-100%);}
  40%,100%{transform:translateX(200%);}
}

/* ===== COLLECTION CARDS ===== */
.coll-card{
  opacity:0;transform:translateY(30px) scale(0.95);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),
             transform .6s cubic-bezier(.22,1,.36,1),
             box-shadow .4s ease,border-color .4s ease;
}
.coll-card.card-visible{opacity:1;transform:none;}
.coll-card.card-visible:hover{
  transform:translateY(-10px) scale(1.04);
  border-color:rgba(124,124,124,0.5);
  box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(124,124,124,0.2);
}

/* ===== MYSTERY BOX — NEON ===== */
@keyframes float{
  0%,100%{transform:translateY(0) rotate(-2deg);}
  50%{transform:translateY(-14px) rotate(2deg);}
}
.mystery-box{
  animation:float 3.5s ease-in-out infinite, mystery-neon-glow 3s ease-in-out infinite !important;
}
@keyframes mystery-neon-glow{
  0%,100%{box-shadow:0 8px 32px rgba(124,124,124,0.3),0 0 0 0 rgba(124,124,124,0);}
  50%{box-shadow:0 16px 48px rgba(122,122,122,0.5),0 0 0 12px rgba(124,124,124,0.08),0 0 40px rgba(124,124,124,0.3);}
}
.mystery-particles span{animation:particle-float 3s ease-in-out infinite;}
@keyframes particle-float{
  0%,100%{transform:translateY(0) scale(1);opacity:.6;}
  50%{transform:translateY(-20px) scale(1.5);opacity:1;}
}

/* ===== MYSTERY CTA ===== */
.mystery-cta{
  animation:neon-pulse-purple 2.5s ease-in-out infinite;
  position:relative;overflow:hidden;
}
.mystery-cta::after{
  content:'';position:absolute;top:0;left:-120%;width:70%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
  transform:skewX(-20deg);
  animation:btn-shine 2.5s ease-in-out 1s infinite;
}

/* ===== BADGES ===== */
.badge-sale{}
.badge-new{}
@keyframes badge-wobble{
  0%,100%{transform:rotate(0deg);}
  15%{transform:rotate(-4deg) scale(1.05);}
  30%{transform:rotate(4deg);}
  45%{transform:rotate(-2deg);}
  60%{transform:rotate(0deg);}
}
@keyframes badge-neon-pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 4px rgba(124,124,124,0.3);}
  50%{transform:scale(1.12);box-shadow:0 0 10px rgba(124,124,124,0.6);}
}

/* ===== PROMO CODE — NEON FLASH ===== */
.promo-v2-code,.promo-code{
  animation:promo-neon-flash 3s ease-in-out infinite;
  background:linear-gradient(135deg,#a0a0a0,#515151) !important;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
@keyframes promo-neon-flash{
  0%,90%,100%{border-color:rgba(124,124,124,0.35);}
  45%{border-color:rgba(124,124,124,0.9);box-shadow:0 0 20px rgba(124,124,124,0.4),0 0 40px rgba(122,122,122,0.2);}
}

/* ===== REVIEW CARDS ===== */
.review-card{
  opacity:0;transform:translateY(24px);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),
             border-color .3s,box-shadow .3s;
}
.review-card.card-visible{opacity:1;transform:none;}
.review-card.card-visible:hover{
  border-color:rgba(124,124,124,0.3);
  box-shadow:0 12px 32px rgba(0,0,0,0.4),0 0 15px rgba(124,124,124,0.1);
  transform:translateY(-6px);
}
.review-featured{
  opacity:0;transform:scale(0.97);
  transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);
}
.review-featured.card-visible{opacity:1;transform:none;}

/* ===== FAQ ITEMS ===== */
.faq-item{
  opacity:0;transform:translateX(-20px);
  transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),
             border-color .2s,box-shadow .2s;
}
.faq-item.card-visible{opacity:1;transform:none;}
.faq-item.open{
  box-shadow:0 0 20px rgba(124,124,124,0.15);
  border-color:rgba(124,124,124,0.35) !important;
}

/* ===== RIPPLE ===== */
.btn-ripple{overflow:hidden;position:relative;}
.ripple-effect{
  position:absolute;border-radius:50%;
  background:rgba(124,124,124,0.35);
  animation:ripple-out .7s ease-out forwards;
  pointer-events:none;transform-origin:center;
}
@keyframes ripple-out{
  0%{opacity:.8;transform:scale(0);}
  100%{opacity:0;transform:scale(1);}
}

/* ===== CART BADGE ===== */
.cart-badge.bump{animation:badge-bump .45s cubic-bezier(.22,1,.36,1);}
@keyframes badge-bump{
  0%{transform:scale(1);}
  40%{transform:scale(1.8);}
  70%{transform:scale(.85);}
  100%{transform:scale(1);}
}

/* ===== WISHLIST ===== */
.product-wishlist.active{animation:heart-pop .45s cubic-bezier(.22,1,.36,1);}
.fav-btn.active{animation:heart-pop .45s cubic-bezier(.22,1,.36,1);}
@keyframes heart-pop{
  0%{transform:scale(1);}
  40%{transform:scale(1.5);}
  70%{transform:scale(.85);}
  100%{transform:scale(1);}
}

/* ===== PROGRESS BARS ===== */
.rbar-fill{
  width:0 !important;
  transition:width 1.6s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 8px rgba(124,124,124,0.5);
}
.rbar-fill.anim-visible{width:var(--target-width,0%) !important;}

/* ===== BACK TO TOP ===== */
.back-to-top{
  animation:btop-float 3s ease-in-out infinite, neon-pulse-purple 3s ease-in-out infinite;
}
@keyframes btop-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.back-to-top:hover{animation:none;}

/* ===== SKELETON ===== */
.skeleton{
  background:linear-gradient(90deg,#131313 25%,#1c1c1c 50%,#131313 75%);
  background-size:200%;
  animation:skeleton-shimmer 1.6s ease infinite;
  border-radius:8px;
}
@keyframes skeleton-shimmer{0%{background-position:200% center;}100%{background-position:-200% center;}}

/* ===== FLOATING PARTICLES ===== */
.floating-particle{
  position:fixed;pointer-events:none;z-index:9996;
  font-size:20px;opacity:0;
  animation:float-up 3s ease-out forwards;
}
@keyframes float-up{
  0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg);}
  100%{opacity:0;transform:translateY(-120px) scale(0.5) rotate(30deg);}
}

/* ===== COUNTDOWN ===== */
.countdown-badge{
  animation:countdown-neon 1s ease-in-out infinite;
}
@keyframes countdown-neon{
  0%,100%{background:rgba(255,255,255,0.15);transform:scale(1);box-shadow:none;}
  50%{background:rgba(255,255,255,0.28);transform:scale(1.05);box-shadow:0 0 8px rgba(124,124,124,0.4);}
}

/* ===== FOOTER SOCIAL ===== */
.footer-social a,.social-btn{
  transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s,box-shadow .3s;
}
.footer-social a:hover,.social-btn:hover{
  transform:translateY(-5px) rotate(-5deg) scale(1.15);
  box-shadow:0 0 12px rgba(124,124,124,0.5);
  border-color:rgba(124,124,124,0.5) !important;
}

/* ===== HEADER ACCENT LINE — NEON ===== */
.header-accent{
  background:linear-gradient(90deg,transparent 0%,#626262 30%,#7a7a7a 70%,transparent 100%);
  background-size:200%;
  animation:shimmer 3s linear infinite;
  height:2px;
  box-shadow:0 0 8px rgba(124,124,124,0.6);
}

/* ===== CART CHECKOUT ===== */
.cart-checkout-btn{animation:neon-pulse-purple 3s ease-in-out 2s infinite;}
.cart-checkout-btn:hover{animation:none;}

/* ===== CHECKOUT/ADD BUTTONS ===== */
.checkout-btn,.cart-checkout-btn,.btn-add-cart{
  position:relative;overflow:hidden;
}
.checkout-btn::after,.cart-checkout-btn::after,.btn-add-cart::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);
  transform:skewX(-20deg);
  animation:btn-shine 3s ease-in-out 2s infinite;
}

/* ===== NEWSLETTER ===== */
.newsletter-btn,.fn-btn{position:relative;overflow:hidden;}
.newsletter-btn::after,.fn-btn::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
  transform:skewX(-20deg);
  animation:btn-shine 3s ease-in-out 3s infinite;
}

/* ===== CLUB BADGE HOVER ===== */
.club-wrap:hover .club-badge{
  animation:club-neon-spin .6s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 16px rgba(124,124,124,0.5) !important;
  border-color:rgba(124,124,124,0.5) !important;
}
@keyframes club-neon-spin{
  0%{transform:scale(1) rotate(0deg);}
  50%{transform:scale(1.2) rotate(-10deg);}
  100%{transform:scale(1) rotate(0deg);}
}

/* ===== TICKER ===== */
.ticker-wrap:hover .ticker-track{animation-play-state:paused;}
.clubs-ticker-wrap:hover .clubs-track{animation-play-state:paused;}

/* ===== GRADIENT BORDER — NEON ===== */
.gradient-border-anim{position:relative;}
.gradient-border-anim::before{
  content:'';
  position:absolute;inset:-2px;border-radius:inherit;z-index:-1;
  background:linear-gradient(90deg,#626262,#7a7a7a,#a0a0a0,#9a9a9a);
  background-size:300%;
  animation:shimmer 2s linear infinite;
  opacity:0;
  transition:opacity .3s;
}
.gradient-border-anim:hover::before{opacity:1;}

/* ===== MOBILE NAV ===== */
.mobile-nav.open .mobile-nav-links a{
  animation:slide-in-right .4s cubic-bezier(.22,1,.36,1) both;
}
.mobile-nav.open .mobile-nav-links a:nth-child(1){animation-delay:.05s;}
.mobile-nav.open .mobile-nav-links a:nth-child(2){animation-delay:.10s;}
.mobile-nav.open .mobile-nav-links a:nth-child(3){animation-delay:.15s;}
.mobile-nav.open .mobile-nav-links a:nth-child(4){animation-delay:.20s;}
.mobile-nav.open .mobile-nav-links a:nth-child(5){animation-delay:.25s;}
.mobile-nav.open .mobile-nav-links a:nth-child(6){animation-delay:.30s;}
.mobile-nav.open .mobile-nav-links a:nth-child(7){animation-delay:.35s;}
@keyframes slide-in-right{
  0%{opacity:0;transform:translateX(24px);}
  100%{opacity:1;transform:translateX(0);}
}

/* ===== FILTER BUTTONS ===== */
.filter-btn.active{animation:filter-pop .35s cubic-bezier(.22,1,.36,1);}
@keyframes filter-pop{
  0%{transform:scale(1);}
  50%{transform:scale(1.1);}
  100%{transform:scale(1);}
}

/* ===== LIVE BADGE — NEON ===== */
.live-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(124,124,124,0.12);border:1px solid rgba(124,124,124,0.3);
  color:#a0a0a0;font-size:10px;font-weight:700;
  padding:3px 8px;border-radius:20px;
  
}
.live-dot{
  width:6px;height:6px;border-radius:50%;background:#9a9a9a;flex-shrink:0;
  animation:proof-dot-neon 1.5s ease-in-out infinite;
}
@keyframes live-neon-pulse{
  0%,100%{background:rgba(124,124,124,0.10);box-shadow:none;}
  50%{background:rgba(124,124,124,0.18);box-shadow:0 0 8px rgba(124,124,124,0.3);}
}

/* ===== WC2026 TROPHY ===== */
@keyframes wc-trophy-pulse{
  0%,100%{transform:scale(1) rotate(-3deg);filter:drop-shadow(0 0 10px rgba(160,160,160,0.3));}
  50%{transform:scale(1.06) rotate(3deg);filter:drop-shadow(0 0 20px rgba(160,160,160,0.6));}
}

/* ===== SECTION COLLECTIONS FILTER TABS ===== */
.coll-tab{
  transition:all .25s cubic-bezier(.22,1,.36,1);
}
.coll-tab:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(124,124,124,0.2);
}

/* ===== PRODUCT QUICK-ADD ===== */
.product-quick-add{
  background:linear-gradient(135deg,#515151,#606060);
}

/* ===== HERO VDECK PRICE BADGE ===== */
.vdeck-price-badge{
  
  background:#7c7c7c !important;
  box-shadow:0 0 10px rgba(124,124,124,0.5);
}

/* ===== CONFETTI NEON ===== */
.confetti-piece{
  position:fixed;z-index:9997;pointer-events:none;
  width:8px;height:8px;border-radius:2px;
  animation:confetti-fall var(--dur,1.5s) ease-out forwards;
}
@keyframes confetti-fall{
  0%{transform:translateY(0) rotate(0deg) scale(1);opacity:1;}
  100%{transform:translateY(var(--dy,200px)) translateX(var(--dx,0px)) rotate(var(--rot,360deg)) scale(0.5);opacity:0;}
}

/* ===== REDUCED MOTION ===== */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  [data-anim],[data-stagger],.product-card,.coll-card,.review-card,.review-featured,.faq-item,.trust-item{
    opacity:1;transform:none;
  }
}