/* Approved header only: established palette, black brand and visible mobile access. */
#site-header.header-proposal{position:relative;z-index:25;background:#fff;border-bottom:1px solid #d9ddda}
#site-header>.wrap{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:104px;padding:12px 0}
#site-header .brand-link{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;justify-self:start;min-width:0;color:#171817}
#site-header .brand{display:flex;align-items:center;gap:12px}
#site-header .bars{display:flex;align-items:flex-end;flex:0 0 38px;width:38px;height:44px;gap:3px}
#site-header .bars i{width:7px;border-radius:5px;background:#171817}
#site-header .bars i:nth-child(1){height:17px}
#site-header .bars i:nth-child(2){height:26px}
#site-header .bars i:nth-child(3){height:35px}
#site-header .bars i:nth-child(4){height:44px}
#site-header .brand strong{font-family:var(--font)!important;font-size:24px;line-height:1.08;letter-spacing:-.03em;font-weight:600;color:#171817}
#site-header .brand-tagline{font-family:var(--font);font-size:12px;line-height:1.45;font-weight:400;letter-spacing:0;color:#545851}
#site-header .header-product{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:22px;width:auto;margin:0;padding:0}
#site-header .header-product a{display:inline-flex;align-items:center;min-height:44px;padding:0;font:500 16px/1.5 var(--font);color:#171817;white-space:nowrap}
#site-header .header-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:auto;margin:0;padding:0}
#site-header .header-account a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:500 16px/1.5 var(--font);color:#171817;white-space:nowrap}
#site-header .header-account .button{gap:12px;min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-size:16px;font-weight:600}
#site-header .header-account .secondary{background:#fff;color:#171817;border-color:#d9ddda;font-weight:500}
#site-header :is(.header-product a,.header-account>a:first-child,.header-mobile-nav>a):hover{color:#171817;text-decoration:underline;text-underline-offset:4px}
#site-header .header-menu{display:none}
#site-header .header-menu:not([open]) .header-mobile-nav{display:none}
#site-header .header-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #d9ddda;border-radius:8px;background:#fff;color:#171817;cursor:pointer;list-style:none}
#site-header .header-menu summary::-webkit-details-marker{display:none}
#site-header .header-menu summary svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#site-header .header-menu summary:focus-visible{outline:2px solid #171817;outline-offset:4px}
#site-header .header-mobile-nav{position:absolute;left:0;right:0;top:calc(100% - 1px);z-index:1;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:#fff;border:1px solid #d9ddda;border-radius:0 0 12px 12px;box-shadow:0 12px 24px -16px #17181733}
#site-header .header-mobile-nav>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;white-space:normal;color:#171817;font:500 16px/1.5 var(--font)}
#site-header .header-mobile-nav .button{justify-content:center;margin-top:8px;background:#fff;border:1px solid #d9ddda;border-radius:8px;color:#171817}
@media(max-width:1100px){
 #site-header>.wrap{grid-template-columns:minmax(0,1fr) 44px;gap:14px 20px;min-height:0;padding:16px 0}
 #site-header .brand-link{grid-column:1;grid-row:1;justify-self:start}
 #site-header .brand{gap:10px}
 #site-header .brand strong{font-size:22px}
 #site-header .header-product{display:none}
 #site-header .header-menu{display:block;grid-column:2;grid-row:1;align-self:start;justify-self:end}
 #site-header .header-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;grid-row:2;gap:12px;width:100%;margin:0;padding:0}
 #site-header .header-account>a:first-child{grid-column:auto;justify-content:flex-start;min-height:44px}
 #site-header .header-account .secondary{display:none}
 #site-header .header-account .button{width:100%;font-size:16px;padding:10px 12px;min-height:44px;white-space:nowrap}
}
@media(max-width:420px){
 #site-header>.wrap{gap:12px 16px;padding:14px 0}
 #site-header .brand strong{font-size:20px}
 #site-header .brand-tagline{font-size:12px;line-height:1.45}
 #site-header .header-account{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px}
 #site-header .header-account a{font-size:15px}
 #site-header .header-account .button{font-size:15px;padding:10px 8px}
}


/* Desktop navigation labels share one centered alignment. */
@media(min-width:1101px){#site-header .header-product{align-self:center;align-items:center;justify-content:center}#site-header .header-product>a,#site-header .header-product>details>summary{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;margin-block:0}#site-header .header-account{align-self:center}}
@media(min-width:1101px) and (max-width:1320px){#site-header>.wrap{gap:14px}#site-header .header-product{gap:14px}#site-header .header-product a,#site-header .header-product summary{font-size:14px}#site-header .header-account{gap:8px}#site-header .header-account a{font-size:14px}#site-header .header-account .button{padding:9px 10px;font-size:14px}#site-header .brand strong{font-size:22px}}

/* Center navigation on the page axis, independently of the brand and account widths. */
@media(min-width:1101px){
 #site-header>.wrap{grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr)}
 #site-header .header-product{justify-self:center;width:max-content}
 #site-header .header-account{justify-self:end}
}
@media(min-width:1101px) and (max-width:1199px){
 #site-header>.wrap{gap:12px}
 #site-header .header-product{gap:10px}
 #site-header .header-product a,#site-header .header-product .product-dropdown-desktop>summary{font-size:14px}
 #site-header .header-account{gap:4px}
 #site-header .header-account .button{padding-inline:8px;font-size:14px}
}