/* Shared header: logo/search above Menu and the right-hand controls. */
.site-header[data-site-header]{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px 24px;background:#000;color:#fff;align-items:center;padding:15px clamp(18px,3vw,48px) 10px;z-index:20}
.site-header .site-identity{grid-column:1;grid-row:1}
.site-header .header-search{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:520px;margin:0 auto;order:initial}
.site-header .header-controls{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;font-size:13px}
.site-header .header-controls nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:16px;padding:0;border:0;background:#000;grid-template-columns:none}
.site-header .header-controls nav>a,.site-header .header-controls .customer-profile-menu>summary{display:flex;align-items:center;min-height:38px;padding:6px 0;white-space:nowrap;color:#fff;font-weight:normal}
.site-header .storefront-preferences-bar{padding:0;background:#000;color:#fff}
.storefront-preferences{display:flex;align-items:center;gap:10px;margin:0;font-size:inherit}
.storefront-preferences label{display:flex;align-items:center;gap:5px;margin:0;white-space:nowrap}
.storefront-preferences select,.storefront-preferences button{box-sizing:border-box;background-color:#000;color:#fff;border:0;border-radius:0;min-height:38px;padding:6px;font:inherit}
.storefront-preferences select{appearance:none;-webkit-appearance:none;padding-right:21px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 3px center;color-scheme:dark}
.storefront-preferences select option{background:#000;color:#fff}.storefront-preferences button{cursor:pointer}
.site-header :is(button,select,summary,a):focus-visible{outline:2px solid #000;outline-offset:3px}
.home-shell .home-main{margin-top:0;padding-top:0}
@media(min-width:761px) and (max-width:1000px){.site-header[data-site-header]{grid-template-columns:100px minmax(0,1fr);column-gap:12px}.site-header .header-controls,.site-header .header-controls nav{gap:8px;font-size:12px}.storefront-preferences{gap:5px}.storefront-preferences label{gap:3px}}
@media(max-width:760px){.site-header[data-site-header]{grid-template-columns:auto minmax(0,1fr)}.site-header .site-identity{grid-column:1/-1;grid-row:1}.site-header .header-search{grid-column:1/-1;grid-row:2;max-width:none}.site-header .header-controls{grid-column:2;grid-row:3;align-self:end;flex-wrap:wrap;gap:8px;font-size:12px}.site-header .header-controls nav{flex-wrap:wrap;gap:12px}.storefront-preferences{flex-wrap:wrap;justify-content:flex-end;gap:5px}}
@media(pointer:coarse){.storefront-preferences select,.storefront-preferences button,.site-header .header-controls nav>a,.site-header .header-controls .customer-profile-menu>summary{min-height:44px}}

/* One typography setting for every header navigation control at every width. */
.site-header[data-site-header]{--header-control-font:13px;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.site-header .product-menu,.site-header .header-controls,.site-header .header-controls nav,.site-header .storefront-preferences{font-family:inherit;font-size:var(--header-control-font);font-weight:400;line-height:1.45}
.site-header .product-menu>details>summary,.site-header .header-controls nav>a,.site-header .header-controls .customer-profile-menu>summary,.site-header .storefront-preferences :is(label,select,button){font-family:inherit;font-size:var(--header-control-font);font-weight:400;line-height:1.45}

/* Preserve current saved colors while retaining the backup's header placement. */
.site-header[data-site-header],.site-header .header-controls nav,.site-header .storefront-preferences-bar,.site-header .storefront-preferences :is(select,button){background-color:var(--theme-header-background,var(--theme-header));color:var(--theme-header-foreground,var(--theme-header-text))}
.site-header .header-controls nav>a,.site-header .header-controls .customer-profile-menu>summary,.site-header .site-identity,.site-header .site-identity :is(a,small){color:var(--theme-header-foreground,var(--theme-header-text))}
.site-header .storefront-preferences select option{background:var(--theme-panel);color:var(--theme-text)}
.site-header :is(button,select,summary,a):focus-visible{outline-color:currentColor}