/* AquaSquishy header composition. Keep the existing commerce nodes intact. */
body.aqh-header-layout header.aq-site-header {
  --aqh-gutter:20px;
  --aqh-main:#0071dc;
  --aqh-nav:#0063bd;
  --aqh-ink:#1a2a33;
  --aqh-all-width:66px;
  overflow:visible;
  isolation:isolate;
}

/* The header is fluid; the product-content container remains unchanged. */
body.aqh-header-layout header.aq-site-header .aq-container,
body.aqh-header-layout header.aq-site-header .aqh-nav-inner {
  width:calc(100% - var(--aqh-gutter) * 2);
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
  box-sizing:border-box;
}
body.aqh-header-layout header.aq-site-header .aq-header-main {
  position:relative;
  z-index:2;
  background:var(--aqh-main);
  color:#fff;
}
body.aqh-header-layout header.aq-site-header .aq-header-row {
  display:flex;
  align-items:center;
  min-height:64px;
  height:64px;
  gap:24px;
}
body.aqh-header-layout header.aq-site-header .aq-logo {flex:0 0 auto;min-width:0}
body.aqh-header-layout header.aq-site-header .aq-logo .aq-wordmark {
  width:180px;
  height:56px;
  min-height:0;
  padding:0;
  background:transparent;
  border-radius:0;
  overflow:visible;
}
body.aqh-header-layout header.aq-site-header .aq-header-logo-image {
  display:block;
  width:100%;
  max-width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
body.aqh-header-layout header.aq-site-header .aq-search {
  display:flex;
  flex:1 1 0%;
  min-width:0;
  justify-content:stretch;
}
body.aqh-header-layout header.aq-site-header .aq-search-form {
  display:flex;
  width:100%;
  max-width:none;
  height:44px;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #fff;
  border-radius:5px;
  background:#fff;
  box-shadow:none;
}
body.aqh-header-layout header.aq-site-header .aq-search-form:focus-within {
  outline:2px solid #fff;
  outline-offset:2px;
}
body.aqh-header-layout header.aq-site-header .aq-search-form input[type="search"] {
  flex:1 1 0%;
  min-width:0;
  width:auto;
  height:42px;
  margin:0;
  padding:0 14px;
  border:0;
  border-radius:0;
  color:var(--aqh-ink);
  background:#fff;
  font-size:15px;
  line-height:1.4;
}
body.aqh-header-layout header.aq-site-header .aq-search-form button {
  display:grid;
  place-items:center;
  flex:0 0 50px;
  width:50px;
  height:42px;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  color:#fff;
  background:var(--aqh-nav);
}
body.aqh-header-layout header.aq-site-header .aq-search-form button:hover {background:#0056a4}
body.aqh-header-layout header.aq-site-header .aq-header-actions {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:12px;
  margin-left:0;
}
body.aqh-header-layout header.aq-site-header .aq-header-actions .aq-action,
body.aqh-header-layout header.aq-site-header .aq-user-menu__trigger {
  min-height:44px;
  color:#fff;
  font-size:14px;
  line-height:1.3;
}
body.aqh-header-layout header.aq-site-header .aq-user-menu {position:relative}
body.aqh-header-layout header.aq-site-header .aq-user-menu__trigger {
  gap:6px;
  padding:6px 9px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
}
body.aqh-header-layout header.aq-site-header .aq-user-menu__trigger:hover {
  border-color:#fff;
  color:#fff;
  background:transparent;
}
body.aqh-header-layout header.aq-site-header .aq-account-name {
  display:inline-block;
  max-width:132px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.aqh-header-layout header.aq-site-header .aq-user-menu__panel {
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  left:auto;
  z-index:40;
  width:min(240px,calc(100vw - var(--aqh-gutter) * 2));
  max-height:min(520px,60vh);
  overflow-y:auto;
  color:var(--aqh-ink);
  text-align:left;
}
body.aqh-header-layout header.aq-site-header .aq-user-menu__panel a {min-height:44px}
body.aqh-header-layout header.aq-site-header .aq-action--cart {
  min-width:44px;
  gap:8px;
  padding:6px 5px;
  border:1px solid transparent;
  border-radius:4px;
}
body.aqh-header-layout header.aq-site-header .aq-action--cart:hover {border-color:#fff;color:#fff}
body.aqh-header-layout header.aq-site-header .aq-action--cart > svg {width:25px;height:25px;flex:0 0 25px}
body.aqh-header-layout header.aq-site-header .aq-cart-count {top:0;left:19px}
body.aqh-header-layout header.aq-site-header .aq-mobile-search {display:none}

/* The scroll track and the All popup are siblings, so the popup is not clipped. */
body.aqh-header-layout header.aq-site-header nav.aq-subnav {
  position:relative;
  z-index:1;
  min-height:44px;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  background:var(--aqh-nav);
  color:#fff;
}
body.aqh-header-layout header.aq-site-header .aqh-nav-inner {
  position:relative;
  display:flex;
  align-items:stretch;
  min-height:44px;
}
body.aqh-header-layout header.aq-site-header .aq-subnav-scroll {
  display:flex;
  align-items:stretch;
  min-height:44px;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  scroll-padding-inline:12px;
  -webkit-overflow-scrolling:touch;
}
body.aqh-header-layout header.aq-site-header .aqh-nav-inner > .aq-subnav-scroll {
  flex:1 1 0%;
  min-width:0;
  width:auto;
  max-width:none;
  margin:0;
  padding:0;
}
body.aqh-header-layout header.aq-site-header .aq-subnav-scroll::-webkit-scrollbar {display:none}
body.aqh-header-layout header.aq-site-header .aq-subnav-scroll > a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:44px;
  margin:0;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:3px;
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
  white-space:nowrap;
}
body.aqh-header-layout header.aq-site-header .aq-subnav-scroll > a:hover {border-color:#fff;color:#fff}
body.aqh-header-layout header.aq-site-header .aq-subnav-scroll > a[aria-current="page"] {color:#fff;box-shadow:inset 0 -2px #fff}
body.aqh-header-layout header.aq-site-header details.aqh-all {
  position:static;
  flex:0 0 var(--aqh-all-width);
  width:var(--aqh-all-width);
  min-width:var(--aqh-all-width);
  margin:0;
  padding:0;
  border:0;
}
body.aqh-header-layout header.aq-site-header details.aqh-all > summary {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-height:44px;
  margin:0;
  padding:0 8px;
  list-style:none;
  border:1px solid transparent;
  border-radius:3px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  white-space:nowrap;
  cursor:pointer;
}
body.aqh-header-layout header.aq-site-header details.aqh-all > summary::-webkit-details-marker {display:none}
body.aqh-header-layout header.aq-site-header details.aqh-all > summary::marker {content:""}
body.aqh-header-layout header.aq-site-header details.aqh-all > summary svg {width:18px;height:18px;flex:0 0 18px}
body.aqh-header-layout header.aq-site-header details.aqh-all > summary:hover,
body.aqh-header-layout header.aq-site-header details.aqh-all[open] > summary {border-color:#fff}
body.aqh-header-layout header.aq-site-header .aqh-all-panel {
  position:absolute;
  top:100%;
  left:0;
  right:auto;
  z-index:30;
  width:min(360px,100%);
  max-height:min(520px,var(--aqh-panel-available,60vh));
  margin:0;
  padding:8px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #dfe7ef;
  border-radius:0 0 6px 6px;
  background:#fff;
  color:var(--aqh-ink);
  box-shadow:0 8px 24px rgba(16,24,40,.2);
  text-align:left;
}
body.aqh-header-layout header.aq-site-header details.aqh-all:not([open]) > .aqh-all-panel {display:none}
body.aqh-header-layout header.aq-site-header details.aqh-all[open] > .aqh-all-panel {display:block}
body.aqh-header-layout header.aq-site-header .aqh-all-panel :is(ul,ol) {margin:0;padding:0;list-style:none}
body.aqh-header-layout header.aq-site-header .aqh-all-panel li {margin:0;padding:0}
body.aqh-header-layout header.aq-site-header .aqh-all-panel a {
  display:flex;
  align-items:center;
  min-height:44px;
  margin:0;
  padding:10px 12px;
  border:0;
  border-radius:3px;
  color:var(--aqh-ink);
  font-size:14px;
  font-weight:500;
  line-height:1.5;
  text-decoration:none;
  white-space:normal;
  overflow-wrap:anywhere;
}
body.aqh-header-layout header.aq-site-header .aqh-all-panel a:hover {background:#edf5fc;color:var(--aqh-nav)}
body.aqh-header-layout header.aq-site-header .aqh-all-panel :is(h2,h3,p) {margin:6px 12px 8px;color:var(--aqh-ink);font-size:14px;line-height:1.5}
body.aqh-header-layout header.aq-site-header .aqh-all-divider {display:block;height:1px;margin:7px 12px;background:#e3e8ee}

/* CSS direction hints do not receive pointer events or cover the All target. */
body.aqh-header-layout header.aq-site-header .aqh-nav-inner.aqh-can-next::after,
body.aqh-header-layout header.aq-site-header .aq-subnav.aqh-can-next .aqh-nav-inner::after,
body.aqh-header-layout header.aq-site-header .aqh-nav-inner.aqh-can-prev::before,
body.aqh-header-layout header.aq-site-header .aq-subnav.aqh-can-prev .aqh-nav-inner::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  z-index:3;
  width:22px;
  pointer-events:none;
}
body.aqh-header-layout header.aq-site-header .aqh-nav-inner.aqh-can-next::after,
body.aqh-header-layout header.aq-site-header .aq-subnav.aqh-can-next .aqh-nav-inner::after {right:0;background:linear-gradient(to right,transparent,var(--aqh-nav))}
body.aqh-header-layout header.aq-site-header .aqh-nav-inner.aqh-can-prev::before,
body.aqh-header-layout header.aq-site-header .aq-subnav.aqh-can-prev .aqh-nav-inner::before {left:var(--aqh-all-width);background:linear-gradient(to right,var(--aqh-nav),transparent)}

body.aqh-header-layout header.aq-site-header :is(.aq-wordmark,.aq-user-menu__trigger,.aq-action--cart,.aq-search-form button,.aq-subnav-scroll > a,details.aqh-all > summary):focus-visible {
  outline:2px solid #fff;
  outline-offset:-3px;
}
body.aqh-header-layout header.aq-site-header :is(.aqh-all-panel a,.aq-user-menu__panel a):focus-visible {
  outline:2px solid var(--aqh-nav);
  outline-offset:-3px;
  background:#edf5fc;
}

/* Only a completed enhancement suppresses the duplicate PDP category strip. */
body.aqh-header-layout.aqh-nav-ready .aq-product-page .aqpd-category-nav {display:none}

@media (max-width:1199px) {
  body.aqh-header-layout header.aq-site-header {--aqh-gutter:16px}
  body.aqh-header-layout header.aq-site-header .aq-header-row {gap:18px}
  body.aqh-header-layout header.aq-site-header .aq-header-actions {gap:8px}
}
@media (min-width:768px) and (max-width:1023px) {
  body.aqh-header-layout header.aq-site-header .aq-logo .aq-wordmark {width:148px}
  body.aqh-header-layout header.aq-site-header .aq-header-row {gap:14px}
  body.aqh-header-layout header.aq-site-header .aq-account-name {max-width:88px}
  body.aqh-header-layout header.aq-site-header .aq-user-menu__trigger {padding-inline:7px}
}
@media (max-width:767px) {
  body.aqh-header-layout header.aq-site-header {--aqh-gutter:12px;--aqh-all-width:62px}
  body.aqh-header-layout header.aq-site-header .aq-header-row {height:56px;min-height:56px;gap:12px;justify-content:space-between}
  body.aqh-header-layout header.aq-site-header .aq-logo .aq-wordmark {width:144px;height:48px}
  body.aqh-header-layout header.aq-site-header .aq-search {display:none}
  body.aqh-header-layout header.aq-site-header .aq-header-actions {gap:8px;margin-left:auto}
  body.aqh-header-layout header.aq-site-header .aq-user-menu__trigger {gap:5px;padding-inline:7px}
  body.aqh-header-layout header.aq-site-header .aq-account-name {max-width:64px;font-size:13px}
  body.aqh-header-layout header.aq-site-header .aq-action--cart > span:last-child {display:none}
  body.aqh-header-layout header.aq-site-header .aq-mobile-search {display:block;padding:0 0 8px}
  body.aqh-header-layout header.aq-site-header .aq-mobile-search .aq-search-form {width:100%;max-width:none}
  body.aqh-header-layout header.aq-site-header .aq-search-form input[type="search"] {font-size:16px}
  body.aqh-header-layout header.aq-site-header .aq-subnav-scroll > a {padding-inline:11px;font-size:13px}
}
@media (max-width:379px) {
  body.aqh-header-layout header.aq-site-header .aq-header-row {gap:8px}
  body.aqh-header-layout header.aq-site-header .aq-logo .aq-wordmark {width:120px}
  body.aqh-header-layout header.aq-site-header .aq-header-actions {gap:6px}
  body.aqh-header-layout header.aq-site-header .aq-user-menu__trigger {gap:4px;padding-inline:5px}
  body.aqh-header-layout header.aq-site-header .aq-account-name {max-width:44px}
}
@media (prefers-reduced-motion:reduce) {
  body.aqh-header-layout header.aq-site-header .aq-subnav-scroll {scroll-behavior:auto}
  body.aqh-header-layout header.aq-site-header :is(a,button,summary) {transition:none;animation:none}
}