/* ========================================================================== Mobile gate visibility — paired with (components/). Loaded in so the rule is applied before first paint: no flash of the desktop layout on mobile, and the gate still works if the component's JS fails to load (content stays hidden rather than showing a broken desktop UI). The component renders the gate's inner content; this file only controls what is shown vs hidden by viewport. NOTE: privacy-terms.html intentionally does NOT load this file — the gate footer links to it, so it must remain reachable on mobile. ========================================================================== */ wholesum-mobile-gate { display: none; } @media (max-width: 640px) { /* Take over the viewport: hide every page sibling, reveal only the gate. */ body > *:not(wholesum-mobile-gate) { display: none !important; } wholesum-mobile-gate { display: block !important; } }