/* Keep the public navigation visible without removing its space in the page. */
html{scroll-padding-top:calc(var(--site-header-height,132px) + 16px)}
header.site-header{position:sticky;top:0;z-index:65;max-width:none;margin:0;padding:16px max(5%,calc((100% - 1296px)/2));background:#fff;border-bottom:1px solid #e3e8ed;box-shadow:0 3px 14px #14263e0d}
.site-header>nav{min-width:0}
.site-header>nav a{flex-shrink:0;white-space:nowrap}
.site-header~main .commerce-panel{scroll-margin-top:0}
@media(max-width:1280px){
 .site-header{flex-wrap:wrap}
 .site-header>nav{order:3;flex:1 0 100%;width:100%;max-width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:22px;overflow-x:auto;padding:6px 0;scroll-padding-inline:8px}
 .site-header>nav a{display:inline-flex;align-items:center;min-height:36px;font-size:14px}
}
@media(max-width:640px){
 header.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:8px 5%}
 .site-header>.brand{min-width:0;max-width:none}
 .site-header .brand-logo{width:160px;max-width:100%}
 .site-header>.button{max-width:52vw}
 .site-header>nav{grid-column:1/-1;gap:18px;padding:4px 0;border-top:1px solid var(--line)}
}
@media print{header.site-header{position:static;box-shadow:none}}