/* * Enter any custom CSS here. * This file will not be overwritten by theme updates. */ /* Catch-all: prevent rogue horizontal scroll on mobile from off-screen elements (hero light beams, glow blobs, transforms, etc). `clip` is safer than `hidden` — doesn't create a scroll container so position: sticky still works inside. */ html, body { overflow-x: clip; } /* ── Scrollbars: hidden everywhere ── Scrolling still works (wheel, keys, touch, drag) — only the bar itself is gone. Applies to nested scrollers too, e.g. the group modal body. `color-scheme` stays so native form controls and any UA chrome keep rendering dark. */ :root { color-scheme: dark; } html, body, * { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* legacy Edge / IE */ } ::-webkit-scrollbar { width: 0; height: 0; display: none; } /* Chromium, Safari */ /* ── Shop logo sizing ── These MUST live here rather than in a component