@font-face{font-family:DMMono;src:local('DM Mono')}
.site-header{position:sticky;top:0;z-index:20;background:rgba(248,241,241,.97);border-bottom:1px solid rgba(53,41,45,.18);color:#35292d;box-shadow:0 8px 24px rgba(53,41,45,.06);backdrop-filter:blur(18px)}
.site-header .nav{height:92px;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 52px;color:inherit}
.site-header .brand{display:flex;align-items:center;justify-self:center}.site-header .brand-mark{width:72px;height:72px;object-fit:contain;margin:0}
.site-header .navlinks{display:flex;gap:32px;align-items:center;justify-content:flex-start;font:11px DMMono,'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.site-header .navlinks a{opacity:.8;transition:opacity .2s}.site-header .navlinks a:hover{opacity:1}
.site-header .navright{display:flex;justify-content:flex-end;align-items:center;gap:18px;font-size:12px}.site-header .navright>a{font:10px DMMono,'DM Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:inherit;opacity:.8}.site-header .navright>a:hover{opacity:1}
.site-header .nav-icon{position:relative;width:34px;height:34px;padding:0;display:grid;place-items:center;background:transparent;color:inherit;opacity:.82;border:0}.site-header .nav-icon:hover{opacity:1}.site-header .nav-icon svg{width:19px;height:19px}.site-header .cart-count{position:absolute;right:-6px;top:-5px;min-width:15px;height:15px;padding:0 4px;display:grid;place-items:center;border-radius:50%;background:#35292d;color:#f8f1f1;font:9px DMMono,'DM Mono',monospace}
@media(max-width:900px){.site-header .nav{height:72px;padding:0 22px}.site-header .navlinks{display:none}.site-header .navright{gap:7px}.site-header .navright>a{display:none}.site-header .brand-mark{width:64px;height:64px}}
@media(max-width:520px){.site-header .nav{height:64px;padding:0 14px}.site-header .brand-mark{width:56px;height:56px}}
/* Mobile header: keep the brand centered while retaining the useful controls. */
@media(max-width:900px){
  .site-header .nav{height:68px;padding:0 16px;grid-template-columns:1fr auto 1fr;gap:8px}
  .site-header .navlinks{display:flex;justify-content:flex-start;gap:0;min-width:52px}
  .site-header .navlinks a{display:none}
  .site-header .navlinks a[href="catalog.html"]{display:block;font:9px DMMono,'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
  .site-header .navright{gap:2px;justify-content:flex-end}
  .site-header .navright>a:not(.nav-icon){display:none!important}
  .site-header .navright>a.nav-icon{display:grid!important}
  .site-header .nav-icon{width:32px;height:32px}
  .site-header .nav-icon svg{width:18px;height:18px}
  .site-header .brand-mark{width:58px;height:58px}
}
@media(max-width:520px){
  .site-header .nav{height:64px;padding:0 12px;gap:5px}
  .site-header .navlinks{min-width:48px}
  .site-header .navlinks a[href="catalog.html"]{font-size:8px}
  .site-header .navright{gap:0}
  .site-header .nav-icon{width:30px;height:30px}
  .site-header .nav-icon svg{width:17px;height:17px}
  .site-header .brand-mark{width:54px;height:54px}
}
html,body{max-width:100%;overflow-x:hidden}