/* Full-width storefront, bounded content, persistent navigation — Harsh Gulati. */
:root{--store-gutter:36px;--header-clearance:120px}
html{background:var(--paper);scroll-padding-top:var(--header-clearance)}
body{background:var(--paper)}
/* The outer wrapper is no longer a floating card. Only the reading area is capped. */
.site-shell{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--paper);overflow:visible}
.site-shell>main{width:min(100%,var(--frame));margin-inline:auto;scroll-margin-top:var(--header-clearance)}
.site-shell>.topbar,.site-shell>.store-header,.site-shell>footer{padding-inline:max(var(--store-gutter),calc((100% - var(--frame))/2 + var(--store-gutter)));border-radius:0}
.site-shell>.topbar{margin:0}
.site-shell>.store-header{position:sticky;top:0;z-index:40;background:var(--paper);box-shadow:0 3px 12px #193b3108;border-radius:0}
.site-shell>.category-nav{border-radius:0;background:var(--paper)}
.site-shell>footer{margin:0;border-radius:0}
@media(max-width:1150px){:root{--store-gutter:26px}}
@media(max-width:900px){:root{--store-gutter:22px}}
@media(max-width:680px){:root{--store-gutter:18px;--header-clearance:150px}}