/* ============================================================
   SADRA — mobile.css (phones only)
   Loaded LAST on every page. Everything below lives inside
   (max-width:768px), so tablet/desktop (>768px) is untouched.

   Purpose:
   1. Disable heavy decorative animations (entrance effects,
      scroll-linked loops, marquees, parallax-ish floats, pulses)
      — content stays visible in its final state.
   2. Safety nets against horizontal overflow.
   3. Touch ergonomics (targets, no iOS input zoom).
   Essential micro-interactions (menu open/close, button/accordion
   feedback, form success) are preserved.
   ============================================================ */

@media (max-width:768px){

  /* ---------- 1. Entrance animations → off (content shown immediately) ---------- */
  .nav__inner,.hero__eyebrow,.hero__title,.hero__lead,.hero__cta,.hp-hero2__stack,
  .page-hero__crumb,.page-hero__title,.page-hero__lead,.page-hero__meta,
  .ceo-portrait,.ceo-name,.ceo-role,.ceo-quote,.ceo-hero .quote-copy{
    animation:none!important}

  /* scroll-reveal helpers: never leave content hidden waiting for JS */
  .reveal,.letter-p{opacity:1!important;transform:none!important;transition:none!important}

  /* ---------- 2. Continuous decorative loops → off (static final state) ---------- */
  /* ambient page background drift */
  body::after{animation:none!important}

  /* hero blobs / photo floats / scroll-mouse dot */
  .hero__blob--1,.hero__blob--2,.hp-hero2__blob--1,.hp-hero2__blob--2,
  .hero__float--photo-right,.hero__float--photo-left,
  .hp-floaty,.hero__eyebrow::before,.hero__scroll-mouse::after,
  .page-hero__blob--1,.page-hero__blob--2{
    animation:none!important}

  /* full-page-hero decorative cards (already hidden <1100px; belt & braces) */
  .page-hero::before,.page-hero::after{animation:none!important}

  /* marquees (brand rows) — static row instead of infinite scroll */
  .brands__row--rtl .brands__track,.brands__row--ltr .brands__track,
  .hp-brands .brands__track,.marquee__track{animation:none!important}

  /* shimmers / blinks / pulses / spins / pings / sweeps */
  .hp-hl--grad,.cr-hero__eyebrow i,.cr-grad,.co-hero__eyebrow i,.co-grad,
  .cr-chip,.co-chip,.cr-cities__track,
  .hp-ccard__badge,.hp-growth__live-dot,
  .hp-sky.is-visible .hp-shop--now::after,
  .hp-map__ping::before,.hp-map__ping::after,.hp-map__hub,
  .ceo-portrait::before,.ceo-portrait::after,
  .mv-dial__ring--dash,.mv-card__ping,
  .media-collage__chip--a,.media-collage__chip--b,
  .br-marker .br-marker__pulse,
  .office-visual__glow,.office-pin__ring,.office-dot,
  .status-badge.is-open .status-badge__dot{
    animation:none!important}

  /* scroll-riding shop animation: keep the arrived (end) state */
  .hp-sky.is-visible .hp-sky__rider{opacity:1;inset-inline-start:calc(100% - 13px)}

  /* 3D tilt leftovers: neutralize transforms GSAP may have written
     before the viewport changed, and kill card-lift hovers on touch */
  [data-tilt] .plan__body{transform:none!important}

  /* ---------- 3. Compositing / paint cost ---------- */
  /* the full-screen menu background is already 97% opaque — the 22px
     backdrop blur is invisible but expensive while panning the menu */
  .nav__menu{-webkit-backdrop-filter:none;backdrop-filter:none}
  /* drop layer-forcing hints on phones */
  *,*::before,*::after{will-change:auto!important}

  /* ---------- 4. Overflow safety nets ---------- */
  img,svg,video,canvas{max-width:100%}
  img{height:auto} /* width/height attrs still preserve the aspect ratio */
  .footer__link{overflow-wrap:anywhere}

  /* ---------- 5. Touch ergonomics ---------- */
  /* slightly taller footer links for tap accuracy (visual shift ≈ 4px) */
  .footer__link{padding-block:2px}
  /* prevent iOS auto-zoom on focus (requires ≥16px) */
  input[type="text"],input[type="email"],input[type="tel"],input[type="number"],
  input[type="search"],input:not([type]),textarea,select{font-size:16px!important}

  /* respect users who also ask the OS for less motion */
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
  }
}