/* * Enter any custom CSS here. * This file will not be overwritten by theme updates. */ html, body { /* min-height, not height: `height: 100%` pinned the document to the viewport, so the page never scrolled the document itself — window.scrollY stayed 0, which broke scroll-to-top, scroll progress and navbar scroll state. */ min-height: 100%; background: #121212; font-family: 'Roboto', sans-serif; } /* `overflow-x: hidden` turns an element into a scroll container, and on that hijacks document scrolling (and breaks position: sticky). `clip` stops the sideways overflow without creating one. */ body { overflow-x: clip; } /* Anchor jumps (e.g. Products -> /#products) glide instead of teleporting. */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* Desktop nav links keep their icons in the markup for the mobile menu, and the navbar component hides them with `.nav__links svg { display: none }`. That rule lives in a body-level