/** Shopify CDN: Minification failed

Line 1659: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: 100lvh;
  }

  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;
    /* lvh is a FIXED value (largest viewport / address bar collapsed) — unlike dvh it
       does not change as the Android address bar animates, so the footer never jitters,
       and unlike svh it is always tall enough to fully cover the visible fold. */
    min-height: 100svh !important;
    min-height: 100lvh !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;
    }
  }

}

/* Collection footer reveal on DESKTOP (>=900px).
   The mobile rules above live inside @media (max-width: 899px), so on desktop the
   collection footer had no sticky/reveal behaviour at all (broken footer). Mirror the
   homepage .footer-scroll-effect mechanism here, but cap the revealed footer at 50% of
   the viewport (merchant spec). Because the footer never fills the screen on desktop,
   the footer-behind-header white-ink swap is intentionally gated to mobile in custom.css. */
@media (min-width: 900px) {
  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: 100lvh;
  }

  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 {
    min-height: 50svh;
    min-height: 50lvh;
  }
}

/* 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;
  }

  /*
   * Article: without wt-header--transparent, Amateur header is still visually transparent
   * (see :not(.wt-header--transparent) { background: transparent } above) and icons keep
   * light --color-transparent-header ink. Paint a solid site-background bar + dark icons when the
   * article observer removes transparent (am-article-header.js). Skip when footer-behind-header
   * so the solid band only covers body content, not the footer reveal.
   */
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent),
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__body,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__right-side {
    background: var(--color-background, #fcfef8) !important;
    background-color: var(--color-background, #fcfef8) !important;
    height: 40px;
  }

  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .wt-header__menu-trigger,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .wt-header__search,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .wt-header__panel,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .wt-header__icon,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .wt-icon,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .svg-icon--search,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .svg-icon--bars,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .svg-icon--bag,
  body.template-article:not(.footer-behind-header) #header.wt-header--amateur-custom:not(.wt-header--transparent) .wt-header__nav-teaser .svg-icon--user {
    color: var(--color-body-text, #000) !important;
    --color-links: var(--color-body-text, #000);
  }

  .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: #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: #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: #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: #0073ff !important;
  fill: #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: #0073ff !important;
  fill: #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: #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: #0073ff !important;
    fill: #0073ff !important;
    stroke: #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: #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: #0073ff !important;
  }

  /* Hover / focus: keep parent links #0073ff */
  #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: #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.
   * Keep underline + text locked to #0073ff.
   */
  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: #0073ff !important;
    --clr-underline: #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: #0073ff !important;
    --clr-underline: #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: #0073ff !important;
    fill: #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: #0073ff !important;
    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%);
}