/* ============================================================
   OLFAAS · animations.css — keyframes & motion
   ============================================================ */

@keyframes flick{
  0%,100%{transform:scaleY(1) rotate(0deg)}
  22%{transform:scaleY(1.12) rotate(-2.4deg)}
  46%{transform:scaleY(.93) rotate(1.8deg)}
  68%{transform:scaleY(1.08) rotate(-1.2deg)}
  84%{transform:scaleY(.97) rotate(2deg)}
}

@keyframes floatOm{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-22px) rotate(1.2deg)}
}

@keyframes pulseGlow{
  0%,100%{opacity:.75;transform:translateX(-50%) scale(1)}
  50%{opacity:1;transform:translateX(-50%) scale(1.06)}
}

@keyframes shimmer{
  0%{background-position:0% center}
  100%{background-position:-220% center}
}

@keyframes bounceHint{
  0%,100%{transform:translateY(0);opacity:.7}
  50%{transform:translateY(6px);opacity:1}
}

@keyframes loaderPulse{
  0%,100%{opacity:.85;transform:scale(1)}
  50%{opacity:1;transform:scale(1.04)}
}

@keyframes fadeSwap{
  0%{opacity:0;transform:translateY(8px)}
  100%{opacity:1;transform:none}
}

@keyframes countPop{
  0%{transform:scale(1)}
  40%{transform:scale(1.14)}
  100%{transform:scale(1)}
}

@keyframes pageIn{
  0%{opacity:0;transform:translateY(14px)}
  100%{opacity:1;transform:none}
}

/* ---------------- Reduced motion: calm everything ---------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .hero-om,.hero-glow,.diya .flame,.scroll-hint svg{animation:none!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}