/* =============================================
   MODERNA — animations.css
   ============================================= */

/* ── CURSEUR ── */

/* ── PAGE FADE ── */
body { animation:pageFadeIn .5s ease; }
@keyframes pageFadeIn { from{opacity:0} to{opacity:1} }

/* ── NAVBAR SCROLL ── */
nav { transition:box-shadow .4s ease; }
nav.scrolled { box-shadow:0 2px 20px rgba(0,0,0,.06); backdrop-filter:blur(12px); background:rgba(255,255,255,.97); }

/* ── PRODUCT CARD ── */
.product-card { transition:transform .4s cubic-bezier(.16,1,.3,1); }
.product-card:hover { transform:translateY(-4px); }

/* ── BTN ── */
.btn-primary,.btn-outline { transition:all .35s cubic-bezier(.16,1,.3,1); }

/* ── STAGGER ── */
@keyframes staggerUp { from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:none;} }
.stagger > * { animation:staggerUp .6s cubic-bezier(.16,1,.3,1) both; }
.stagger > *:nth-child(1){animation-delay:.05s;} .stagger > *:nth-child(2){animation-delay:.12s;}
.stagger > *:nth-child(3){animation-delay:.19s;} .stagger > *:nth-child(4){animation-delay:.26s;}
.stagger > *:nth-child(5){animation-delay:.33s;} .stagger > *:nth-child(6){animation-delay:.40s;}