/* Arihantaa static — responsive + interaction helpers (React parity) */
/* Lenis owns smooth scrolling (js/vendor/lenis.min.js) — keep native auto to avoid double-smooth */
html { scroll-behavior: auto; }
body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }

/* Variation only here — default size lives in arihantaa-parity.css
   via :where() so Tailwind text-[20px]/text-[22px] etc. are not overridden.
   (Icons are local SVG; variation settings kept for parity/docs.) */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}

.static-mega.hidden,
.ari-mega-backdrop.hidden { display: none !important; }
#static-mobile-nav.hidden,
#static-mobile-nav[hidden] { display: none !important; }

@media (max-width: 1023px) {
  .static-mega,
  .ari-mega-backdrop { display: none !important; }
}

/* Match React prefers-reduced-motion hard kill */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}