/* Global mobile responsiveness safety net. Layer 1: stop horizontal scroll / left-right jitter that exists when any element renders wider than the viewport on a phone. Layer 2: targeted fixes for known overflow culprits (top-bar nav-actions, product card grids) so content stays reachable, not just clipped. */ /* ---------- Layer 1: universal ---------- */ html, body { overflow-x: hidden; /* `hidden` on both html and body makes a scroll container that never scrolls, so every `position: sticky` header stuck to and scrolled away with the page (NEW-01, measured 2026-09-14: the home nav sat at -846px after a 900px scroll). `clip` cuts the overflow the same way without creating a scroll container. Browsers without `clip` (iOS < 16) drop this line and keep `hidden`: no sticky header, but no sideways scroll either. */ overflow-x: clip; max-width: 100vw; } html { overscroll-behavior-x: none; } body { position: relative; /* iOS Safari respects touch-action even when overflow-x: hidden alone does not fully prevent the elastic horizontal-pan gesture. Locking to pan-y + pinch-zoom kills horizontal swipe site-wide while still allowing vertical scroll and pinch-zoom. Horizontal carousels (if any are added later) can override with touch-action: pan-x on the specific scroll container. */ touch-action: pan-y pinch-zoom; } /* touch-action is NOT inherited, so position: fixed overlays (modal backdrops, off-canvas drawers, dropdowns) default to touch-action: auto and reintroduce horizontal-pan on iOS even when body locks it. Repeat the lock for every known floating layer. New overlays should either match one of these selectors or set touch-action explicitly. */ .bauth-modal, .bauth-card, .cart-drawer, .ssc-drawer, .ssa-menu, .pdm-card, .ss-search-pop, [role="dialog"], [aria-modal="true"] { touch-action: pan-y pinch-zoom; } /* ---------- Layer 2: targeted at <=480px (phones) ---------- */ @media (max-width: 480px) { /* Topbar: tighten so logo + search + actions fit a 375px viewport. Scoped to the storefront nav: Founding Shopper has its own