/* GlassQuote v536 — mobile/native scroll performance hardening.
   Keep one native vertical scroll path and remove expensive fixed-surface effects
   that force Safari/iOS to repaint while a finger is dragging the page. */

html{
  -webkit-text-size-adjust:100%;
}
body{
  -webkit-overflow-scrolling:touch;
}

/* Touch devices: prefer native scrolling over animated/document smoothing. */
@media (hover:none) and (pointer:coarse){
  html{
    scroll-behavior:auto!important;
    overscroll-behavior-y:auto!important;
  }
  body:not(.menu-open){
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
  }

  /* Fixed/sticky blur is one of the biggest Safari scroll costs. Keep the same
     light/glass appearance with an opaque surface instead of live backdrop blur. */
  .landing-top-controls.unified-header,
  body.gq-header-standardized .gq-standard-header.landing-top-controls.unified-header,
  .site-header,
  .site-header.slim-bar,
  .about-floater,
  .menu-scrim,
  body.gq-header-standardized .gq-standard-menu-scrim.menu-scrim,
  .secondary-btn,
  .landing-hero-badge,
  .detail-hero-badge,
  .mobile-actions,
  .mobile-cta,
  .sticky-cta,
  .back-top,
  .start-scroll-cue,
  .info-pop-scrim,
  .immersive-exit,
  body.estimator-mode .quote-head,
  body.estimator-mode .step-actions,
  .gq-photo-overlay-v508{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .landing-top-controls.unified-header,
  body.gq-header-standardized .gq-standard-header.landing-top-controls.unified-header{
    background:#f8fbfe!important;
    box-shadow:0 7px 20px rgba(4,24,44,.09)!important;
  }
  .site-header.slim-bar{background:#f7fafc!important}
  .about-floater{background:#fff!important}
  .menu-scrim,
  body.gq-header-standardized .gq-standard-menu-scrim.menu-scrim{
    background:rgba(7,29,53,.62)!important;
  }

  /* On phones, center the fixed header without a permanent transform layer. */
  body:not(.estimator-mode) .landing-top-controls.unified-header,
  body.gq-header-standardized:not(.estimator-mode) .gq-standard-header.landing-top-controls.unified-header{
    left:max(7px,env(safe-area-inset-left,0px))!important;
    right:max(7px,env(safe-area-inset-right,0px))!important;
    width:auto!important;
    transform:none!important;
  }

  /* The CTA previously ran multiple infinite filter/box-shadow animations even
     after it had scrolled off screen. Keep the CTA visually strong but static on
     touch devices so page movement gets the compositor budget. */
  body.site-browse-mode:not(.estimator-mode) #heroStart,
  body.site-browse-mode:not(.estimator-mode) #heroStart::before,
  body.site-browse-mode:not(.estimator-mode) #heroStart::after{
    animation:none!important;
    filter:none!important;
  }

  /* Horizontal rails still swipe natively, but should not animate their own
     scroll position while the page itself is being dragged. */
  .gq-guide-cover-track,
  .product-tabs,
  [class*="carousel"],
  [class*="slider"]{
    scroll-behavior:auto!important;
  }

  /* Hover-only image effects are useless on touch and can keep extra layers alive. */
  .landing-hero-media img,
  .catalogue-cover-figure img,
  .detail-preview img,
  .photo-stack img,
  .product-card img,
  .process-photo>img,
  .gq-guide-cover-link img{
    transition:none!important;
    will-change:auto!important;
  }
}