/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

body.page-id-85257 .elementor-element-d110342,
body.page-id-85257 .elementor-element-5c6d29b {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  border-radius: 8px;
  background-size: cover !important;
  background-position: center !important;
}

body.page-id-85257 .elementor-element-d110342 {
  background-image:
    linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.18)),
    url("https://wearus.ca/wp-content/uploads/2026/05/hf_20260526_041230_5cc8a9ec-b0ba-415d-af9d-bcb1291f2576-scaled.png") !important;
}

body.page-id-85257 .elementor-element-5c6d29b {
  background-image:
    linear-gradient(90deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.12)),
    url("https://wearus.ca/wp-content/uploads/2026/05/wearus-menu-studio-kit.jpg") !important;
}

/* Homepage carousel scroll affordances. */
body.page-id-85257 .elementor-element-25c8063 .wd-carousel-container,
body.page-id-85257 .elementor-element-da6f555 .wd-carousel-container,
body.page-id-85257 .elementor-element-1de0eca .wd-carousel-container,
body.page-id-85257 .elementor-element-299774f .wd-carousel-container,
body.page-id-85257 .elementor-element-6825378 .wd-carousel-container,
body.page-id-85257 .elementor-element-21b0221 .wd-carousel-container {
  position: relative;
}

body.page-id-85257 .elementor-element-25c8063 .wd-carousel-container::before,
body.page-id-85257 .elementor-element-da6f555 .wd-carousel-container::before,
body.page-id-85257 .elementor-element-1de0eca .wd-carousel-container::before,
body.page-id-85257 .elementor-element-299774f .wd-carousel-container::before,
body.page-id-85257 .elementor-element-6825378 .wd-carousel-container::before,
body.page-id-85257 .elementor-element-21b0221 .wd-carousel-container::before {
  content: "Scroll →";
  position: absolute;
  top: -44px;
  right: 0;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(31, 99, 189, 0.24);
  border-radius: 999px;
  background: #fff;
  color: #1f63bd;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(16, 37, 62, 0.08);
  pointer-events: none;
}

body.page-id-85257 .elementor-element-25c8063 .wd-carousel-inner::after,
body.page-id-85257 .elementor-element-da6f555 .wd-carousel-inner::after,
body.page-id-85257 .elementor-element-1de0eca .wd-carousel-inner::after,
body.page-id-85257 .elementor-element-299774f .wd-carousel-inner::after,
body.page-id-85257 .elementor-element-6825378 .wd-carousel-inner::after,
body.page-id-85257 .elementor-element-21b0221 .wd-carousel-inner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 18px;
  z-index: 4;
  width: min(92px, 18vw);
  background: linear-gradient(90deg, rgba(247, 245, 242, 0), #f7f5f2 82%);
  pointer-events: none;
}

body.page-id-85257 .elementor-element-25c8063 .wd-carousel,
body.page-id-85257 .elementor-element-da6f555 .wd-carousel,
body.page-id-85257 .elementor-element-1de0eca .wd-carousel,
body.page-id-85257 .elementor-element-299774f .wd-carousel,
body.page-id-85257 .elementor-element-6825378 .wd-carousel,
body.page-id-85257 .elementor-element-21b0221 .wd-carousel {
  cursor: grab;
}

/* Lean native-block homepages: semantic, campaign-first, and independent of Elementor. */
.wu-home{max-width:1480px;margin:0 auto;color:#171717;background:#fff}.wu-home section{padding:clamp(3rem,7vw,7rem) clamp(1rem,4vw,4rem)}.wu-home-hero{background:#f4f7f1;border-bottom:1px solid rgba(20,29,38,.1)}.wu-eyebrow{margin:0 0 1rem;color:#164A8C;font-size:.75rem;font-weight:800;letter-spacing:.14em;line-height:1.4}.wu-home h1,.wu-home h2,.wu-home h3{color:#171717}.wu-home h1{max-width:900px;margin:0 0 1.25rem;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.98;letter-spacing:-.04em}.wu-home h2{margin:0 0 1.75rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.03em}.wu-home h3{margin:0 0 .75rem;font-size:1.25rem;line-height:1.2}.wu-lede{max-width:720px;margin:0 0 2rem;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55}.wu-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0}.wu-home a.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.25rem;border-radius:999px;background:#164A8C;color:#fff;font-weight:800;text-decoration:none}.wu-home a.button:hover{background:#103D76;color:#fff}.wu-home-paths{background:#fff}.wu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.wu-grid article{padding:1.5rem;border:1px solid rgba(20,29,38,.12);border-radius:12px;background:#fbfbfa}.wu-grid article p{margin:0 0 1.25rem;line-height:1.55}.wu-grid article a,.wu-home-final a:not(.button){font-weight:800;color:#164A8C;text-decoration:underline;text-underline-offset:3px}.wu-home-process{background:#f7f5f2}.wu-home-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1100px;margin:0;padding:0;list-style:none;counter-reset:wu-step}.wu-home-process li{counter-increment:wu-step;padding:1.25rem 1.25rem 1.25rem 3.5rem;border-left:3px solid #164A8C;line-height:1.5;position:relative}.wu-home-process li:before{content:counter(wu-step,decimal-leading-zero);position:absolute;left:1rem;top:1.25rem;color:#164A8C;font-weight:800}.wu-home-campaign{background:#171717;color:#fff}.wu-home-campaign h2,.wu-home-campaign p{color:#fff}.wu-home-final{padding-top:clamp(3rem,6vw,6rem);padding-bottom:clamp(3rem,6vw,6rem)}.wu-home-final p{max-width:680px;font-size:1.15rem;line-height:1.6}.wu-home-wearuniforms .wu-home-hero{background:#eef3f5}.wu-home-basicbrands .wu-home-hero{background:#f5f1ec}.wu-home-blankletics .wu-home-hero{background:#eef5f0}@media(max-width:900px){.wu-grid,.wu-home-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.wu-home section{padding:3rem 1rem}.wu-grid,.wu-home-process ol{grid-template-columns:1fr}.wu-home h1{font-size:clamp(2.4rem,13vw,4rem)}.wu-actions{align-items:stretch;flex-direction:column}.wu-home a.button{width:100%}}

body.page-id-85257 .elementor-element-25c8063 .wd-carousel:active,
body.page-id-85257 .elementor-element-da6f555 .wd-carousel:active,
body.page-id-85257 .elementor-element-1de0eca .wd-carousel:active,
body.page-id-85257 .elementor-element-299774f .wd-carousel:active,
body.page-id-85257 .elementor-element-6825378 .wd-carousel:active,
body.page-id-85257 .elementor-element-21b0221 .wd-carousel:active {
  cursor: grabbing;
}

body.page-id-85257 .wd-carousel-container .wd-carousel-scrollbar,
body.page-id-85257 .wd-carousel-container .swiper-scrollbar {
  height: 4px;
  border-radius: 999px;
  background: rgba(31, 99, 189, 0.14);
}

body.page-id-85257 .wd-carousel-container .swiper-scrollbar-drag {
  border-radius: 999px;
  background: #1f63bd;
}

@media (max-width: 900px) {
  body.page-id-85257 .elementor-element-25c8063 .wd-carousel-container::before,
  body.page-id-85257 .elementor-element-da6f555 .wd-carousel-container::before,
  body.page-id-85257 .elementor-element-1de0eca .wd-carousel-container::before,
  body.page-id-85257 .elementor-element-299774f .wd-carousel-container::before,
  body.page-id-85257 .elementor-element-6825378 .wd-carousel-container::before,
  body.page-id-85257 .elementor-element-21b0221 .wd-carousel-container::before {
    top: -38px;
    right: auto;
    left: 0;
  }

  body.page-id-85257 .elementor-element-25c8063 .wd-carousel-inner::after,
  body.page-id-85257 .elementor-element-da6f555 .wd-carousel-inner::after,
  body.page-id-85257 .elementor-element-1de0eca .wd-carousel-inner::after,
  body.page-id-85257 .elementor-element-299774f .wd-carousel-inner::after,
  body.page-id-85257 .elementor-element-6825378 .wd-carousel-inner::after,
  body.page-id-85257 .elementor-element-21b0221 .wd-carousel-inner::after {
    width: 64px;
  }
}

/* Desktop navigation should read as a clear text system. Product thumbnails
 * belong in the category panel, not beside top-level commercial labels. */
@media (min-width: 1025px) {
  .wd-header-nav > .wd-nav > li > a > .wd-nav-img {
    display: none !important;
  }
}

/* Basicbrands visual correction: replace the inherited WoodMart mark without
 * suppressing the brand-family header system. */

.site-logo:has(img[src*="basicbrands.ca/wp-content/themes/woodmart/images/wood-logo-dark.svg"]) .wd-logo > img {
  display: none !important;
}

.site-logo:has(img[src*="basicbrands.ca/wp-content/themes/woodmart/images/wood-logo-dark.svg"]) .wd-logo::after {
  content: "BASICBRANDS";
  display: inline-block;
  color: #111;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  white-space: nowrap;
}

@media (min-width: 1025px) {
body.page-id-29096 .whb-col-right .wd-header-wishlist,
  body.page-id-29096 .whb-col-right .wd-header-compare {
    display: none !important;
  }
}

/* Basicbrands is quote-first while its inherited catalog is quarantined.
 * Remove empty-catalog utilities on both desktop and mobile; keep account
 * available for the future invitation-only program account. */
body:has(.site-logo img[src*="basicbrands.ca/wp-content/themes/woodmart/images/wood-logo-dark.svg"]) .wd-header-wishlist,
body:has(.site-logo img[src*="basicbrands.ca/wp-content/themes/woodmart/images/wood-logo-dark.svg"]) .wd-header-compare {
  display: none !important;
}

/* Specialist archive headings added by wu-public-a11y-fixes.php. */
.wu-archive-title {
  margin: 0 0 1rem;
  color: #17181c;
  font-size: clamp(1.8rem, 3.5vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.02em;
}

/* Specialist program storefronts: keep desktop header actions useful for
 * quote-led journeys. Account, search, and cart remain available; the
 * mobile toolbar is intentionally unchanged. */
@media (min-width: 1025px) {
  body:has(.site-logo img[src*="blankletics.ca/wp-content/uploads/sites/2/2026/06/blankletics-logo.jpg"]) .whb-col-right .wd-header-wishlist,
  body:has(.site-logo img[src*="blankletics.ca/wp-content/uploads/sites/2/2026/06/blankletics-logo.jpg"]) .whb-col-right .wd-header-compare,
  body:has(.wu-header-brand) .whb-col-right .wd-header-wishlist,
  body:has(.wu-header-brand) .whb-col-right .wd-header-compare {
    display: none !important;
  }
}

body.page-id-29096 .wd-content-area > .entry-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 4rem) clamp(1rem, 4vw, 4rem);
}

body.page-id-29096 .wd-content-area > .entry-content > p.has-large-font-size {
  max-width: 1180px;
  color: #555;
  font-size: clamp(1.8rem, 4vw, 3.8rem);
  line-height: 1.12;
}

@media (max-width: 600px) {
  body.page-id-29096 .wd-hb .wu-header-utility {
    line-height: 1.45;
  }

  body.page-id-29096 .wd-content-area > .entry-content > p.has-large-font-size {
    font-size: clamp(1.45rem, 7vw, 2.2rem) !important;
    line-height: 1.15 !important;
  }

  body.page-id-29096 .wd-content-area > .entry-content > p:nth-of-type(3) {
    display: flex;
    flex-direction: column;
    gap: .6rem;
  }

  body.page-id-29096 .wd-content-area > .entry-content > p:nth-of-type(3) > a.wp-element-button {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
  }
}

/* Search opens WoodMart's native full-screen product finder. Keep the three
 * mobile header actions aligned and large enough for touch. */
.wd-header-search > a {
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}

.wd-header-search > a:focus-visible {
  border-radius: 50%;
  outline: 3px solid var(--wu-brand-focus, #f2b544);
  outline-offset: 2px;
}

.wd-search-full-screen-2 input.s {
  color: #242424 !important;
  --wd-form-color: #242424;
  --wd-form-placeholder-color: #555;
}

.wd-search-full-screen-2 input.s::placeholder {
  color: #555 !important;
  opacity: 1;
}

@media (max-width: 1024px) {
  .whb-header-bottom .whb-column_mobile5 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(48px, 1fr));
    align-items: center;
    width: 100%;
  }

  .whb-column_mobile5 > .wd-header-mobile-nav {
    justify-self: start;
  }

  .whb-column_mobile5 > .wd-header-search-mobile {
    justify-self: center;
  }

  .whb-column_mobile5 > .wd-header-my-account {
    justify-self: end;
  }

  .whb-column_mobile5 > .wd-tools-element > a {
    display: flex;
    min-width: 48px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
  }

  .whb-column_mobile5 .wd-tools-icon {
    --wd-tools-icon-width: 24px;
  }
}

/* --------------------------------------------------------------------------
 * McKeyra specialist-brand system v2 — 2026-08-13
 * Shared structure, typography, motion affordances, and accessibility.
 * Colour remains owned by each brand.
 * ----------------------------------------------------------------------- */

body.wu-brand-family {
  --wu-brand-accent: #1f63bd;
  --wu-brand-accent-deep: #164a8c;
  --wu-brand-secondary: #d45a48;
  --wu-brand-ink: #10131a;
  --wu-brand-muted: #5d6470;
  --wu-brand-paper: #f6f5f1;
  --wu-brand-wash: #eef4fb;
  --wu-brand-surface: #ffffff;
  --wu-brand-line: rgba(16, 19, 26, .14);
  --wu-brand-footer: #081a31;
  --wu-brand-focus: #f2b544;
  --wu-blue: var(--wu-brand-accent);
  --wu-blue-deep: var(--wu-brand-accent-deep);
  --wu-blue-wash: var(--wu-brand-wash);
  --wearus-green: var(--wu-brand-accent) !important;
  --wearus-green-dark: var(--wu-brand-accent-deep) !important;
  --wearus-green-soft: var(--wu-brand-wash) !important;
  --wearus-green-line: var(--wu-brand-line) !important;
  --wearus-search-ring: color-mix(in srgb, var(--wu-brand-accent) 34%, transparent) !important;
  --btn-accented-bgcolor: var(--wu-brand-accent) !important;
  --btn-accented-bgcolor-hover: var(--wu-brand-accent-deep) !important;
  --wd-primary-color: var(--wu-brand-accent);
  color: var(--wu-brand-ink);
  font-family: "DM Sans", sans-serif;
}

body.wu-brand-blankletics {
  --wu-brand-accent: #6547e8;
  --wu-brand-accent-deep: #4931b9;
  --wu-brand-secondary: #ff574d;
  --wu-brand-ink: #10131a;
  --wu-brand-muted: #5e6170;
  --wu-brand-paper: #f5f5f2;
  --wu-brand-wash: #f0eeff;
  --wu-brand-surface: #ffffff;
  --wu-brand-line: rgba(101, 71, 232, .2);
  --wu-brand-footer: #10131a;
  --wu-brand-focus: #ffb1ab;
}

body.wu-brand-wearuniforms {
  --wu-brand-accent: #12365a;
  --wu-brand-accent-deep: #0b2843;
  --wu-brand-secondary: #f2b544;
  --wu-brand-ink: #0b1f33;
  --wu-brand-muted: #536779;
  --wu-brand-paper: #f6f7f5;
  --wu-brand-wash: #eef2f4;
  --wu-brand-surface: #ffffff;
  --wu-brand-line: rgba(18, 54, 90, .19);
  --wu-brand-footer: #0b1f33;
  --wu-brand-focus: #f2b544;
}

/* WearUniforms header: workwear-first navigation with an unmistakable
 * program/quote path. Menu classes are assigned in WordPress, so the shared
 * WoodMart header remains intact for every other storefront. */
body.wu-brand-wearuniforms .wd-header-nav .wd-nav > li > a {
  min-height: 52px;
  padding-inline: 15px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .01em;
  text-transform: uppercase;
}

body.wu-brand-wearuniforms .wd-header-nav .wd-nav > li.wu-menu-safety > a {
  color: var(--wu-brand-accent-deep);
}

body.wu-brand-wearuniforms .wd-header-nav .wd-nav > li.wu-menu-safety > a::before {
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--wu-brand-secondary);
  content: "";
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wu-brand-secondary) 24%, transparent);
}

body.wu-brand-wearuniforms .wd-header-nav .wd-nav > li.wu-menu-quote > a {
  min-height: 42px;
  margin-block: 5px;
  padding-inline: 19px;
  border-radius: 6px;
  background: var(--wu-brand-accent);
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(11, 40, 67, .16);
}

body.wu-brand-wearuniforms .wd-header-nav .wd-nav > li.wu-menu-quote > a:hover,
body.wu-brand-wearuniforms .wd-header-nav .wd-nav > li.wu-menu-quote.current-menu-item > a {
  background: var(--wu-brand-accent-deep);
  color: #fff !important;
}

body.wu-brand-wearuniforms .wd-dropdown-menu {
  min-width: 250px;
  border: 1px solid var(--wu-brand-line);
  border-top: 3px solid var(--wu-brand-secondary);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 22px 55px rgba(11, 31, 51, .14);
}

body.wu-brand-wearuniforms .wd-dropdown-menu .wd-sub-menu li > a {
  min-height: 42px;
  padding-block: 10px;
  color: var(--wu-brand-ink);
  font-size: 13px;
  font-weight: 700;
}

body.wu-brand-wearuniforms .wd-dropdown-menu .wd-sub-menu li > a:hover {
  background: var(--wu-brand-wash);
  color: var(--wu-brand-accent);
}

@media (max-width: 1024px) {
  body.wu-brand-wearuniforms .mobile-nav .menu-item.wu-menu-quote > a {
    margin: 12px;
    border-radius: 6px;
    background: var(--wu-brand-accent);
    color: #fff !important;
  }

  body.wu-brand-wearuniforms .mobile-nav .menu-item.wu-menu-safety > a {
    border-left: 4px solid var(--wu-brand-secondary);
  }
}

body.wu-brand-basicbrands {
  --wu-brand-accent: #181a1d;
  --wu-brand-accent-deep: #050607;
  --wu-brand-secondary: #b8673d;
  --wu-brand-ink: #181a1d;
  --wu-brand-muted: #68645e;
  --wu-brand-paper: #f3efe7;
  --wu-brand-wash: #eee5d9;
  --wu-brand-surface: #fbfaf7;
  --wu-brand-line: rgba(24, 26, 29, .16);
  --wu-brand-footer: #181a1d;
  --wu-brand-focus: #d9946f;
}

.wu-brand-family h1,
.wu-brand-family h2,
.wu-brand-family h3,
.wu-brand-family h4,
.wu-brand-family .wd-nav,
.wu-brand-family .button,
.wu-brand-family .wp-element-button {
  font-family: Manrope, sans-serif;
}

/* Header: quieter chrome, stronger hierarchy, and a brand-owned action colour. */
.wu-brand-family .whb-header {
  border-bottom: 1px solid var(--wu-brand-line);
  background: color-mix(in srgb, var(--wu-brand-surface) 94%, transparent);
}

.wu-brand-family .whb-general-header,
.wu-brand-family .whb-header-bottom {
  background: color-mix(in srgb, var(--wu-brand-surface) 94%, transparent) !important;
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
}

.wu-brand-family .whb-top-bar {
  border: 0;
  background: var(--wu-brand-ink) !important;
  color: rgba(255, 255, 255, .78);
}

.wu-brand-family .whb-top-bar a,
.wu-brand-family .whb-top-bar .wd-nav > li > a {
  color: rgba(255, 255, 255, .82) !important;
}

.wu-brand-family .wd-header-nav .wd-nav > li > a {
  min-height: 46px;
  color: var(--wu-brand-ink);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.01em;
}

.wu-brand-family .wd-header-nav .wd-nav > li > a:hover,
.wu-brand-family .wd-header-nav .wd-nav > li.current-menu-item > a {
  color: var(--wu-brand-accent);
}

.wu-brand-family .wd-search-form.wd-header-search-form .searchform,
.wu-brand-family .searchform.wd-with-cat.wd-style-with-bg {
  border-color: var(--wu-brand-line) !important;
  border-radius: 12px !important;
  background: var(--wu-brand-paper) !important;
  box-shadow: none !important;
}

.wu-brand-family .wd-search-form.wd-header-search-form .searchform:focus-within,
.wu-brand-family .searchform.wd-with-cat.wd-style-with-bg:focus-within {
  border-color: var(--wu-brand-accent) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--wu-brand-accent) 16%, transparent) !important;
}

.wu-brand-family .whb-header .wd-search-form.wd-header-search-form .searchsubmit,
.wu-brand-family .whb-header .searchform.wd-with-cat.wd-style-with-bg .searchsubmit,
.wu-brand-family .wd-search-form.wd-header-search-form .searchsubmit {
  border-radius: 8px !important;
  background: var(--wu-brand-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.wu-brand-family .whb-header .wd-search-form.wd-header-search-form .searchsubmit:hover,
.wu-brand-family .whb-header .searchform.wd-with-cat.wd-style-with-bg .searchsubmit:hover,
.wu-brand-family .wd-search-form.wd-header-search-form .searchsubmit:hover {
  background: var(--wu-brand-accent-deep) !important;
}

.wu-brand-family .wd-header-cart .wd-cart-number,
.wu-brand-family .wd-tools-element .wd-tools-count {
  background: var(--wu-brand-secondary) !important;
  color: var(--wu-brand-ink) !important;
}

/* Homepage: asymmetrical editorial hero with a brand-specific operating signal. */
.wu-brand-family .wu-home {
  max-width: none;
  overflow: clip;
  background: var(--wu-brand-surface);
  color: var(--wu-brand-ink);
}

.wu-brand-family .wu-home section {
  padding: clamp(64px, 8vw, 128px) max(24px, calc((100vw - 1420px) / 2));
}

.wu-brand-family .wu-home-hero,
.wu-brand-family .wu-home-blankletics .wu-home-hero,
.wu-brand-family .wu-home-wearuniforms .wu-home-hero,
.wu-brand-family .wu-home-basicbrands .wu-home-hero {
  position: relative;
  min-height: min(780px, calc(100svh - 120px));
  display: grid;
  align-content: center;
  border-bottom: 1px solid var(--wu-brand-line);
  background: var(--wu-brand-paper);
}

.wu-brand-family .wu-home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .65;
  background-image: linear-gradient(90deg, var(--wu-brand-line) 1px, transparent 1px);
  background-size: clamp(52px, 7vw, 112px) 100%;
  mask-image: linear-gradient(90deg, #000 0, transparent 74%);
  pointer-events: none;
}

.wu-brand-family .wu-hero-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr);
  align-items: center;
  gap: clamp(48px, 8vw, 132px);
}

.wu-brand-family .wu-hero-copy {
  max-width: 860px;
}

.wu-brand-family .wu-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 0 0 24px;
  padding-left: 40px;
  color: var(--wu-brand-accent);
  font-family: Manrope, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.25;
}

.wu-brand-family .wu-eyebrow::before {
  content: "";
  width: 28px;
  height: 3px;
  margin-left: -40px;
  margin-right: 12px;
  background: var(--wu-brand-secondary);
}

.wu-brand-family .wu-home h1 {
  max-width: 980px;
  margin: 0 0 28px;
  color: var(--wu-brand-ink);
  font-size: clamp(3.4rem, 7.2vw, 7.6rem);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: .91;
  text-wrap: balance;
}

.wu-brand-family .wu-home h2 {
  max-width: 980px;
  margin: 0 0 34px;
  color: var(--wu-brand-ink);
  font-size: clamp(2.35rem, 5vw, 5.1rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: .98;
}

.wu-brand-family .wu-home h3 {
  color: var(--wu-brand-ink);
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  font-weight: 700;
  letter-spacing: -.025em;
}

.wu-brand-family .wu-lede {
  max-width: 66ch;
  margin: 0 0 36px;
  color: var(--wu-brand-muted);
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  line-height: 1.6;
}

.wu-brand-family .wu-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.wu-brand-family .wu-home a.button,
.wu-brand-family .wu-home a.wp-element-button {
  min-height: 52px;
  padding: 14px 22px;
  border: 1px solid var(--wu-brand-accent);
  border-radius: 12px;
  background: var(--wu-brand-accent);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.wu-brand-family .wu-home a.button:hover,
.wu-brand-family .wu-home a.wp-element-button:hover {
  border-color: var(--wu-brand-accent-deep);
  background: var(--wu-brand-accent-deep);
  color: #fff;
  transform: translateX(3px);
}

.wu-brand-family .wu-home a.button.is-secondary {
  border-color: var(--wu-brand-line);
  background: transparent;
  color: var(--wu-brand-ink);
}

.wu-brand-family .wu-home a.button.is-secondary:hover {
  border-color: var(--wu-brand-secondary);
  background: var(--wu-brand-surface);
  color: var(--wu-brand-ink);
}

.wu-brand-family .wu-home a.button:focus-visible,
.wu-brand-family .wu-home a.wp-element-button:focus-visible {
  outline: 3px solid var(--wu-brand-focus);
  outline-offset: 4px;
}

.wu-brand-family .wu-hero-signal {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  padding: 28px;
  border: 1px solid color-mix(in srgb, var(--wu-brand-secondary) 62%, transparent);
  border-radius: 20px;
  background: var(--wu-brand-footer);
  color: #fff;
  box-shadow: 18px 24px 0 color-mix(in srgb, var(--wu-brand-secondary) 18%, transparent);
}

.wu-brand-family .wu-hero-signal::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .3;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 34px 34px;
  pointer-events: none;
}

.wu-brand-family .wu-signal-scan {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 16px;
  right: 16px;
  height: 2px;
  background: var(--wu-brand-secondary);
  box-shadow: 0 0 18px color-mix(in srgb, var(--wu-brand-secondary) 70%, transparent);
  pointer-events: none;
}

.wu-brand-family .wu-signal-header,
.wu-brand-family .wu-signal-row,
.wu-brand-family .wu-signal-statement {
  position: relative;
  z-index: 2;
}

.wu-brand-family .wu-signal-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 76px;
  color: rgba(255,255,255,.66);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wu-brand-family .wu-signal-status::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--wu-brand-secondary);
}

.wu-brand-family .wu-signal-statement {
  max-width: 12ch;
  margin: 0 0 54px;
  color: #fff;
  font-family: Manrope, sans-serif;
  font-size: clamp(2.2rem, 3.8vw, 4.7rem);
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: .92;
}

.wu-brand-family .wu-signal-rows {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
}

.wu-brand-family .wu-signal-row {
  display: grid;
  grid-template-columns: 28px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.84);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  text-transform: uppercase;
  transform-origin: left center;
}

.wu-brand-family .wu-signal-row b {
  color: var(--wu-brand-secondary);
  font-weight: 700;
}

.wu-brand-family .wu-home-rail {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin-top: clamp(54px, 7vw, 94px);
  padding-top: 22px;
  border-top: 1px solid var(--wu-brand-line);
  color: var(--wu-brand-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.wu-brand-family .wu-home-rail span::before {
  content: "/";
  margin-right: 9px;
  color: var(--wu-brand-secondary);
}

.wu-brand-family .wu-home-paths {
  background: var(--wu-brand-surface);
}

.wu-brand-family .wu-section-intro {
  display: grid;
  grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
  gap: 34px;
  align-items: start;
  margin-bottom: clamp(38px, 6vw, 80px);
}

.wu-brand-family .wu-section-index {
  color: var(--wu-brand-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

.wu-brand-family .wu-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--wu-brand-line);
  border-bottom: 1px solid var(--wu-brand-line);
}

.wu-brand-family .wu-grid article {
  min-height: 330px;
  padding: clamp(28px, 3vw, 48px);
  border: 0;
  border-right: 1px solid var(--wu-brand-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.wu-brand-family .wu-grid article:last-child {
  border-right: 0;
}

.wu-brand-family .wu-grid article:nth-child(even) {
  background: var(--wu-brand-wash);
}

.wu-brand-family .wu-grid article p {
  color: var(--wu-brand-muted);
  font-size: 16px;
  line-height: 1.65;
}

.wu-brand-family .wu-grid article a,
.wu-brand-family .wu-home-final a:not(.button) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--wu-brand-accent);
  font-weight: 700;
  text-decoration-color: var(--wu-brand-secondary);
  text-underline-offset: 5px;
  transition: color .2s ease, transform .2s ease;
}

.wu-brand-family .wu-grid article a:hover,
.wu-brand-family .wu-home-final a:not(.button):hover {
  color: var(--wu-brand-accent-deep);
  transform: translateX(4px);
}

.wu-brand-family .wu-home-process {
  background: var(--wu-brand-wash);
}

.wu-brand-family .wu-home-process ol {
  max-width: none;
  border-top: 1px solid var(--wu-brand-line);
}

.wu-brand-family .wu-home-process li {
  min-height: 170px;
  padding: 30px 26px 30px 68px;
  border-left: 0;
  border-right: 1px solid var(--wu-brand-line);
  color: var(--wu-brand-muted);
}

.wu-brand-family .wu-home-process li:last-child {
  border-right: 0;
}

.wu-brand-family .wu-home-process li::before {
  left: 24px;
  top: 31px;
  color: var(--wu-brand-secondary);
  font-family: "JetBrains Mono", monospace;
}

.wu-brand-family .wu-home-campaign {
  position: relative;
  overflow: hidden;
  background: var(--wu-brand-footer);
  color: #fff;
}

.wu-brand-family .wu-home-campaign::after {
  content: "";
  position: absolute;
  top: 0;
  right: 9%;
  width: 1px;
  height: 100%;
  background: color-mix(in srgb, var(--wu-brand-secondary) 60%, transparent);
  box-shadow: 42px 0 0 color-mix(in srgb, var(--wu-brand-secondary) 24%, transparent), 84px 0 0 color-mix(in srgb, var(--wu-brand-secondary) 12%, transparent);
}

.wu-brand-family .wu-home-campaign h2,
.wu-brand-family .wu-home-campaign p {
  position: relative;
  z-index: 1;
  max-width: 920px;
  color: #fff;
}

.wu-brand-family .wu-home-final {
  background: var(--wu-brand-paper);
}

/* Footer: one family topology, individually coloured. */
.wu-brand-family .wd-footer.footer-container,
.wu-brand-family .wd-footer.footer-container > .container {
  background: var(--wu-brand-footer) !important;
}

.wu-brand-family .wu-footer-system {
  border-top-color: var(--wu-brand-secondary);
  background: var(--wu-brand-footer);
}

.wu-brand-family .wu-footer-system::before {
  border-color: color-mix(in srgb, var(--wu-brand-secondary) 24%, transparent);
  box-shadow: 0 0 0 42px color-mix(in srgb, var(--wu-brand-secondary) 5%, transparent), 0 0 0 84px color-mix(in srgb, var(--wu-brand-secondary) 3%, transparent);
}

.wu-brand-family .wu-footer-system__command {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(52px, 7vw, 92px);
  padding: 18px 0;
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.65);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.wu-brand-family .wu-footer-system__command a {
  color: #fff !important;
  font-weight: 700;
}

.wu-brand-family .wu-footer-system__kicker {
  color: var(--wu-brand-secondary);
}

.wu-brand-family .wu-footer-system a:hover {
  color: #fff !important;
  text-decoration-color: var(--wu-brand-secondary);
}

.wu-brand-family .wu-footer-system a:focus-visible {
  outline-color: var(--wu-brand-focus);
}

/* Commerce actions inherit the site palette. Success remains semantic green. */
.wu-brand-family .single_add_to_cart_button,
.wu-brand-family .checkout-button,
.wu-brand-family .wc-block-cart__submit-button,
.wu-brand-family .wc-block-components-checkout-place-order-button,
.wu-brand-family .button.alt,
.wu-brand-family .btn-color-primary {
  border-color: var(--wu-brand-accent) !important;
  background: var(--wu-brand-accent) !important;
  color: #fff !important;
}

.wu-brand-family .single_add_to_cart_button:hover,
.wu-brand-family .checkout-button:hover,
.wu-brand-family .wc-block-cart__submit-button:hover,
.wu-brand-family .wc-block-components-checkout-place-order-button:hover,
.wu-brand-family .button.alt:hover,
.wu-brand-family .btn-color-primary:hover {
  border-color: var(--wu-brand-accent-deep) !important;
  background: var(--wu-brand-accent-deep) !important;
}

@media (max-width: 1024px) {
  .wu-brand-family .whb-general-header,
  .wu-brand-family .whb-header-bottom {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .wu-brand-family .wu-hero-layout {
    grid-template-columns: 1fr;
  }

  .wu-brand-family .wu-hero-signal {
    width: min(100%, 680px);
    min-height: 390px;
  }

  .wu-brand-family .wu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wu-brand-family .wu-grid article:nth-child(2) {
    border-right: 0;
  }

  .wu-brand-family .wu-grid article:nth-child(-n+2) {
    border-bottom: 1px solid var(--wu-brand-line);
  }
}

@media (max-width: 680px) {
  .wu-brand-family .wu-home section {
    padding: 58px 20px;
  }

  .wu-brand-family .wu-home-hero,
  .wu-brand-family .wu-home-blankletics .wu-home-hero,
  .wu-brand-family .wu-home-wearuniforms .wu-home-hero,
  .wu-brand-family .wu-home-basicbrands .wu-home-hero {
    min-height: auto;
    padding-top: 78px;
  }

  .wu-brand-family .wu-home h1 {
    font-size: clamp(3rem, 16vw, 5.1rem);
  }

  .wu-brand-family .wu-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .wu-brand-family .wu-home a.button,
  .wu-brand-family .wu-home a.wp-element-button {
    width: 100%;
  }

  .wu-brand-family .wu-hero-signal {
    min-height: 360px;
    padding: 22px;
    border-radius: 12px;
    box-shadow: 10px 12px 0 color-mix(in srgb, var(--wu-brand-secondary) 18%, transparent);
  }

  .wu-brand-family .wu-signal-header {
    margin-bottom: 50px;
  }

  .wu-brand-family .wu-section-intro {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wu-brand-family .wu-grid {
    grid-template-columns: 1fr;
  }

  .wu-brand-family .wu-grid article,
  .wu-brand-family .wu-grid article:nth-child(2),
  .wu-brand-family .wu-grid article:last-child {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--wu-brand-line);
  }

  .wu-brand-family .wu-grid article:last-child {
    border-bottom: 0;
  }

  .wu-brand-family .wu-home-process ol {
    grid-template-columns: 1fr;
  }

  .wu-brand-family .wu-home-process li {
    min-height: 120px;
    border-right: 0;
    border-bottom: 1px solid var(--wu-brand-line);
  }

  .wu-brand-family .wu-home-process li:last-child {
    border-bottom: 0;
  }

  .wu-brand-family .wu-home-rail,
  .wu-brand-family .wu-footer-system__command {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wu-brand-family *,
  .wu-brand-family *::before,
  .wu-brand-family *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Blankletics keeps its dynamic seasonal merchandising engine while adopting
 * the specialist-brand palette and editorial system. */
body.wu-brand-blankletics.blankletics-system-page {
  --bl-ink: var(--wu-brand-ink);
  --bl-muted: var(--wu-brand-muted);
  --bl-line: var(--wu-brand-line);
  --bl-wash: var(--wu-brand-paper);
  --bl-accent: var(--wu-brand-accent);
}

body.wu-brand-blankletics .bl-storefront {
  background: var(--wu-brand-surface);
  color: var(--wu-brand-ink);
  font-family: "DM Sans", sans-serif;
}

body.wu-brand-blankletics .bl-storefront h1,
body.wu-brand-blankletics .bl-storefront h2,
body.wu-brand-blankletics .bl-storefront h3,
body.wu-brand-blankletics .fw26-btn,
body.wu-brand-blankletics .bl-button {
  font-family: Manrope, sans-serif;
}

body.wu-brand-blankletics .bl-storefront a:focus-visible {
  outline-color: var(--wu-brand-focus);
}

body.wu-brand-blankletics .fw26-eyebrow,
body.wu-brand-blankletics .fw26-section-head > a,
body.wu-brand-blankletics .fw26-tile__link,
body.wu-brand-blankletics .bl-product__link,
body.wu-brand-blankletics .fw26-program-card span {
  color: var(--wu-brand-accent);
}

body.wu-brand-blankletics .fw26-btn,
body.wu-brand-blankletics .bl-button,
body.wu-brand-blankletics .bl-contact-form input[type="submit"] {
  border-color: var(--wu-brand-accent);
  border-radius: 12px;
  background: var(--wu-brand-accent);
  color: #fff !important;
  box-shadow: none;
}

body.wu-brand-blankletics .fw26-btn:hover,
body.wu-brand-blankletics .bl-button:hover,
body.wu-brand-blankletics .bl-contact-form input[type="submit"]:hover {
  border-color: var(--wu-brand-accent-deep);
  background: var(--wu-brand-accent-deep);
}

body.wu-brand-blankletics .fw26-btn--light,
body.wu-brand-blankletics .bl-button--outline {
  border-color: var(--wu-brand-line);
  background: var(--wu-brand-surface);
  color: var(--wu-brand-ink) !important;
}

body.wu-brand-blankletics .bl-product__price,
body.wu-brand-blankletics .fw26-process-list li::before,
body.wu-brand-blankletics .fw26-facts li::before {
  color: var(--wu-brand-secondary);
}

body.wu-brand-blankletics .fw26-split,
body.wu-brand-blankletics .fw26-programs,
body.wu-brand-blankletics .bl-quote,
body.wu-brand-blankletics .bl-contact-hero,
body.wu-brand-blankletics .bl-contact-form,
body.wu-brand-blankletics .bl-sport-hero {
  background: var(--wu-brand-paper);
}

body.wu-brand-blankletics .fw26-program-card:nth-child(even),
body.wu-brand-blankletics .fw26-decoration-copy {
  background: var(--wu-brand-wash);
}

body.wu-brand-blankletics .bl-category:hover {
  background: var(--wu-brand-accent);
  color: #fff;
}

/* Blankletics keeps the WearUS header topology, with one explicit quote path. */
body.wu-brand-blankletics .wd-header-nav .wd-nav > li.bl-menu-quote > a {
  min-height: 44px;
  margin-inline-start: 8px;
  padding-inline: 17px;
  border-radius: 10px;
  background: var(--wu-brand-accent);
  color: #fff !important;
}

body.wu-brand-blankletics .wd-header-nav .wd-nav > li.bl-menu-quote > a:hover,
body.wu-brand-blankletics .wd-header-nav .wd-nav > li.bl-menu-quote.current-menu-item > a {
  background: var(--wu-brand-accent-deep);
  color: #fff !important;
}

/* Wear US inline search: keep the field inside the mobile header grid while
 * preserving WoodMart's product-search and full-screen results behaviour. */
@media (max-width: 1024px) {
  body.wu-brand-wearus .whb-header-bottom .whb-column_mobile5 {
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    align-items: center;
    width: 100%;
  }

  body.wu-brand-wearus .whb-column_mobile5 > .wd-header-mobile-nav {
    justify-self: start;
  }

  body.wu-brand-wearus .whb-column_mobile5 > .wd-header-search-form-mobile {
    display: block;
    justify-self: stretch;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding-inline: 8px;
  }

  body.wu-brand-wearus .whb-column_mobile5 > .wd-header-my-account {
    justify-self: end;
  }

  body.wu-brand-wearus .wd-header-search-form-mobile form.searchform {
    position: relative;
    width: 100%;
    min-width: 0;
    height: 44px;
    border: 1px solid var(--wu-brand-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.wu-brand-wearus .wd-header-search-form-mobile form.searchform:focus-within {
    border-color: var(--wu-brand-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--wu-brand-accent) 16%, transparent) !important;
  }

  body.wu-brand-wearus .wd-header-search-form-mobile input.s {
    width: 100%;
    min-width: 0 !important;
    height: 100%;
    padding: 0 52px 0 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--wu-brand-ink) !important;
  }

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

  body.wu-brand-wearus .wd-header-search-form-mobile button.searchsubmit {
    position: absolute !important;
    inset: 4px 4px auto auto !important;
    display: flex !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--wu-brand-accent) !important;
    color: #fff !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  body.wu-brand-wearus .wd-header-search-form-mobile button.searchsubmit:hover,
  body.wu-brand-wearus .wd-header-search-form-mobile button.searchsubmit:focus-visible {
    background: var(--wu-brand-accent-deep) !important;
    outline: 3px solid var(--wu-brand-focus);
    outline-offset: 2px;
  }
}

/* ==========================================================================
   Wear US Single Product Information Area & Reorganized Tabs Optimization
   ========================================================================== */

/* 1. Hide summary area SKU, Category, Brand, and default Share links */
.summary-inner > .product_meta,
.summary-inner > .product-share,
.summary-inner > .social-share,
.summary-inner > .wd-social-icons.product-share {
  display: none !important;
}

/* 2. Inline Share & Wishlist Row (Compact Spacing, No Huge Vertical Gap) */
.summary-inner .wd-wishlist-btn,
.summary-inner .wu-summary-share-inline {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.summary-inner .wu-summary-share-inline {
  position: relative !important;
  margin-right: 20px !important;
}

.wu-share-toggle-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #374151 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: color 0.15s ease !important;
}

.wu-share-toggle-btn:hover {
  color: #1f63bd !important;
}

.wu-share-toggle-btn svg {
  color: #1f63bd;
}

.wu-share-popover {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  margin-top: 8px;
  padding: 8px 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  flex-wrap: nowrap;
  gap: 8px;
}

.wu-share-popover.wu-open {
  display: flex !important;
}

.wu-share-popover a,
.wu-share-popover button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f3f4f6;
  color: #374151;
  border: 0;
  cursor: pointer;
  transition: all 0.15s ease;
}

.wu-share-popover button svg {
  stroke: #374151;
}

.wu-share-popover a:hover,
.wu-share-popover button:hover {
  background: #1f63bd;
  color: #ffffff;
}

.wu-share-popover button:hover svg {
  stroke: #ffffff;
}

/* 3. Product Tabs & Information Area - Crisp White Background for Differentiating Information */
.product-tabs-wrapper {
  background-color: #ffffff !important;
  margin-top: 1.5rem !important;
}

/* Reorganized Product Tabs Content & High-Contrast Typography */
.woocommerce-Tabs-panel {
  color: #1f2937 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  background-color: #ffffff !important;
}

.woocommerce-Tabs-panel h3 {
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 1rem 0 !important;
}

.woocommerce-Tabs-panel h4 {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 0.5rem 0 !important;
}

/* Tab 2: Product Details Definition List */
.wu-product-details-tab .wu-details-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px 20px;
  margin: 0;
  padding: 0;
}

.wu-details-row {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.wu-details-term {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #4b5563;
  margin-bottom: 4px;
}

.wu-details-def {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

.wu-details-def a {
  color: #1f63bd;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.wu-details-def a:hover {
  color: #164a8c;
}

/* Tab 3: Size & Fit */
.wu-size-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 1rem 0 1.5rem 0;
}

.wu-size-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
  font-weight: 700;
}

.wu-size-guide-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  background: #f3f4f6;
  border-left: 4px solid #1f63bd;
  border-radius: 8px;
  margin-top: 1.5rem;
}

.wu-sg-title {
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #111827;
}

.wu-sg-desc {
  margin: 4px 0 0 0;
  font-size: 14px;
  color: #374151;
}

a.button.wu-size-guide-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 999px;
  background: #1f63bd !important;
  color: #ffffff !important;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
}

a.button.wu-size-guide-btn:hover {
  background: #164a8c !important;
  color: #ffffff !important;
}

/* Tab 4: Decoration & Customization */
.wu-methods-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 1.25rem 0 1.75rem 0;
}

.wu-method-card {
  padding: 18px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #ffffff;
}

.wu-method-icon {
  color: #1f63bd;
  margin-bottom: 10px;
}

.wu-method-card h4 {
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 6px 0;
}

.wu-method-card p {
  font-size: 13px;
  line-height: 1.5;
  color: #4b5563;
  margin: 0;
}

.wu-customization-cta-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px;
  border-radius: 12px;
  background: #1f2937;
  color: #ffffff;
}

.wu-cta-copy strong {
  display: block;
  font-size: 17px;
  color: #ffffff;
}

.wu-cta-copy p {
  margin: 4px 0 0 0;
  font-size: 14px;
  color: #d1d5db;
}

a.button.wu-tab-customize-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  background: #1f63bd !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none !important;
}

a.button.wu-tab-customize-btn:hover {
  background: #164a8c !important;
  color: #ffffff !important;
}

/* Tab 5: Shipping & Returns */
.wu-shipping-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin-bottom: 1.5rem;
}

.wu-info-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wu-info-list li {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
}

.wu-info-list li strong {
  color: #111827;
}

.wu-policy-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

.wu-policy-link {
  font-size: 14px;
  font-weight: 800;
  color: #1f63bd;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wu-policy-link:hover {
  color: #164a8c;
}

/* Mobile Accordion & Viewport Responsiveness */
@media (max-width: 767px) {
  .wu-customization-cta-box,
  .wu-size-guide-card {
    flex-direction: column;
    align-items: stretch;
  }

  a.button.wu-tab-customize-btn,
  a.button.wu-size-guide-btn {
    width: 100%;
    text-align: center;
  }
}

/* --------------------------------------------------------------------------
 * Blankletics header polish, 2026-08-20
 * Reuses the WearUS WoodMart header topology without its oversized search UI.
 * ----------------------------------------------------------------------- */

@font-face {
  font-family: "Blankletics Manrope";
  src: url("/wp-content/uploads/woodmart/google-fonts/fonts/manrope-bcbadccc.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

body.wu-brand-blankletics .whb-header,
body.wu-brand-blankletics .whb-general-header,
body.wu-brand-blankletics .whb-header-bottom {
  background: #fbfaf7 !important;
}

body.wu-brand-blankletics .whb-header {
  border-bottom-color: rgba(16, 19, 26, .13);
}

body.wu-brand-blankletics .whb-header .wd-logo {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fbfaf7;
}

body.wu-brand-blankletics .whb-header .wd-logo img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.wu-brand-blankletics .whb-header .wd-header-nav .wd-nav > li > a {
  font-family: "Blankletics Manrope", Manrope, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.01em;
}

body.wu-brand-blankletics .bl-storefront h1,
body.wu-brand-blankletics .bl-storefront h2,
body.wu-brand-blankletics .bl-storefront h3,
body.wu-brand-blankletics .bl-storefront h4,
body.wu-brand-blankletics .bl-storefront .fw26-btn,
body.wu-brand-blankletics .bl-storefront .bl-button,
body.wu-brand-blankletics .bl-storefront .fw26-eyebrow,
body.wu-brand-blankletics .bl-storefront .fw26-signal__group span,
body.wu-brand-blankletics .bl-storefront .blpb-form legend {
  font-family: "Blankletics Manrope", Manrope, sans-serif;
}

body.wu-brand-blankletics .whb-header .wd-search-form.wd-header-search-form .searchform,
body.wu-brand-blankletics .whb-header .searchform.wd-with-cat.wd-style-with-bg {
  height: 48px !important;
  border-color: rgba(16, 19, 26, .17) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.wu-brand-blankletics .whb-header .wd-search-form.wd-header-search-form .searchform input.s,
body.wu-brand-blankletics .whb-header .searchform.wd-with-cat.wd-style-with-bg input.s {
  height: 48px !important;
  padding: 0 56px 0 17px !important;
  font-size: 15px !important;
  font-weight: 550 !important;
}

body.wu-brand-blankletics .whb-header .wd-search-form.wd-header-search-form .searchsubmit,
body.wu-brand-blankletics .whb-header .searchform.wd-with-cat.wd-style-with-bg .searchsubmit {
  top: 4px !important;
  right: 4px !important;
  width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.wu-brand-blankletics .whb-header .wd-search-form.wd-header-search-form .searchsubmit::before,
body.wu-brand-blankletics .whb-header .searchform.wd-with-cat.wd-style-with-bg .searchsubmit::before {
  font-size: 19px !important;
}

body.wu-brand-blankletics .wd-header-nav .wd-nav > li.bl-menu-quote > a {
  min-height: 40px;
  margin-inline-start: 4px;
  padding-inline: 14px;
  border-radius: 7px;
  white-space: nowrap;
}

@media (min-width: 1025px) {
  body.wu-brand-blankletics .whb-top-bar {
    display: none !important;
  }

  body.wu-brand-blankletics .whb-main-header,
  body.wu-brand-blankletics .whb-general-header,
  body.wu-brand-blankletics .whb-general-header .whb-flex-row,
  body.wu-brand-blankletics .whb-general-header .whb-column {
    height: 76px !important;
    min-height: 76px !important;
  }

  body.wu-brand-blankletics .whb-general-header .container {
    width: 100%;
    max-width: none;
    padding-inline: 18px;
  }

  body.wu-brand-blankletics .whb-general-header .whb-column8 {
    width: 174px;
    flex: 0 0 174px;
  }

  body.wu-brand-blankletics .whb-general-header .whb-column9 {
    min-width: 0;
    flex: 1 1 auto;
  }

  body.wu-brand-blankletics .whb-general-header .whb-column10 {
    width: 48px;
    flex: 0 0 48px;
  }

  body.wu-brand-blankletics .whb-general-header .whb-column8 .site-logo,
  body.wu-brand-blankletics .whb-general-header .whb-column8 .wd-logo {
    width: 164px;
    height: 52px;
  }

  body.wu-brand-blankletics .whb-general-header .whb-column8 .wd-logo img {
    position: absolute !important;
    top: -108px;
    left: -108px;
    width: 286px !important;
    height: 286px !important;
  }

  body.wu-brand-blankletics .whb-general-header .wd-header-sticky-nav,
  body.wu-brand-blankletics .whb-general-header .whb-7yeehq5sjjvt1dwa9vbs {
    display: none !important;
  }

  body.wu-brand-blankletics .whb-general-header .wd-search-form.wd-header-search-form {
    min-width: 280px;
    max-width: 510px !important;
    height: 48px;
    flex: 1 1 380px !important;
    margin-right: 18px;
  }

  body.wu-brand-blankletics .whb-general-header .wd-header-nav {
    width: auto;
    height: 76px;
    flex: 0 0 auto;
  }

  body.wu-brand-blankletics .whb-general-header .wd-header-nav .wd-nav {
    height: 76px;
    flex-wrap: nowrap !important;
    align-items: center;
  }

  body.wu-brand-blankletics .whb-general-header .wd-header-nav .wd-nav > li {
    flex: 0 0 auto;
  }

  body.wu-brand-blankletics .whb-general-header .wd-header-nav .wd-nav > li > a {
    min-height: 42px;
    padding-inline: 10px;
    white-space: nowrap;
  }
}

@media (max-width: 1180px) and (min-width: 1025px) {
  body.wu-brand-blankletics .whb-general-header .whb-column8 {
    width: 142px;
    flex-basis: 142px;
  }

  body.wu-brand-blankletics .whb-general-header .whb-column8 .site-logo,
  body.wu-brand-blankletics .whb-general-header .whb-column8 .wd-logo {
    width: 136px;
  }

  body.wu-brand-blankletics .whb-general-header .wd-search-form.wd-header-search-form {
    min-width: 225px;
    margin-right: 8px;
  }

  body.wu-brand-blankletics .whb-general-header .wd-header-nav .wd-nav > li > a {
    padding-inline: 7px;
    font-size: 12px;
  }

  body.wu-brand-blankletics .wd-header-nav .wd-nav > li.bl-menu-quote > a {
    padding-inline: 10px;
  }
}

@media (max-width: 1024px) {
  body.wu-brand-blankletics .whb-top-bar,
  body.wu-brand-blankletics .whb-general-header {
    display: none !important;
  }

  body.wu-brand-blankletics .whb-main-header,
  body.wu-brand-blankletics .whb-header-bottom,
  body.wu-brand-blankletics .whb-header-bottom .container,
  body.wu-brand-blankletics .whb-header-bottom .whb-flex-row,
  body.wu-brand-blankletics .whb-header-bottom .whb-column_mobile5 {
    height: 64px !important;
    min-height: 64px !important;
  }

  body.wu-brand-blankletics .whb-header-bottom {
    display: block !important;
    border-bottom: 1px solid rgba(16, 19, 26, .13);
  }

  body.wu-brand-blankletics .whb-header-bottom .container {
    width: 100%;
    max-width: none;
    padding-inline: 12px;
  }

  body.wu-brand-blankletics .whb-header-bottom .whb-column_mobile5 {
    display: grid !important;
    width: 100%;
    grid-template-columns: 112px 44px minmax(0, 1fr) 44px;
    gap: 6px;
    align-items: center;
  }

  body.wu-brand-blankletics .whb-column_mobile5 > .site-logo,
  body.wu-brand-blankletics .whb-column_mobile5 > .site-logo .wd-logo {
    width: 112px;
    height: 46px;
  }

  body.wu-brand-blankletics .whb-column_mobile5 > .site-logo .wd-logo img {
    position: absolute !important;
    top: -68px;
    left: -68px;
    width: 182px !important;
    height: 182px !important;
  }

  body.wu-brand-blankletics .whb-column_mobile5 > .wd-header-mobile-nav,
  body.wu-brand-blankletics .whb-column_mobile5 > .wd-header-my-account {
    width: 44px;
    height: 44px;
  }

  body.wu-brand-blankletics .whb-column_mobile5 > .wd-header-search-form-mobile {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 44px;
    padding: 0;
  }

  body.wu-brand-blankletics .whb-column_mobile5 .wd-header-search-form-mobile form.searchform {
    width: 100%;
    min-width: 0;
    height: 44px !important;
    border-radius: 7px !important;
  }

  body.wu-brand-blankletics .whb-column_mobile5 .wd-header-search-form-mobile form.searchform input.s {
    height: 44px !important;
    padding: 0 44px 0 13px !important;
    font-size: 13px !important;
  }

  body.wu-brand-blankletics .whb-column_mobile5 .wd-header-search-form-mobile form.searchform .searchsubmit {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

@media (max-width: 430px) {
  body.wu-brand-blankletics .whb-header-bottom .container {
    padding-inline: 8px;
  }

  body.wu-brand-blankletics .whb-header-bottom .whb-column_mobile5 {
    grid-template-columns: 104px 44px minmax(0, 1fr) 44px;
    gap: 4px;
  }

  body.wu-brand-blankletics .whb-column_mobile5 > .site-logo,
  body.wu-brand-blankletics .whb-column_mobile5 > .site-logo .wd-logo {
    width: 104px;
  }
}

/* Wear US shop archives: keep each product row visually aligned. */
body.wu-brand-wearus.woodmart-archive-shop .wd-products {
  align-items: stretch !important;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .product-grid-item,
body.wu-brand-wearus.woodmart-archive-shop .wd-products .wd-product-wrapper {
  height: 100%;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .product-grid-item {
  align-self: stretch;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .product-element-bottom {
  flex: 1 1 auto;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .wd-product-header {
  min-height: 44px;
  align-items: flex-start;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .wd-entities-title {
  display: -webkit-box !important;
  min-height: 44px;
  max-height: 44px;
  overflow: hidden;
  white-space: normal !important;
  line-height: 1.35 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .wd-product-cats {
  display: -webkit-box !important;
  min-height: 36px;
  max-height: 36px;
  overflow: hidden;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .wrap-price {
  min-height: 54px;
  margin-top: auto;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .wd-swatches-grid {
  min-height: 25px;
}

body.wu-brand-wearus.woodmart-archive-shop .wd-products .wd-product-footer {
  min-height: 36px;
}


/* Homepage completion repair: preserve buyer actions on narrow screens. */
@media (max-width: 680px) {
  body.wu-brand-basicbrands .wu-home-hero {
    padding-top: 46px;
  }

  body.wu-brand-basicbrands .wu-home h1 {
    font-size: clamp(2.75rem, 13vw, 3.65rem);
  }

  body.wu-brand-basicbrands .wu-home .wu-lede {
    margin-bottom: 1.25rem;
    font-size: 1.05rem;
  }

  body.wu-brand-wearuniforms .wd-header-search-form-mobile {
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }

  body.wu-brand-wearuniforms .wd-header-search-form-mobile .searchform {
    height: 46px !important;
  }

  body.wu-brand-wearuniforms .wd-header-search-form-mobile .searchform input.s {
    min-width: 0 !important;
    height: 46px !important;
    padding: 0 52px 0 14px !important;
    font-size: 16px !important;
  }

  body.wu-brand-wearuniforms .wd-header-search-form-mobile .searchsubmit {
    top: 4px !important;
    right: 4px !important;
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}