/** Shopify CDN: Minification failed

Line 594:0 Unexpected "<"
Line 603:6 Comments in CSS use "/* ... */" instead of "//"
Line 608:6 Comments in CSS use "/* ... */" instead of "//"
Line 613:2 Comments in CSS use "/* ... */" instead of "//"

**/
/* VWS — Slideshow/Banner: true full-width + natural height (safe) */
html, body { overflow-x: hidden !important; }

/* Break the slideshow out to full width and remove side padding */
#shopify-section-slideshow,
#shopify-section-slideshow .page-width,
#shopify-section-slideshow .container,
#shopify-section-slideshow .slideshow,
#shopify-section-slideshow .slideshow__wrapper,
#shopify-section-slideshow .slideshow__slide,
#shopify-section-slideshow .banner,
#shopify-section-slideshow .banner__media,
#shopify-section-slideshow .banner__content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Use natural height (prevents the big white gap) */
#shopify-section-slideshow .slideshow,
#shopify-section-slideshow .slideshow__wrapper,
#shopify-section-slideshow .slideshow__slide,
#shopify-section-slideshow .banner,
#shopify-section-slideshow .banner__media {
  height: auto !important;
  min-height: 0 !important;
}

/* Kill theme height presets */
#shopify-section-slideshow .banner--small,
#shopify-section-slideshow .banner--medium,
#shopify-section-slideshow .banner--large {
  --banner-height: auto !important;
}

/* Make the image actually stretch to the container */
#shopify-section-slideshow .banner__media picture,
#shopify-section-slideshow .banner__media img,
#shopify-section-slideshow picture img,
#shopify-section-slideshow img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important; /* switch to 'cover' if you prefer edge-to-edge cropping */
}
/* ===== VWS HOTFIX (externalised) ===== */

/* 0) Proof active (remove later) */
body:before{content:"";display:block;height:0}

/* 1) MAIN NAV — single line, no wrap, scroll if needed */
.header__inline-menu,
.header__inline-menu .list-menu,
.header__inline-menu .list-menu--inline,
.header__wrap .list-menu--inline,
nav.header__inline-menu ul,
nav .list-menu--inline,
.nav, .navigation, .main-menu {
  display:flex !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  gap:14px !important;
  overflow-x:auto !important;
  -ms-overflow-style:none; scrollbar-width:none;
}
.header__inline-menu::-webkit-scrollbar,
.header__wrap .list-menu--inline::-webkit-scrollbar { display:none !important; }
.header__inline-menu li,
.header__wrap .list-menu--inline li,
.nav > li, .navigation > li, .main-menu > li { flex:0 0 auto !important; }
.header__inline-menu a,
.header__wrap .list-menu--inline a,
.nav a, .navigation a, .main-menu a,
.header__inline-menu summary {
  display:inline-flex !important; align-items:center;
  padding:10px 12px !important;
  font-size:14px !important; line-height:1.1 !important;
}

/* 2) “View All” button (mobile) */
@media (max-width: 749px){
  .mobile-view-all { text-align:center; margin:12px 0 24px; }
  .mobile-view-all .view-all-btn{
    display:inline-block; background:#C49A39; color:#fff; font-weight:700;
    padding:10px 18px; border-radius:8px; text-decoration:none;
    transition:transform .12s ease, background .12s ease, box-shadow .12s ease;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
  }
  .mobile-view-all .view-all-btn:hover{ background:#000; color:#fff; transform:translateY(-1px); }
}

/* 3) Cap collection grid to 6 on mobile until “View All” is tapped */
@media (max-width: 749px){
  body:not(.show-all) .collection .product-grid > *:nth-child(n+7),
  body:not(.show-all) .collection .grid > *:nth-child(n+7),
  body:not(.show-all) .product-grid > *:nth-child(n+7) {
    display:none !important;
  }
}
/* ===== NAV: Simba-style dropdown with separators ===== */
:root{
  /* tweak if you want a different tone */
  --nav-dd-bg: #2a8ea7;                 /* panel bg (teal-ish like the screenshot) */
  --nav-dd-text: #ffffff;               /* item text */
  --nav-dd-line: rgba(255,255,255,.25); /* separator line */
  --nav-dd-hover: rgba(255,255,255,.16);/* hover bg */
  --nav-dd-radius: 10px;
  --nav-dd-shadow: 0 12px 30px rgba(0,0,0,.22);
}

/* thin line across the whole nav bar (optional; comment out if not wanted) */
.header__inline-menu,
nav.header__inline-menu {
  border-top: 1px solid rgba(255,255,255,.15);
}

/* panel base — works for Dawn + many themes */
.header__submenu,
.mega-menu,
.dropdown,
.list-menu--disclosure { 
  background: var(--nav-dd-bg) !important;
  color: var(--nav-dd-text) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: var(--nav-dd-radius) !important;
  padding: 0 !important;
  box-shadow: var(--nav-dd-shadow) !important;
  min-width: 280px;
  overflow: hidden; /* ensures rounded corners clip the separators */
}

/* remove built-in padding/margins so our lines span full width */
.header__submenu ul,
.mega-menu ul,
.dropdown ul,
.list-menu--disclosure { 
  margin: 0 !important;
  padding: 0 !important;
}

/* each item row */
.header__submenu li,
.mega-menu li,
.dropdown li,
.list-menu--disclosure > li { 
  list-style: none;
  margin: 0 !important;
}

/* link row with separator */
.header__submenu a,
.mega-menu a,
.dropdown a,
.list-menu--disclosure > li > a,
.list-menu--disclosure > li > button {
  display: flex !important;
  align-items: center;
  justify-content: space-between; /* room for chevrons if any */
  gap: 10px;
  padding: 12px 18px !important;
  color: var(--nav-dd-text) !important;
  text-decoration: none !important;
  font-weight: 600;
  letter-spacing: .02em;
  border-bottom: 1px solid var(--nav-dd-line);
  transition: background .12s ease, transform .12s ease;
}

/* remove last line */
.header__submenu li:last-child > a,
.mega-menu li:last-child > a,
.dropdown li:last-child > a,
.list-menu--disclosure > li:last-child > a,
.list-menu--disclosure > li:last-child > button {
  border-bottom: 0 !important;
}

/* hover effect */
.header__submenu a:hover,
.mega-menu a:hover,
.dropdown a:hover,
.list-menu--disclosure > li > a:hover,
.list-menu--disclosure > li > button:hover {
  background: var(--nav-dd-hover) !important;
}

/* optional: small right arrow for items that have children (if your theme uses buttons/summary) */
.header__submenu summary::after,
.list-menu--disclosure > li > button::after {
  content: "›";
  font-size: 14px;
  opacity: .8;
}

/* keep top-level items tidy (uppercase, spacing) */
.header__inline-menu > li > a,
.header__inline-menu > li > summary {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .03em;
  padding: 10px 12px !important;
}
/* ====== Simba-style dropdown polish (panel + title bar + lines) ====== */
:root{
  --dd-bg: #2b8ea2;                 /* panel background */
  --dd-text: #fff;                  /* text */
  --dd-line: rgba(255,255,255,.28); /* separator */
  --dd-hover: rgba(255,255,255,.10);
  --dd-radius: 12px;
  --dd-shadow: 0 16px 40px rgba(0,0,0,.25);
}

/* Panel container */
.header__submenu,
.mega-menu,
.dropdown,
.list-menu--disclosure{
  background: var(--dd-bg) !important;
  color: var(--dd-text) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: var(--dd-radius) !important;
  box-shadow: var(--dd-shadow) !important;
  padding: 0 !important;
  overflow: hidden; /* keeps rounded corners */
  min-width: 300px;
}

/* Reset list spacing so lines span full width */
.header__submenu ul,
.mega-menu ul,
.dropdown ul,
.list-menu--disclosure{
  margin: 0 !important;
  padding: 0 !important;
}

/* Make the FIRST item a title bar (like “REPLACEMENT PODS”) */
.header__submenu li:first-child > a,
.mega-menu li:first-child > a,
.dropdown li:first-child > a,
.list-menu--disclosure > li:first-child > a{
  pointer-events: none; /* not clickable */
  background: rgba(0,0,0,.12) !important;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid var(--dd-line);
  padding: 14px 22px !important;
}

/* Row items with separators */
.header__submenu li,
.mega-menu li,
.dropdown li,
.list-menu--disclosure > li{
  list-style: none;
  margin: 0 !important;
}

.header__submenu a,
.mega-menu a,
.dropdown a,
.list-menu--disclosure > li > a,
.list-menu--disclosure > li > button{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 12px 22px !important;
  color: var(--dd-text) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--dd-line);
  transition: background .12s ease, transform .12s ease;
  font-weight: 600;
}

/* Remove the bottom line on the last real item */
.header__submenu li:last-child > a,
.mega-menu li:last-child > a,
.dropdown li:last-child > a,
.list-menu--disclosure > li:last-child > a,
.list-menu--disclosure > li:last-child > button{
  border-bottom: 0 !important;
}

/* Hover */
.header__submenu a:hover,
.mega-menu a:hover,
.dropdown a:hover,
.list-menu--disclosure > li > a:hover,
.list-menu--disclosure > li > button:hover{
  background: var(--dd-hover) !important;
}

/* Small chevron for items that open a child submenu */
.list-menu--disclosure > li > button::after,
.header__submenu summary::after{
  content: "›";
  font-size: 14px;
  opacity: .85;
}

/* Optional: subtle top border on the main nav line */
.header__inline-menu{ border-top: 1px solid rgba(255,255,255,.15); }
/* --- FIX: Proper Simba-style dropdown list (no empty blocks) --- */

/* Make dropdown lists stack vertically */
.header__submenu ul,
.mega-menu ul,
.dropdown ul,
.list-menu--disclosure {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Each list item full width, but not huge */
.header__submenu li,
.mega-menu li,
.dropdown li,
.list-menu--disclosure > li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Links as compact rows with separators */
.header__submenu a,
.mega-menu a,
.dropdown a,
.list-menu--disclosure > li > a,
.list-menu--disclosure > li > button {
  display: block !important;
  width: 100% !important;
  padding: 12px 18px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.25);
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.4;
  font-size: 15px;
  letter-spacing: .02em;
  cursor: pointer;
}

/* Remove bottom border from last item */
.header__submenu li:last-child > a,
.mega-menu li:last-child > a,
.dropdown li:last-child > a,
.list-menu--disclosure > li:last-child > a {
  border-bottom: 0 !important;
}

/* Hover effect */
.header__submenu a:hover,
.mega-menu a:hover,
.dropdown a:hover,
.list-menu--disclosure > li > a:hover {
  background: rgba(255,255,255,.1) !important;
}

/* First item = title bar */
.header__submenu li:first-child > a,
.mega-menu li:first-child > a,
.dropdown li:first-child > a,
.list-menu--disclosure > li:first-child > a {
  pointer-events: none;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  background: rgba(0,0,0,.2) !important;
}
/* =========================
   Compact dropdown directly under the parent item
   ========================= */

/* Make each top-level item the positioning context */
.header__inline-menu > li { position: relative !important; }

/* Stop themes from centering or full-width stretching */
.header__inline-menu .header__submenu,
.header__inline-menu .mega-menu,
.header__inline-menu .list-menu--disclosure {
  position: absolute !important;
  top: calc(100% + 10px) !important;   /* small gap under the bar */
  left: 0 !important;                  /* align left edges */
  right: auto !important;
  transform: none !important;          /* kill translateX(-50%) centering */
  margin: 0 !important;

  width: max-content !important;       /* shrink to fit content */
  min-width: 280px !important;
  max-width: 420px !important;         /* keep it compact */
  max-height: 70vh;                    /* avoid crazy tall panels */
  overflow: auto;                      /* scroll if too tall */

  /* keep your existing panel look (from earlier rules) */
  border-radius: var(--nav-dd-radius) !important;
  box-shadow: var(--nav-dd-shadow) !important;
  background: var(--nav-dd-bg) !important;
  color: var(--nav-dd-text) !important;
  padding: 0 !important;
  z-index: 60;
}

/* Force a single clean column inside compact dropdowns */
.header__inline-menu .mega-menu > ul,
.header__inline-menu .header__submenu > ul {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Title bar (first link) and lined rows (rest) — reuse our lined list rules */
.header__inline-menu .mega-menu > ul > li,
.header__inline-menu .header__submenu > ul > li { list-style: none; margin: 0 !important; padding: 0 !important; }

.header__inline-menu .mega-menu > ul > li > a,
.header__inline-menu .header__submenu > ul > li > a {
  display: block !important;
  padding: 14px 22px !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  background: rgba(0,0,0,.20) !important;
  border-bottom: 1px solid var(--nav-dd-line) !important;
  color: var(--nav-dd-text) !important;
  pointer-events: none;                /* acts as section title */
  border-radius: 0 !important;
}

.header__inline-menu .mega-menu > ul > li > ul,
.header__inline-menu .header__submenu > ul > li > ul {
  display: block !important; margin: 0 !important; padding: 0 !important;
}

.header__inline-menu .mega-menu > ul > li > ul > li > a,
.header__inline-menu .header__submenu > ul > li > ul > li > a {
  display: block !important;
  padding: 12px 22px !important;
  border-bottom: 1px solid var(--nav-dd-line) !important;
  text-decoration: none !important;
  color: var(--nav-dd-text) !important;
  font-weight: 600; font-size: 15px; line-height: 1.4;
  background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}

.header__inline-menu .mega-menu > ul > li > ul > li:last-child > a,
.header__inline-menu .header__submenu > ul > li > ul > li:last-child > a {
  border-bottom: 0 !important;
}

.header__inline-menu .mega-menu a:hover,
.header__inline-menu .header__submenu a:hover {
  background: var(--nav-dd-hover) !important;
}

/* Optional: if any submenu still tries to be 100% wide, kill that */
.header__inline-menu .mega-menu,
.header__inline-menu .header__submenu { width: auto !important; }

/* On mobile, let theme handle native drawer menus (don’t overlap) */
@media (max-width: 989px){
  .header__inline-menu .mega-menu,
  .header__inline-menu .header__submenu {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
  }
}
@media (min-width: 990px){
  .header__inline-menu > li .header__submenu::before,
  .header__inline-menu > li .mega-menu::before,
  .header__inline-menu > li .list-menu--disclosure::before{
    content:"";
    position:absolute;
    top:-6px; left:50%;
    transform:translateX(-50%);
    width:12px; height:12px;
    background: var(--nav-dd-bg);
    border-left:1px solid rgba(255,255,255,.18);
    border-top:1px solid rgba(255,255,255,.18);
    rotate:45deg;
    border-radius: 2px 0 0 0;
  }
}
/* =========================
   NAV — Clean centered dropdown (Simba style)
   ========================= */
:root {
  --nav-dd-bg: #0e1a2b;                 /* dark navy to match header */
  --nav-dd-text: #ffffff;               /* white text */
  --nav-dd-line: rgba(255,255,255,0.2); /* thin separator */
  --nav-dd-hover: rgba(255,255,255,0.08);
  --nav-dd-radius: 10px;
  --nav-dd-shadow: 0 8px 24px rgba(0,0,0,0.35);
}

.header__inline-menu > li {
  position: relative !important;
}

@media (min-width: 990px){
  .header__inline-menu > li .header__submenu,
  .header__inline-menu > li .mega-menu,
  .header__inline-menu > li .list-menu--disclosure {
    position: absolute !important;
    top: calc(100% + 6px) !important;

    /* Center under parent item */
    left: 50% !important;
    transform: translateX(-50%) !important;

    /* Compact box */
    width: max-content !important;
    min-width: 220px !important;
    max-width: 320px !important;

    border-radius: var(--nav-dd-radius) !important;
    background: var(--nav-dd-bg) !important;
    box-shadow: var(--nav-dd-shadow) !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 60;
  }
}

/* Vertical lined list */
.header__inline-menu .header__submenu ul,
.header__inline-menu .mega-menu ul,
.header__inline-menu .list-menu--disclosure {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.header__inline-menu .header__submenu li,
.header__inline-menu .mega-menu li,
.header__inline-menu .list-menu--disclosure > li {
  margin: 0 !important;
  padding: 0 !important;
}

.header__inline-menu .header__submenu a,
.header__inline-menu .mega-menu a,
.header__inline-menu .list-menu--disclosure > li > a {
  display: block !important;
  padding: 12px 20px !important;
  color: var(--nav-dd-text) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--nav-dd-line) !important;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .02em;
  line-height: 1.4;
}

.header__inline-menu .header__submenu li:last-child > a,
.header__inline-menu .mega-menu li:last-child > a,
.header__inline-menu .list-menu--disclosure > li:last-child > a {
  border-bottom: 0 !important;
}

.header__inline-menu .header__submenu a:hover,
.header__inline-menu .mega-menu a:hover,
.header__inline-menu .list-menu--disclosure > li > a:hover {
  background: var(--nav-dd-hover) !important;
}

/* Title bar (first item) */
.header__inline-menu .header__submenu li:first-child > a,
.header__inline-menu .mega-menu li:first-child > a {
  pointer-events: none;
  font-weight: 900 !important;
  text-transform: uppercase;
  text-align: center;
  background: rgba(255,255,255,0.1) !important;
}
<script>
/* Center each dropdown under the visual label, not the <li> box */
(function(){
  function centerPanels(){
    document.querySelectorAll('.header__inline-menu > li').forEach(function(li){
      const trigger = li.querySelector(':scope > a, :scope > summary, :scope > button');
      const panel = li.querySelector(':scope > .header__submenu, :scope > .mega-menu, :scope > .list-menu--disclosure');
      if(!trigger || !panel) return;

      // Calculate the label center relative to the LI (the positioning context)
      const liRect = li.getBoundingClientRect();
      const tRect  = trigger.getBoundingClientRect();
      const center = (tRect.left - liRect.left) + (tRect.width / 2);

      // Apply as a CSS variable so CSS can do translateX(-50%)
      panel.style.setProperty('--dd-center', center + 'px');
    });
  }

  // Run on load, on resize, and when hovering a menu item
  window.addEventListener('load', centerPanels);
  window.addEventListener('resize', centerPanels);
  document.addEventListener('mouseenter', function(e){
    const li = e.target.closest('.header__inline-menu > li');
    if(li){ centerPanels(); }
  }, true);
})();
</script>
/* Center dropdown using a pixel value set from JS */
@media (min-width: 990px){
  .header__inline-menu .header__submenu,
  .header__inline-menu .mega-menu,
  .header__inline-menu .list-menu--disclosure{
    position: absolute !important;
    top: calc(100% + 6px) !important;
    left: var(--vws-left, 50%) !important;   /* JS sets this */
    transform: translateX(-50%) !important;
    right: auto !important;
    margin: 0 !important;
    z-index: 60;

    /* keep the dark, clean look */
    background: #0e1a2b !important;
    color: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
    width: max-content !important;
    min-width: 220px !important;
    max-width: 320px !important;
    overflow: auto;
  }
}
/* thin separators + title bar (already in place, kept) */
@media (min-width: 990px){
  .header__inline-menu .header__submenu,
  .header__inline-menu .mega-menu,
  .header__inline-menu .list-menu--disclosure{
    left: var(--vws-left, 50%) !important;
    transform: translateX(-50%) !important;
  }
}
/* ===== NAV dropdown — compact & clean ===== */
:root{
  --nav-dd-font: 13px;                /* row text size */
  --nav-dd-title: 13px;               /* title text size */
  --nav-dd-pad-x: 8px;               /* horizontal padding */
  --nav-dd-pad-y: 10px;               /* vertical padding */
  --nav-dd-radius: 8px;               /* smaller corners */
  --nav-dd-line: rgba(255,255,255,.14); /* subtler separators */
  --nav-dd-hover: rgba(255,255,255,.06);
}

@media (min-width:990px){
  /* box itself — narrower, tighter shadow */
  .header__inline-menu > li .header__submenu,
  .header__inline-menu > li .mega-menu,
  .header__inline-menu > li .list-menu--disclosure{
    min-width: 200px !important;
    max-width: 280px !important;
    border-radius: var(--nav-dd-radius) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.30) !important;
    overflow: hidden; /* clips corners perfectly */
  }

  /* title bar — smaller, snug padding */
  .header__inline-menu .header__submenu li:first-child > a,
  .header__inline-menu .mega-menu li:first-child > a{
    padding: calc(var(--nav-dd-pad-y) + 2px) var(--nav-dd-pad-x) !important;
    font-size: var(--nav-dd-title) !important;
    letter-spacing: .04em;
  }

  /* rows — shorter height, tighter spacing */
  .header__inline-menu .header__submenu a,
  .header__inline-menu .mega-menu a,
  .header__inline-menu .list-menu--disclosure > li > a{
    padding: var(--nav-dd-pad-y) var(--nav-dd-pad-x) !important;
    font-size: var(--nav-dd-font) !important;
    line-height: 1.25 !important;       /* denser */
    letter-spacing: .01em;
    border-bottom: 1px solid var(--nav-dd-line) !important;
  }
  .header__inline-menu .header__submenu li:last-child > a,
  .header__inline-menu .mega-menu li:last-child > a,
  .header__inline-menu .list-menu--disclosure > li:last-child > a{
    border-bottom: 0 !important;
  }

  /* remove any theme indents/pills that add visual bulk */
  .header__inline-menu .header__submenu a,
  .header__inline-menu .mega-menu a{
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
  }
  .header__inline-menu .header__submenu ul,
  .header__inline-menu .mega-menu ul{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* softer hover so it feels tighter */
  .header__inline-menu .header__submenu a:hover,
  .header__inline-menu .mega-menu a:hover{
    background: var(--nav-dd-hover) !important;
  }
}
/* === Kill theme's built-in mini dividers; keep only our border-bottom === */

/* remove pseudo-line separators the theme adds */
.header__inline-menu .header__submenu a::before,
.header__inline-menu .header__submenu a::after,
.header__inline-menu .mega-menu a::before,
.header__inline-menu .mega-menu a::after,
.header__inline-menu .list-menu--disclosure a::before,
.header__inline-menu .list-menu--disclosure a::after {
  content: none !important;
  display: none !important;
}

/* some themes draw lines with inset box-shadow on li/a — nuke it */
.header__inline-menu .header__submenu li,
.header__inline-menu .header__submenu a,
.header__inline-menu .mega-menu li,
.header__inline-menu .mega-menu a,
.header__inline-menu .list-menu--disclosure li,
.header__inline-menu .list-menu--disclosure a {
  box-shadow: none !important;
  background-image: none !important; /* hides gradient-based dividers */
}

/* ensure no borders on containers/uls/li — only on links we set */
.header__inline-menu .header__submenu,
.header__inline-menu .mega-menu,
.header__inline-menu .header__submenu ul,
.header__inline-menu .mega-menu ul,
.header__inline-menu .header__submenu li,
.header__inline-menu .mega-menu li {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* keep our single divider line on rows */
.header__inline-menu .header__submenu a,
.header__inline-menu .mega-menu a,
.header__inline-menu .list-menu--disclosure > li > a {
  border-bottom: 1px solid var(--nav-dd-line, rgba(255,255,255,.14)) !important;
}
.header__inline-menu .header__submenu li:last-child > a,
.header__inline-menu .mega-menu li:last-child > a,
.header__inline-menu .list-menu--disclosure > li:last-child > a {
  border-bottom: 0 !important;
}
/* Remove any theme-made mini separators inside nav dropdowns */
.header__inline-menu .header__submenu a::before,
.header__inline-menu .header__submenu a::after,
.header__inline-menu .mega-menu a::before,
.header__inline-menu .mega-menu a::after,
.header__inline-menu .header__submenu li::before,
.header__inline-menu .header__submenu li::after,
.header__inline-menu .mega-menu li::before,
.header__inline-menu .mega-menu li::after,
.header__inline-menu .header__submenu hr,
.header__inline-menu .mega-menu hr {
  content: none !important;
  display: none !important;
  border: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
  background: none !important;
}
/* Header → Account / Login button polish */
.header__icons a[href*="/account"],
.header a.header__icon--account,
.header .account-link,
a.header__icon--account {
  position: relative;                 /* so it can sit above menus if needed */
  z-index: 65;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 44px;                       /* match search height visually */
  min-width: 48px;                    /* compact, not stretched */
  padding: 0 14px;                    /* icon breathing room */
  border-radius: 10px;
  background: #2b8ea2;                /* accent teal (matches site accent) */
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
  text-decoration: none !important;
}

/* Icon sizing inside the button */
.header__icons a[href*="/account"] svg,
.header a.header__icon--account svg,
a.header__icon--account svg {
  width: 18px; height: 18px;
}

/* Hover / active */
.header__icons a[href*="/account"]:hover,
.header a.header__icon--account:hover,
a.header__icon--account:hover {
  background: #1f7082;               /* slightly darker on hover */
}

/* Ensure nav dropdown styles never override the account popover/panel */
.header__inline-menu .header__submenu,
.header__inline-menu .mega-menu,
.header__inline-menu .list-menu--disclosure {
  z-index: 60;                        /* account button stays above */
}
/* ===== Dropdown rows: one clean divider only (no mini lines) ===== */
@media (min-width: 990px){
  /* 0) Nuke any existing lines/underlines on the link itself */
  .header__inline-menu .header__submenu a,
  .header__inline-menu .mega-menu a,
  .header__inline-menu .list-menu--disclosure > li > a{
    border: 0 !important;
    text-decoration: none !important;
    background-image: none !important;
    box-shadow: none !important;
    position: relative;
  }
  .header__inline-menu .header__submenu a::before,
  .header__inline-menu .header__submenu a::after,
  .header__inline-menu .mega-menu a::before,
  .header__inline-menu .mega-menu a::after,
  .header__inline-menu .list-menu--disclosure a::before,
  .header__inline-menu .list-menu--disclosure a::after{
    content: none !important;
    display: none !important;
    border: 0 !important;
    height: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  /* 1) Apply our single divider to the LI (full-width, consistent) */
  .header__inline-menu .header__submenu li,
  .header__inline-menu .mega-menu li,
  .header__inline-menu .list-menu--disclosure > li{
    border: 0 !important; /* reset */
    border-bottom: 1px solid var(--nav-dd-line, rgba(255,255,255,.14)) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  /* no divider on the last row */
  .header__inline-menu .header__submenu li:last-child,
  .header__inline-menu .mega-menu li:last-child,
  .header__inline-menu .list-menu--disclosure > li:last-child{
    border-bottom: 0 !important;
  }

  /* 2) Keep the first item as a title bar (no extra divider above it) */
  .header__inline-menu .header__submenu li:first-child,
  .header__inline-menu .mega-menu li:first-child{
    border-top: 0 !important;
  }
  .header__inline-menu .header__submenu li:first-child > a,
  .header__inline-menu .mega-menu li:first-child > a{
    pointer-events: none;
    font-weight: 900 !important;
    text-transform: uppercase;
    text-align: center;
    background: rgba(255,255,255,.10) !important;
    /* keep your compact padding */
    padding: calc(var(--nav-dd-pad-y,10px) + 2px) var(--nav-dd-pad-x,16px) !important;
  }

  /* 3) Row links look clean and compact */
  .header__inline-menu .header__submenu li > a,
  .header__inline-menu .mega-menu li > a,
  .header__inline-menu .list-menu--disclosure > li > a{
    display: block !important;
    padding: var(--nav-dd-pad-y,10px) var(--nav-dd-pad-x,16px) !important;
    font-size: var(--nav-dd-font,14px) !important;
    line-height: 1.25 !important;
    color: #fff !important;
  }
}
/* === FINAL POLISH: tighter gap, softer lines, pointer, smooth reveal, focus === */
:root{ --nav-dd-line: rgba(255,255,255,.12); }   /* slightly lighter separators */

@media (min-width: 990px){
  /* 1) smaller gap under label */
  .header__inline-menu > li .header__submenu,
  .header__inline-menu > li .mega-menu,
  .header__inline-menu > li .list-menu--disclosure{
    margin-top: 4px !important;
  }

  /* 2) little pointer that “connects” panel to label */
  .header__inline-menu > li .header__submenu::after,
  .header__inline-menu > li .mega-menu::after,
  .header__inline-menu > li .list-menu--disclosure::after{
    content:"";
    position:absolute;
    top:-6px;
    left: var(--vws-left, 50%);
    transform: translateX(-50%) rotate(45deg);
    width:10px; height:10px;
    background:#0e1a2b;
    border-left:1px solid rgba(255,255,255,.18);
    border-top:1px solid rgba(255,255,255,.18);
    border-radius:2px 0 0 0;
    pointer-events:none;
  }

  /* 3) subtle open animation (respects reduced-motion) */
  @media (prefers-reduced-motion: no-preference){
    .header__inline-menu > li .header__submenu,
    .header__inline-menu > li .mega-menu,
    .header__inline-menu > li .list-menu--disclosure{
      opacity:0; visibility:hidden;
      transform: translateX(-50%) translateY(6px) !important;
      transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
    }
    .header__inline-menu > li:hover .header__submenu,
    .header__inline-menu > li:hover .mega-menu,
    .header__inline-menu > li:hover .list-menu--disclosure,
    .header__inline-menu > li:focus-within .header__submenu,
    .header__inline-menu > li:focus-within .mega-menu,
    .header__inline-menu > li:focus-within .list-menu--disclosure{
      opacity:1; visibility:visible;
      transform: translateX(-50%) translateY(0) !important;
      transition: opacity .16s ease, transform .16s ease;
    }
  }

  /* 4) keyboard focus—clean but visible */
  .header__inline-menu .header__submenu li > a:focus,
  .header__inline-menu .mega-menu li > a:focus{
    outline:2px solid rgba(255,255,255,.30);
    outline-offset:-2px;
  }
}
/* --- HARD KILL: any inner separators under dropdown items --- */
@media (min-width:990px){
  /* 0) Remove every pseudo/underline inside the link label */
  .header__inline-menu .header__submenu li *::before,
  .header__inline-menu .header__submenu li *::after,
  .header__inline-menu .mega-menu li *::before,
  .header__inline-menu .mega-menu li *::after,
  .header__inline-menu .list-menu--disclosure li *::before,
  .header__inline-menu .list-menu--disclosure li *::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
  }

  /* 1) Ensure the link itself has zero extra line styles */
  .header__inline-menu .header__submenu li > a,
  .header__inline-menu .mega-menu li > a,
  .header__inline-menu .list-menu--disclosure > li > a{
    border:0 !important;
    text-decoration:none !important;
    background-image:none !important;
    box-shadow:none !important;
  }

  /* 2) Our single divider goes on the LI (full width, consistent) */
  .header__inline-menu .header__submenu li,
  .header__inline-menu .mega-menu li,
  .header__inline-menu .list-menu--disclosure > li{
    border-bottom:1px solid rgba(255,255,255,.14) !important;
  }
  .header__inline-menu .header__submenu li:last-child,
  .header__inline-menu .mega-menu li:last-child,
  .header__inline-menu .list-menu--disclosure > li:last-child{
    border-bottom:0 !important;
  }

  /* 3) Title row stays clean (no extra line above) */
  .header__inline-menu .header__submenu li:first-child,
  .header__inline-menu .mega-menu li:first-child{
    border-top:0 !important;
  }
}
/* =========================
   VWS — FINAL NAV + LOGIN POLISH (scoped)
   ========================= */
:root{
  --nav-dd-bg: #0e1a2b;                     /* dropdown bg (match header) */
  --nav-dd-text: #ffffff;
  --nav-dd-line: rgba(255,255,255,.14);     /* single thin divider */
  --nav-dd-hover: rgba(255,255,255,.06);
  --nav-dd-radius: 10px;
  --nav-dd-shadow: 0 10px 24px rgba(0,0,0,.35);

  --nav-dd-font: 14px;                      /* row text size */
  --nav-dd-title: 13px;                     /* title size */
  --nav-dd-pad-x: 16px;
  --nav-dd-pad-y: 10px;
}

/* ----------  A) Lock down dropdown container  ---------- */
.header__inline-menu { overflow: visible !important; }
.header__inline-menu > li { position: relative !important; flex: 0 0 auto !important; }

@media (min-width:990px){
  .header__inline-menu > li .header__submenu,
  .header__inline-menu > li .mega-menu,
  .header__inline-menu > li .list-menu--disclosure{
    position: absolute !important;
    top: calc(100% + 6px) !important;

    /* centered under label; JS sets --vws-left to the label center */
    left: var(--vws-left, 50%) !important;
    transform: translateX(-50%) !important;

    min-width: 220px !important;
    max-width: 320px !important;
    width: max-content !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: var(--nav-dd-radius) !important;
    background: var(--nav-dd-bg) !important;
    color: var(--nav-dd-text) !important;
    box-shadow: var(--nav-dd-shadow) !important;
    z-index: 60;
    overflow: hidden;
  }

  /* subtle pointer */
  .header__inline-menu > li .header__submenu::after,
  .header__inline-menu > li .mega-menu::after,
  .header__inline-menu > li .list-menu--disclosure::after{
    content:"";
    position:absolute;
    top:-6px;
    left: var(--vws-left, 50%);
    transform: translateX(-50%) rotate(45deg);
    width:10px;height:10px;
    background: var(--nav-dd-bg);
    border-left:1px solid rgba(255,255,255,.18);
    border-top:1px solid rgba(255,255,255,.18);
    border-radius:2px 0 0 0;
    pointer-events:none;
  }
}

/* ----------  B) Columns → single compact list  ---------- */
.header__inline-menu .header__submenu ul,
.header__inline-menu .mega-menu ul,
.header__inline-menu .list-menu--disclosure{
  margin:0 !important; padding:0 !important; list-style:none !important;
}
.header__inline-menu .header__submenu li,
.header__inline-menu .mega-menu li,
.header__inline-menu .list-menu--disclosure > li{
  margin:0 !important; padding:0 !important; list-style:none !important;
  background:transparent !important; box-shadow:none !important;
  /* one and only divider lives on LI */
  border:0 !important; border-bottom:1px solid var(--nav-dd-line) !important;
}
.header__inline-menu .header__submenu li:last-child,
.header__inline-menu .mega-menu li:last-child,
.header__inline-menu .list-menu--disclosure > li:last-child{
  border-bottom:0 !important;
}

/* title row (first item) */
.header__inline-menu .header__submenu li:first-child > a,
.header__inline-menu .mega-menu li:first-child > a{
  pointer-events:none;
  display:block !important;
  padding: calc(var(--nav-dd-pad-y) + 2px) var(--nav-dd-pad-x) !important;
  font-weight:900 !important;
  font-size: var(--nav-dd-title) !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  text-align:left;
  background: rgba(255,255,255,.10) !important;
}

/* compact row links */
.header__inline-menu .header__submenu li > a,
.header__inline-menu .mega-menu li > a,
.header__inline-menu .list-menu--disclosure > li > a{
  display:block !important;
  padding: var(--nav-dd-pad-y) var(--nav-dd-pad-x) !important;
  font-size: var(--nav-dd-font) !important;
  line-height:1.25 !important;
  color: var(--nav-dd-text) !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
}
.header__inline-menu .header__submenu li > a:hover,
.header__inline-menu .mega-menu li > a:hover,
.header__inline-menu .list-menu--disclosure > li > a:hover{
  background: var(--nav-dd-hover) !important;
}

/* ----------  C) HARD kill of stray mini lines from theme ---------- */
@media (min-width:990px){
  .header__inline-menu .header__submenu li *::before,
  .header__inline-menu .header__submenu li *::after,
  .header__inline-menu .mega-menu li *::before,
  .header__inline-menu .mega-menu li *::after,
  .header__inline-menu .list-menu--disclosure li *::before,
  .header__inline-menu .list-menu--disclosure li *::after,
  .header__inline-menu .header__submenu hr,
  .header__inline-menu .mega-menu hr{
    content:none !important; display:none !important;
    border:0 !important; height:0 !important; background:none !important; box-shadow:none !important;
  }
}

/* ----------  D) Login icon — size, alignment, isolation ---------- */
.header__icons a[href*="/account"],
.header a.header__icon--account,
a.header__icon--account{
  display:inline-flex !important; align-items:center; justify-content:center;
  height:44px; min-width:44px; padding:0 14px;
  border-radius:10px; border:1px solid rgba(255,255,255,.18);
  background: #0e1a2b; color:#fff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  position:relative; z-index:100;  /* above nav dropdowns */
  text-decoration:none !important;
}
.header__icons a[href*="/account"] svg,
.header a.header__icon--account svg,
a.header__icon--account svg{ width:18px; height:18px; }
.header__icons a[href*="/account"]:hover,
.header a.header__icon--account:hover,
a.header__icon--account:hover{ background:#13233a; }

/* keep nav dropdowns below the login icon */
.header__inline-menu .header__submenu,
.header__inline-menu .mega-menu,
.header__inline-menu .list-menu--disclosure{ z-index:60; }