/* One customer-header layout across the store and standalone pages. */
html body .program-header.dsc-affiliate-header{height:auto;position:relative;z-index:100}
html body .program-header.dsc-affiliate-header .dsc-header-nav a{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}
html body .app>header{position:relative!important;z-index:100!important}
@media(min-width:801px){
 html body .app>header .desktop-nav{display:flex!important}
 html body .app>header #menu-toggle,html body .app #site-menu.site-menu{display:none!important}
 html body .app>header .retail-actions #cart-button>span{display:inline!important}
}
@media(max-width:800px){
 html body .app>header{height:auto!important;min-height:68px!important;grid-template-rows:68px!important;padding-bottom:0!important}
 html body .app>header .desktop-nav{display:none!important}
 html body .app>header #menu-toggle{display:grid!important;width:44px;min-height:44px}
 html body .app>header .retail-actions #cart-button>span{display:none!important}
 html body .app #site-menu.site-menu,html body .program-header.dsc-affiliate-header[data-menu-open] .dsc-header-nav{position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;width:auto!important;max-width:none!important;padding:8px!important;background:#fff!important;color:#000!important;border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;z-index:101!important;gap:0!important;flex-direction:column;align-items:stretch!important;letter-spacing:0!important;text-transform:none!important}
 html body .app #site-menu.site-menu:not(.hide),html body .program-header.dsc-affiliate-header[data-menu-open] .dsc-header-nav{display:flex!important}
 html body .program-header.dsc-affiliate-header[data-menu-open]{grid-template-rows:68px;min-height:68px}
 html body .app #site-menu.site-menu a,html body .program-header.dsc-affiliate-header .dsc-header-nav a{display:flex!important;align-items:center!important;min-height:48px!important;padding:12px 16px!important;margin:0!important;font:600 15px/1.4 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;background:#fff!important;color:#000!important;border:0!important;border-left:3px solid transparent!important;border-radius:0!important}
 html body .app #site-menu.site-menu a[aria-current=page],html body .program-header.dsc-affiliate-header .dsc-header-nav a[aria-current=page]{background:#f6cf1f!important;color:#000!important;border-left-color:#000!important}
 html body .app #site-menu.site-menu a:hover,html body .program-header.dsc-affiliate-header .dsc-header-nav a:hover{background:#000!important;color:#fff!important;border-left-color:#f6cf1f!important}
 html body .app #site-menu.site-menu a:focus-visible,html body .program-header.dsc-affiliate-header .dsc-header-nav a:focus-visible{background:#000!important;color:#fff!important;outline:2px solid #f6cf1f!important;outline-offset:-4px!important}
 html body .app #site-menu.site-menu.hide{display:none!important}
}
/* Keep the account and cart together in both header templates. */
html body .program-header.dsc-affiliate-header .dsc-header-actions {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 4px;
}
html body .app>header .retail-actions {display:flex;align-items:center;gap:4px}
html body :is(.retail-actions,.dsc-header-actions) .dsc-account-icon {
  display:inline-grid;
  place-items:center;
  width:44px;
  min-height:44px;
  padding:0;
  color:#fff;
}
.dsc-account-icon svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
html body .app>header .retail-actions #cart-button>span,
html body .program-header.dsc-affiliate-header .dsc-header-cart .dsc-cart-label {display:none!important}
@media(min-width:801px) {
  html body .program-header.dsc-affiliate-header .dsc-header-nav .dsc-mobile-account {display:none}
}
@media(max-width:800px) {
  html body .app>header .retail-actions .dsc-account-icon,
  html body .program-header.dsc-affiliate-header .dsc-header-actions .dsc-account-icon {display:none}
}

/* Anchor the divider to the header, independent of the navigation width. */
html body .app > header::after,
html body .program-header.dsc-affiliate-header::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: 44px;
  border-top: 1px solid #363636;
  pointer-events: none;
}

@media (min-width: 801px) {
  html body .app > header .desktop-nav,
  html body .program-header.dsc-affiliate-header .dsc-header-nav {
    border-top: 0 !important;
  }
}

@media (max-width: 800px) {
  html body .app > header::after,
  html body .program-header.dsc-affiliate-header::after {
    bottom: 0;
  }
}