/** Shopify CDN: Minification failed

Line 1631:0 Unexpected "}"

**/
/* Amateur Custom Header (option_6) - Logo on right, top bar shows teaser menu OR icons (no row under logo) */

/* Overlay hero: only when theme adds wt-header--transparent (homepage/PDP per page-header.liquid). */
.wt-header--amateur-custom.wt-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  pointer-events: none; /* Allow clicks to pass through to content below */
}

/* Collection mobile: solid header band — dark icons on cream, white when footer reveals. */
@media (max-width: 899px) {
  /* Smooth transitions for logo/icon color + header background during footer reveal on/off. */
  body.template-collection #header.wt-header--amateur-custom .wt-header__logo svg,
  body.template-collection #header.wt-header--amateur-custom .wt-header__logo__img,
  body.template-collection #header.wt-header--amateur-custom .wt-icon,
  body.template-collection #header.wt-header--amateur-custom .svg-icon,
  body.template-collection #header.wt-header--amateur-custom .wt-header__nav-teaser a,
  body.template-collection #header.wt-header--amateur-custom .wt-header__nav-teaser button {
    transition: filter 0.18s ease-out, color 0.18s ease-out;
  }
  /* Smooth header background transition (transparent → cream) when reveal turns off. */
  body.template-collection #header.wt-header--amateur-custom,
  body.template-collection #header.wt-header--amateur-custom .wt-header__body,
  body.template-collection #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.template-collection #header.wt-header--amateur-custom .wt-header__right-side {
    transition: background-color 0.18s ease-out, background 0.18s ease-out;
  }

  /* Default state: override the wt-header--v3 non-home white-ink rule to dark body text. */
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__icon,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .wt-icon,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__menu-trigger,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser a,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser button,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .svg-icon--search,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .svg-icon--bars,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .svg-icon--bag,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser .svg-icon--user {
    color: var(--color-text, #000) !important;
    --color-links: var(--color-text, #000) !important;
  }

  /* Logo: default state — no filter (show natural logo colors). */
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__logo svg,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__logo img:not(.wt-header__logo__img--transparent) {
    filter: none !important;
    color: var(--color-text, #000) !important;
  }
}

/* Collection mobile: solid cream header band (bar sticks below via --collection-bar-sticky-top). */
@media (max-width: 899px) {
  /* Rest state only: in-flow header inside the sticky section wrapper.
     Release once footer-behind-header so sticky pinning + white ink take over. */
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom.wt-header--transparent {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    pointer-events: auto !important;
  }

  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom.wt-header--transparent {
    --header-bg-opacity: 1 !important;
    --color-header-background: var(--color-background, #fcfef8);
    --header-bg-blur: 0 !important;
    background: var(--color-background, #fcfef8) !important;
    background-color: var(--color-background, #fcfef8) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__body,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) #header.wt-header--amateur-custom .wt-header__right-side {
    background: var(--color-background, #fcfef8) !important;
    background-color: var(--color-background, #fcfef8) !important;
  }

  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) .shopify-section:has(page-header),
  body.template-collection:not(.am-header-footer-reveal):not(.footer-behind-header) header.page-header {
    background-color: var(--color-background, #fcfef8) !important;
  }

  /* Footer reveal: white logo + icons while the footer curtain rises behind the header
     (same footer-behind-header class + threshold every other template uses). */
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom.wt-header--transparent {
    /* Beat max-width:768 position:static so header stays in the sticky section band. */
    position: relative !important;
    --header-bg-opacity: 0 !important;
    --header-bg-blur: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    --color-transparent-header: #fff;
    --color-links: #fff;
    --clr-underline: #fff;
    --color-menu-text: #fff;
  }

  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__body,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__nav-teaser,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__right-side,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    .shopify-section:has(page-header),
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    header.page-header {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__logo
    svg,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__logo__img {
    color: #fff !important;
    fill: currentColor !important;
    filter: brightness(0) invert(1) !important;
  }

  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-icon,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .svg-icon,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__nav-teaser
    a,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    .wt-header__nav-teaser
    button {
    color: #fff !important;
  }

  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    svg:not(.svg-icon--search):not(.svg-icon--bars):not(.svg-icon--user) {
    fill: currentColor !important;
    color: #fff !important;
  }

  /* Keep stroke icons (search/menu/account) outline — white on footer-colored header. */
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    svg.svg-icon--search,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    svg.svg-icon--bars,
  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    svg.svg-icon--user {
    fill: none !important;
    color: #fff !important;
    stroke: currentColor;
  }

  body.template-collection.footer-behind-header:not(.search-overlay-on):not(.page-overlay-on)
    #header.wt-header--amateur-custom
    img.svg-icon {
    filter: brightness(0) invert(1) !important;
  }

  /* Scroll-to-reveal footer: static class on body (set in Liquid, never toggled by JS)
     so scrollHeight is constant — no mid-scroll reflow, no header flash.
     Match homepage .footer-scroll-effect: sticky section + full-viewport .wt-footer
     (needed for reveal thresholds and the blue panel behind the transparent header). */
  body.am-collection-footer-reveal:not(.page-overlay-on) main#root {
    position: relative;
    z-index: 5;
    background: var(--color-background, #fcfef8);
    min-height: 100svh;
    min-height: 100dvh;
  }

  body.am-collection-footer-reveal:not(.page-overlay-on) .wt-footer-page-section {
    position: sticky;
    bottom: 0;
  }

  body.am-collection-footer-reveal:not(.page-overlay-on) .wt-footer-page-section .wt-footer {
    box-sizing: border-box;
    position: relative;
    isolation: isolate;
    background-color: var(--color-background, #fcfef8) !important;
    background-image: none !important;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    display: flex;
    flex-direction: column;
    /* Lock units so a stray footer-scroll-effect cannot swap dvh→lvh mid-scroll. */
    min-height: 100svh !important;
    min-height: 100dvh !important;
  }

  /* Same decorative ::before as .footer-scroll-effect (custom.css) — was color-only,
     so collection got backgroundImage: none while homepage rendered the graphic. */
  body.am-collection-footer-reveal:not(.page-overlay-on) .wt-footer-page-section .wt-footer::before {
    content: '';
    position: absolute;
    top: env(safe-area-inset-top, 0px);
    left: 0;
    right: 0;
    bottom: env(safe-area-inset-bottom, 0px);
    background-color: var(--color-footer-background);
    background-image: var(--footer-bg-image, none);
    background-repeat: no-repeat;
    background-size: var(--footer-mobile-bg-size, cover);
    background-position: var(--footer-mobile-bg-position, center center);
    z-index: 0;
    pointer-events: none;
  }

  body.am-collection-footer-reveal:not(.page-overlay-on) .wt-footer-page-section .wt-footer > * {
    position: relative;
    z-index: 1;
  }

  /*
   * Content-fill (homepage parity): .footer-scroll-effect scopes flex:1 on
   * .wt-footer__body, but collection uses am-collection-footer-reveal from first
   * paint for sticky/100vh. Mirror the fill rules here so body grows with the
   * shell immediately — no flash waiting for the scroll-triggered class.
   */
  @media (max-width: 749px) {
    body.am-collection-footer-reveal:not(.page-overlay-on) .wt-footer-page-section .wt-footer {
      display: flex;
      flex-direction: column;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer
      .wt-footer__body {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      padding-left: 16px;
      padding-right: 16px;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer
      .wt-footer__body
      > .wt-footer__block {
      flex: 0 0 auto;
      width: 100%;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer
      .wt-footer__body
      > .wt-footer__block--social-mobile {
      order: 98;
      margin-top: auto;
      padding-top: 0;
      padding-bottom: 0;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer
      .wt-footer__body
      > .wt-footer__block--menu {
      order: 99;
      align-self: start;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__list--two-col-mobile {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      column-gap: 8px;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__list--two-col-mobile
      .wt-footer__list__item:nth-child(odd) {
      grid-column: 1 / 5;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__list--two-col-mobile
      .wt-footer__list__item:nth-child(even) {
      grid-column: 5 / -1;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer
      .wt-footer__big-logo {
      flex: 0 0 auto;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer
      .wt-footer__aside {
      flex: 0 0 auto;
      position: relative !important;
      bottom: auto !important;
      left: auto !important;
      right: auto !important;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__aside-bottom {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      column-gap: 8px;
      padding-left: 16px;
      padding-right: 16px;
      white-space: nowrap;
      flex-wrap: nowrap;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__aside-block--social {
      grid-column: 1 / 5;
      white-space: nowrap;
      flex-shrink: 0;
      min-width: 0;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__aside-bottom-copy-row {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      column-gap: 8px;
      align-items: baseline;
      width: 100%;
      margin: 0;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__aside-bottom-copy-row
      .wt-footer__aside__clock {
      grid-column: 1 / 5;
    }

    body.am-collection-footer-reveal:not(.page-overlay-on)
      .wt-footer-page-section
      .wt-footer__aside-bottom-copy-row
      .wt-footer__aside__copy {
      grid-column: 5 / -1;
      justify-self: start;
      width: 100%;
      text-align: left;
      justify-content: unset;
      margin: 0;
    }
  }

}

/* Amateur kits tablet (769–899px): solid header band while compact scroll runs. */
@media (min-width: 769px) and (max-width: 899px) {
  body.am-amateur-kits-page #header.wt-header--amateur-custom.wt-header--transparent {
    --header-bg-opacity: 1 !important;
    --color-header-background: var(--color-background, #fcfef8);
    --header-bg-blur: 0 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    background: var(--color-background, #fcfef8) !important;
    background-color: var(--color-background, #fcfef8) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: auto !important;
  }

  body.am-amateur-kits-page #header.wt-header--amateur-custom .wt-header__body,
  body.am-amateur-kits-page #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.am-amateur-kits-page #header.wt-header--amateur-custom .wt-header__right-side {
    background: var(--color-background, #fcfef8) !important;
    background-color: var(--color-background, #fcfef8) !important;
  }

  body.am-amateur-kits-page .shopify-section:has(page-header) {
    background: var(--color-background, #fcfef8) !important;
  }
}

/* Amateur kits 769–1023px: collection-style compact scroll (nav teaser away, logo partial). */
@media (min-width: 769px) and (max-width: 1023px) {
  body.am-amateur-kits-page:has(.am-collection-bar) .wt-header--amateur-custom .wt-header__body {
    overflow: hidden;
  }
}

.wt-header--amateur-custom.wt-header--transparent > * {
  pointer-events: auto; /* Re-enable pointer events for header content */
}

/* About Us: mega open — recolor white logo to #0073FF, no image swap */
body.am-about-us-page.menu-open .wt-header--amateur-custom .wt-header__logo img,
body.am-about-us-page.menu-open .wt-header--amateur-custom .wt-header__logo svg,
body.am-about-us-page.menu-open .wt-header--amateur-custom .wt-header__logo .wt-header__logo__img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(99%) saturate(5000%) hue-rotate(210deg) brightness(105%);
}

/*
 * Brands: .bp-drawer in main can use z-index ~90 while critical.css gives .page-header only z-index 16,
 * so the entire header section stacks below the drawer. Raise the section wrapper; keep #header high.
 * body.am-brands-page is set in layout/theme.liquid (suffix or page.handle) so it matches without template-page-brands.
 */
body:is(.template-page-brands, .am-brands-page) .page-header {
  z-index: 200;
}

body:is(.template-page-brands, .am-brands-page) #header.wt-header--amateur-custom.wt-header--transparent {
  pointer-events: auto;
  z-index: 200;
}

body:is(.template-page-brands, .am-brands-page) #header.wt-header--amateur-custom.wt-header--transparent .wt-header__body {
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}

/* Inner pages: overlay content (same as transparent), no background. */
.wt-header--amateur-custom:not(.wt-header--transparent) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  pointer-events: none;
}

/* Ensure all interactive elements inside header have pointer events */
.wt-header--amateur-custom .wt-header__menu-trigger,
.wt-header--amateur-custom .wt-header__icon,
.wt-header--amateur-custom .wt-header__search,
.wt-header--amateur-custom .wt-header__panel,
.wt-header--amateur-custom a,
.wt-header--amateur-custom button {
  pointer-events: auto !important;
}

.wt-header--amateur-custom .wt-header__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px 0;
  overflow: hidden; 
}

/* Nav teaser: its own padding so it stays fixed while logo area scrolls */
.wt-header--amateur-custom .wt-header__nav-teaser {
  display: flex !important;
  flex: 0 0 auto; /* Icons / menu keep intrinsic width; logo column absorbs squeeze */
  order: 0;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 16px;
  height: 16px;
}

/* When top bar shows icons, style search + panel inside nav-teaser */
.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search,
.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel {
  margin: 0;
}

/* Tighter icon spacing: theme panel uses large margin-left between items */
.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel {
  align-items: flex-start !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__item:not(:last-child) {
  margin-right: 0 !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__item:not(:first-child) {
  margin-left: 0 !important;
}

[dir='rtl'] .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__item:not(:first-child) {
  margin-right: 0 !important;
}

/* Base menu trigger (mobile / shared); desktop overrides below */
.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__menu-trigger {
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: row !important;
  line-height: 0;
}

/*
 * Search: do not set width/height on .wt-header__search — the same element gets
 * .wt-drawer-search--active and must expand to fullscreen (theme critical.css).
 * Only reset margins; theme handles trigger + overlay layout.
 */
.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search {
  margin: 0 !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) {
  width: auto !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) .wt-header__search__form {
  width: auto !important;
  padding: 0 !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) .wt-header__search__label {
  margin: 0 !important;
}

body:not(.search-overlay-on) .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__icon.wt-header__search-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
}

/*
 * Search dropdown form: close SVGs only (clear field + dismiss).
 * Overrides .wt-header__body .svg-icon { --size-icon: 3rem } on mobile.
 */
.wt-header--amateur-custom .wt-header__search__form .wt-header__search__clear-button .svg-icon,
.wt-header--amateur-custom .wt-header__search__form .wt-header__search__clear-button svg.svg-icon--close {
  --size-icon: 10px;
  --size-icon-desk: 10px;
  width: 10px !important;
  height: 10px !important;
  max-width: 10px !important;
  max-height: 10px !important;
  display: block;
  flex-shrink: 0;
}

.wt-header--amateur-custom .wt-header__search__form .wt-header__search__close .svg-icon,
.wt-header--amateur-custom .wt-header__search__form .wt-header__search__close svg.svg-icon--close {
  --size-icon: 16px;
  --size-icon-desk: 16px;
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  display: block;
  flex-shrink: 0;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__link {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0;
  margin: 0 !important;
}

/* option_6 search lives in nav-teaser (not .wt-header__body) — mirror fullscreen drawer layout */
body.search-overlay-on .wt-header--amateur-custom .wt-header__body {
  overflow: visible !important;
}

body.search-overlay-on .wt-header--amateur-custom .wt-header__nav-teaser .wt-drawer-search--active {
  position: fixed !important;
  inset: 0 !important;
  z-index: 210 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
  background: var(--color-background, #fff);
}

/*
 * Search drawer lives inside .wt-header__nav-teaser; the logo column (.wt-header__right-side)
 * is a later flex sibling with transform (scroll compact) — it paints on top unless the teaser
 * stack is raised above the logo when search is open.
 */
body.search-overlay-on #header.wt-header--amateur-custom .wt-header__nav-teaser {
  position: relative !important;
  z-index: 210 !important;
}

body.search-overlay-on #header.wt-header--amateur-custom .wt-header__right-side,
body.search-overlay-on #header.wt-header--amateur-custom .wt-header__logo-wrapper,
body.search-overlay-on #header.wt-header--amateur-custom .wt-header__logo {
  position: relative !important;
  z-index: 1 !important;
}

body.search-overlay-on #header.wt-header--amateur-custom .wt-header__body .wt-drawer-search--active {
  z-index: 210 !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser .svg-icon {
  overflow: visible !important;
}

/* Theme .svg-icon sets fill on the root <svg>; reset so stroke icons honor fill="none", fill icons use currentColor */
.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--bars,
.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--search,
.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--user {
  fill: none !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--bag,
.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--close {
  fill: currentColor !important;
}

/* Figma-aligned sizes (--size-icon defaults to ~28px in theme CSS; icons are root svg/svg-icon classes) */
@media (min-width: 600px) {
  .wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--bars,
  .wt-header--amateur-custom .wt-header__nav-teaser img.svg-icon--bars {
    width: 18px !important;
    height: 6px !important;
    align-items: center;
  }
}

.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--search,
.wt-header--amateur-custom .wt-header__nav-teaser img.svg-icon--search {
  width: 16px !important;
  height: 16px !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--user,
.wt-header--amateur-custom .wt-header__nav-teaser img.svg-icon--user {
  width: 16px !important;
  height: 16px !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--bag,
.wt-header--amateur-custom .wt-header__nav-teaser img.svg-icon--bag {
  width: 17px !important;
  height: 16px !important;
}

.wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--close,
.wt-header--amateur-custom .wt-header__nav-teaser img.svg-icon--close {
  width: 16px !important;
  height: 16px !important;
}

/*
 * Desktop menu trigger: bars ↔ close opacity swap (same pattern as
 * .wt-header__sticky-menu-trigger in critical.css). Mobile keeps bars only;
 * drawer close lives in .am-mobile-nav__header.
 *
 * Desktop icon row: each trigger is 48px wide (16px left + icon + 16px right).
 * Adjacent side pads meet for 32px between icons. Teaser left pad is 0 so the
 * menu's own left 16px is the page gutter. No top/bottom icon padding — body
 * padding-top keeps the original vertical inset.
 */
@media (min-width: 1200px) {
  .wt-header--amateur-custom .wt-header__nav-teaser {
    align-items: flex-start;
    padding-left: 0;
    height: auto;
    min-height: 0;
    gap: 0;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  /* Keep hamburger visible for option_6 (theme hides .wt-header__menu-trigger ≥1200px) */
  body:not(.mobile-nav) .wt-header--amateur-custom .wt-header__menu-trigger {
    display: inline-flex !important;
  }

  /*
   * Equal triggers: 16px left + icon + 16px right = 48px wide.
   * No top/bottom padding so glyphs keep the header's original vertical inset
   * (from .wt-header__body padding-top). Adjacent side pads = 32px between icons.
   */
  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__menu-trigger,
  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__link {
    position: relative;
    box-sizing: border-box;
    width: 48px !important;
    min-width: 48px !important;
    height: 16px !important;
    min-height: 16px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    line-height: 0;
  }

  /*
   * Search drawer: size the shell to match other triggers; theme trigger is
   * position:absolute; inset:0. Hide collapsed form chrome so only the icon shows.
   */
  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) {
    position: relative !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 16px !important;
    margin: 0 !important;
    flex-shrink: 0;
    overflow: visible !important;
  }

  body:not(.search-overlay-on)
    .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__icon.wt-header__search-trigger {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1;
  }

  body:not(.search-overlay-on)
    .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search-trigger
    .svg-icon,
  body:not(.search-overlay-on)
    .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search-trigger
    svg {
    opacity: 1 !important;
  }

  .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search:not(.wt-drawer-search--active)
    .wt-header__search__body,
  .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search:not(.wt-drawer-search--active)
    .wt-header__search__form {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__label {
    display: none !important;
  }

  /* Restore original header top inset; icons align to top of body */
  .wt-header--amateur-custom .wt-header__body {
    padding-top: 16px;
    padding-bottom: 16px;
    align-items: flex-start;
    min-height: 0;
  }

  .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--bars,
  .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--close,
  .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--bars,
  .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--close {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
  }

  .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--bars,
  .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--bars {
    width: 18px !important;
    height: 6px !important;
  }

  .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--close,
  .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--close {
    width: 16px !important;
    height: 16px !important;
    opacity: 0;
    pointer-events: none;
  }

  body.menu-open .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--close,
  body.menu-open .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--close,
  body.am-header-menu-closing .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--close,
  body.am-header-menu-closing .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--close {
    opacity: 1;
    pointer-events: auto;
  }

  body.menu-open .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--bars,
  body.menu-open .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--bars,
  body.am-header-menu-closing .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--bars,
  body.am-header-menu-closing .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--bars {
    opacity: 0;
  }
}

@media (max-width: 1199px) {
  .wt-header--amateur-custom .wt-header__menu-trigger .svg-icon--close,
  .wt-header--amateur-custom .wt-header__menu-trigger img.svg-icon--close {
    display: none !important;
  }
}

/*
 * Non-home templates: top-bar hamburger / search / account / bag use the same ink as the
 * transparent homepage bar (critical.css uses --color-transparent-header). Inner pages
 * otherwise inherit --color-header-text from .wt-header, which is often brand blue.
 * Homepage (template-index) keeps critical.css rules unchanged.
 */
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .wt-header__menu-trigger,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .wt-header__search,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .wt-header__panel,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .wt-header__icon,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .wt-icon {
  color: var(--color-transparent-header);
  --color-links: var(--color-transparent-header);
}

body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .svg-icon--search,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .svg-icon--bars,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .svg-icon--bag,
body:not(.am-about-us-page):not(.template-index)
  #header.wt-header--amateur-custom.wt-header--v3
  .wt-header__nav-teaser
  .svg-icon--user {
  color: var(--color-transparent-header);
}

/* Index with overlay header off: still match overlay ink for utilities */
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .wt-header__menu-trigger,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .wt-header__search,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .wt-header__panel,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .wt-header__icon,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .wt-icon {
  color: var(--color-transparent-header);
  --color-links: var(--color-transparent-header);
}

body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .svg-icon--search,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .svg-icon--bars,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .svg-icon--bag,
body:not(.am-about-us-page).template-index
  #header.wt-header--amateur-custom.wt-header--v3:not(.wt-header--transparent)
  .wt-header__nav-teaser
  .svg-icon--user {
  color: var(--color-transparent-header);
}

/*
 * Top bar teaser links: use #header (page-header id) so we beat critical.css transparent/opacity chains.
 * Teaser markup uses .am-header-teaser__label (not wt-page-nav-mega__decorated) to avoid gradient underline.
 */
#header.wt-header--amateur-custom .wt-header__nav-teaser__link,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link .wt-header__nav-teaser__link-text,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link .am-header-teaser__label {
  color: var(--am-header-teaser-link-color, var(--color-header-text)) !important;
  text-decoration: none !important;
  background-image: none !important;
  background-size: 0 !important;
}

#header.wt-header--amateur-custom .wt-header__nav-teaser__link:hover,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link:hover .wt-header__nav-teaser__link-text,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link:hover .am-header-teaser__label {
  color: var(--am-header-teaser-hover-color, var(--am-header-teaser-link-color, var(--color-header-text))) !important;
  text-decoration: none !important;
  background-image: none !important;
  background-size: 0 !important;
}

#header.wt-header--amateur-custom .wt-header__nav-teaser__link--active,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link--active .wt-header__nav-teaser__link-text,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link--active .am-header-teaser__label {
  color: var(--am-header-teaser-active-color, var(--am-header-teaser-hover-color)) !important;
}

#header.wt-header--amateur-custom .wt-header__nav-teaser__link--active:hover,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link--active:hover .wt-header__nav-teaser__link-text,
#header.wt-header--amateur-custom .wt-header__nav-teaser__link--active:hover .am-header-teaser__label {
  color: var(--am-header-teaser-active-color, var(--am-header-teaser-hover-color)) !important;
}

@media (hover: hover) {
  #header.wt-header--amateur-custom .wt-header__nav-teaser__link:hover .am-header-teaser__label,
  #header.wt-header--amateur-custom .wt-header__nav-teaser__link:hover .wt-header__nav-teaser__link-text {
    text-decoration: none !important;
    background-image: none !important;
    background-size: 0 !important;
  }
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__link {
  min-width: unset;
  min-height: unset;
}

.wt-header--amateur-custom .wt-header__nav-teaser .wt-header__menu-trigger {
  min-width: unset;
  min-height: unset;
}

/* Hide teaser menu list on mobile when showing teaser variant, keep hamburger visible */
@media screen and (max-width: 1024px) {
  .wt-header--amateur-custom .wt-header__nav-teaser__list {
    display: none !important;
  }
}

/* Hide mega menu for option_6 - but NOT in drawer-nav */
.wt-header--amateur-custom .wt-header__nav-teaser--full-menu,
.wt-header--amateur-custom .wt-header__body > mega-menu-section {
  display: none !important;
  visibility: hidden !important;
}

/* Hide mega menu elements in header body, but preserve drawer-nav content */
.wt-header--amateur-custom .wt-header__body .wt-page-nav-mega,
.wt-header--amateur-custom .wt-header__body .wt-page-nav-mega__list,
.wt-header--amateur-custom .wt-header__body .wt-page-nav-mega__item,
.wt-header--amateur-custom .wt-header__body .wt-page-nav-mega__link,
.wt-header--amateur-custom .wt-header__body .wt-page-nav-mega__sublist,
.wt-header--amateur-custom .wt-header__body .wt-page-nav-mega__sublist__wrapper {
  display: none !important;
  visibility: hidden !important;
}

/* Hide mega menu outside header and drawer - use more specific targeting */
body:has(.wt-header--amateur-custom) > .wt-page-nav-mega__list,
body:has(.wt-header--amateur-custom) > .wt-page-nav-mega,
body:has(.wt-header--amateur-custom) > mega-menu-section {
  display: none !important;
  visibility: hidden !important;
}

/* Hide localization triggers for option_6 */
.wt-header--amateur-custom .wt-header__localization__triggers {
  display: none !important;
}

/*
 * Right side: prefers 45% width on desktop; below 768px flex:1 fills space after icons.
 * flex-shrink + min-width:0 still lets the logo column shrink when the top bar needs room;
 * flex-grow:0 avoids staying narrow on desktop (grow-from-zero was under-sizing the logo).
 */
.wt-header--amateur-custom .wt-header__right-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  order: 1;
  flex: 0 1 45%;
  min-width: 0;
  max-width: 45%;
  padding-top: 0;
  overflow: visible;
}

/* JS fallback: sync transform to scroll (no transition) */
.wt-header--amateur-custom:not(.am-logo-scroll--css) .wt-header__right-side {
  transform: translate3d(0, var(--logo-scroll-offset, 0), 0);
  will-change: transform;
}

/* PDP: compact logo on first paint once --logo-scroll-max is set (page-header inline script). */
@media (min-width: 900px) {
  body.template-product .wt-header--amateur-custom .wt-header__right-side {
    animation: none !important;
    transform: translate3d(0, calc(-1 * var(--logo-scroll-max, 0px)), 0);
  }
}

/* Brands desktop: compact logo column only — nav-teaser (icons) must stay fixed in place. */
@media (min-width: 1200px) {
  body:is(.am-brands-page, .template-page-brands) .wt-header--amateur-custom .wt-header__right-side {
    animation: none !important;
    transform: translate3d(0, calc(-1 * var(--logo-scroll-max, 0px)), 0);
  }
}

/*
 * Preferred: compositor-thread scroll animation (smooth on mobile fixed headers).
 * Requires animation-timeline: scroll(root) — not scroll() alone.
 */
@supports (animation-timeline: scroll(root)) {
  @keyframes am-logo-scroll-compact {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      transform: translate3d(0, calc(-1 * var(--logo-scroll-max, 0px)), 0);
    }
  }

  @keyframes am-nav-teaser-scroll-compact {
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      transform: translate3d(0, calc(-1 * var(--nav-teaser-scroll-max, 0px)), 0);
    }
  }

  .wt-header--amateur-custom.am-logo-scroll--css .wt-header__right-side {
    animation: am-logo-scroll-compact linear both;
    animation-timeline: scroll(root);
    animation-range: 0px var(--logo-scroll-range, 400px);
    will-change: transform;
  }

  /* Kits only: nav teaser scrolls away with logo. Collection pages keep icons sticky. */
  body.am-amateur-kits-page:has(.am-collection-bar)
    .wt-header--amateur-custom.am-logo-scroll--css
    .wt-header__nav-teaser {
    animation: am-nav-teaser-scroll-compact linear both;
    animation-timeline: scroll(root);
    animation-range: 0px var(--logo-scroll-range, 400px);
    will-change: transform;
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom.am-nav-teaser--suppressed-until-top.am-logo-scroll--css
    .wt-header__nav-teaser {
    animation: none !important;
    animation-timeline: auto !important;
    transform: translate3d(0, calc(-1 * var(--nav-teaser-scroll-max, 0px)), 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .wt-header--amateur-custom.am-logo-scroll--css.am-logo-scroll--menu-open:not(.am-logo-scroll--menu-open-frozen)
    .wt-header__right-side,
  .wt-header--amateur-custom.am-logo-scroll--css.am-logo-scroll--footer-reveal
    .wt-header__right-side,
  body.am-header-menu-closing
    .wt-header--amateur-custom.am-logo-scroll--css:not(.am-logo-scroll--menu-open-frozen)
    .wt-header__right-side {
    animation: none !important;
    transform: translate3d(0, calc(-1 * var(--logo-scroll-max, 0px)), 0) !important;
  }

  /* Menu-close logo settle: JS drives transform 0.3s ease-out; hold scroll animation off. */
  .wt-header--amateur-custom.am-logo-scroll--menu-release .wt-header__right-side {
    animation: none !important;
    animation-timeline: auto !important;
  }

  /* Menu open / footer reveal: compact logo only — nav teaser stays visible. */
  body.am-amateur-kits-page:has(.am-collection-bar)
    .wt-header--amateur-custom.am-logo-scroll--menu-open
    .wt-header__nav-teaser,
  body.am-amateur-kits-page:has(.am-collection-bar)
    .wt-header--amateur-custom.am-logo-scroll--footer-reveal
    .wt-header__nav-teaser {
    animation: none !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.am-amateur-kits-page:has(.am-collection-bar)
    .wt-header--amateur-custom.am-logo-scroll--footer-reveal.am-nav-teaser--suppressed-until-top
    .wt-header__nav-teaser {
    animation: none !important;
    animation-timeline: auto !important;
    transform: translate3d(0, calc(-1 * var(--nav-teaser-scroll-max, 0px)), 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  @media (min-width: 1200px) {
    body:is(.am-brands-page, .template-page-brands)
      .wt-header--amateur-custom.am-logo-scroll--css
      .wt-header__right-side {
      animation: none;
      transform: translate3d(0, calc(-1 * var(--logo-scroll-max, 0px)), 0);
    }
  }

  @media (min-width: 900px) {
    body.template-product
      .wt-header--amateur-custom.am-logo-scroll--css
      .wt-header__right-side {
      animation: none;
      transform: translate3d(0, calc(-1 * var(--logo-scroll-max, 0px)), 0);
    }
  }
}

/* Kits: menu open / footer reveal keeps nav icons visible. */
body.am-amateur-kits-page:has(.am-collection-bar)
  .wt-header--amateur-custom.am-logo-scroll--menu-open
  .wt-header__nav-teaser,
body.am-amateur-kits-page:has(.am-collection-bar)
  .wt-header--amateur-custom.am-logo-scroll--footer-reveal
  .wt-header__nav-teaser {
  animation: none !important;
  transform: none !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.am-amateur-kits-page:has(.am-collection-bar)
  .wt-header--amateur-custom.am-logo-scroll--footer-reveal.am-nav-teaser--suppressed-until-top
  .wt-header__nav-teaser {
  animation: none !important;
  animation-timeline: auto !important;
  transform: translate3d(0, calc(-1 * var(--nav-teaser-scroll-max, 0px)), 0) !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (min-width: 1200px) {
  /*
   * Desktop menu open while scrolled: JS snapshots logo transforms before
   * menu-open class applies (am-logo-scroll--menu-open-frozen). Icons always
   * reset to on-screen; at scroll 0 the compact menu-open logo rule is unchanged.
   */
  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__right-side,
  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser {
    animation: none !important;
    animation-timeline: auto !important;
  }

  /*
   * Menu open: pause scroll-driven logo/icon animations and pin the header section
   * (critical.css sets .page-header to position:static on overlay-on).
   */
  body.menu-open.menu-drawer-overlay-on .wt-header--amateur-custom.am-logo-scroll--css .wt-header__right-side,
  body.menu-open.menu-drawer-overlay-on .wt-header--amateur-custom.am-logo-scroll--css .wt-header__nav-teaser,
  body.am-header-menu-closing .wt-header--amateur-custom.am-logo-scroll--css .wt-header__right-side,
  body.am-header-menu-closing .wt-header--amateur-custom.am-logo-scroll--css .wt-header__nav-teaser {
    animation: none !important;
    animation-timeline: auto !important;
  }

  /*
   * Theme sets body.menu-drawer-overlay-on .page-header { position: static }, which
   * parks the bar at the document top — off-screen when the menu opens mid-page.
   * Pin fixed so logo + icons always sit above the drawer at any scroll position.
   */
  body.menu-open.menu-drawer-overlay-on .shopify-section.page-header:has(
      #header.wt-header--amateur-custom
    ),
  body.menu-open.menu-drawer-overlay-on div.page-header.shopify-section:has(
      #header.wt-header--amateur-custom
    ),
  body.am-header-menu-closing .shopify-section.page-header:has(
      #header.wt-header--amateur-custom
    ),
  body.am-header-menu-closing div.page-header.shopify-section:has(
      #header.wt-header--amateur-custom
    ) {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    z-index: 110 !important;
  }

  body.menu-open.menu-drawer-overlay-on #header.wt-header--amateur-custom,
  body.am-header-menu-closing #header.wt-header--amateur-custom {
    z-index: 111 !important;
  }

  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen {
    z-index: 111 !important;
    pointer-events: none !important;
  }

  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser *,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__menu-trigger,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen search-drawer,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__panel {
    pointer-events: auto !important;
  }

  /*
   * Desktop menu open: pass clicks through section wrapper + header shell to drawer.
   * Only nav-teaser (menu / search / cart) stays interactive.
   */
  body.menu-open .shopify-section.page-header:has(#header.wt-header--amateur-custom),
  body.menu-open div.page-header.shopify-section:has(#header.wt-header--amateur-custom),
  body.page-header-sticky.menu-open .shopify-section.page-header:has(#header.wt-header--amateur-custom),
  body.page-header-sticky.menu-open div.page-header.shopify-section:has(#header.wt-header--amateur-custom),
  body.am-header-menu-closing .shopify-section.page-header:has(#header.wt-header--amateur-custom),
  body.am-header-menu-closing div.page-header.shopify-section:has(#header.wt-header--amateur-custom) {
    pointer-events: none !important;
  }

  body.menu-open #header.wt-header--amateur-custom,
  body.menu-open #header.wt-header--amateur-custom .wt-header__body,
  body.menu-open #header.wt-header--amateur-custom .wt-header__body *,
  body.menu-open #header.wt-header--amateur-custom .wt-header__right-side,
  body.menu-open #header.wt-header--amateur-custom .wt-header__right-side *,
  body.menu-open #header.wt-header--amateur-custom .wt-header__logo-wrapper,
  body.menu-open #header.wt-header--amateur-custom .wt-header__logo-wrapper *,
  body.page-header-sticky.menu-open #header.wt-header--amateur-custom,
  body.page-header-sticky.menu-open #header.wt-header--amateur-custom .wt-header__body,
  body.page-header-sticky.menu-open #header.wt-header--amateur-custom .wt-header__body *,
  body.am-header-menu-closing #header.wt-header--amateur-custom,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__body,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__body *,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__right-side,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__right-side *,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__logo-wrapper,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__logo-wrapper * {
    pointer-events: none !important;
  }

  body.menu-open #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.menu-open #header.wt-header--amateur-custom .wt-header__nav-teaser *,
  body.page-header-sticky.menu-open #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.page-header-sticky.menu-open #header.wt-header--amateur-custom .wt-header__nav-teaser *,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__nav-teaser *,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser *,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__menu-trigger,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen search-drawer,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__panel,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser *,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__menu-trigger,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen search-drawer,
  body.am-header-menu-closing #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__panel {
    pointer-events: auto !important;
  }

  body.menu-open .wt-header--amateur-custom ~ .wt-drawer--nav,
  body.menu-open #wt-drawer-nav.wt-drawer--nav,
  body.menu-open #wt-drawer-nav.wt-drawer--nav a,
  body.page-header-sticky.menu-open .wt-header--amateur-custom ~ .wt-drawer--nav,
  body.page-header-sticky.menu-open #wt-drawer-nav.wt-drawer--nav,
  body.page-header-sticky.menu-open #wt-drawer-nav.wt-drawer--nav a,
  body.am-header-menu-closing .wt-header--amateur-custom ~ .wt-drawer--nav,
  body.am-header-menu-closing #wt-drawer-nav.wt-drawer--nav,
  body.am-header-menu-closing #wt-drawer-nav.wt-drawer--nav a {
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  /*
   * Desktop mega menu scroll lock:
   * Theme sets .menu-drawer-overlay-on { height:100%; overflow:hidden }. Forcing
   * overflow-y:scroll on that height-constrained body makes body a classic scrollport
   * and insets page content ~scrollbar-width while fixed drawer/overlay stay full-width
   * (visible right gutter under the menu). Keep viewport-level scroll + JS lock instead.
   */
  body.menu-drawer-overlay-on:has(#header.wt-header--amateur-custom),
  body.am-header-menu-closing:has(#header.wt-header--amateur-custom) {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  body.menu-drawer-overlay-on:has(#header.wt-header--amateur-custom)::-webkit-scrollbar,
  body.am-header-menu-closing:has(#header.wt-header--amateur-custom)::-webkit-scrollbar {
    display: block !important;
    width: auto;
  }

  /* Keep dimmer visible while drawer slides up — overlay-off fades it mid-animation. */
  body.am-header-menu-closing:has(#header.wt-header--amateur-custom) .menu-drawer-overlay {
    opacity: 1 !important;
    transform: scale(1) !important;
    z-index: 89 !important;
    pointer-events: none !important;
    transition: none !important;
  }

  /*
   * Close animation: live backdrop-filter re-samples page pixels as the drawer
   * translateY runs, which reads as content shifting inside the glass panel (H20).
   */
  body.am-header-menu-closing .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__content,
  body.am-header-menu-closing #wt-drawer-nav.wt-drawer--nav .wt-drawer__content {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: var(--am-mega-nav-bg, rgb(247, 252, 247)) !important;
    isolation: isolate;
  }

  /* Logo/icons stay above drawer while closing (menu-open rules drop when overlay toggles off). */
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__right-side,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__logo-wrapper {
    position: relative;
    z-index: 102 !important;
  }

  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen {
    z-index: 111 !important;
    pointer-events: none !important;
  }

  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser *,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__menu-trigger,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen search-drawer,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__panel {
    pointer-events: auto !important;
  }

  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__nav-teaser,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__right-side,
  body.menu-open #header.wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__logo-wrapper {
    position: relative;
    z-index: 2;
  }

  body.menu-open.menu-drawer-overlay-on #header.wt-header--amateur-custom .wt-header__right-side,
  body.menu-open.menu-drawer-overlay-on #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.menu-open.menu-drawer-overlay-on #header.wt-header--amateur-custom .wt-header__logo-wrapper {
    position: relative;
    z-index: 102 !important;
  }

  /* Frozen layout: lock logo chain dimensions (JS sets --am-frozen-* from pre-open measure) */
  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__logo-wrapper,
  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__logo,
  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__logo__link,
  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__logo__img {
    width: var(--am-frozen-logo-width) !important;
    max-width: var(--am-frozen-logo-width) !important;
    min-width: var(--am-frozen-logo-width) !important;
    flex: 0 0 auto !important;
  }

  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__logo__img {
    height: var(--am-frozen-logo-height) !important;
    min-height: var(--am-frozen-logo-height) !important;
    object-fit: contain !important;
  }

  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__right-side {
    width: var(--am-frozen-right-side-width) !important;
    max-width: var(--am-frozen-right-side-width) !important;
    min-width: var(--am-frozen-right-side-width) !important;
    flex: 0 0 auto !important;
  }

  .wt-header--amateur-custom.am-logo-scroll--menu-open-frozen .wt-header__body {
    width: var(--am-frozen-body-width) !important;
    max-width: var(--am-frozen-body-width) !important;
    min-width: var(--am-frozen-body-width) !important;
  }

  body.menu-open
    .wt-header--amateur-custom.am-logo-scroll--menu-open:not(.am-logo-scroll--menu-open-frozen)
    .wt-header__nav-teaser {
    animation: none !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* Logo wrapper fills right-side; column placement is handled by header flex + max-width */
.wt-header--amateur-custom .wt-header__logo-wrapper {
  margin-bottom: 0;
  display: block !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* Base: pull logo out of the theme's absolute-center rule (position:absolute;left:50%;transform:translate(-50%,-50%)) */
.wt-header--amateur-custom .wt-header__logo {
  display: flex !important;
  opacity: 1 !important;
  transition: none !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important; /* Right-side moves; logo stays inside it */
  width: 100%;
  min-width: 0;
  overflow: visible !important;
  max-height: none !important;
}

/* Higher-specificity guard (0,4,0) beats critical.css centering rule (0,3,0):
   .wt-header__body:not(.wt-header__body--search) .wt-header__logo { position:absolute; left:50%; transform:translate(-50%,-50%) } */
.wt-header--amateur-custom .wt-header__body:not(.wt-header__body--search) .wt-header__logo {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  overflow: visible !important;
}

/* Logo link: column so img fills full width; !important guards beat editor injected styles */
.wt-header--amateur-custom .wt-header__logo__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
}

/* Image spans full logo column width; height follows aspect ratio; sliders only affect src resolution */
.wt-header--amateur-custom .wt-header__logo__img {
  display: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  max-height: none !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Single responsive logo (one network request for desktop + mobile) */
.wt-header--amateur-custom .wt-header__logo__img--responsive:not(.wt-header__logo__img--transparent) {
  display: block !important;
}

/* Force hide transparent logo - override any theme transparent logo rules */
.wt-header--amateur-custom .wt-header__logo__img--transparent {
  display: none !important;
}

/* Show desktop logo on larger screens - override transparent header logo rules */
@media (min-width: 600px) {
  .wt-header--amateur-custom .wt-header__logo__img:not(.wt-header__logo__img--mobile):not(.wt-header__logo__img--transparent) {
    display: block !important;
  }
}

/* Show mobile logo on smaller screens - override transparent header logo rules */
@media (max-width: 599px) {
  .wt-header--amateur-custom .wt-header__logo__img--mobile:not(.wt-header__logo__img--transparent) {
    display: block !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--bars,
  .wt-header--amateur-custom .wt-header__nav-teaser img.svg-icon--bars {
    width: 18px !important;
    height: 6px !important;
  }

}

/* Mobile / small screens: logo fills column width, right-edge aligned */
@media (max-width: 989px) {
  /* flex-end on a column container = children anchored to right edge */
  .wt-header--amateur-custom .wt-header__right-side {
    align-items: flex-end;
  }

  /* Wrapper, logo, and link all fill 100% so the image can grow in height */
  .wt-header--amateur-custom .wt-header__logo-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .wt-header--amateur-custom .wt-header__logo {
    width: 100% !important;
  }

  .wt-header--amateur-custom .wt-header__logo__link {
    width: 100% !important;
    max-width: 100% !important;
    align-items: flex-end;
  }

  .wt-header--amateur-custom .wt-header__logo__img:not(.wt-header__logo__img--transparent) {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Same DPR race guard as .wt-header__right-side (≤768): keep wordmark in-viewport on first paint */
  .wt-header--amateur-custom .wt-header__logo-wrapper,
  .wt-header--amateur-custom .wt-header__logo,
  .wt-header--amateur-custom .wt-header__logo__link {
    max-width: min(100%, calc(100svw - 9rem));
  }
}

  @media (max-width: 399px) {
    .wt-header--amateur-custom .wt-header__logo {
      position: static !important;
      left: auto !important;
      top: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    .wt-header--amateur-custom .wt-header__right-side {
      align-items: flex-end;
    }
    .wt-header--amateur-custom .wt-header__logo__link {
      justify-content: flex-end !important;
      text-align: right !important;
      align-items: flex-end;
    }
  }
}

/* Hide aside for option_6 (icons/teaser are in nav-teaser via snippet) */
.wt-header--amateur-custom .wt-header__aside {
  display: none;
}

/* Hide default panel for option_6 when not using amateur layout (panel is in snippet when icons chosen) */
.wt-header--amateur-custom > .wt-header__body > .wt-header__panel {
  display: none;
}

/* Hide the header body overlay that appears when drawer opens */
.menu-drawer-overlay-on .wt-header--amateur-custom .wt-header__body::before {
  display: none !important;
}

/*
 * Mobile / tablet (<1200px): theme .menu-drawer-overlay is z-index 15; amateur transparent #header uses 100,
 * so the logo bar paints above the dimmer. Drop #header below the overlay while .wt-drawer--nav stays 100.
 */
@media (max-width: 1199px) {
  body.menu-drawer-overlay-on #header.wt-header--amateur-custom {
    z-index: 10 !important;
  }

  /* Kill document scrollbar / overscroll while mobile drawer is open.
     Theme only locks body; html otherwise stays overflow-y:visible. */
  html:has(body.menu-drawer-overlay-on),
  html:has(body.am-header-menu-closing) {
    overflow: hidden !important;
    overscroll-behavior: none;
  }

  html:has(body.menu-drawer-overlay-on)::-webkit-scrollbar,
  html:has(body.am-header-menu-closing)::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}

/* Mobile: fixed overlay for all pages; PDP stays absolute so the header scrolls with the hero. */
@media screen and (max-width: 768px) {
  .wt-header--amateur-custom:not(.wt-header--transparent),
  .wt-header--amateur-custom.wt-header--transparent {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* Prefer small viewport: prevents ~2× innerWidth DPR race from stretching the logo bar */
    max-width: 100svw;
    width: 100%;
    box-sizing: border-box;
    overflow-x: clip;
  }

  body.template-product .wt-header--amateur-custom.wt-header--transparent {
    position: absolute;
  }

  /* Collection: header scrolls away with the page (not fixed like other mobile pages) */
  body.template-collection #header.wt-header--amateur-custom,
  body.template-collection #header.wt-header--amateur-custom.wt-header--transparent {
    position: static !important;
  }

  .wt-header--amateur-custom .wt-header__body {
    padding: 16px 0;
    gap: 32px;
    align-items: flex-start;
  }

  .wt-header--amateur-custom .wt-header__right-side {
    flex: 1;
    /*
     * Cap to small viewport width. Android Chrome can briefly report ~2× innerWidth
     * (DPR race) while visualViewport is correct — without this the logo column fills
     * the inflated layout and flashes huge / off-screen before resize settles.
     * 9rem ≈ nav-teaser (icons) + gap.
     */
    max-width: min(100%, calc(100svw - 9rem));
  }

  /* Top bar (icons mode): hide account on small screens — drawer still has account if enabled */
  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__item--account {
    display: none !important;
  }
}

/*
 * About Us white header (body.am-header-white-about-us): option_6 normally hides every
 * .wt-header__logo__img--transparent; show the transparent / uploaded white logo instead
 * of the default desktop + mobile marks.
 */
body.am-header-white-about-us .wt-header--amateur-custom .wt-header__logo__img--transparent {
  display: block !important;
}

body.am-header-white-about-us .wt-header--amateur-custom .wt-header__logo__img:not(.wt-header__logo__img--transparent) {
  display: none !important;
}

/* Amateur Kits: secondary "KIT" mark beside (desktop) or under (mobile) the default logo */
body.am-amateur-kits-page .wt-header--amateur-custom .am-kits-kit-logo {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: var(--am-kits-kit-logo-height, auto) !important;
  padding: 0;
  object-fit: contain !important;
}

@media (max-width: 599px) {
  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__body {
    overflow: visible;
  }

  body.am-amateur-kits-page .wt-header--amateur-custom .am-kits-kit-logo-slot {
    display: block;
    width: 100%;
    align-self: flex-end;
    margin: 8px 0 0;
    overflow: visible;
  }

  body.am-amateur-kits-page .wt-header--amateur-custom .am-kits-kit-logo {
    margin-left: auto;
    transform: translateX(100%);
    opacity: 0;
    will-change: transform, opacity;
  }

  @keyframes am-kits-kit-logo-slide-in {
    from {
      transform: translateX(100%);
      opacity: 0;
    }

    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  body.am-amateur-kits-page .wt-header--amateur-custom .am-kits-kit-logo-slot.am-kits-kit-logo--animate .am-kits-kit-logo {
    animation: am-kits-kit-logo-slide-in 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
}

@media (min-width: 600px) {
  /*
   * Pre-compute paired logo dimensions from known asset ratios (597×88 default, 120×40 KIT)
   * so first paint matches JS sizing; 45% matches .wt-header__right-side flex basis.
   */
  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__logo__link.am-kits-logos--paired {
    --am-kits-paired-col: 45vw;
    --am-kits-logo-height: calc((var(--am-kits-paired-col) - 28px) / 9.117424);
    --am-kits-default-logo-width: calc(var(--am-kits-logo-height) * 6.784091);
    --am-kits-kit-logo-width: calc(var(--am-kits-logo-height) * 2.333333);
  }

  /* Hide until JS confirms layout — prevents 44px-tall intrinsic flash before sync */
  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired:not(.am-kits-logos--ready) {
    visibility: hidden;
  }

  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__right-side {
    align-items: flex-end !important;
  }

  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__logo-wrapper,
  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__logo,
  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__logo__link {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.am-amateur-kits-page .wt-header--amateur-custom .wt-header__logo__link {
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    gap: 0;
    overflow: visible;
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired
    .am-kits-theme-default-logo.wt-header__logo__img:not(.wt-header__logo__img--mobile),
  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired
    .am-kits-theme-default-logo.wt-header__logo__img--responsive {
    width: var(--am-kits-default-logo-width, auto) !important;
    max-width: none !important;
    height: var(--am-kits-logo-height, auto) !important;
    flex: 0 0 auto;
    min-width: 0;
    object-fit: contain !important;
    object-position: right bottom;
    transition: none;
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired:has(.am-kits-kit-logo-slot.am-kits-kit-logo--animate)
    .am-kits-theme-default-logo.wt-header__logo__img:not(.wt-header__logo__img--mobile),
  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired:has(.am-kits-kit-logo-slot.am-kits-kit-logo--animate)
    .am-kits-theme-default-logo.wt-header__logo__img--responsive {
    object-position: right bottom;
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired
    .am-kits-kit-logo-slot {
    display: block;
    flex: 0 0 auto;
    overflow: hidden;
    width: 0;
    max-width: 0;
    margin-left: 0;
    transition:
      width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
      max-width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
      margin-left 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired
    .am-kits-kit-logo-slot.am-kits-kit-logo--animate {
    width: var(--am-kits-kit-logo-width, 220px);
    max-width: var(--am-kits-kit-logo-width, 220px);
    margin-left: 28px;
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired
    .am-kits-kit-logo {
    width: 100% !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left bottom;
    transform: translateX(100%);
    opacity: 0;
    will-change: transform, opacity;
  }

  @keyframes am-kits-kit-logo-slide-in-desktop {
    from {
      transform: translateX(100%);
      opacity: 0;
    }

    to {
      transform: translateX(0);
      opacity: 1;
    }
  }

  body.am-amateur-kits-page
    .wt-header--amateur-custom
    .wt-header__logo__link.am-kits-logos--paired
    .am-kits-kit-logo-slot.am-kits-kit-logo--animate
    .am-kits-kit-logo {
    animation: am-kits-kit-logo-slide-in-desktop 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.am-amateur-kits-page .wt-header--amateur-custom .am-kits-kit-logo {
    transform: none;
    opacity: 1;
    animation: none !important;
  }

  @media (min-width: 600px) {
    body.am-amateur-kits-page
      .wt-header--amateur-custom
      .wt-header__logo__link.am-kits-logos--paired
      .am-kits-kit-logo-slot {
      width: var(--am-kits-kit-logo-width, 220px);
      max-width: var(--am-kits-kit-logo-width, 220px);
      margin-left: 28px;
      transition: none;
    }

    body.am-amateur-kits-page
      .wt-header--amateur-custom
      .wt-header__logo__link.am-kits-logos--paired
      .am-kits-kit-logo {
      transform: none;
      opacity: 1;
    }
  }
}

/* =============================================================================
   Desktop Mega Nav — Full-Width Top Drop (option_6, ≥1200px only)
   Scoped to header:has(.wt-header--amateur-custom) so mobile and all other
   layouts are never affected.
   ============================================================================= */

/* Suppress nav drawer transition during breakpoint resize (applied via JS) */
.wt-header--amateur-custom ~ .wt-drawer--nav.am-no-transition {
  transition: none !important;
}

.wt-header--amateur-custom .wt-header__right-side.am-no-transition {
  transition: none !important;
}

/* Hide store card on mobile / non-option-6 by default */
.am-mega-nav__aside {
  display: none;
}

[data-am-slideshow-multiple] .am-mega-nav__aside-img {
  cursor: pointer;
}

/* Slide: hidden by default; active slide shown. Gap differs per breakpoint (16px desktop, 12px mobile — see below). */
.am-mega-nav__slide {
  display: none;
  flex-direction: column;
}

.am-mega-nav__slide.is-active {
  display: flex;
}

@media (min-width: 1200px) {
  /*
   * Desktop mega: dim page behind drawer (below header z-index 101, above drawer z-index 90).
   */
  body.menu-open.menu-drawer-overlay-on:has(#header.wt-header--amateur-custom) .menu-drawer-overlay {
    z-index: 89 !important;
  }

  /* Keep header chrome above the drawer (drawer shell is z-index 90). */
  body.menu-open #header.wt-header--amateur-custom {
    z-index: 101 !important;
  }

  /*
   * Icons must stay on-screen when menu opens mid-scroll. Collection/kits freeze
   * previously snapshotted the scrolled-away nav-teaser transform.
   */
  body.menu-open #header.wt-header--amateur-custom .wt-header__nav-teaser,
  body.am-header-menu-closing #header.wt-header--amateur-custom .wt-header__nav-teaser {
    animation: none !important;
    animation-timeline: auto !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* ---- Drawer shell: top-slide, full-width ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav,
  #wt-drawer-nav.wt-drawer--nav {
    transform: translateY(-100%) !important;
    position: fixed !important;
    width: auto !important;
    left: 0 !important;
    right: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    background: transparent !important;
    opacity: 1 !important;
    top: 0 !important;
    margin-top: 0 !important;
    /* Below header (z-index 101) so nav teaser stays visible */
    z-index: 90 !important;
    transition: none !important;
  }

  /* critical.css sticky header sets position:absolute + margin-top on drawer — override during open/close. */
  body.page-header-sticky.menu-open .page-header.sticky-enabled .wt-drawer--nav,
  body.page-header-sticky.am-header-menu-closing .page-header.sticky-enabled .wt-drawer--nav,
  body.page-header-sticky.menu-open .page-header.sticky-enabled #wt-drawer-nav,
  body.page-header-sticky.am-header-menu-closing .page-header.sticky-enabled #wt-drawer-nav {
    position: fixed !important;
    top: 0 !important;
    margin-top: 0 !important;
  }

  /* Close / resting closed: ease-in (mirrors open settle) */
  body.drawers-animated .wt-header--amateur-custom ~ .wt-drawer--nav,
  body.drawers-animated #wt-drawer-nav.wt-drawer--nav {
    transition: transform 0.3s cubic-bezier(0.2, 0, 1, 1) !important;
  }

  /* Open / opening: ease-out — same 0.3s feel as PDP collapsibles */
  body.drawers-animated.menu-open .wt-header--amateur-custom ~ .wt-drawer--nav,
  body.drawers-animated.menu-open #wt-drawer-nav.wt-drawer--nav {
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1) !important;
  }

  body.menu-open .wt-header--amateur-custom ~ .wt-drawer--nav,
  body.menu-open #wt-drawer-nav.wt-drawer--nav {
    transform: translateY(0) !important;
  }

  body:is(.am-brands-page, .template-page-brands).menu-open #header.wt-header--amateur-custom {
    z-index: 200 !important;
  }

  /* ---- Content panel: glass background ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__content {
    background: var(--am-mega-nav-bg, rgba(247, 252, 247, 0.8)) !important;
    -webkit-backdrop-filter: saturate(1.35) blur(14px);
    backdrop-filter: saturate(1.35) blur(14px);
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    padding-top: 88px !important;
    padding-bottom: 32px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 0 !important;
  }

  /* Hide the in-panel close button — the header bar controls are used */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__title {
    display: none !important;
  }

  /* Mobile drawer-only row (close + search + cart) — must not show in desktop mega nav */
  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mobile-nav__header {
    display: none !important;
  }

  /* ---- Mega menu wrapper: grow but don't shrink (carousel column shrinks first) ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .mega-menu {
    flex: 1 0 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  /*
   * option_6: carousel sits in .am-mobile-nav-bottom (not a direct flex child).
   * Size/shrink the wrapper so the aside column scales down before nav columns compress.
   */
  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mobile-nav-bottom {
    display: block !important;
    flex: 0 1 280px !important;
    width: auto !important;
    max-width: 280px !important;
    min-width: 0 !important;
    align-self: flex-start !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mobile-nav-bottom .am-mega-nav__aside {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
  }

  /* Hide account/locale aside links in this layout */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__aside {
    display: none !important;
  }

  /* ---- Nav list: horizontal columns ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item {
    flex: 1 0 243px !important;
    min-width: 243px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 0 16px 16px 0 !important;
    position: static !important;
  }

  /* Remove inter-item separator lines from critical.css */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item::after {
    display: none !important;
  }

  /* ---- Column heading (top-level parent link) ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent {
    font-family: var(--font-headline) !important;
    font-style: var(--font-headline-style) !important;
    font-weight: var(--font-headline-weight) !important;
    font-size: 45px !important;
    line-height: 0.63 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 0 !important;
    display: block !important;
    margin-bottom: 48px !important;
    white-space: normal !important;
    width: 100% !important;
  }

  /*
   * Column titles: keep the headline hit box from covering the first sublink.
   * Parent anchor is transparent to hits; only the label text is clickable when
   * parent URLs are enabled (see mega-menu-section:not([data-am-disable-parent-nav-desktop])).
   */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent {
    pointer-events: none !important;
  }

  .wt-header--amateur-custom
    ~ .wt-drawer--nav
    mega-menu-section:not([data-am-disable-parent-nav-desktop])
    .wt-page-nav-mega__link--parent
    .wt-page-nav-mega__link__text {
    pointer-events: auto !important;
    cursor: pointer !important;
  }

  .wt-header--amateur-custom
    ~ .wt-drawer--nav
    mega-menu-section[data-am-disable-parent-nav-desktop]
    .wt-page-nav-mega__link--parent,
  .wt-header--amateur-custom
    ~ .wt-drawer--nav
    mega-menu-section[data-am-disable-parent-nav-desktop]
    .wt-page-nav-mega__link--parent * {
    pointer-events: none !important;
    cursor: default !important;
  }

  /* text-box on label span; line-height on <a> is Firefox fallback (same as mobile drawer) */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text {
    text-box: trim-both cap alphabetic;
  }

  /* Hide expand-indicator icons from column headings */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .svg-icon {
    display: none !important;
  }

  /* ---- Sublist wrapper: always visible; stack above column title hit area ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__wrapper {
    position: relative !important;
    max-height: none !important;
    overflow: visible !important;
    transition: none !important;
    background: transparent !important;
    width: 100% !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    top: auto !important;
    left: auto !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    max-height: none !important;
    transition: none !important;
    overflow: visible !important;
  }

  /* ---- Item rows with dividers ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__item {
    width: 100% !important;
    padding: 0 !important;
    border-bottom: 0.5px solid var(--am-mega-nav-divider-color, #b4b4b4) !important;
    display: flex !important;
    align-items: center !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__item:first-child {
    border-top: 0.5px solid var(--am-mega-nav-divider-color, #b4b4b4) !important;
  }

  /* ---- Item links ---- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link {
    font-family: var(--font-base) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    text-transform: capitalize !important;
    letter-spacing: normal !important;
    padding: 12px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* Hide arrow/plus icons from sub-links */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link .svg-icon {
    display: none !important;
  }

  /* Hide gallery/promo image blocks inside the nav columns */
  .wt-header--amateur-custom ~ .wt-drawer--nav .mega-menu__gallery,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__item--gallery {
    display: none !important;
  }

  /* ---- Store preview card / slideshow ---- */
  .am-mega-nav__aside {
    display: flex !important;
    flex: 0 1 280px !important;
    width: auto !important;
    max-width: 280px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-self: flex-start !important;
    padding: 0 !important;
    position: relative !important;
  }

  /* Slide container — only the active slide is visible */
  .am-mega-nav__slides {
    position: relative;
    width: 100%;
    min-width: 0;
    /* Prefer vertical scroll in the panel; horizontal distance handled in JS for swipe */
    touch-action: pan-y;
  }

  .am-mega-nav__slide {
    gap: 16px;
  }

  .am-mega-nav__aside-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
  }

  .am-mega-nav__aside-body {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: start;
  gap: 8px;
  width: 100%;
}

.am-mega-nav__aside-text {
  grid-column: 1;
  grid-row: 1;
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 500;
  color: var(--am-mega-nav-card-color, #000);
  line-height: normal;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  white-space: pre-line;
  word-break: break-word;
  overflow-wrap: break-word;
}

.am-mega-nav__aside-link {
  grid-column: 1;
  grid-row: 2;
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 500;
  color: var(--am-mega-nav-card-color, #000);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
}

  /* Dot navigation — shared control in active slide body, top-aligned with text */
  .am-mega-nav__dots {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  position: static;
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  margin-top: 0;
  /* Optical align with first text line (14px / trimmed caps) */
  min-height: 1em;
}

  .am-mega-nav__dot {
    width: 5px;
    height: 5px;
    border-radius: 100px;
    background: var(--am-mega-nav-card-color, #000);
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0.3;
    flex-shrink: 0;
  }

  .am-mega-nav__dot.is-active {
    opacity: 1;
  }
}

@media (max-width: 1199px) {
  .wt-header--amateur-custom ~ .wt-drawer--nav {
    transition: none !important;
  }

  body.drawers-animated.menu-open .wt-header--amateur-custom ~ .wt-drawer--nav {
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1) !important;
  }

  /*
   * Mobile/tablet icon row: equal triggers, no top/bottom pad (body padding-top
   * keeps vertical inset). 16px between icons via gap. Teaser padding-left: 16px
   * is the page gutter before the menu icon.
   */
  .wt-header--amateur-custom .wt-header__nav-teaser {
    align-items: flex-start;
    padding-left: 16px;
    height: auto;
    min-height: 0;
    gap: 16px;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser svg.svg-icon--bars {
    align-self: center !important;
    min-height: 16px;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__menu-trigger,
  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__link {
    position: relative;
    box-sizing: border-box;
    width: 18px !important;
    min-width: 18px !important;
    height: 16px !important;
    min-height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    line-height: 0;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) {
    position: relative !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 16px !important;
    margin: 0 !important;
    flex-shrink: 0;
    overflow: visible !important;
  }

  body:not(.search-overlay-on)
    .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__icon.wt-header__search-trigger {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1;
  }

  body:not(.search-overlay-on)
    .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search-trigger
    .svg-icon,
  body:not(.search-overlay-on)
    .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search-trigger
    svg {
    opacity: 1 !important;
  }

  .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search:not(.wt-drawer-search--active)
    .wt-header__search__body,
  .wt-header--amateur-custom
    .wt-header__nav-teaser
    .wt-header__search:not(.wt-drawer-search--active)
    .wt-header__search__form {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    pointer-events: none !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__panel__label {
    display: none !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) .wt-header__search__field {
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search:not(.wt-drawer-search--active) .wt-header__search__form {
    width: auto !important;
    padding: 0 !important;
    align-items: center !important;
  }

  .wt-header--amateur-custom .wt-header__nav-teaser .wt-header__search {
    margin-left: 0 !important;
  }
}

/*
 * Mega menu (nav drawer): default / hover / active for parent row, simple links, and sublist rows.
 * Uses --am-header-teaser-* from Theme → Colors (setting ids amateur_header_teaser_*).
 * Top bar icons keep the theme’s normal header styling. Falls back to --am-mega-nav-heading-color / --am-mega-nav-link-color.
 */
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline {
  color: var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff)) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent) > .wt-page-nav-mega__link,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link
  .wt-page-nav-mega__link__text,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link
  .wt-page-nav-mega__link__text--underline {
  color: var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff)) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:hover,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:hover .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:hover .wt-page-nav-mega__link__text--underline {
  color: var(
    --am-header-teaser-hover-color,
    var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent) > .wt-page-nav-mega__link:hover,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:hover
  .wt-page-nav-mega__link__text,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:hover
  .wt-page-nav-mega__link__text--underline {
  color: var(
    --am-header-teaser-hover-color,
    var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:active,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:active .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:active .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:focus-visible,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:focus-visible .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:focus-visible .wt-page-nav-mega__link__text--underline {
  color: var(
    --am-header-teaser-active-color,
    var(--am-header-teaser-hover-color, var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff)))
  ) !important;
}

.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link.wt-page-nav-mega__link--active,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link.wt-page-nav-mega__link--active
  .wt-page-nav-mega__link__text,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link.wt-page-nav-mega__link--active
  .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:active,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:active
  .wt-page-nav-mega__link__text,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:focus-visible,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:focus-visible
  .wt-page-nav-mega__link__text,
.wt-header--amateur-custom
  ~ .wt-drawer--nav
  .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent)
  > .wt-page-nav-mega__link:focus-visible
  .wt-page-nav-mega__link__text--underline {
  color: var(
    --am-header-teaser-active-color,
    var(--am-header-teaser-hover-color, var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff)))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link .wt-page-nav-mega__decorated,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link .wt-page-nav-mega__link__text--underline {
  color: var(
    --am-header-teaser-link-color,
    var(--am-mega-nav-link-color, var(--color-header-text, #000))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:hover,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:hover .wt-page-nav-mega__decorated,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:hover .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:hover .wt-page-nav-mega__link__text--underline {
  color: var(
    --am-header-teaser-hover-color,
    var(--am-header-teaser-link-color, var(--am-mega-nav-link-color, var(--color-header-text, #000)))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link.wt-page-nav-mega__sublist__link--active,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link.wt-page-nav-mega__sublist__link--active .wt-page-nav-mega__decorated,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link.wt-page-nav-mega__sublist__link--active .wt-page-nav-mega__link__text,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link.wt-page-nav-mega__sublist__link--active .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:active,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:active .wt-page-nav-mega__decorated,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:focus-visible,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link:focus-visible .wt-page-nav-mega__decorated {
  color: var(
    --am-header-teaser-active-color,
    var(--am-header-teaser-hover-color, var(--am-header-teaser-link-color, var(--am-mega-nav-link-color, var(--color-header-text, #000))))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:hover .svg-icon--arrow-down {
  color: var(
    --am-header-teaser-hover-color,
    var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff))
  ) !important;
  fill: var(
    --am-header-teaser-hover-color,
    var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff))
  ) !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active .svg-icon--arrow-down,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened .wt-page-nav-mega__link--parent .svg-icon--arrow-down,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .svg-icon--arrow-down,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:active .svg-icon--arrow-down,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:focus-visible .svg-icon--arrow-down {
  color: var(
    --am-header-teaser-active-color,
    var(--am-header-teaser-hover-color, var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff)))
  ) !important;
  fill: var(
    --am-header-teaser-active-color,
    var(--am-header-teaser-hover-color, var(--am-header-teaser-link-color, var(--am-mega-nav-heading-color, #0073ff)))
  ) !important;
}

/*
 * Remove only the theme’s underline (gradient on .decorated, ::after bar on link text).
 * Do not touch the <a> itself (no transition: none there) so hover/focus and color changes still work.
 */
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link__text::after,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link__text--underline::after,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link:hover .wt-page-nav-mega__link__text::after,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link:hover .wt-page-nav-mega__link__text--underline::after,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened .wt-page-nav-mega__link__text::after,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened .wt-page-nav-mega__link__text--underline::after,
.wt-header--amateur-custom ~ .wt-drawer--nav .submenu-opened .wt-page-nav-mega__link__text::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link__text--underline,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__decorated {
  padding-bottom: 0 !important;
  text-decoration: none !important;
  background-image: none !important;
  background-size: 0 !important;
  box-shadow: none !important;
  transition: color 0.3s ease !important;
}

.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link,
.wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link {
  transition: color 0.3s ease;
}

/* Desktop + “column titles don’t open URL”: flat #0073ff, no hover/active color change */
@media (min-width: 1200px) {
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent:hover,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent:active,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent:focus,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent:focus-visible,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent.submenu-opened,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline {
    color: var(--am-mega-nav-heading-color, #0073ff) !important;
    cursor: default;
    transition: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav mega-menu-section[data-am-disable-parent-nav-desktop] .wt-page-nav-mega__link--parent .svg-icon--arrow-down {
    color: var(--am-mega-nav-heading-color, #0073ff) !important;
    fill: var(--am-mega-nav-heading-color, #0073ff) !important;
    stroke: var(--am-mega-nav-heading-color, #0073ff) !important;
    transition: none !important;
  }

  .wt-header--amateur-custom
    ~ .wt-drawer--nav
    mega-menu-section[data-am-disable-parent-nav-desktop]
    .wt-page-nav-mega__link--parent
    .svg-icon--arrow-down
    path {
    fill: currentColor !important;
  }
}

/* ============================================================
   MOBILE NAV — Amateur Custom header (option_6)
   ============================================================ */
@media (max-width: 1199px) {

  /* Fade-only drawer (no slide/translate) — scoped to mobile so desktop keeps translateY mega menu */
  body .wt-header--amateur-custom ~ .wt-drawer--nav {
    transform: none !important;
  }

  .wt-drawer {
    transform: none !important;
    translate: none !important;
    opacity: 0 !important;
  }
  .menu-open .wt-drawer {
    transform: none !important;
    translate: none !important;
    opacity: 1 !important;
  }
  .drawers-animated .wt-drawer {
    transition: opacity 100ms ease-out !important;
  }

  body.drawers-animated.menu-open .wt-header--amateur-custom ~ .wt-drawer--nav {
    transition: opacity 100ms ease-out !important;
    transform: none !important;
  }

  /* Mobile drawer shell stays viewport-tall; inner .wt-drawer__content scrolls (see rules below). */
  .wt-header--amateur-custom ~ .wt-drawer--nav,
  #wt-drawer-nav:has(.am-mobile-nav__header) {
    background: transparent !important;
  }

  /* Mobile drawer header search icon: keep theme trigger behavior without inheriting
     critical.css overlay styles (.wt-header__search-trigger is position:absolute + hides .svg-icon). */
  #wt-drawer-nav .am-mobile-nav__icons .wt-header__search-trigger {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
  }
  #wt-drawer-nav .am-mobile-nav__icons .wt-header__search-trigger .svg-icon,
  #wt-drawer-nav .am-mobile-nav__icons .wt-header__search-trigger svg {
    opacity: 1 !important;
  }
  #wt-drawer-nav .am-mobile-nav__icons .wt-header__search-trigger .svg-icon,
  #wt-drawer-nav .am-mobile-nav__icons .wt-header__search-trigger svg {
    width: 16px !important;
    height: 16px !important;
    display: block;
  }

  /* Make the search trigger button look like the old <a.am-mobile-nav__icon-link> */
  #wt-drawer-nav .am-mobile-nav__icons button.am-mobile-nav__icon-link {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    color: inherit;
    line-height: 0;
    cursor: pointer;
  }

  /*
   * Drawer panel = flex column + single scrollport (matches .drawer / .drawer__nav / .drawer__bottom pattern).
   * Nav (.mega-menu) is content-sized (no flex-grow); bottom (.am-mobile-nav-bottom) follows in flow; whole panel scrolls when needed.
   */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__content,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-drawer__content {
    position: relative;
    isolation: isolate;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    /* Glass on the scroll layer (pseudos only cover one viewport when inset:0). */
    -webkit-backdrop-filter: saturate(1.35) blur(14px) !important;
    backdrop-filter: saturate(1.35) blur(14px) !important;
    background-color: rgba(var(--am-mega-nav-bg-rgb), var(--am-mega-nav-bg-opacity)) !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav,
  #wt-drawer-nav:has(.am-mobile-nav__header) {
    height: 100dvh !important;
    max-height: 100dvh !important;
    box-sizing: border-box !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__content::before,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-drawer__content::before,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__content::after,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-drawer__content::after {
    content: none !important;
    display: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__content > *,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-drawer__content > * {
    position: relative;
    z-index: 1;
  }

  /*
   * critical.css dims .submenu-opened .wt-page-nav-mega__link__text to opacity:0.6 on mobile.
   * That fades the *active* top-level parent’s own label. Keep it full strength like desktop
   * (body:not(.mobile-nav) already forces opacity:1 at ≥1200px).
   */
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text,
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text--underline,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text--underline {
    opacity: 1;
  }

  /* On mobile, submenu-opened/dropdown-opened should not change the parent link color */
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened,
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text,
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text--underline,
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent,
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
  body.mobile-nav .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened .wt-page-nav-mega__link__text--underline,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__item.dropdown-opened > .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active .wt-page-nav-mega__link__text,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.wt-page-nav-mega__link--active .wt-page-nav-mega__link__text--underline {
    color: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
  }

  /* --- Hide original drawer title — we use am-mobile-nav__header instead --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-drawer__title {
    display: none !important;
  }

  /* --- Custom mobile header: close left, icons right --- */
  .am-mobile-nav__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding: 16px;
    flex-shrink: 0;
    box-sizing: border-box;
  }

  .am-mobile-nav__close {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    width: 16px;
    height: 16px;
    line-height: 1;
  }

  .am-mobile-nav__close:hover,
  .am-mobile-nav__close:focus,
  .am-mobile-nav__close:focus-visible {
    background: none !important;
    outline: none;
  }

  .am-mobile-nav__close .svg-icon,
  .am-mobile-nav__close svg {
    width: 16px !important;
    height: 16px !important;
    display: block;
  }

  .am-mobile-nav__icons {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  /* Icon wrapper: normalize all header icons to 16×16 */
  .am-mobile-nav__icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    line-height: 0;
  }

  .am-mobile-nav__icon-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #000;
    text-decoration: none;
  }

  .am-mobile-nav__icon-link .svg-icon,
  .am-mobile-nav__icon-link svg {
    width: 16px;
    height: 16px;
    display: block;
  }

  /* Bag icon matches header geometry (17×16) */
  .am-mobile-nav__icon-wrap--cart .am-mobile-nav__icon {
    width: 17px;
    flex: 0 0 17px;
  }
  .am-mobile-nav__icon-wrap--cart .svg-icon--bag,
  .am-mobile-nav__icon-wrap--cart svg.svg-icon--bag {
    width: 17px;
    height: 16px;
  }

  /* Force mobile drawer header icons to render black */
  #wt-drawer-nav .am-mobile-nav__icons .am-mobile-nav__icon-link {
    color: #000 !important;
  }
  #wt-drawer-nav .am-mobile-nav__icons .am-mobile-nav__icon-link .svg-icon,
  #wt-drawer-nav .am-mobile-nav__icons .am-mobile-nav__icon-link svg {
    fill: currentColor;
    color: currentColor;
  }

  .am-mobile-nav__icon-wrap--cart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }

  .am-mobile-nav__cart-count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    z-index: 1;
    background: var(--am-mobile-drawer-parent-link-color, #0073ff);
    color: #fff;
    font-size: 9px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1;
  }

  [dir='rtl'] .am-mobile-nav__cart-count {
    right: auto;
    left: 0;
    transform: translate(-50%, -50%);
  }

  /* --- Mega menu: override theme .mega-menu { height: 100% } so the host does not stretch to the full drawer (empty flex gap). --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .mega-menu,
  #wt-drawer-nav:has(.am-mobile-nav__header) .mega-menu {
    flex: 0 0 auto !important;
    height: auto !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    /* Space before bottom row */
    padding-bottom: 16px !important;
    box-sizing: border-box !important;
  }

  /* --- Primary nav: document flow only (no fixed height / no clipping scrollport) --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega {
    padding: 0 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    overflow: visible !important;
  }

  /* Open submenus: natural height (override theme max-height + overflow clipping). submenu-opened lives on the <a>, not the <li>. */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened + .wt-page-nav-mega__sublist__wrapper,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened + .wt-page-nav-mega__sublist__wrapper {
    overflow: visible !important;
    max-height: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened + .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened + .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist {
    overflow: visible !important;
    max-height: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link--parent.submenu-opened + .wt-page-nav-mega__sublist,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__sublist__link--parent.submenu-opened + .wt-page-nav-mega__sublist {
    overflow: visible !important;
    max-height: none !important;
  }

  /* critical.css / custom.css add margin-bottom on open sublists; remove on mobile drawer */
  .wt-header--amateur-custom ~ .wt-drawer--nav .submenu-opened + .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist,
  .wt-header--amateur-custom ~ .wt-drawer--nav .submenu-opened > .wt-page-nav-mega__sublist,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link--parent.submenu-opened + .wt-page-nav-mega__sublist,
  #wt-drawer-nav:has(.am-mobile-nav__header) .submenu-opened + .wt-page-nav-mega__sublist__wrapper > .wt-page-nav-mega__sublist,
  #wt-drawer-nav:has(.am-mobile-nav__header) .submenu-opened > .wt-page-nav-mega__sublist,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__sublist__link--parent.submenu-opened + .wt-page-nav-mega__sublist {
    margin-bottom: 0 !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent.submenu-opened {
    margin-bottom: 10px !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__list,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* Cancel list gap below the open item only (submenu-opened is on the <a> on mobile) */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item:has(> .wt-page-nav-mega__link--parent.submenu-opened),
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__item:has(> .wt-page-nav-mega__link--parent.submenu-opened) {
    margin-bottom: -12px !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__item {
    padding: 0 !important;
    border: none !important;
    flex-direction: column !important;
  }

  /* Remove inter-item dividers between top-level nav items on mobile */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item::after {
    display: none !important;
  }

  /* --- Primary nav links: 50px, always #0073ff on mobile --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent) > .wt-page-nav-mega__link,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent) > .wt-page-nav-mega__link {
    color: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
  }

  /* Hover / focus: parent link color is configurable */
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:hover,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:hover .wt-page-nav-mega__link__text,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:hover .wt-page-nav-mega__link__text--underline,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus .wt-page-nav-mega__link__text,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus .wt-page-nav-mega__link__text--underline,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus-visible,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus-visible .wt-page-nav-mega__link__text,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus-visible .wt-page-nav-mega__link__text--underline {
    color: var(--am-mobile-drawer-parent-link-hover-color, var(--am-mobile-drawer-parent-link-color, #0073ff)) !important;
  }

  /*
   * critical.css sets `body.mobile-nav .wt-page-nav-mega__link__text--underline`
   * to var(--color-body-text) and also sets `--clr-underline` to the same.
   * Override both so the underline and text stay in sync with our drawer settings.
   */
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text--underline {
    color: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
    --clr-underline: var(--am-mobile-drawer-parent-link-color, #0073ff);
  }
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:hover .wt-page-nav-mega__link__text--underline,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus .wt-page-nav-mega__link__text--underline,
  body.mobile-nav #wt-drawer-nav:has(.am-mobile-nav__header) .wt-page-nav-mega__link--parent:focus-visible .wt-page-nav-mega__link__text--underline {
    color: var(--am-mobile-drawer-parent-link-hover-color, var(--am-mobile-drawer-parent-link-color, #0073ff)) !important;
    --clr-underline: var(--am-mobile-drawer-parent-link-hover-color, var(--am-mobile-drawer-parent-link-color, #0073ff));
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent {
    font-size: 50px !important;
    line-height: 0.57 !important;
    font-family: var(--font-headline) !important;
    font-style: var(--font-headline-style) !important;
    font-weight: var(--font-headline-weight) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /*
   * text-box on the label span (not the <a>): parent is display:flex for label + chevron;
   * trim applies to the text node wrapper in Chromium/WebKit. line-height on <a> is Firefox fallback.
   */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .wt-page-nav-mega__link__text {
    text-box: trim-both cap alphabetic;
  }

  /* --- Chevron: matches mobile nav link color --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .svg-icon--plus {
    display: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .svg-icon--arrow-down {
    display: block !important;
    width: 14px !important;
    height: 8px !important;
    min-width: 14px !important;
    flex-shrink: 0 !important;
    margin-top: 12px !important;
    transform-origin: 50% 50%;
    transition: transform 0.2s ease;
    color: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
    fill: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
    overflow: visible;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .svg-icon--arrow-down path,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .am-mobile-mega-arrow path,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent .am-mobile-mega-arrow svg {
    fill: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
    color: var(--am-mobile-drawer-parent-link-color, #0073ff) !important;
  }

  /* Closed submenu: Vector.svg down chevron (am-mobile-mega-arrow), unchanged */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent:not(.submenu-opened) .am-mobile-mega-arrow {
    transform: rotate(0deg);
  }

  /* Open submenu: flip to up chevron */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__link--parent.submenu-opened .svg-icon--arrow-down {
    transform: rotate(180deg);
  }

  /* Plus icon hidden on non-parent items (defensive) */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__item:not(.wt-page-nav-mega__item--parent) .svg-icon--plus {
    display: none !important;
  }

  /* --- Promo/column blocks: hide on mobile --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__promo {
    display: none !important;
  }

  /* --- Sub-list items: dividers between rows only (no top/bottom cap lines) --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__item {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;
    height: 0.5px;
    background-color: rgba(0, 0, 0, 0.2);
    pointer-events: none;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__item:first-child::before {
    display: none !important;
    content: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link {
    font-family: var(--font-base) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    letter-spacing: normal !important;
    padding: 14px 16px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Hide arrow icons inside sub-links */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__sublist__link .svg-icon {
    display: none !important;
  }

  /* --- Bottom row: aside (links) + slideshow side-by-side; margin-top:auto pins to drawer bottom when nav is short (flex, not fixed/sticky) --- */
  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mobile-nav-bottom,
  #wt-drawer-nav:has(.am-mobile-nav__header) .am-mobile-nav-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    padding: 0 0 max(16px, env(safe-area-inset-bottom)) !important;
    gap: 0 !important;
  }

  /* Left column: footer links */
  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mobile-nav-bottom .wt-page-nav-mega__aside {
    width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    background: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__aside-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-page-nav-mega__aside-list__link {
    font-family: var(--font-base) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000 !important;
    text-transform: capitalize !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
  }

  /* Country / language selector labels in the mobile drawer */
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-header__localization__triggers .wt-localization-trigger,
  .wt-header--amateur-custom ~ .wt-drawer--nav .wt-header__localization__triggers .wt-localization-trigger__label,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-header__localization__triggers .wt-localization-trigger,
  #wt-drawer-nav:has(.am-mobile-nav__header) .wt-header__localization__triggers .wt-localization-trigger__label {
    color: #151515 !important;
  }

  /* Mega nav store card copy (slideshow column) */
  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mega-nav__aside-text,
  #wt-drawer-nav:has(.am-mobile-nav__header) .am-mega-nav__aside-text {
    color: #151515 !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mega-nav__aside-link,
  #wt-drawer-nav:has(.am-mobile-nav__header) .am-mega-nav__aside-link {
    color: #151515 !important;
  }

  /* Right column: store card slideshow */
  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mobile-nav-bottom .am-mega-nav__aside,
  .am-mobile-nav-bottom .am-mega-nav__aside {
    width: 50% !important;
    flex: 0 0 50% !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 16px 0 0 !important;
    box-sizing: border-box !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav .am-mega-nav__slides {
    position: relative;
    width: 100%;
    touch-action: pan-y;
  }

  .am-mega-nav__slide {
    gap: 12px;
  }

  .am-mega-nav__aside-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }

  .am-mega-nav__aside-body {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.am-mega-nav__aside-text {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

.am-mega-nav__aside-link {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

/* Dots: shared control moved into active slide body; sit beside the link */
.am-mega-nav__dots {
  grid-column: 2 !important;
  grid-row: 2 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  display: flex !important;
  gap: 4px !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-shrink: 0 !important;
}

  .am-mega-nav__dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 100px !important;
    background: #000 !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    opacity: 0.3 !important;
    flex-shrink: 0 !important;
  }

  .am-mega-nav__dot.is-active {
    opacity: 1 !important;
  }

  .wt-header--amateur-custom ~ .wt-drawer--nav svg.svg-icon--search {
  fill: none !important;
}

.am-mobile-nav__header svg.svg-icon--search {
  width: 16px !important;
  height: 16px !important;
  fill: none !important;
}

.am-mobile-nav__header svg.svg-icon--bag {
  width: 17px !important;
  height: 16px !important;
}

.am-mobile-nav__header svg.svg-icon--close {
  width: 16px !important;
  height: 16px !important;
}

}

/* --- Desktop cart counter: badge anchored to icon box (not padded link) --- */
.wt-header--amateur-custom .wt-header__panel__item--cart .wt-header__panel__link {
  position: relative;
}

.wt-header--amateur-custom .wt-header__panel__icon-wrap--cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  line-height: 0;
}

.wt-header--amateur-custom .wt-header__panel__icon-wrap--cart .wt-header__panel__counter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto !important;
  left: auto;
  transform: translate(50%, -50%);
  z-index: 1;
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 50%;
  background: var(--color-transparent-header);
  color: var(--color-header-background, #fff);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: 0 !important;
  overflow: visible !important;
  white-space: nowrap;
}

[dir='rtl'] .wt-header--amateur-custom .wt-header__panel__icon-wrap--cart .wt-header__panel__counter {
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
}