/* Legacy hardware script reconstructs these two elements after the HTML menu loads. */
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body:has(.sx-hw-menu) { --sx-drawer-rail: 38px; }
@media(max-width: 600px) { html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body:has(.sx-hw-menu) { --sx-drawer-rail: 30px; } }
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header {
  box-sizing:border-box; display:grid!important; align-items:center!important;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr)!important;
  max-width:1200px!important; gap:8px 10px!important;
  width:min(100%,1200px)!important; height:auto!important;
  margin-inline:auto!important; padding:12px clamp(12px,2vw,28px)!important;
}
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body:has(.sx-hw-menu) > :is(header.sx-unified-header,nav.skyx-category-navigation,nav.site-nav) {
  width:min(1200px, calc(100% - var(--sx-drawer-rail)))!important;
  margin-inline-start:max(0px,calc((100% - var(--sx-drawer-rail) - 1200px)/2))!important;
  margin-inline-end:auto!important;
}
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header > a:first-child { grid-column:1;grid-row:1;justify-self:start; }
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header > nav.sx-header-links {
  grid-column:2; grid-row:1; justify-self:center; display:flex!important;
  flex-wrap:wrap!important; align-items:stretch!important; justify-content:center!important;
  gap:4px!important; margin:0!important; padding:0!important; min-width:0!important;
}
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links > a[href],
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links > details > summary {
  box-sizing:border-box!important; display:inline-flex!important; min-height:44px!important;
  align-items:center!important; justify-content:center!important; text-align:center;
  padding:9px 12px!important; border-radius:10px!important; margin:0!important;
  font:500 15px/1.35 Arial,Helvetica,sans-serif!important; text-decoration:none!important;
  transition:background-color 150ms ease,color 150ms ease;
}
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links :is(a[href],summary):is(:hover,:focus-visible) {
  background-color:#ded6f0!important;color:#2d185c!important;text-decoration:none!important;
}
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links :is(a[href],summary):focus-visible {
  outline:2px solid #6e4db4!important;outline-offset:2px!important;
}
@media(max-width:1040px){
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header > a:first-child {grid-column:2;justify-self:center;}
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header > nav.sx-header-links {grid-row:2;grid-column:1/-1;width:100%!important;}
}
@media(max-width:640px){
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header {grid-template-columns:1fr auto 1fr!important;}
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header > nav.sx-header-links {position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links > a[href],html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links > details > summary {font-size:14px!important;padding:6px 4px!important;white-space:normal!important;}
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links > details {position:static;}
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links > details > div {inset-inline:0;top:100%;width:100%;min-width:0;max-width:none;box-sizing:border-box;}
}
@media(max-width:350px){html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header > nav.sx-header-links {grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(prefers-reduced-motion:reduce){html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy):is(html,#sx-hardware-navigation) body header.sx-unified-header nav.sx-header-links :is(a[href],summary){transition:none!important;}}