.site-header{--site-header-mobile:0;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem;padding:.75rem clamp(1rem,4vw,4.5rem);border-bottom:1px solid var(--line);background:var(--canvas,Canvas);color:var(--ink-900,CanvasText)}
.site-header__brand{min-inline-size:0;max-inline-size:100%;flex:1 1 auto}.site-header__brand>a{max-inline-size:100%;min-inline-size:0;display:inline-flex;align-items:center;gap:.65rem;overflow-wrap:anywhere}.site-header__brand img{flex:none;object-fit:contain}.site-header__brand span{min-inline-size:0}
.site-header__trigger{display:none;flex:none;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;padding:.4rem;border:1px solid var(--line-strong,GrayText);border-radius:50%;background:var(--surface,Canvas);color:inherit;cursor:pointer}.site-header__trigger svg{inline-size:1.25rem;block-size:1.25rem}
.site-header__panel{position:static;inset:auto;display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem 1.25rem;inline-size:auto;max-inline-size:100%;margin:0;padding:0;border:0;color:inherit;background:transparent;overflow:visible}
.site-header__panel-head{display:none}.site-header__language{min-inline-size:0}.site-header__navigation{min-inline-size:0}.site-header__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;min-inline-size:0}
@media(max-width:54rem){
 .site-header{--site-header-mobile:1;position:sticky;inset-block-start:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.5rem 12px;transition:transform .18s ease;will-change:auto}
 .site-header[data-site-header-hidden=true]:not(:focus-within):not(:has(:popover-open)){transform:translateY(-100%)}
 .site-header__brand>a{font-size:1.2rem}.site-header__brand img{inline-size:32px;block-size:32px}.site-header__trigger{display:inline-flex}
 .site-header__panel:not(:popover-open){display:none}
 .site-header__panel:popover-open{--site-menu-inset:.65rem;--site-menu-icon:1.25rem;--site-menu-icon-gap:.6rem;position:fixed;inset:auto;inset-block-start:8px;inset-inline-start:8px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:.35rem;box-sizing:border-box;inline-size:min(28rem,calc(100vw - 16px));max-block-size:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;padding:.75rem;border:1px solid var(--line-strong,GrayText);border-radius:.8rem;background:var(--surface,Canvas);color:var(--ink-900,CanvasText);box-shadow:0 1rem 3rem #0003;font-size:1rem}
 .site-header__panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header__panel-head>strong{min-inline-size:0;overflow-wrap:anywhere}.site-header__panel-head>button{flex:none}
 .site-header__language .language-select{position:relative;display:block;inline-size:100%;font-size:inherit}
 .site-header__navigation nav,.site-header__actions,.site-header__actions .account-menu-status{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.35rem;font-size:inherit}
 /* The native controls and portal slots form one navigation list. They are not a wrapping action group. */
 .site-header__panel :is(
  .site-header__language select,
  .site-header__navigation nav>a,
  .site-header__actions>:is(a,button),
  .site-header__actions .catalog-interaction-tools>:is(a,button),
  .site-header__actions :is([data-account-menu-root],[data-catalog-comparison-slot],.account-menu-status)>:is(a,button)
 ){
  position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--site-menu-icon-gap);box-sizing:border-box;
  inline-size:100%;min-inline-size:0;max-inline-size:100%;block-size:auto;min-block-size:44px;margin:0;
  padding:.45rem var(--site-menu-inset);padding-inline-start:calc(var(--site-menu-inset) + var(--site-menu-icon) + var(--site-menu-icon-gap));
  border:1px solid var(--line-strong,GrayText);border-radius:.4rem;background:var(--control-state-bg,var(--surface,Canvas));color:inherit;box-shadow:none;
  font:inherit;font-size:1rem;font-weight:500;line-height:1.4;text-align:start;text-decoration:none;white-space:normal;overflow-wrap:anywhere;word-break:normal
 }
 .site-header__panel :is(
  .site-header__language .language-select,
  .site-header__actions>:is(a,button),
  .site-header__actions .catalog-interaction-tools>:is(a,button),
  .site-header__actions :is([data-account-menu-root],[data-catalog-comparison-slot],.account-menu-status)>:is(a,button)
 )>svg{position:absolute;inset-inline-start:var(--site-menu-inset);inset-block-start:50%;inline-size:var(--site-menu-icon);block-size:var(--site-menu-icon);margin:0;transform:translateY(-50%);pointer-events:none}
 /* Keep the native select, with the same content inset and icon layer as the other menu controls. */
 .site-header__panel .site-header__language .language-select>select{appearance:none;padding-inline-end:calc(var(--site-menu-inset) + var(--site-menu-icon) + var(--site-menu-icon-gap))}
 .site-header__language .language-select>svg{z-index:1}
 .site-header__language .language-select::after{content:"";position:absolute;z-index:1;inset-inline-end:calc(var(--site-menu-inset) + .3rem);inset-block-start:50%;inline-size:.4rem;block-size:.4rem;border-inline-end:.1rem solid currentColor;border-block-end:.1rem solid currentColor;transform:translateY(-75%) rotate(45deg);pointer-events:none}
 .site-header__actions :is(a,button)>span{min-inline-size:0;overflow-wrap:anywhere}
 .site-header__actions :is([data-commerce-cart-count],.catalog-inquiry-count){flex:none;margin-inline-start:auto}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}