/* Wear US search-first mobile header guard. WoodMart owns the markup and behaviour. */
@media (max-width: 1024px) {
  html body.wu-brand-wearus .whb-header,
  html body.wu-brand-wearus .whb-main-header,
  html body.wu-brand-wearus .whb-general-header,
  html body.wu-brand-wearus .whb-header-bottom {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    top: 0 !important;
    padding-top: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .whb-top-bar {
    display: none !important;
  }

  /* Row 1: menu, centred brand, and account. */
  html body.wu-brand-wearus .whb-general-header,
  html body.wu-brand-wearus .whb-general-header > .container,
  html body.wu-brand-wearus .whb-general-header .whb-flex-row {
    display: flex !important;
    min-height: 68px !important;
    height: 68px !important;
    max-height: none !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .whb-general-header {
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.wu-brand-wearus .whb-general-header > .container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 12px !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-flex-row {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-column_mobile2,
  html body.wu-brand-wearus .whb-general-header .whb-column_mobile3,
  html body.wu-brand-wearus .whb-general-header .whb-column_mobile4 {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-column_mobile2 {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-column_mobile3 {
    grid-column: 2 !important;
    justify-content: center !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-column_mobile4 {
    grid-column: 3 !important;
    justify-content: flex-end !important;
  }

  html body.wu-brand-wearus .whb-general-header .site-logo,
  html body.wu-brand-wearus .whb-general-header .site-logo .wd-logo {
    display: flex !important;
    width: min(156px, 100%) !important;
    min-width: 0 !important;
    max-width: 156px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Use the real logo image as the only painted wordmark. The previous
     background-plus-hidden-image treatment could be overridden by the main
     stylesheet and render two wordmarks on top of each other. */
  html body.wu-brand-wearus .whb-general-header .site-logo .wd-logo[href] > img {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav,
  html body.wu-brand-wearus .whb-general-header .wd-header-my-account,
  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav > a,
  html body.wu-brand-wearus .whb-general-header .wd-header-my-account > a {
    display: flex !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #d8d8d3 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111722 !important;
    box-shadow: 0 3px 0 #e5e4df, 0 7px 16px rgba(17, 23, 34, .07) !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-tools-icon,
  html body.wu-brand-wearus .whb-general-header .wd-tools-icon::before,
  html body.wu-brand-wearus .whb-general-header .wd-tools-icon::after {
    color: #111722 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-tools-icon::before {
    font-size: 22px !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-tools-text {
    display: none !important;
  }

  /* Row 2: product search owns the full row. */
  html body.wu-brand-wearus .whb-header-bottom,
  html body.wu-brand-wearus .whb-header-bottom > .container,
  html body.wu-brand-wearus .whb-header-bottom .whb-flex-row,
  html body.wu-brand-wearus .whb-header-bottom .whb-column_mobile5 {
    display: flex !important;
    min-height: 68px !important;
    height: 68px !important;
    max-height: none !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .whb-header-bottom {
    border-top: 0 !important;
    border-bottom: 1px solid #d8d8d3 !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(17, 23, 34, .10) !important;
  }

  html body.wu-brand-wearus .whb-header-bottom > .container {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 12px !important;
  }

  html body.wu-brand-wearus .whb-header-bottom .whb-flex-row,
  html body.wu-brand-wearus .whb-header-bottom .whb-column_mobile5 {
    width: 100% !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 > .wd-header-search-form-mobile {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile form.searchform {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    border: 1px solid rgba(17, 23, 34, .22) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: 0 4px 0 #d5d6d2, 0 13px 28px rgba(17, 23, 34, .13), inset 0 1px 0 rgba(255, 255, 255, .85) !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile form.searchform:focus-within {
    border-color: #b5122b !important;
    box-shadow: 0 0 0 4px rgba(181, 18, 43, .14), 0 3px 0 #d5d6d2, 0 13px 28px rgba(17, 23, 34, .13) !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile input.s {
    width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    min-height: 56px !important;
    padding: 0 68px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #111722 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -.02em !important;
    text-align: center !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile input.s::placeholder {
    color: #5d6570 !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile button.searchsubmit {
    position: absolute !important;
    inset: 6px 6px auto auto !important;
    display: flex !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    flex: 0 0 46px !important;
    box-sizing: border-box !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #b5122b !important;
    color: #fff !important;
    box-shadow: 0 4px 0 #8f0e22, 0 8px 16px rgba(143, 14, 34, .22) !important;
    transform: none !important;
    line-height: 1 !important;
    overflow: hidden !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile button.searchsubmit:hover,
  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile button.searchsubmit:focus-visible {
    background: #8f0e22 !important;
    color: #fff !important;
  }

  /* Full-width, light category drawer with a labelled close target. */
  html body.wu-brand-wearus .mobile-nav {
    inset-inline-start: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    background: #fff !important;
    color: #111722 !important;
    z-index: 10001 !important;
  }

  /* The historic child-theme injection is retained for its reliable logo
     loading, but restyled as one intentional navigation utility bar. */
  html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced > .wearus-mobile-header--aligned {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 12px !important;
    align-items: center !important;
    padding: 12px 16px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #d8d8d3 !important;
    background: #fff !important;
    color: #111722 !important;
  }

  html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced > .wd-heading {
    display: none !important;
  }

  html body.wu-brand-wearus .wearus-mobile-brand {
    display: flex !important;
    min-width: 0 !important;
    min-height: 44px !important;
    align-items: center !important;
    color: #111722 !important;
  }

  html body.wu-brand-wearus .wearus-mobile-brand .wearus-mobile-logo {
    display: block !important;
    width: 136px !important;
    max-width: 100% !important;
    height: 32px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  html body.wu-brand-wearus .wearus-mobile-actions {
    display: flex !important;
    gap: 7px !important;
    align-items: center !important;
  }

  html body.wu-brand-wearus .wearus-mobile-action,
  html body.wu-brand-wearus .wearus-mobile-action > a,
  html body.wu-brand-wearus .wearus-mobile-close {
    display: flex !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #d8d8d3 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111722 !important;
    box-shadow: 0 2px 0 #e5e4df !important;
  }

  html body.wu-brand-wearus .wearus-mobile-action .wd-tools-icon,
  html body.wu-brand-wearus .wearus-mobile-action .wd-tools-icon::before,
  html body.wu-brand-wearus .wearus-mobile-close .wd-action-icon,
  html body.wu-brand-wearus .wearus-mobile-close .wd-action-icon::before {
    color: #111722 !important;
    font-size: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .wearus-mobile-close {
    appearance: none !important;
    cursor: pointer !important;
  }

  html body.wu-brand-wearus .wearus-mobile-close-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  html body.wu-brand-wearus .wearus-mobile-search-action {
    display: flex !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  html body.wu-brand-wearus .wearus-mobile-search-action > a {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    gap: 11px !important;
    padding: 0 15px !important;
    border: 1px solid #aeb2b7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #111722 !important;
    box-shadow: inset 0 1px 0 rgba(17, 23, 34, .03), 0 3px 0 #e5e4df !important;
    font-size: 14px !important;
    font-weight: 650 !important;
  }

  html body.wu-brand-wearus .wearus-mobile-search-action .wd-tools-icon,
  html body.wu-brand-wearus .wearus-mobile-search-action .wd-tools-icon::before {
    color: #b5122b !important;
    font-size: 21px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .wearus-mobile-search-action > a:hover,
  html body.wu-brand-wearus .wearus-mobile-search-action > a:focus-visible,
  html body.wu-brand-wearus .wearus-mobile-action > a:hover,
  html body.wu-brand-wearus .wearus-mobile-action > a:focus-visible,
  html body.wu-brand-wearus .wearus-mobile-close:hover,
  html body.wu-brand-wearus .wearus-mobile-close:focus-visible {
    border-color: #b5122b !important;
    color: #8f0e22 !important;
  }

  html body.wu-brand-wearus .cart-widget-side {
    inset-inline-end: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    background: #fff !important;
    color: #111722 !important;
    z-index: 10002 !important;
  }

  html body.wu-brand-wearus .cart-widget-side > .wd-heading {
    min-height: 60px !important;
    padding: 8px 14px !important;
    border-bottom: 1px solid #d8d8d3 !important;
    background: #fff !important;
    color: #111722 !important;
  }

  html body.wu-brand-wearus .cart-widget-side > .wd-heading .title {
    color: #111722 !important;
    font-size: 18px !important;
    font-weight: 750 !important;
  }

  html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget > a {
    display: flex !important;
    min-width: 84px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding-inline: 12px !important;
    border: 1px solid #d8d8d3 !important;
    border-radius: 10px !important;
    background: #f6f5f2 !important;
    color: #111722 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .widget_shopping_cart_content {
    width: min(100%, 720px) !important;
    margin-inline: auto !important;
    padding-inline: clamp(14px, 4vw, 32px) !important;
  }

  html body.wu-brand-wearus .mobile-nav > .wd-heading {
    position: relative !important;
    display: flex !important;
    min-height: 60px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 8px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid #d8d8d3 !important;
    background: #fff !important;
  }

  html body.wu-brand-wearus .mobile-nav > .wd-heading .close-side-widget,
  html body.wu-brand-wearus .mobile-nav > .wd-heading .close-side-widget > a {
    display: flex !important;
    min-width: 84px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #111722 !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus .mobile-nav > .wd-heading .close-side-widget > a {
    padding-inline: 12px !important;
    border: 1px solid #d8d8d3 !important;
    border-radius: 10px !important;
    background: #f6f5f2 !important;
  }

  html body.wu-brand-wearus .mobile-nav > .wd-heading .wd-action-icon,
  html body.wu-brand-wearus .mobile-nav > .wd-heading .wd-action-text {
    display: inline-flex !important;
    color: #111722 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  html body.wu-brand-wearus header a:focus-visible,
  html body.wu-brand-wearus header button:focus-visible,
  html body.wu-brand-wearus header input:focus-visible,
  html body.wu-brand-wearus .mobile-nav a:focus-visible {
    outline: 3px solid #0b66c3 !important;
    outline-offset: 2px !important;
  }
}

/* The Categories trigger is a garment control, not a labelled hamburger.
   Use the same icon on the header and bottom toolbar so the action is
   recognisable wherever WoodMart renders it. */
html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-icon::before,
html body.wu-brand-wearus .wd-toolbar .wd-header-mobile-nav .wd-tools-icon::before {
  content: "" !important;
  display: block !important;
  width: 28px !important;
  height: 24px !important;
  background: url("/wp-content/mu-plugins/wearus-header-v22/wearus-categories-icon.svg") center / contain no-repeat !important;
  font-size: 0 !important;
}

html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-text,
html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-inner > :not(.wd-tools-icon) {
  display: none !important;
}

html body.wu-brand-wearus .wd-toolbar .wd-header-mobile-nav .wd-toolbar-label {
  font-size: 0 !important;
}

html body.wu-brand-wearus .wd-toolbar .wd-header-mobile-nav .wd-toolbar-label::after {
  content: "Categories" !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

/* If a cached or zoom-dependent WoodMart state exposes the mobile panel at
   desktop width, keep the enhancement compact instead of allowing its
   controls to inherit a tall desktop column layout. */
html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced {
  inset-inline-start: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  background: #fff !important;
  color: #111722 !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced > .wearus-mobile-header--aligned {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 12px !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 12px 16px 16px !important;
  align-items: center !important;
  border: 0 !important;
  border-bottom: 1px solid #d8d8d3 !important;
  background: #fff !important;
  transform: none !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced > .wd-heading {
  display: none !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-brand {
  display: flex !important;
  min-width: 0 !important;
  min-height: 44px !important;
  align-items: center !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-brand .wearus-mobile-logo {
  display: block !important;
  width: 136px !important;
  max-width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-actions {
  display: flex !important;
  gap: 7px !important;
  align-items: center !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-action,
html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-action > a,
html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-close {
  display: flex !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d8d8d3 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111722 !important;
  box-shadow: 0 2px 0 #e5e4df !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action {
  display: flex !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action > a {
  display: flex !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 64px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 1px solid rgba(17, 23, 34, .22) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111722 !important;
  box-shadow: 0 4px 0 #d5d6d2, 0 12px 24px rgba(17, 23, 34, .12) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* Keep the category drawer and cart in the same white panel family. The tabs
   describe destinations instead of repeating the vague Categories / Menu pair. */
html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wd-nav-mob-tab {
  border-top: 0 !important;
  border-bottom: 1px solid #d8d8d3 !important;
  background: #f6f5f2 !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wd-nav-mob-tab > li > a {
  min-height: 58px !important;
  color: #111722 !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wd-nav-mob-tab > li.wd-active > a {
  color: #a80f27 !important;
}

/* One product-authored cross-sell sits in the cart's scrolling contents, so
   subtotal and checkout stay fixed, visible, and visually dominant. */
html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart > li.wearus-cart-recommendation {
  display: block !important;
  margin: 8px 0 0 !important;
  padding: 18px 0 8px !important;
  border-top: 1px solid #d8d8d3 !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-kicker {
  margin: 0 0 10px !important;
  color: #111722 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-card {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 10px !important;
  border: 1px solid #dededa !important;
  border-radius: 12px !important;
  background: #f8f7f4 !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-image,
html body.wu-brand-wearus .wearus-cart-recommendation-image img {
  display: block !important;
  width: 72px !important;
  height: 82px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  object-fit: contain !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-copy {
  min-width: 0 !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #111722 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-context {
  overflow: hidden !important;
  margin: 4px 0 8px !important;
  color: #656a72 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-meta {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-price {
  color: #a80f27 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-action.button {
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #b5122b !important;
  color: #fff !important;
  box-shadow: 0 2px 0 #830b1d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-transform: none !important;
}

html body.wu-brand-wearus .wearus-cart-recommendation-action.button:hover,
html body.wu-brand-wearus .wearus-cart-recommendation-action.button:focus-visible {
  background: #8f0e22 !important;
}

@media (max-width: 374px) {
  html body.wu-brand-wearus .whb-general-header > .container,
  html body.wu-brand-wearus .whb-header-bottom > .container {
    padding-inline: 8px !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-flex-row {
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    gap: 7px !important;
  }

  html body.wu-brand-wearus .whb-general-header .site-logo,
  html body.wu-brand-wearus .whb-general-header .site-logo .wd-logo {
    width: min(136px, 100%) !important;
    max-width: 136px !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav,
  html body.wu-brand-wearus .whb-general-header .wd-header-my-account,
  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav > a,
  html body.wu-brand-wearus .whb-general-header .wd-header-my-account > a {
    width: 44px !important;
    min-width: 44px !important;
  }

  html body.wu-brand-wearus .whb-column_mobile5 .wd-header-search-form-mobile input.s {
    padding-left: 12px !important;
    font-size: 13px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.wu-brand-wearus .whb-header *,
  html body.wu-brand-wearus .mobile-nav {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Cart close control: retain the native accessible name while removing the
   WoodMart text badge and green circular treatment at every viewport. */
html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget > a,
html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget > a:hover,
html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget > a:focus {
  display: grid !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  place-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111722 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  transform: none !important;
}

html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget .wd-action-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget .wd-action-icon,
html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget .wd-action-icon::before {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  color: #111722 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body.wu-brand-wearus .cart-widget-side > .wd-heading .close-side-widget > a:focus-visible {
  outline: 3px solid #0b66c3 !important;
  outline-offset: 2px !important;
}

/* Mobile cart: full viewport shell with an image-first apparel list. Native
   WooCommerce markup and AJAX controls stay in charge of cart behaviour. */
@media (max-width: 767px) {
  html body.wu-brand-wearus .cart-widget-side {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    background: #fff !important;
  }

  html body.wu-brand-wearus .cart-widget-side > .wd-heading {
    flex: 0 0 auto !important;
    min-height: 64px !important;
    padding: max(8px, env(safe-area-inset-top)) 12px 8px 18px !important;
    background: #fff !important;
  }

  html body.wu-brand-wearus .cart-widget-side .widget_shopping_cart,
  html body.wu-brand-wearus .cart-widget-side .widget_shopping_cart_content,
  html body.wu-brand-wearus .cart-widget-side .shopping-cart-widget-body {
    min-height: 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .widget_shopping_cart_content {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .wd-scroll-content {
    padding: 0 16px 18px !important;
    overscroll-behavior: contain !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart > li.mini_cart_item:not(.wearus-cart-recommendation) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: clamp(108px, 31vw, 126px) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #dededa !important;
    background: #fff !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart > li.mini_cart_item:not(.wearus-cart-recommendation):hover {
    background: #fff !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-item-image {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    grid-column: 1 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: #f5f5f3 !important;
    overflow: hidden !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-item-image img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    aspect-ratio: 4 / 5 !important;
    margin: 0 !important;
    padding: 6px !important;
    border-radius: 12px !important;
    background: #f5f5f3 !important;
    object-fit: contain !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-info {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    grid-column: 2 !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 2px 40px 0 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .wd-entities-title {
    margin: 0 0 12px !important;
    color: #111722 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.32 !important;
    overflow-wrap: anywhere !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-info > div.quantity {
    display: inline-flex !important;
    width: auto !important;
    min-height: 40px !important;
    margin: 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-info > div.quantity :is(.minus, .plus, .qty) {
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-info > span.quantity {
    margin-top: 10px !important;
    color: #656a72 !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-info > span.quantity .amount {
    color: #a80f27 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .remove {
    position: absolute !important;
    z-index: 4 !important;
    top: 14px !important;
    inset-inline-end: -4px !important;
    display: grid !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    place-items: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #656a72 !important;
    font-size: 22px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .remove::after {
    content: none !important;
  }

  html body.wu-brand-wearus .cart-widget-side .shopping-cart-widget-footer {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 12px 16px max(14px, env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #d8d8d3 !important;
    background: #fff !important;
    box-shadow: 0 -10px 24px rgba(17, 23, 34, .08) !important;
  }

  html body.wu-brand-wearus .cart-widget-side .shopping-cart-widget-footer > * {
    padding-inline: 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart__total {
    margin: 0 0 10px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart__buttons {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart__buttons .button {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding-inline: 12px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 374px) {
  html body.wu-brand-wearus .cart-widget-side .wd-scroll-content {
    padding-inline: 14px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart > li.mini_cart_item:not(.wearus-cart-recommendation) {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .cart-info {
    padding-inline-end: 34px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .mini_cart_item .wd-entities-title {
    font-size: 14px !important;
  }

  html body.wu-brand-wearus .cart-widget-side .woocommerce-mini-cart__buttons {
    grid-template-columns: 1fr !important;
  }
}

/* -------------------------------------------------------------------------
 * Wear US unified commerce shell — final override layer.
 * One light system for the site header, navigation, search, account and cart.
 * ---------------------------------------------------------------------- */
html body.wu-brand-wearus {
  --wu-page-gutter: clamp(16px, 3vw, 48px);
  --wu-content-max: 1480px;
  --wu-section-space: clamp(48px, 6vw, 76px);
}

html.wu-brand-wearus-light,
html.wu-brand-wearus-light body.wu-brand-wearus,
html body.wu-brand-wearus .website-wrapper,
html body.wu-brand-wearus .main-page-wrapper {
  color-scheme: light only !important;
  background: #fff !important;
  color: #111722 !important;
}

html body.wu-brand-wearus.wearus-search-open {
  overflow: hidden !important;
}

html body.wu-brand-wearus .whb-main-header .searchform {
  cursor: pointer !important;
}

html body.wu-brand-wearus .whb-main-header .searchform input.s[readonly] {
  cursor: pointer !important;
}

/* One search language everywhere: a raised white field with the Wear US red
   action anchored at the far right. The whole field remains the launch target. */
html body.wu-brand-wearus .whb-main-header form.searchform.wearus-search-launcher button.searchsubmit {
  right: 8px !important;
  left: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: 8px !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 50% !important;
  background: #b5122b !important;
  color: #fff !important;
  box-shadow: 0 4px 0 #8f0e22, 0 9px 18px rgba(143, 14, 34, .24) !important;
  overflow: hidden !important;
}

html body.wu-brand-wearus .whb-main-header form.searchform.wearus-search-launcher button.searchsubmit:hover,
html body.wu-brand-wearus .whb-main-header form.searchform.wearus-search-launcher button.searchsubmit:focus-visible {
  background: #8f0e22 !important;
  color: #fff !important;
  box-shadow: 0 3px 0 #710b1b, 0 7px 15px rgba(113, 11, 27, .22) !important;
}

@media (min-width: 1025px) {
  html body.wu-brand-wearus .whb-main-header form.searchform.wearus-search-launcher {
    border-radius: 999px !important;
    overflow: hidden !important;
  }

  html body.wu-brand-wearus .whb-general-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  html body.wu-brand-wearus .whb-header-bottom {
    border-top: 0 !important;
  }
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action {
  position: relative !important;
  min-height: 58px !important;
  padding: 0 72px !important;
  overflow: visible !important;
  justify-content: center !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action::after {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #b5122b !important;
  box-shadow: 0 4px 0 #8f0e22, 0 8px 16px rgba(143, 14, 34, .22) !important;
  content: "" !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action svg {
  position: absolute !important;
  top: 17px !important;
  right: 17px !important;
  z-index: 1 !important;
  color: #fff !important;
}

html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action:hover::after,
html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced .wearus-mobile-search-action:focus-visible::after {
  background: #8f0e22 !important;
}

/* Search is one familiar surface everywhere. */
html body.wu-brand-wearus .wearus-search-dialog[hidden] {
  display: none !important;
}

html body.wu-brand-wearus .wearus-search-dialog {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

html body.wu-brand-wearus .wearus-search-dialog__backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(17, 23, 34, .58) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

html body.wu-brand-wearus .wearus-search-dialog__panel {
  position: relative !important;
  display: flex !important;
  width: min(920px, 100%) !important;
  max-height: min(820px, calc(100dvh - 48px)) !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: clamp(24px, 4vw, 44px) !important;
  border: 1px solid #d8d8d3 !important;
  border-radius: 24px !important;
  background: #f8f7f4 !important;
  box-shadow: 0 34px 90px rgba(17, 23, 34, .28) !important;
  color: #111722 !important;
}

html body.wu-brand-wearus .wearus-search-dialog__header {
  position: relative !important;
  display: block !important;
  padding-right: 64px !important;
}

html body.wu-brand-wearus .wearus-search-dialog__eyebrow {
  margin: 0 0 8px !important;
  color: #b5122b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.wu-brand-wearus .wearus-search-dialog h2 {
  margin: 0 !important;
  color: #111722 !important;
  font-size: clamp(34px, 5vw, 58px) !important;
  font-weight: 850 !important;
  letter-spacing: -.05em !important;
  line-height: 1 !important;
}

html body.wu-brand-wearus .wearus-search-dialog__description {
  max-width: 54ch !important;
  margin: 14px 0 0 !important;
  color: #5d6570 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body.wu-brand-wearus .wearus-search-dialog__close {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #cfd1cf !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #111722 !important;
  box-shadow: 0 3px 0 #e0e1de !important;
}

html body.wu-brand-wearus .wearus-search-dialog svg,
html body.wu-brand-wearus .wearus-mobile-action svg,
html body.wu-brand-wearus .wearus-mobile-search-action svg,
html body.wu-brand-wearus .wearus-toolbar-search svg {
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.wu-brand-wearus .wearus-search-chips {
  display: flex !important;
  gap: 8px !important;
  margin: 24px 0 14px !important;
  overflow-x: auto !important;
  padding: 2px 2px 8px !important;
  scrollbar-width: thin !important;
}

html body.wu-brand-wearus .wearus-search-chips a {
  flex: 0 0 auto !important;
  padding: 9px 14px !important;
  border: 1px solid #d4a0aa !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #8f0e22 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html body.wu-brand-wearus .wearus-search-status {
  margin: 0 0 12px !important;
  color: #5d6570 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

html body.wu-brand-wearus .wearus-search-results {
  display: grid !important;
  min-height: 0 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow-y: auto !important;
  padding: 2px 2px 20px !important;
}

html body.wu-brand-wearus .wearus-search-product {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid #d8d8d3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #111722 !important;
  box-shadow: 0 6px 18px rgba(17, 23, 34, .06) !important;
}

html body.wu-brand-wearus .wearus-search-product__image {
  display: grid !important;
  aspect-ratio: 1 / 1 !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #f2f1ee !important;
}

html body.wu-brand-wearus .wearus-search-product__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

html body.wu-brand-wearus .wearus-search-product__copy {
  display: flex !important;
  min-height: 88px !important;
  flex-direction: column !important;
  padding: 11px !important;
}

html body.wu-brand-wearus .wearus-search-product__name {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body.wu-brand-wearus .wearus-search-product__price {
  margin-top: auto !important;
  padding-top: 7px !important;
  color: #b5122b !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body.wu-brand-wearus .wearus-search-empty {
  grid-column: 1 / -1 !important;
  padding: 34px !important;
  border: 1px dashed #b8bab8 !important;
  border-radius: 14px !important;
  color: #5d6570 !important;
  text-align: center !important;
}

html body.wu-brand-wearus .wearus-search-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding: 10px !important;
  border: 1px solid #aeb2b7 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 7px 0 #d5d6d2, 0 20px 46px rgba(17, 23, 34, .15) !important;
}

html body.wu-brand-wearus .wearus-search-composer:focus-within {
  border-color: #0b66c3 !important;
  box-shadow: 0 0 0 4px rgba(11, 102, 195, .16), 0 6px 0 #d5d6d2, 0 20px 46px rgba(17, 23, 34, .15) !important;
}

html body.wu-brand-wearus .wearus-search-composer input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #111722 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  box-shadow: none !important;
}

html body.wu-brand-wearus .wearus-search-composer button {
  display: grid !important;
  width: 48px !important;
  height: 48px !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #b5122b !important;
  color: #fff !important;
  box-shadow: 0 3px 0 #830b1d !important;
}

/* Account page quality, inside the native right drawer. */
html body.wu-brand-wearus .login-form-side.wearus-account-drawer {
  width: min(560px, 100vw) !important;
  max-width: 100vw !important;
  background: #fff !important;
  color: #111722 !important;
  box-shadow: -24px 0 60px rgba(17, 23, 34, .18) !important;
}

html body.wu-brand-wearus .wearus-account-drawer > .wd-heading {
  min-height: 68px !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid #d8d8d3 !important;
  background: #fff !important;
}

html body.wu-brand-wearus .wearus-account-drawer > .wd-heading .title {
  display: none !important;
}

html body.wu-brand-wearus .wearus-account-drawer > .wd-heading {
  justify-content: flex-end !important;
}

html body.wu-brand-wearus .wearus-account-drawer > .wd-heading .close-side-widget,
html body.wu-brand-wearus .wearus-account-drawer > .wd-heading .close-side-widget > a {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111722 !important;
  font-size: 0 !important;
}

html body.wu-brand-wearus .wearus-account-drawer > .wd-heading .wd-action-text {
  display: none !important;
}

html body.wu-brand-wearus .wearus-account-drawer > .wd-heading .wd-action-icon {
  width: 24px !important;
  height: 24px !important;
  background: none !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__create {
  display: flex !important;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 20px 36px 0 !important;
  padding: 12px 20px !important;
  border: 1px solid #8f0e22 !important;
  border-radius: 10px !important;
  background: #b5122b !important;
  color: #fff !important;
  box-shadow: 0 3px 0 #7d0b1b !important;
  font-size: 16px !important;
  font-weight: 820 !important;
  text-decoration: none !important;
}

html body.wu-brand-wearus .wearus-account-drawer__create:hover,
html body.wu-brand-wearus .wearus-account-drawer__create:focus-visible {
  background: #8f0e22 !important;
  color: #fff !important;
}

html body.wu-brand-wearus .wearus-account-drawer__intro {
  padding: 38px 36px !important;
  border-bottom: 1px solid #d8d8d3 !important;
  background: linear-gradient(90deg, #b5122b 0 7px, transparent 7px), linear-gradient(145deg, #fff, #f3f4f3) !important;
}

html body.wu-brand-wearus .wearus-account-drawer__intro p {
  margin: 0 0 12px !important;
  color: #b5122b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.wu-brand-wearus .wearus-account-drawer__intro h2 {
  margin: 0 0 14px !important;
  color: #111722 !important;
  font-size: clamp(38px, 5vw, 56px) !important;
  font-weight: 850 !important;
  letter-spacing: -.05em !important;
  line-height: .98 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__intro span {
  display: block !important;
  max-width: 38ch !important;
  color: #5d6570 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body.wu-brand-wearus .wearus-account-drawer form.woocommerce-form-login,
html body.wu-brand-wearus .wearus-account-drawer .create-account-question {
  margin: 0 !important;
  padding: 30px 36px !important;
}

html body.wu-brand-wearus .wearus-account-drawer form.woocommerce-form-login {
  display: block !important;
}

html body.wu-brand-wearus .wearus-account-drawer label {
  color: #111722 !important;
  font-weight: 750 !important;
}

html body.wu-brand-wearus .wearus-account-drawer input.input-text {
  min-height: 54px !important;
  border: 1px solid #aeb3ba !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111722 !important;
  font-size: 16px !important;
}

html body.wu-brand-wearus .wearus-account-drawer .woocommerce-form-login__submit {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 10px !important;
  background: #b5122b !important;
  color: #fff !important;
  box-shadow: 0 3px 0 #7d0b1b !important;
  text-transform: none !important;
}

html body.wu-brand-wearus .wearus-account-drawer .login-form-footer {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  justify-content: space-between !important;
}

html body.wu-brand-wearus .wearus-account-drawer .woocommerce-LostPassword a {
  color: #8f0e22 !important;
  font-weight: 750 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

html body.wu-brand-wearus .wearus-account-drawer__paths {
  margin: 0 36px 36px !important;
  padding-top: 24px !important;
  border-top: 1px solid #d8d8d3 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__paths h3 {
  margin: 0 0 14px !important;
  color: #111722 !important;
  font-size: 18px !important;
  font-weight: 820 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__path {
  display: grid !important;
  gap: 3px !important;
  min-height: 78px !important;
  padding: 14px 4px !important;
  border-top: 1px solid #e3e3df !important;
  background: #fff !important;
  color: #111722 !important;
  text-decoration: none !important;
}

html body.wu-brand-wearus .wearus-account-drawer__path:first-of-type {
  border-top: 0 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__path:hover,
html body.wu-brand-wearus .wearus-account-drawer__path:focus-visible {
  padding-inline: 12px !important;
  background: #f6f5f2 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__path-label {
  color: #b5122b !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

html body.wu-brand-wearus .wearus-account-drawer__path strong {
  color: #111722 !important;
  font-size: 15px !important;
  font-weight: 820 !important;
}

html body.wu-brand-wearus .wearus-account-drawer__path-copy {
  color: #5d6570 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Product-category visual refinement without replacing WooCommerce results. */
html body.wu-brand-wearus .wearus-category-refiner {
  width: 100% !important;
  margin: 0 0 clamp(30px, 4vw, 52px) !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid #d8d8d3 !important;
  border-radius: 18px !important;
  background: #f8f7f4 !important;
}

html body.wu-brand-wearus .wearus-category-refiner__heading {
  display: flex !important;
  gap: 18px !important;
  align-items: end !important;
  justify-content: space-between !important;
}

html body.wu-brand-wearus .wearus-category-refiner__heading p {
  margin: 0 0 6px !important;
  color: #b5122b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body.wu-brand-wearus .wearus-category-refiner__heading h2 {
  margin: 0 !important;
  color: #111722 !important;
  font-size: clamp(25px, 3vw, 40px) !important;
  font-weight: 850 !important;
  letter-spacing: -.04em !important;
  line-height: 1.05 !important;
}

html body.wu-brand-wearus .wearus-category-refiner__cards {
  display: flex !important;
  gap: 12px !important;
  margin-top: 22px !important;
  overflow-x: auto !important;
  padding: 2px 2px 12px !important;
  scroll-snap-type: x proximity !important;
}

html body.wu-brand-wearus .wearus-category-refiner__card {
  display: grid !important;
  min-width: 190px !important;
  flex: 1 0 190px !important;
  grid-template-columns: 66px minmax(0, 1fr) auto !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 10px 13px 10px 10px !important;
  border: 1px solid #d8d8d3 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: #111722 !important;
  scroll-snap-align: start !important;
}

html body.wu-brand-wearus .wearus-category-refiner__image,
html body.wu-brand-wearus .wearus-category-refiner__image img {
  display: block !important;
  width: 66px !important;
  height: 72px !important;
  border-radius: 9px !important;
  background: #f1f0ed !important;
  object-fit: contain !important;
}

html body.wu-brand-wearus .wearus-category-refiner__name {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

html body.wu-brand-wearus .wearus-category-refiner__filters {
  display: flex !important;
  gap: 8px !important;
  margin-top: 14px !important;
  overflow-x: auto !important;
}

html body.wu-brand-wearus .wearus-filter-trigger {
  flex: 0 0 auto !important;
  min-height: 44px !important;
  padding: 9px 17px !important;
  border: 1px solid #c9cbc9 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111722 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: none !important;
}

html body.wu-brand-wearus .wearus-filter-trigger--primary {
  border-color: #111722 !important;
  background: #111722 !important;
  color: #fff !important;
}

/* Mobile header: balanced, non-sticky and free of duplicate clones. */
@media (max-width: 1024px) {
  html body.wu-brand-wearus .whb-header,
  html body.wu-brand-wearus .whb-main-header,
  html body.wu-brand-wearus .whb-sticky-row,
  html body.wu-brand-wearus .whb-general-header,
  html body.wu-brand-wearus .whb-header-bottom {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  html body.wu-brand-wearus .whb-clone,
  html body.wu-brand-wearus .whb-placeholder,
  html body.wu-brand-wearus .whb-header .whb-sticky-prepared:not(.whb-general-header):not(.whb-header-bottom) {
    display: none !important;
    height: 0 !important;
  }

  html body.wu-brand-wearus .whb-general-header > .container,
  html body.wu-brand-wearus .whb-header-bottom > .container {
    padding-inline: 16px !important;
  }

  html body.wu-brand-wearus .whb-general-header .whb-flex-row {
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 14px !important;
  }

  html body.wu-brand-wearus .whb-general-header .site-logo,
  html body.wu-brand-wearus .whb-general-header .site-logo .wd-logo {
    width: min(172px, 100%) !important;
    min-width: 0 !important;
    max-width: 172px !important;
  }

  html body.wu-brand-wearus .whb-general-header .site-logo .wd-logo[href] > img {
    width: 100% !important;
    max-width: 172px !important;
    height: 48px !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 18px !important;
    background: url("/wp-content/mu-plugins/wearus-header-v22/wearus-categories-icon.svg") center / contain no-repeat !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-icon {
    display: grid !important;
    place-items: center !important;
  }

  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-text,
  html body.wu-brand-wearus .whb-general-header .wd-header-mobile-nav .wd-tools-inner > :not(.wd-tools-icon) {
    display: none !important;
  }

  html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced {
    width: 100vw !important;
    max-width: 100vw !important;
    background: #fff !important;
  }

  html body.wu-brand-wearus .mobile-nav.wearus-mobile-nav--enhanced > .wearus-mobile-header--aligned {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  html body.wu-brand-wearus .wearus-mobile-actions {
    display: flex !important;
    gap: 8px !important;
  }

  html body.wu-brand-wearus .wearus-mobile-action {
    display: grid !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid #d8d8d3 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #111722 !important;
    box-shadow: 0 2px 0 #e5e4df !important;
  }

  html body.wu-brand-wearus .wearus-mobile-search-action {
    display: flex !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 54px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 54px !important;
    border: 1px solid rgba(17, 23, 34, .24) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #111722 !important;
    box-shadow: 0 4px 0 #d5d6d2, 0 12px 24px rgba(17, 23, 34, .12) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    text-transform: none !important;
  }

  html body.wu-brand-wearus .wearus-mobile-search-action svg {
    color: #b5122b !important;
  }

  html body.wu-brand-wearus .wearus-account-drawer,
  html body.wu-brand-wearus .cart-widget-side {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  html body.wu-brand-wearus .wearus-account-drawer__paths {
    margin: 0 20px 28px !important;
  }

  html body.wu-brand-wearus .wd-toolbar {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    background: rgba(255, 255, 255, .98) !important;
    border-top: 1px solid #d8d8d3 !important;
    box-shadow: 0 -8px 24px rgba(17, 23, 34, .08) !important;
  }

  html body.wu-brand-wearus .wearus-toolbar-search {
    display: flex !important;
    min-width: 0 !important;
    min-height: 58px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111722 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    text-transform: none !important;
  }

  html body.wu-brand-wearus .wd-toolbar .wd-header-mobile-nav .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 26px !important;
    height: 20px !important;
    background: url("/wp-content/mu-plugins/wearus-header-v22/wearus-categories-icon.svg") center / contain no-repeat !important;
  }

  html body.wu-brand-wearus .wd-toolbar .wd-header-mobile-nav .wd-toolbar-label {
    font-size: 11px !important;
    font-weight: 750 !important;
  }

  html body.wu-brand-wearus .wd-toolbar .wd-header-mobile-nav .wd-toolbar-label::after {
    content: none !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog {
    place-items: stretch !important;
    padding: 0 !important;
    inset: auto 0 auto 0 !important;
    top: var(--wearus-visible-top, 0px) !important;
    height: var(--wearus-visible-height, 100dvh) !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog__panel {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: max(12px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog__header { order: 1 !important; }
  html body.wu-brand-wearus .wearus-search-status { order: 2 !important; }
  html body.wu-brand-wearus .wearus-search-results {
    order: 3 !important;
    flex: 1 1 auto !important;
  }
  html body.wu-brand-wearus .wearus-search-chips {
    order: 4 !important;
    margin: 8px 0 10px !important;
  }
  html body.wu-brand-wearus .wearus-search-composer {
    order: 5 !important;
    position: relative !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible .wearus-search-dialog__eyebrow,
  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible .wearus-search-dialog__description {
    display: none !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible .wearus-search-dialog__header {
    min-height: 48px !important;
    padding-right: 58px !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible h2 {
    padding-top: 8px !important;
    font-size: 28px !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible .wearus-search-status {
    margin: 2px 0 4px !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible .wearus-search-results {
    padding-bottom: 2px !important;
  }

  html body.wu-brand-wearus .wearus-search-dialog.is-keyboard-visible .wearus-search-chips {
    margin-block: 4px !important;
  }

  html body.wu-brand-wearus .wearus-account-drawer__create {
    margin: 16px 20px 0 !important;
  }

  html body.wu-brand-wearus .wearus-search-results {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.wu-brand-wearus .wearus-search-composer {
    position: sticky !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }

  html body.wu-brand-wearus .wearus-category-refiner {
    border-radius: 14px !important;
  }

  html body.wu-brand-wearus .wearus-category-refiner__heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media (max-width: 390px) {
  html body.wu-brand-wearus .whb-general-header .whb-flex-row {
    grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    gap: 10px !important;
  }

  html body.wu-brand-wearus .wearus-mobile-actions {
    gap: 6px !important;
  }

  html body.wu-brand-wearus .wearus-mobile-action {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.wu-brand-wearus .wearus-search-dialog *,
  html body.wu-brand-wearus .wearus-account-drawer *,
  html body.wu-brand-wearus .wearus-category-refiner * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}