/* ============================================================================ GLOBAL — reset and element defaults ---------------------------------------------------------------------------- Loaded by : every page (link directly after tokens.css) Depends on: base/tokens.css The Inter webfont is linked from each page's rather than @import-ed here — an @import inside CSS is only discovered after this file parses, which costs an extra round trip and delays first paint. ============================================================================ */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;font-size:16px;} body{ font-family:'Inter',sans-serif; background:var(--white); color:var(--text-dark); line-height:1.65; overflow-x:hidden; } a{text-decoration:none;color:inherit;} ul{list-style:none;} img{max-width:100%;display:block;} /* Locks background scroll while a product modal is open. Set from js/catalogue.js so JS never writes inline styles. */ body.modal-open{overflow:hidden;} /* ── Scrollbar (WebKit / Chromium) ──────────────────────────────────────── */ ::-webkit-scrollbar{width:5px;} ::-webkit-scrollbar-track{background:#f1f1f1;} ::-webkit-scrollbar-thumb{background:var(--blue-mid);border-radius:3px;}