:root{--site-chrome-height:120px;--mobile-nav-height:0px}
html.has-preview{--site-chrome-height:158px}
html{scroll-padding-top:calc(var(--site-chrome-height) + 16px)}
body{padding-top:var(--site-chrome-height)}
.site-chrome{position:fixed;inset:0 0 auto;z-index:500;padding-top:env(safe-area-inset-top,0px);background:#101114;border-bottom:1px solid #2a2c32;box-shadow:0 8px 24px #0002}
.site-chrome .site-header{border-bottom:0}
.bottom-nav{display:none}
.skip{position:fixed;z-index:2100}
.collection-rail{top:calc(var(--site-chrome-height) + 20px)}
@media(max-width:760px){
 :root{--site-chrome-height:65px;--mobile-nav-height:64px}
 html.has-preview{--site-chrome-height:103px}
 body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 12px)}
 .site-chrome .draft-strip{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:14px}
 .site-chrome .draft-strip span{margin-left:0;overflow:hidden;text-overflow:ellipsis;min-width:0}
 .site-chrome .catalog-header{padding-top:10px;padding-bottom:10px}
 .site-chrome .header-main{flex-wrap:nowrap;min-height:44px;gap:12px}
 .site-chrome .brand{margin-right:0}
 .site-chrome .brand img{width:32px;height:32px}
 .site-chrome .header-search{order:initial;width:auto;flex:1;min-width:0;flex-basis:auto;height:44px;margin:0}
 .site-chrome .header-search input{font-size:16px;line-height:22px;padding:10px}
 .site-chrome .header-search button{height:42px;min-width:44px}
 .site-chrome .channel-nav{display:none}
 .bottom-nav{position:fixed;inset:auto 0 0;z-index:500;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#14151bf5;border-top:1px solid #35303b;backdrop-filter:blur(16px);box-shadow:0 -8px 24px #0003}
 .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:44px;font-size:14px;line-height:20px;color:#a7a7b5;position:relative}
 .bottom-nav a[aria-current]{color:#ff819b;background:linear-gradient(#ff456612,transparent)}
 .bottom-nav a[aria-current]::before{content:"";position:absolute;top:0;width:28px;height:2px;border-radius:2px;background:#ff557c}
 .bottom-nav a:focus-visible{outline-offset:-5px}
}