/** Shopify CDN: Minification failed

Line 692:0 Unexpected "<"
Line 694:1 Expected identifier but found "%"
Line 694:50 Unexpected "("
Line 694:78 Expected identifier but found "%"
Line 695:0 Unexpected "<"

**/
/* ========== Mega menu 3 (Collection Cards) — CLEAN ========== */

/* Toggle grid/slider view from data-attrs (fixes the small typo too) */
.mega-menu__content .mm3-ccf .mm3-ccf__view{ display:none; }
@media (min-width:750px){
  .mega-menu__content .mm3-ccf[data-layout-desktop="grid"]  .mm3-ccf__view--grid{ display:block; }
  .mega-menu__content .mm3-ccf[data-layout-desktop="slider"] .mm3-ccf__view--slider{ display:block; }
}
@media (max-width:749.98px){
  .mega-menu__content .mm3-ccf[data-layout-mobile="grid"]  .mm3-ccf__view--grid{ display:block; }
  .mega-menu__content .mm3-ccf[data-layout-mobile="slider"] .mm3-ccf__view--slider{ display:block; }
}

/* Make MM3 fill the dropdown and add safe gutters */
.mega-menu__content .mega_menu_3{
  display:block;
  width:100%;
  max-width:none !important;               /* break theme wrappers */
  margin:0;
  box-sizing:border-box;

  /* tweak once here; affects all MM3 menus */
  --mm3-pad-x: clamp(16px, 3vw, 28px);     /* left/right */
  --mm3-pad-y: clamp(12px, 2vw, 24px);     /* top/bottom */
  padding: var(--mm3-pad-y) var(--mm3-pad-x);
}

.mega-menu__content--full .mega_menu_3.customized-width,
.mega-menu__content--full .mega_menu_3.page-width,
.mega-menu__content--full .mega_menu_3.full-width{
  width:100%;
  max-width:none !important;
  margin:0 !important;
  padding-left: var(--mm3-pad-x);
  padding-right: var(--mm3-pad-x);
}

/* MM3 root + grid/slider common vars */
.mega-menu__content .mm3-ccf{
  --gap: 24px;
  --radius: 18px;
  --cols-d: 4;
  --cols-t: 2;
  --cols-m: 1;
  --title-w: 800;
  --title-d: 28px;
  --title-m: 22px;
  --body: 13px;
  --count-size: 12px;
  --arrow-size: 16px;
  width:100%;
}

/* GRID */
.mega-menu__content .mm3-grid{
  display:grid;
  gap:var(--gap);
  grid-template-columns: repeat(var(--cols-m), minmax(0,1fr));
}
@media (min-width:750px){
  .mega-menu__content .mm3-grid{ grid-template-columns: repeat(var(--cols-t), minmax(0,1fr)); }
}
@media (min-width:990px){
  .mega-menu__content .mm3-grid{ grid-template-columns: repeat(var(--cols-d), minmax(0,1fr)); }
}

/* SLIDER */
.mega-menu__content .mm3-slider{ overflow:hidden; }
.mega-menu__content .mm3-track{
  display:flex; gap:var(--gap);
  overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  padding-bottom:.5rem;
}
.mega-menu__content .mm3-track::-webkit-scrollbar{ height:6px; }
.mega-menu__content .mm3-track::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.15); border-radius:4px; }
.mega-menu__content .mm3-slide{
  flex:0 0 auto; scroll-snap-align:start;
  min-width: calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
}
.mega-menu__content .mm3-slider{ --visible: var(--cols-m); }
@media (min-width:750px){ .mega-menu__content .mm3-slider{ --visible: var(--cols-t); } }
@media (min-width:990px){ .mega-menu__content .mm3-slider{ --visible: var(--cols-d); } }

/* CARD */
.mega-menu__content .mm3-card{
  position:relative; display:flex; flex-direction:column;
  gap:.9rem; text-decoration:none; color:inherit;
  border-radius:var(--radius); background:transparent;
}
.mega-menu__content .mm3-card--in{ gap:0; }

.mega-menu__content .mm3-media{
  position:relative; aspect-ratio:1/1; overflow:hidden;
  border-radius:calc(var(--radius) - 8px);
  box-shadow:0 6px 24px rgba(0,0,0,.08);
}
.mega-menu__content .mm3-media img{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transform:scale(1); transition: transform .6s ease;
}
.mega-menu__content .mm3-card:hover .mm3-media img{ transform:scale(1.06); }

/* overlay for in-card content */
.mega-menu__content .mm3-card--in .mm3-media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.40), rgba(0,0,0,0) 55%);
  pointer-events:none; border-radius:inherit;
}

/* content / title / arrow */
.mega-menu__content .mm3-content{ padding:.2rem .1rem .6rem; }
.mega-menu__content .mm3-content--in{ position:absolute; left:1.1rem; right:1.1rem; bottom:1.05rem; z-index:2; padding:0; }
.mega-menu__content .mm3-content[class*="color-"]{ color: rgb(var(--color-foreground)); }

.mega-menu__content .mm3-row{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.mega-menu__content .mm3-title{
  margin:0; display:flex; align-items:center; gap:.5rem;
  /* Use theme typography (heading) */
  font-family: var(--font-heading-family, inherit);
  font-style: var(--font-heading-style, normal);
  font-weight: var(--font-heading-weight, inherit);
  letter-spacing: var(--font-heading-letter-spacing, normal);
  font-size: 18px;
  line-height: var(--font-heading-line-height, 1.05);
  text-transform: var(--font-heading-text-transform, none);
}
.mega-menu__content .mm3-title__text{ position:relative; display:inline-block; }
.mega-menu__content .mm3-title__text:after{
  content:""; position:absolute; left:0; bottom:-3px; height:1px; width:0;
  background:currentColor; transition:width .28s ease;
}
.mega-menu__content .mm3-card:hover .mm3-title__text:after{ width:100%; }

.mega-menu__content .mm3-count{
  position:relative; top:-.35em;
  /* Use theme body typography */
  font-family: var(--font-body-family, inherit);
  font-style: var(--font-body-style, normal);
  font-weight: var(--font-body-weight, inherit);
  font-size: var(--count-size, 12px);
  letter-spacing: var(--font-body-letter-spacing, 0);
  text-transform: var(--font-body-text-transform, none);
  opacity:.9;
}
.mega-menu__content .mm3-sub{
  margin:.35rem 0 0;
  font-family: var(--font-body-family, inherit);
  font-style: var(--font-body-style, normal);
  font-weight: var(--font-body-weight, inherit);
  font-size: inherit;
  letter-spacing: var(--font-body-letter-spacing, 0);
  text-transform: var(--font-body-text-transform, none);
  opacity:.95; line-height:var(--font-body-line-height, 1.3);
}

.mega-menu__content .mm3-arrow{ width:var(--arrow-size); height:var(--arrow-size); flex:0 0 var(--arrow-size); transition:transform .25s ease, opacity .25s ease; opacity:.95; }
.mega-menu__content .mm3-card:hover .mm3-arrow{ transform: translateY(2px) rotate(90deg); opacity:1; }

/* reveal */
.mega-menu__content .reveal{ opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .5s ease; }
.mega-menu__content .reveal.in{ opacity:1; transform:none; }

/* === MM3: left→right stagger entrance === */
.mega-menu__content .mm3-ccf{
  --stagger: .08s;                       /* delay between cards */
  --ease: cubic-bezier(.22,.61,.36,1);   /* smooth ease */
}

/* override the generic .reveal with an animated version for MM3 */
.mega-menu__content .mm3-ccf .reveal{
  opacity: 0;
  transform: translateY(12px) scale(.98);
  will-change: transform, opacity;
}
.mega-menu__content .mm3-ccf .reveal.in{
  animation: mm3-enter .48s var(--ease) both;
  animation-delay: calc(var(--stagger) * var(--i, 0));  /* i = index set in JS */
}

@keyframes mm3-enter{
  from{ opacity:0; transform: translateY(12px) scale(.98); }
  to  { opacity:1; transform: none; }
}

/* ========= Regular dropdown (non-mega) — fluid, smooth, clickable ========= */
.section-header .header-wrapper{
  --desktop-header-submenu-background: var(--gradient-background, rgba(var(--color-background), 1));
}

/* Header mega menu with promo banners */
.mega-menu__content .header-mega{
  display: flex;
  align-items: stretch;
  justify-content: var(--header-mega-content-justify, space-between);
  gap: clamp(18px, 3vw, 44px);
  width: 100%;
  padding: clamp(8px, 1vw, 14px) clamp(18px, 3vw, 36px);
  box-sizing: border-box;
}

.mega-menu__content .header-mega.full-width{
  max-width: none;
}

.mega-menu__content .header-mega.page-width,
.mega-menu__content .header-mega.customized-width{
  width: min(var(--page-width, 1400px), 100%);
}

.mega-menu__content .header-mega__navigation{
  flex: 1 1 100%;
  min-width: 0;
}

.mega-menu__content .header-mega--has-promos .header-mega__navigation{
  flex: 0 0 clamp(150px, 12vw, 220px);
  max-width: 240px;
  padding-top: 0.2rem;
}

.mega-menu__content .header-mega__navigation .mega-menu__list{
  width: 100%;
}

.mega-menu__content .header-mega--has-promos .header-mega__navigation .mega-menu__list{
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 0.65rem;
}

.mega-menu__content .header-mega--has-promos .header-mega__navigation .mega-menu__link--level-2{
  padding: 0;
  font-weight: inherit;
}

.mega-menu__content .header-mega--has-promos .header-mega__navigation .menu-lv-3-item{
  margin-top: 0.5rem;
}

.mega-menu__content .header-mega__promos{
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(var(--header-mega-promo-count, 1), minmax(0, 1fr));
  gap: var(--header-mega-promo-gap, 4px);
  align-items: stretch;
}

.mega-menu__content .header-mega__promos--stretch{
  align-self: stretch;
}

.mega-menu__content .header-mega__promo{
  position: relative;
  display: block;
  min-height: clamp(280px, 30vw, 590px);
  overflow: hidden;
  color: var(--header-mega-promo-text-color, #fff);
  text-decoration: none;
  background: rgba(var(--color-foreground), 0.06);
  isolation: isolate;
}

.mega-menu__content .header-mega__promos--stretch .header-mega__promo{
  height: 100%;
}

.mega-menu__content .header-mega__promo::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0) 70%);
  pointer-events: none;
}

.mega-menu__content .header-mega__promo-image{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.65s ease;
}

.mega-menu__content .header-mega__promo:hover .header-mega__promo-image,
.mega-menu__content .header-mega__promo:focus-visible .header-mega__promo-image{
  transform: scale(1.05);
}

.mega-menu__content .header-mega__promo-content{
  position: absolute;
  inset-inline: clamp(14px, 2vw, 28px);
  top: var(--header-mega-promo-content-top, 50%);
  bottom: var(--header-mega-promo-content-bottom, auto);
  z-index: 2;
  transform: var(--header-mega-promo-content-transform, translateY(-50%));
  display: grid;
  gap: 0.35rem;
  text-align: var(--header-mega-promo-text-align, center);
  color: inherit;
}

.mega-menu__content .header-mega__promo-heading,
.mega-menu__content .header-mega__promo-text{
  margin: 0;
  color: inherit;
}

.mega-menu__content .header-mega__promo-heading{
  font-size: var(--header-mega-promo-heading-size, 14px);
  line-height: 1.1;
}

.mega-menu__content .header-mega__promo-text{
  font-size: var(--header-mega-promo-text-size, 13px);
  line-height: 1.25;
}

.mega-menu__content .header-mega__promo-heading--heading,
.mega-menu__content .header-mega__promo-text--heading{
  font-family: var(--font-heading-family, inherit);
  font-style: var(--font-heading-style, normal);
  font-weight: var(--font-heading-weight, 700);
  letter-spacing: var(--font-heading-letter-spacing, normal);
  text-transform: var(--font-heading-text-transform, none);
}

.mega-menu__content .header-mega__promo-heading--body,
.mega-menu__content .header-mega__promo-text--body{
  font-family: var(--font-body-family, inherit);
  font-style: var(--font-body-style, normal);
  font-weight: var(--font-body-weight, 400);
  letter-spacing: var(--font-body-letter-spacing, normal);
  text-transform: var(--font-body-text-transform, none);
}

.mega-menu__content .header-mega__promo-heading--accent,
.mega-menu__content .header-mega__promo-text--accent{
  font-family: var(--font-accent-family, var(--font-heading-family, inherit));
  font-style: var(--font-accent-style, var(--font-heading-style, normal));
  font-weight: var(--font-accent-weight, var(--font-heading-weight, 700));
  letter-spacing: var(--font-accent-letter-spacing, var(--font-heading-letter-spacing, normal));
  text-transform: var(--font-accent-text-transform, var(--font-heading-text-transform, none));
}

@media (max-width: 989.98px){
  .mega-menu__content .header-mega{
    flex-direction: column;
  }

  .mega-menu__content .header-mega--has-promos .header-mega__navigation{
    flex-basis: auto;
    max-width: none;
  }

  .mega-menu__content .header-mega__promos{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mega-menu__content .header-mega__promo{
    min-height: 260px;
  }
}

@media (max-width: 549.98px){
  .mega-menu__content .header-mega__promos{
    grid-template-columns: 1fr;
  }
}
.section-header .header-wrapper.transparent{
  --desktop-header-submenu-background: rgba(var(--color-background), var(--color_opacity_2, 1));
}

.dropdown-menu{ position:relative; }

/* Panel */
.dropdown-menu > .header__submenu{
  /* tweakables */
  --w: 320px;        /* panel min width */
  --r: 22px;         /* corner radius */
  --px: 18px;        /* side padding */
  --py: 14px;        /* vertical padding */
  --gap: 10px;       /* item spacing */
  --bridge: 16px;    /* overlap height under trigger (also hover bridge) */

  position:absolute; left:0; top:100%; z-index:70;
  min-width:var(--w);
  margin:0; list-style:none;
  padding:var(--py) var(--px);
  display:grid; gap:var(--gap);

  background:rgb(var(--color-background));
  color:rgb(var(--color-foreground));
  border:1px solid rgb(0 0 0 / 6%);
  border-radius:var(--r);
  box-shadow:0 10px 30px rgba(0,0,0,.12), 0 3px 10px rgba(0,0,0,.08);

  /* smooth open */
  opacity:0; visibility:hidden; pointer-events:none;
  transform-origin:top center;
  transform:translateY(8px) scale(.98);
  transition:
    opacity .18s ease,
    transform .22s cubic-bezier(.22,1,.36,1),
    visibility 0s linear .18s;
  overflow:visible; /* allows the cap to sit above */
}

/* Top “cap” that visually fills the space + acts as hover bridge */
.dropdown-menu > .header__submenu::before{
  content:"";
  position:absolute; left:8px; right:8px;
  height:var(--bridge);
  top:calc(-1 * var(--bridge) + 1px);  /* touches the trigger */
  border-top-left-radius:calc(var(--r) - 6px);
  border-top-right-radius:calc(var(--r) - 6px);
  background:linear-gradient(to bottom,
              rgb(var(--color-background)),
              rgb(var(--color-background) / 0));
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  pointer-events:auto; /* counts as hovering the submenu */
}

/* Open states: parent hover/focus or panel hover/focus */
.dropdown-menu:hover > .header__submenu,
.dropdown-menu:focus-within > .header__submenu,
.dropdown-menu > .header__submenu:hover,
.dropdown-menu > .header__submenu:focus-within{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateY(0) scale(1);
  transition-delay:0s,0s,0s;
}

/* Items */
.dropdown-menu .menu-lv-2-item,
.dropdown-menu .menu-lv-3-item{ list-style:none; }

.dropdown-menu .header__submenu a.header__menu-item{
  display:block; text-decoration:none; color:inherit;
  padding:10px 14px; border-radius:12px;
  line-height:1.25; font-weight:500; outline:none;
  transition:background .15s ease, color .15s ease, transform .15s ease;
}

.dropdown-menu .header__submenu a.header__menu-item:hover,
.dropdown-menu .header__submenu a.header__menu-item:focus-visible{
  background:rgb(var(--color-foreground) / .08);
  transform:translateX(2px);
}

.dropdown-menu .header__submenu a.header__menu-item[aria-current="page"]{
  background:rgb(var(--color-foreground) / .12);
}

/* Subtle stagger for nicer feel */
.dropdown-menu > .header__submenu > li{
  opacity:0; transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease;
}
.dropdown-menu:hover   > .header__submenu > li,
.dropdown-menu:focus-within > .header__submenu > li,
.dropdown-menu > .header__submenu:hover > li{
  opacity:1; transform:none;
}
.dropdown-menu > .header__submenu > li:nth-child(1){ transition-delay:.02s; }
.dropdown-menu > .header__submenu > li:nth-child(2){ transition-delay:.05s; }
.dropdown-menu > .header__submenu > li:nth-child(3){ transition-delay:.08s; }
.dropdown-menu > .header__submenu > li:nth-child(4){ transition-delay:.11s; }
.dropdown-menu > .header__submenu > li:nth-child(5){ transition-delay:.14s; }
.dropdown-menu > .header__submenu > li:nth-child(6){ transition-delay:.17s; }
.dropdown-menu > .header__submenu > li:nth-child(7){ transition-delay:.20s; }

/* Optional level-3 flyout */
.dropdown-menu .header__submenu .header__submenu{
  top:0; left:100%; margin-left:10px;
  border-radius:16px; box-shadow:0 6px 20px rgba(0,0,0,.10);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .dropdown-menu > .header__submenu,
  .dropdown-menu > .header__submenu > li{ transition:none; transform:none; }
}

@media (min-width: 990px){
  .dropdown-menu > .header__submenu{
    --w: 190px;
    left: 0;
    top: 100%;
    min-width: var(--w);
    padding: 1.8rem 0;
    gap: 0;
    --gradient-background: var(--desktop-header-submenu-background);
    background: var(--desktop-header-submenu-background);
    background-image: none;
    border: 0.1rem solid rgba(var(--color-foreground), 0.08);
    border-radius: 0;
    box-shadow: 0 1.2rem 2.4rem rgba(0,0,0,.08);
    transform: translateY(0);
  }

  .dropdown-menu > .header__submenu::before{
    display: none;
  }

  .dropdown-menu > .header__submenu > li{
    display: block;
    padding: 0;
    opacity: 0;
    transform: translateY(0.4rem);
  }

  .dropdown-menu .header__submenu a.header__menu-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.55rem 2.2rem;
    border-radius: 0;
    background: transparent;
    font-family: var(--header-menu-font-family, var(--font-body-family, inherit));
    font-style: var(--header-menu-font-style, normal);
    font-weight: var(--header-menu-font-weight, var(--font-body-weight, 400));
    font-size: var(--header-text-size-px, inherit);
    line-height: var(--header-menu-line-height, inherit);
    letter-spacing: var(--header-menu-letter-spacing, inherit);
    text-transform: var(--header-menu-text-transform, inherit);
    font-synthesis: none;
    -webkit-text-stroke: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: color .15s ease, background-color .15s ease;
  }

  .dropdown-menu .header__submenu a.header__menu-item:hover,
  .dropdown-menu .header__submenu a.header__menu-item:focus-visible{
    background: transparent;
    color: rgb(var(--color-foreground));
    transform: none;
  }

  .dropdown-menu .header__submenu a.header__menu-item[aria-current="page"]{
    background: transparent;
  }

  .dropdown-menu .header__submenu > li + li .header__menu-item{
    border-top: 0;
  }

  .dropdown-menu .header__submenu .header__menu-item .link-style{
    display: inline-block;
  }

  .dropdown-menu .header__submenu .icon-caret{
    position: static;
    width: 0.9rem;
    height: 0.9rem;
    margin-left: 1.4rem;
    transform: rotate(-90deg);
    flex: 0 0 auto;
  }

  .dropdown-menu .header__submenu header-menu:hover > .header__menu-item .icon-caret,
  .dropdown-menu .header__submenu header-menu:focus-within > .header__menu-item .icon-caret{
    transform: rotate(-90deg) translateX(0.1rem);
  }

  .dropdown-menu .header__submenu .header__submenu{
    top: -1.9rem;
    left: calc(100% + 0.8rem);
    margin-left: 0;
  }
}

/* Click-open override for regular desktop dropdowns */
.dropdown-menu .dropdown-submenu{ position:relative; display:block; width:100%; }

@media (min-width: 990px){
  .dropdown-menu > .header__submenu,
  .dropdown-menu .dropdown-submenu > .header__submenu{
    --submenu-width: 24rem;
    --submenu-pad-y: 1.8rem;
    --gradient-background: var(--desktop-header-submenu-background);
    min-width: var(--submenu-width);
    margin-top: 0 !important;
    padding: var(--submenu-pad-y) 0;
    background: var(--desktop-header-submenu-background);
    background-image: none;
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border: 0.1rem solid rgba(var(--color-foreground), 0.08);
    border-radius: 0;
    box-shadow: 0 1.2rem 2.4rem rgba(0,0,0,.08);
    transform: translateY(0);
    overflow: hidden;
  }

  .dropdown-menu .dropdown-submenu > .header__submenu{
    width: max-content;
    min-width: 0;
    max-width: min(20rem, calc(100vw - 4rem));
  }

  .dropdown-menu:hover > .header__submenu,
  .dropdown-menu:focus-within > .header__submenu,
  .dropdown-menu > .header__submenu:hover,
  .dropdown-menu > .header__submenu:focus-within,
  .dropdown-menu .dropdown-submenu:hover > .header__submenu,
  .dropdown-menu .dropdown-submenu:focus-within > .header__submenu,
  .dropdown-menu .dropdown-submenu > .header__submenu:hover,
  .dropdown-menu .dropdown-submenu > .header__submenu:focus-within{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0);
  }

  .dropdown-menu.is-open > .header__submenu,
  .dropdown-menu .dropdown-submenu.is-open > .header__submenu{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s, 0s, 0s;
  }

  .dropdown-menu.has-open-submenu > .header__submenu{
    overflow: visible;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .dropdown-menu > .header__submenu > li,
  .dropdown-menu .dropdown-submenu > .header__submenu > li{
    display: block;
    padding: 0;
    opacity: 0;
    transform: translateY(0.4rem);
  }

  .dropdown-menu > .header__submenu > .menu-lv-2-item{
    position: relative;
  }

  .dropdown-menu.is-open > .header__submenu > li,
  .dropdown-menu .dropdown-submenu.is-open > .header__submenu > li{
    opacity: 1;
    transform: none;
  }

  .dropdown-menu .dropdown-submenu > .header__submenu{
    top: 0;
    bottom: auto;
    left: calc(100% - 0.1rem);
    margin-left: 0;
    background: var(--desktop-header-submenu-background);
    background-image: none;
    opacity: 1;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
  }

  .dropdown-menu .dropdown-submenu > .header__submenu .header__menu-item{
    white-space: nowrap;
  }

  .dropdown-menu .header__submenu .dropdown-submenu.is-open > .header__menu-item .icon-caret{
    transform: rotate(-90deg) translateX(0.1rem);
  }

  .dropdown-menu .header__submenu header-menu:hover > .header__menu-item .icon-caret,
  .dropdown-menu .header__submenu header-menu:focus-within > .header__menu-item .icon-caret{
    transform: rotate(-90deg);
  }
}
</style>

{% comment %} Submenu + mega-menu underline hover (text-width, left→right) {% endcomment %}
<style>
  /* target the text span so the line matches text width exactly */
  .dropdown-menu .header__submenu a.header__menu-item .link-style,
  .mega-menu__content .mega-menu__link .link-style{
    position: relative;
    display: inline-block;
    text-decoration: none;
    background: none;
  }

  .dropdown-menu .header__submenu a.header__menu-item .link-style::after,
  .mega-menu__content .mega-menu__link .link-style::after{
    content:"";
    position: absolute;
    left: 0;
    bottom: calc(-1 * var(--underline-gap, 2px));
    width: 100%;
    height: var(--underline-thickness, 2px);
    background: currentColor;                /* inherits link color */
    transform: scaleX(0);
    transform-origin: var(--underline-origin, left) bottom;
    transition: transform var(--underline-duration, .22s) cubic-bezier(.22,1,.36,1);
    pointer-events: none;
  }

  /* show on hover/focus */
  .dropdown-menu .header__submenu a.header__menu-item:hover .link-style::after,
  .dropdown-menu .header__submenu a.header__menu-item:focus-visible .link-style::after,
  .mega-menu__content .mega-menu__link:hover .link-style::after,
  .mega-menu__content .mega-menu__link:focus-visible .link-style::after{
    transform: scaleX(1);
  }

  /* keep underline for the active page/item */
  .dropdown-menu .header__submenu a.header__menu-item[aria-current="page"] .link-style::after,
  .mega-menu__content .mega-menu__link--active .link-style::after{
    transform: scaleX(1);
  }

  /* optional: respect reduced motion */
  @media (prefers-reduced-motion: reduce){
    .dropdown-menu .header__submenu a.header__menu-item .link-style::after,
    .mega-menu__content .mega-menu__link .link-style::after{
      transition: none;
    }
  }

/* =========================
   MM1 — Featured Card
   ========================= */
.mm1-card{ position:relative; }
.mm1-media{ border-radius:var(--mm1-radius,0); overflow:hidden; }
.mm1-media img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; transform:scale(1); transition:transform .5s ease;
  will-change:transform;
}
.mm1-card:hover .mm1-media img{ transform:scale(1.06); }

.mm1-overlay{
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to top,
    rgba(var(--overlay-rgb), var(--media-opacity, .35)),
    rgba(var(--overlay-rgb), 0) 55%);
}

/* Caption on featured card */
.mm1-caption{
  position:absolute; left:50%; bottom:var(--mm1-cap-bottom,1rem);
  transform:translateX(-50%);
  width:calc(100% - (2 * var(--mm1-cap-x,1.25rem)));
  padding:var(--mm1-cap-pad,.8rem 1rem);
  display:flex; flex-direction:column; align-items:center; gap:.25rem;
  text-align:center; background:transparent!important;
}
.mm1-title{
  margin:0; display:inline-block;
  font-family:var(--font-heading-family,inherit);
  font-style:var(--font-heading-style,normal);
  font-weight:var(--font-heading-weight,700);
  line-height:var(--font-heading-line-height,1.05); font-size:var(--mm1-title-size,22px);
  text-transform:var(--font-heading-text-transform,none);
  color:rgb(var(--color-foreground));
  text-shadow:0 2px 12px rgba(0,0,0,.35);
  position:relative;
}
.mm1-title::after{
  content:""; position:absolute; left:0; bottom:-3px; height:2px; width:100%;
  background:currentColor; transform:scaleX(0); transform-origin:left bottom;
  transition:transform .22s cubic-bezier(.22,1,.36,1);
}
.mm1-card:hover .mm1-title::after{ transform:scaleX(1); }

.mm1-sub{
  margin:0; display:block;
  font-family:var(--font-body-family,inherit);
  font-style:var(--font-body-style,normal);
  font-weight:var(--font-body-weight,400);
  line-height:var(--font-body-line-height,1.25); font-size:var(--mm1-sub-size,12px);
  letter-spacing:var(--font-body-letter-spacing,0);
  text-transform:var(--font-body-text-transform,none);
  color:rgb(var(--color-foreground)); opacity:.95;
}

/* =========================
   MM1 — Three-column Layout
   ========================= */
.mm1-columns{
  display:grid; gap:var(--mm1-gap,24px);
  grid-template-columns:minmax(180px,var(--mm1-rail,240px)) 1fr minmax(260px,var(--mm1-right,340px));
  align-items:start;
}
@media (max-width: 989.98px){
  .mm1-columns{ grid-template-columns:1fr; }
  .mm1-right{ order:3; }
}

/* =========================
   MM1 — Left Rail
   ========================= */
.mm1-left{ display:flex; flex-direction:column; gap:.6rem; }

/* Use one icon size variable for both classes */
.mm1-cat{
  --mm1-ico: 24px;
  display:flex; align-items:center; gap:.65rem;
  width:100%; padding:.35rem 0;
  background:transparent; border:0; cursor:pointer;
  color:rgb(var(--color-foreground) / .35);
  text-decoration:none; /* prevent theme underline */
  transition:color .15s ease, opacity .15s ease, filter .15s ease;
}
.mm1-cat:focus,
.mm1-cat:focus-visible{ outline:none; box-shadow:none; }
.mm1-cat:hover{ color:rgb(var(--color-foreground) / .7); }
.mm1-cat.is-active{ color:rgb(var(--color-foreground)); font-weight:700; }

/* Icon wrapper (supports both naming variants) */
.mm1-cat__icon, .mm1-cat__ico{
  width:var(--mm1-ico); height:var(--mm1-ico); flex:0 0 var(--mm1-ico);
  display:inline-flex; align-items:center; justify-content:center;
}
.mm1-cat__icon :is(img,svg),
.mm1-cat__ico  :is(img,svg){ width:100%; height:100%; object-fit:contain; }
.mm1-cat__icon :is(i,.icon),
.mm1-cat__ico  :is(i,.icon){ font-size:var(--mm1-ico); line-height:var(--mm1-ico); }

/* Icon emphasis */
.mm1-cat:not(.is-active) :is(.mm1-cat__icon,.mm1-cat__ico){ opacity:.35; filter:grayscale(100%); }
.mm1-cat:hover :is(.mm1-cat__icon,.mm1-cat__ico){ opacity:.7; filter:none; }
.mm1-cat.is-active :is(.mm1-cat__icon,.mm1-cat__ico){ opacity:1; filter:none; }

/* Label typography */
.mm1-cat > span{
  font-family:var(--font-heading-family, inherit);
  font-style:var(--font-heading-style, normal);
  font-weight:var(--font-heading-weight,700);
  letter-spacing:var(--font-heading-letter-spacing, normal);
  font-size:20px; line-height:var(--font-heading-line-height, 1.1);
  text-transform:var(--font-heading-text-transform, none);
}

/* =========================
   MM1 — Middle Grid (products)
   ========================= */
.mm1-middle{ flex:1 1 auto; min-width:0; }
.mm1-grid{
  --mm1-card-min:240px;
  --mm1-gap:24px;
  display:grid; grid-auto-rows:1fr; gap:var(--mm1-gap);
  grid-template-columns:repeat(auto-fit, minmax(var(--mm1-card-min), 1fr));
}
.mm1-grid > *{ min-width:0; }

.mm1-row{ display:flex; gap:var(--mm1-gap,24px); align-items:stretch; }
.mm1-cell{ flex:1 1 var(--mm1-min,220px); min-width:var(--mm1-min,220px); }

.mm1-right .mm1-card{ display:block; }

/* =========================
   MM1 — Typography (Collections)
   ========================= */
.mm1-collection-heading{
  font-family:var(--font-heading-family,inherit);
  font-weight:var(--font-heading-weight,700);
  letter-spacing:var(--font-heading-letter-spacing,normal);
  font-size:30px !important;
  line-height:1.15; margin:0 0 14px 0;
}

/* =========================
   MM1 — Entrance Animation
   ========================= */
.mm1-animate{ --mm1-dur:.48s; --mm1-ease:cubic-bezier(.22,.61,.36,1); }

.mm1-animate .mm1-collection-heading,
.mm1-animate .mm1-left > *,
.mm1-animate .product-card-wrapper,
.mm1-animate .mm1-right .mm1-card{
  opacity:0; transform:translateY(8px);
  will-change:transform, opacity;
  animation:mm1-fadeUp var(--mm1-dur) var(--mm1-ease) both;
}

/* Staggers */
.mm1-animate .mm1-collection-heading{ animation-delay:.02s; }
.mm1-animate .mm1-left > *:nth-child(1){ animation-delay:.06s; }
.mm1-animate .mm1-left > *:nth-child(2){ animation-delay:.10s; }
.mm1-animate .mm1-left > *:nth-child(3){ animation-delay:.14s; }
.mm1-animate .mm1-left > *:nth-child(4){ animation-delay:.18s; }
.mm1-animate .mm1-left > *:nth-child(5){ animation-delay:.22s; }
.mm1-animate .mm1-left > *:nth-child(6){ animation-delay:.26s; }
.mm1-animate .mm1-products > *:nth-child(1){ animation-delay:.10s; }
.mm1-animate .mm1-products > *:nth-child(2){ animation-delay:.14s; }
.mm1-animate .mm1-products > *:nth-child(3){ animation-delay:.18s; }
.mm1-animate .mm1-products > *:nth-child(4){ animation-delay:.22s; }
.mm1-animate .mm1-products > *:nth-child(5){ animation-delay:.26s; }
.mm1-animate .mm1-products > *:nth-child(6){ animation-delay:.30s; }
.mm1-animate .mm1-products > *:nth-child(7){ animation-delay:.34s; }
.mm1-animate .mm1-products > *:nth-child(8){ animation-delay:.38s; }
.mm1-animate .mm1-products > *:nth-child(9){ animation-delay:.42s; }
.mm1-animate .mm1-products > *:nth-child(10){ animation-delay:.46s; }
.mm1-animate .mm1-products > *:nth-child(11){ animation-delay:.50s; }
.mm1-animate .mm1-products > *:nth-child(12){ animation-delay:.54s; }
.mm1-animate .mm1-right .mm1-card{ animation-delay:.20s; }

/* Keyframes */
@keyframes mm1-fadeUp{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}

/* =========================
   MM1 — Pane visibility + reveal
   ========================= */
.mm1-pane{ display:none; }
.mm1-pane.is-active{ display:block; }

.mm1-pane.is-animating .mm1-grid > *,
.mm1-pane.is-animating .mm1-right .mm1-card{
  animation:mm1-fadeRight var(--mm1-dur,.48s) var(--mm1-ease,cubic-bezier(.22,.61,.36,1)) both;
}
.mm1-pane.is-animating .mm1-grid > *:nth-child(1){  animation-delay:.06s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(2){  animation-delay:.10s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(3){  animation-delay:.14s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(4){  animation-delay:.18s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(5){  animation-delay:.22s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(6){  animation-delay:.26s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(7){  animation-delay:.30s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(8){  animation-delay:.34s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(9){  animation-delay:.38s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(10){ animation-delay:.42s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(11){ animation-delay:.46s; }
.mm1-pane.is-animating .mm1-grid > *:nth-child(12){ animation-delay:.50s; }

@keyframes mm1-fadeRight{
  from{ opacity:0; transform:translateX(-12px); }
  to  { opacity:1; transform:translateX(0); }
}

/* Respect reduced motion (single block) */
@media (prefers-reduced-motion: reduce){
  .mm1-animate .mm1-collection-heading,
  .mm1-animate .mm1-left > *,
  .mm1-animate .product-card-wrapper,
  .mm1-animate .mm1-right .mm1-card,
  .mm1-pane.is-animating .mm1-grid > *,
  .mm1-pane.is-animating .mm1-right .mm1-card{
    animation:none!important; opacity:1!important; transform:none!important;
  }
}

/* =========================
   GSAP prep (cards)
   ========================= */
.mm1-middle .product-card-wrapper.mm-anim-target{
  opacity:0 !important;
  transform:translate3d(60px,0,0) !important;
  will-change:transform, opacity;
}
.mm-anim-init{
  opacity:0 !important;
  transform:translate3d(60px,0,0) !important;
}
.mega-menu__content .mm3-card.mm-anim-target{
  opacity:0 !important;
  transform:translate3d(60px,0,0) !important;
  will-change:transform, opacity;
}

/* =========================
   MegaMenu-1 — LEFT link underline animation
   (scoped so it won't clash with anything else)
   ========================= */
#MegaMenu-1 .mm1-cat{ text-decoration:none !important; }
#MegaMenu-1 .mm1-cat::after{ content:none !important; } /* kill any ::after underlines from theme */

#MegaMenu-1 .mm1-cat > span{
  display:inline-block;
  position:relative;
  line-height:1.2;
  padding-bottom:2px;
  background-image:linear-gradient(currentColor, currentColor);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0 2px;
  transition:
    background-size .32s cubic-bezier(.4,0,.2,1),
    color .25s ease;
}
#MegaMenu-1 .mm1-cat:hover > span,
#MegaMenu-1 .mm1-cat:focus-visible > span{ background-size:100% 2px; }
#MegaMenu-1 .mm1-cat.is-active > span{ background-size:100% 2px; }
#MegaMenu-1 .mm1-cat:focus-visible{
  outline:2px solid currentColor; outline-offset:2px;
}

/* ============= MegaMenu-1 — FIXES ============= */
/* Restore muted text + grayscale icons when not selected */
/* === FIX 1: Underline visible + animated (submenu + mega-menu links) === */
.mega-menu__content a.mega-menu__link .link-style,
.dropdown-menu .header__submenu a.header__menu-item .link-style{
  position: relative;
  display: inline-block;
  padding-bottom: var(--underline-gap, 2px); /* keep the line inside the box */
}

.mega-menu__content a.mega-menu__link .link-style::after,
.dropdown-menu .header__submenu a.header__menu-item .link-style::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;                 /* was negative → got clipped */
  height: var(--underline-thickness, 2px);
  background: currentColor;
  transform: scaleX(0);
  transform-origin: var(--underline-origin, left) bottom;
  transition: transform var(--underline-duration, .22s) cubic-bezier(.22,1,.36,1);
  pointer-events: none;
}

.mega-menu__content a.mega-menu__link:hover .link-style::after,
.mega-menu__content a.mega-menu__link:focus-visible .link-style::after,
.dropdown-menu .header__submenu a.header__menu-item:hover .link-style::after,
.dropdown-menu .header__submenu a.header__menu-item:focus-visible .link-style::after{
  transform: scaleX(1);
}

.mega-menu__content .mega-menu__link--active .link-style::after,
.dropdown-menu .header__submenu a.header__menu-item[aria-current="page"] .link-style::after{
  transform: scaleX(1);
}

/* === FIX 2: MM1 left rail — restore grayscale + label underline === */
/* Scope to actual container, not the non-existent #MegaMenu-1 */
.mega-menu__content .mm1-left .mm1-cat{
  color: rgb(var(--color-foreground) / .35);
  text-decoration: none !important;
}
.mega-menu__content .mm1-left .mm1-cat:hover{
  color: rgb(var(--color-foreground) / .7);
}
.mega-menu__content .mm1-left .mm1-cat.is-active{
  color: rgb(var(--color-foreground));
  font-weight: 700;
}

/* Icons: desaturate when NOT active; full color when active */
.mega-menu__content .mm1-left .mm1-cat:not(.is-active) .mm1-cat__ico,
.mega-menu__content .mm1-left .mm1-cat:not(.is-active) .mm1-cat__icon{
  opacity: .6 !important;
  filter: grayscale(1) saturate(.4) !important;
}
.mega-menu__content .mm1-left .mm1-cat.is-active .mm1-cat__ico,
.mega-menu__content .mm1-left .mm1-cat.is-active .mm1-cat__icon{
  opacity: 1 !important;
  filter: none !important;
}

/* Label underline animation for the left rail */
.mega-menu__content .mm1-left .mm1-cat > span{
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
}
.mega-menu__content .mm1-left .mm1-cat > span::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left bottom;
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}
.mega-menu__content .mm1-left .mm1-cat:hover > span::after,
.mega-menu__content .mm1-left .mm1-cat:focus-visible > span::after,
.mega-menu__content .mm1-left .mm1-cat.is-active > span::after{
  transform: scaleX(1);
}

/* === MM1 (left rail) — grayscale for non-selected buttons === */
.mega-menu .mm1-cat{
  color: var(--mm1-muted, rgb(var(--color-foreground) / .5));
  text-decoration: none !important;
}
.mega-menu .mm1-cat:not(.is-active) :is(.mm1-cat__icon,.mm1-cat__ico){
  filter: grayscale(1) saturate(.4);
  opacity: .6;
  transition: filter .2s ease, opacity .2s ease;
}
.mega-menu .mm1-cat:hover :is(.mm1-cat__icon,.mm1-cat__ico){
  filter: grayscale(.2) saturate(.85);
  opacity: .85;
}
.mega-menu .mm1-cat.is-active :is(.mm1-cat__icon,.mm1-cat__ico){
  filter: none;
  opacity: 1;
}

/* === MM3 (collection cards) — keep images full color === */
.mega-menu__content .mm3-card .mm3-media img{
  filter: none;
  opacity: 1;
  transition: transform .6s ease;
}

/* Panel visibility controlled by class, not only :hover */
.has-mega .mega-menu{
  opacity: 0;
  visibility: hidden;
  transform: none;
  transition: opacity .16s ease, visibility 0s linear .16s;
}
.has-mega.is-open .mega-menu{
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0s, 0s;
}

/* Reduce default mega-menu vertical padding from base.css (3.6rem 0) */
.header-wrapper .mega-menu__content{
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}

@media (min-width: 990px){
  .mega-menu__content.mega-menu__content--full{
    position: absolute;
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: -50vw;
    margin-right: 0;
    box-sizing: border-box;
    border-radius: var(--popup-corner-radius, 24px);
    overflow: hidden;
  }
}

/* Glassy header (opt-in, non-transparent) */
.section-header .header-wrapper.header--glassy{
  background: rgba(var(--color-background), 0.72);
  -webkit-backdrop-filter: saturate(140%) blur(18px);
          backdrop-filter: saturate(140%) blur(18px);
}

/* Header icon size (global setting) */
.section-header .header-wrapper .header__icon .icon,
.section-header .header-wrapper .header__icon svg,
.section-header .header-wrapper .header__icon img,
.section-header .header-wrapper .header__icon--menu .icon,
.section-header .header-wrapper .header__icon--menu svg,
.section-header .header-wrapper .header__icon--menu img,
.section-header .header-wrapper .icon-style-modern .icon,
.section-header .header-wrapper .icon-style-modern svg,
.section-header .header-wrapper .icon-style-modern img{
  width: var(--header-icon-size, 16px);
  height: var(--header-icon-size, 16px);
}

/* Header text size controlled by section setting (px) */
.section-header .header-wrapper .header__menu-item,
.section-header .header-wrapper .mega-menu__link,
.section-header .header-wrapper .header__custom-button .button,
.section-header .header-wrapper .header__icon .t-button,
.section-header .header-wrapper .desktop-localization-wrapper .localization-selector{
  font-size: var(--header-text-size-px, inherit);
  transition:
    color .6s cubic-bezier(.22, 1, .36, 1),
    border-color .6s cubic-bezier(.22, 1, .36, 1),
    background-color .6s cubic-bezier(.22, 1, .36, 1);
}

.section-header .header-wrapper .desktop-localization-wrapper :is(
  .localization-selector,
  .disclosure__link,
  .disclosure__list,
  .localization-selector__label,
  .localization-form__currency,
  .localization-option__label,
  .localization-option__text
) {
  font-family: var(--header-localization-font-family, inherit);
  font-style: var(--header-localization-font-style, inherit);
  font-weight: var(--header-localization-font-weight, inherit);
  font-size: var(--header-text-size-px, inherit);
  line-height: var(--header-localization-line-height, inherit);
  letter-spacing: var(--header-localization-letter-spacing, inherit);
  text-transform: var(--header-localization-text-transform, inherit);
}

.section-header .header-wrapper .header__heading-link,
.section-header .header-wrapper .header__icon,
.section-header .header-wrapper .header__icon--menu,
.section-header .header-wrapper .desktop-localization-wrapper--header-icons,
.section-header .header-wrapper .desktop-localization-wrapper--header-icons::after,
.section-header .header-wrapper .color-foreground{
  transition:
    color .6s cubic-bezier(.22, 1, .36, 1),
    border-color .6s cubic-bezier(.22, 1, .36, 1),
    background-color .6s cubic-bezier(.22, 1, .36, 1);
}

.section-header .header-wrapper .header__icon svg,
.section-header .header-wrapper .header__icon svg *,
.section-header .header-wrapper .header__icon--menu svg,
.section-header .header-wrapper .header__icon--menu svg *,
.section-header .header-wrapper .icon-caret,
.section-header .header-wrapper .icon-caret *{
  transition:
    fill .6s cubic-bezier(.22, 1, .36, 1),
    stroke .6s cubic-bezier(.22, 1, .36, 1),
    color .6s cubic-bezier(.22, 1, .36, 1),
    transform .6s cubic-bezier(.22, 1, .36, 1);
}

.section-header .header-wrapper .header__icons{
  column-gap: var(--header-icons-gap, 12px);
  row-gap: var(--header-icons-gap, 12px);
}

@media (max-width: 989px){
  .section-header .header-wrapper .header-icon--hide-mobile{
    display: none !important;
  }
}

@media (min-width: 990px){
  .section-header .header-wrapper .header-icon--hide-desktop{
    display: none !important;
  }
}

@media (max-width: 989px){
  .section-header .header-wrapper .header--mobile-center .header-drawer {
    display: flex;
    align-items: center;
    column-gap: 0;
    padding-left: 0;
  }

  .section-header .header-wrapper .header--mobile-center .header__icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 0;
    padding-right: 0;
  }

  .section-header .header-wrapper .header--mobile-center .header-drawer .header__icon--menu,
  .section-header .header-wrapper .header--mobile-center .header-drawer .header__icon--toolbar-mobile-search,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon,
  .section-header .header-wrapper .header--mobile-center .header__icons > side-drawer-opener.header__icon,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon {
    width: 3.6rem;
    height: 3.6rem;
    min-width: 3.6rem;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 0;
  }

  .section-header .header-wrapper .header--mobile-center .header-drawer .header__icon--menu {
    margin-right: 0;
  }

  .section-header .header-wrapper .header--mobile-center .header__icon--toolbar-mobile-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--account,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--cart,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--account,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--cart {
    position: relative;
    overflow: visible;
  }

  .section-header .header-wrapper .header--mobile-center .header-drawer .header__icon--toolbar-mobile-search .t-button,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon .t-button,
  .section-header .header-wrapper .header--mobile-center .header__icons > side-drawer-opener.header__icon .t-button,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon,
  .section-header .header-wrapper .header--mobile-center .header__icons .header__icon--cart .t-button,
  .section-header .header-wrapper .header--mobile-center .header__icons .header__icon--cart > a,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--cart {
    width: 100%;
    height: 100%;
    min-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
  }

  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--account .icon,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--account svg,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--account img,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--cart .icon,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--cart svg,
  .section-header .header-wrapper .header--mobile-center .header__icons > .header__icon--cart img,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--account .icon,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--account svg,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--account img,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--cart .icon,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--cart svg,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--cart img {
    margin: auto;
  }

  .section-header .header-wrapper .header--mobile-center .header__icons .header__icon--cart .cart-count-bubble,
  .section-header .header-wrapper .header--mobile-center .header__icons > a.header__icon--cart .cart-count-bubble {
    top: 0.4rem;
    right: 0.4rem;
  }

  .section-header .header--mobile-center .header__icons .header__icon--search-mobile-right {
    display: none !important;
  }
}

.section-header .header-wrapper .header__icons > .header__icon,
.section-header .header-wrapper .header__icons > .header__icon--menu,
.section-header .header-wrapper .header__icons > side-drawer-opener.header__icon,
.section-header .header-wrapper .header__icons > side-drawer-opener.header__icon--menu {
  width: auto;
  height: auto;
  min-width: 0;
}

.section-header .header-wrapper .header__icon--toolbar-mobile-search {
  display: none;
}

.section-header .header-wrapper .header__icons .header__icon--cart .t-button,
.section-header .header-wrapper .header__icons .header__icon--cart > a,
.section-header .header-wrapper .header__icons > a.header__icon--cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: var(--header-icon-size, 16px);
  height: var(--header-icon-size, 16px);
  min-width: var(--header-icon-size, 16px);
  overflow: visible;
}

.section-header .header-wrapper .header__icons .header__icon--cart .cart-count-bubble,
.section-header .header-wrapper .header__icons > a.header__icon--cart .cart-count-bubble {
  top: -0.5rem;
  right: -0.8rem;
  min-width: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  padding: 0;
  border: 0;
  background: currentColor;
  color: currentColor;
  box-shadow: none;
  font-size: 0;
}

.section-header .header-wrapper .header__icons .header__icon--cart .cart-count-bubble:empty,
.section-header .header-wrapper .header__icons > a.header__icon--cart .cart-count-bubble:empty {
  display: none !important;
}

.section-header .header-wrapper .header__icons .header__icon--cart .cart-count-bubble[aria-hidden="true"],
.section-header .header-wrapper .header__icons > a.header__icon--cart .cart-count-bubble[aria-hidden="true"] {
  display: none !important;
}

.section-header .header-wrapper .header__icons .header__icon--cart .cart-count-bubble--text,
.section-header .header-wrapper .header__icons > a.header__icon--cart .cart-count-bubble--text {
  position: relative;
  top: auto;
  right: auto;
  margin-left: 0.4rem;
}

.section-header .header-wrapper .header__icons .header__icon--cart .cart-count-bubble > span[aria-hidden="true"],
.section-header .header-wrapper .header__icons > a.header__icon--cart .cart-count-bubble > span[aria-hidden="true"] {
  display: none;
}

@media (min-width: 990px) {

  .section-header .header-wrapper .header__icons.header__icons--with-localization {
    flex-wrap: nowrap;
    align-items: center;
    column-gap: var(--header-icons-gap, 12px);
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons {
    display: inline-flex;
    align-items: center;
    column-gap: 1.6rem;
    flex-shrink: 0;
    margin-right: 1.4rem;
    padding-right: 1.4rem;
    position: relative;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.1rem;
    height: 1.8rem;
    transform: translateY(-50%);
    background: rgba(var(--color-foreground-transparent, var(--color-foreground)), 0.18);
    pointer-events: none;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form {
    display: inline-flex;
    align-items: center;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form + .localization-form {
    margin-left: 0;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form__select {
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 1.6rem;
    white-space: nowrap;
    font-family: var(--header-localization-font-family, var(--font-body-family));
    font-style: var(--header-localization-font-style, var(--font-body-style));
    font-weight: var(--header-localization-font-weight, 400);
    font-size: var(--header-text-size-px, 12px);
    line-height: var(--header-localization-line-height, var(--font-body-line-height, 1.2));
    letter-spacing: var(--header-localization-letter-spacing, var(--font-body-letter-spacing, 0));
    text-transform: var(--header-localization-text-transform, var(--font-body-text-transform, none));
  }

  .section-header .header-wrapper .desktop-localization-wrapper .localization-form__select .icon-caret,
  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form__select .icon-caret {
    transition: transform var(--duration-default) ease;
  }

  .section-header .header-wrapper .desktop-localization-wrapper .localization-form__select[aria-expanded="true"] .icon-caret,
  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form__select[aria-expanded="true"] .icon-caret {
    transform: rotate(-180deg);
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form__select > span,
  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-selector__label,
  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-option__label {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-flag {
    width: var(--header-icon-size, 16px);
    height: calc(var(--header-icon-size, 16px) * 0.75);
    flex: 0 0 var(--header-icon-size, 16px);
    object-fit: cover;
    display: block;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .disclosure__list-wrapper {
    --color-foreground: 0, 0, 0;
    --color-background: 255, 255, 255;
    color: rgb(var(--color-foreground));
    background-color: rgb(var(--color-background));
    right: auto;
    left: 0;
    transform: translateY(1.2rem);
    opacity: 0;
    visibility: hidden;
    transition:
      opacity .6s cubic-bezier(.22, 1, .36, 1),
      transform .6s cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear .6s;
    will-change: opacity, transform;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form__select[aria-expanded="true"] + .disclosure__list-wrapper,
  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .disclosure__list-wrapper.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s, 0s, 0s;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .disclosure__list-wrapper.is-closing {
    opacity: 0;
    visibility: hidden;
    transform: translateY(1.2rem);
  }

  .section-header .header-wrapper .desktop-localization-wrapper:not(.desktop-localization-wrapper--header-icons) .disclosure__list-wrapper {
    transform: translateY(1.2rem);
    opacity: 0;
    visibility: hidden;
    transition:
      opacity .6s cubic-bezier(.22, 1, .36, 1),
      transform .6s cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear .6s;
    will-change: opacity, transform;
  }

  .section-header .header-wrapper .desktop-localization-wrapper:not(.desktop-localization-wrapper--header-icons) .localization-form__select[aria-expanded="true"] + .disclosure__list-wrapper,
  .section-header .header-wrapper .desktop-localization-wrapper:not(.desktop-localization-wrapper--header-icons) .disclosure__list-wrapper.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s, 0s, 0s;
  }

  .section-header .header-wrapper .desktop-localization-wrapper:not(.desktop-localization-wrapper--header-icons) .disclosure__list-wrapper.is-closing {
    opacity: 0;
    visibility: hidden;
    transform: translateY(1.2rem);
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .disclosure__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    column-gap: 1rem;
    font-family: var(--header-localization-font-family, var(--font-body-family));
    font-style: var(--header-localization-font-style, var(--font-body-style));
    font-weight: var(--header-localization-font-weight, 400);
    font-size: var(--header-text-size-px, 12px);
    line-height: var(--header-localization-line-height, var(--font-body-line-height, 1.2));
    letter-spacing: var(--header-localization-letter-spacing, var(--font-body-letter-spacing, 0));
    text-transform: var(--header-localization-text-transform, var(--font-body-text-transform, none));
    color: inherit;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-form__currency {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .disclosure__list {
    color: inherit;
    font-family: var(--header-localization-font-family, var(--font-body-family));
    font-style: var(--header-localization-font-style, var(--font-body-style));
    font-weight: var(--header-localization-font-weight, 400);
    font-size: var(--header-text-size-px, 12px);
    line-height: var(--header-localization-line-height, var(--font-body-line-height, 1.2));
    letter-spacing: var(--header-localization-letter-spacing, var(--font-body-letter-spacing, 0));
    text-transform: var(--header-localization-text-transform, var(--font-body-text-transform, none));
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .disclosure__item {
    font-family: inherit;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-option__text {
    display: inline-block;
    color: inherit;
    font-family: var(--header-localization-font-family, var(--font-body-family));
    font-style: var(--header-localization-font-style, var(--font-body-style));
    font-weight: var(--header-localization-font-weight, 400);
    font-size: var(--header-text-size-px, 12px);
    line-height: var(--header-localization-line-height, var(--font-body-line-height, 1.2));
    letter-spacing: var(--header-localization-letter-spacing, var(--font-body-letter-spacing, 0));
    text-transform: var(--header-localization-text-transform, var(--font-body-text-transform, none));
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-option__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: inherit;
  }

  .section-header .header-wrapper .desktop-localization-wrapper--header-icons .localization-option__check .icon-checkmark {
    width: 1.2rem;
    height: 0.9rem;
  }

}

/* Keep header icon colors synced with transparent/non-transparent foreground states */
.section-header .header-wrapper.transparent .header__icon,
.section-header .header-wrapper.transparent .header__icon--menu {
  color: rgb(var(--color-foreground-transparent, var(--color-foreground)));
}

.section-header .header-wrapper.transparent .header__icon svg[fill]:not([fill="none"]),
.section-header .header-wrapper.transparent .header__icon--menu svg[fill]:not([fill="none"]),
.section-header .header-wrapper.transparent .header__icon svg [fill]:not([fill="none"]),
.section-header .header-wrapper.transparent .header__icon--menu svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.section-header .header-wrapper.transparent .header__icon svg[stroke]:not([stroke="none"]),
.section-header .header-wrapper.transparent .header__icon--menu svg[stroke]:not([stroke="none"]),
.section-header .header-wrapper.transparent .header__icon svg [stroke]:not([stroke="none"]),
.section-header .header-wrapper.transparent .header__icon--menu svg [stroke]:not([stroke="none"]) {
  stroke: currentColor !important;
}

.section-header .header-wrapper.b-bottom .header__icons:not(.icons-style-special):not(.icons-style-default-text) .header__icon{
  position: relative;
}
.section-header .header-wrapper.b-bottom .header__icons:not(.icons-style-special):not(.icons-style-default-text) .header__icon::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(-1 * var(--padding-top, 0px));
  bottom: calc(-1 * var(--padding-bottom, 0px));
  width: 0.1rem;
  background: rgba(var(--color-foreground-transparent, var(--color-foreground)), var(--cus-o, 0.08));
  pointer-events: none;
}

/* Transparent header hover background: fade/pulse instead of wipe-down */
.section-header .header-wrapper.transparent::before{
  height: calc(100% + 1px) !important; /* keep full height, no grow animation */
  opacity: 0;
  -webkit-backdrop-filter: saturate(120%) blur(0px);
  backdrop-filter: saturate(120%) blur(0px);
  transition:
    opacity .6s cubic-bezier(.22, 1, .36, 1),
    -webkit-backdrop-filter .6s cubic-bezier(.22, 1, .36, 1),
    backdrop-filter .6s cubic-bezier(.22, 1, .36, 1);
}
.section-header .header-wrapper.transparent.is-menu-hover-active::before{
  opacity: 1;
}
.section-header .header-wrapper.transparent.is-drawer-open::before{
  opacity: 1;
}
.section-header .header-wrapper.transparent.transparent-hidden::before{
  opacity: 1;
}
.section-header .header-wrapper.transparent.is-menu-hover-active::before,
.section-header .header-wrapper.transparent.is-drawer-open::before,
.section-header .header-wrapper.transparent.transparent-hidden::before,
.section-header .header-wrapper.header-sticky__scroll-up.transparent.is-drawer-open::before,
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent::before{
  -webkit-backdrop-filter: saturate(120%) blur(12px);
  backdrop-filter: saturate(120%) blur(12px);
}

.section-header .header-wrapper.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open)
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper--header-icons .localization-form__select){
  color: rgb(var(--foreground-transparent, var(--color-foreground)));
}

.section-header .header-wrapper.transparent.is-menu-hover-active
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper--header-icons .localization-form__select),
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper--header-icons .localization-form__select){
  color: rgb(var(--color-foreground));
}

.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open)
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper--header-icons .localization-form__select){
  color: rgb(var(--foreground-transparent, var(--color-foreground)));
}

.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open)::before{
  opacity: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* If header has rounded corners/overflow, prevent clipping while open */
.header.is-mega-open{ overflow: visible; }

/* Faster, cleaner mega-menu panel open/close (desktop) */
@media (min-width: 990px){
  .mega-menu > .mega-menu__content{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.6rem);
    transition:
      opacity .18s ease,
      transform .22s cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear .18s;
    will-change: opacity, transform;
  }
  .mega-menu:hover > .mega-menu__content,
  .mega-menu:focus-within > .mega-menu__content,
  .mega-menu > .mega-menu__content:hover,
  .mega-menu > .mega-menu__content:focus-within{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.6rem);
  }
  .mega-menu.is-open > .mega-menu__content{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition-delay: 0s, 0s, 0s;
  }
  .mega-menu.is-closing > .mega-menu__content{
    opacity: 0;
    visibility: visible;
    pointer-events: none;
    transform: translateY(-0.6rem);
    transition:
      opacity .18s ease,
      transform .22s cubic-bezier(.22, 1, .36, 1),
      visibility 0s linear .18s;
  }
}

@media (prefers-reduced-motion: reduce){
  .mega-menu > .mega-menu__content{ transition: none; transform: none; }
}

body.desktop-drawer-open .header__inline-menu header-menu > [data-dropdown-panel],
body.desktop-drawer-open .header__inline-menu header-menu:hover > [data-dropdown-panel],
body.desktop-drawer-open .header__inline-menu header-menu:focus-within > [data-dropdown-panel],
body.desktop-drawer-open .header__inline-menu header-menu.is-open > [data-dropdown-panel]{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

.mm1-media,
.mm1-media img,
.mm1-media .mm1-overlay { border-radius: inherit; }


/* Optional – round product media inside MM1 middle column */
.mm1-middle .card .card__media,
.mm1-middle .media { border-radius: var(--mm1-radius, 0); overflow: hidden; }

/* Keep transparent header only at the top; force sticky background while scrolling */
/* Fast/smooth top<->sticky visual transition */
.section-header .header-wrapper.transparent{
  transition:
    box-shadow .6s cubic-bezier(.22, 1, .36, 1),
    border-color .6s cubic-bezier(.22, 1, .36, 1) !important;
  will-change: background-color, background, box-shadow, border-color;
  background: transparent !important;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header .header-wrapper[data-section-transparent-control="true"].transparent{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  --header-gradient-background: transparent;
  background: transparent !important;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header .header-wrapper[data-section-transparent-control="true"].has-logo-tr.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open) .header__heading-logo{
  opacity: 0;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header .header-wrapper[data-section-transparent-control="true"].has-logo-tr.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open) .logo-transparent{
  opacity: 1;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header .header-wrapper[data-section-transparent-control="true"].has-logo-tr.transparent.is-at-page-top.is-drawer-open .header__heading-logo{
  opacity: 1 !important;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header .header-wrapper[data-section-transparent-control="true"].has-logo-tr.transparent.is-at-page-top.is-drawer-open .logo-transparent{
  opacity: 0 !important;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up[data-section-transparent-control="true"].has-logo-tr .header__heading-logo{
  opacity: 1;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header]) .section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up[data-section-transparent-control="true"].has-logo-tr .logo-transparent{
  opacity: 0;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header][data-transparent-header-use-primary-colors="true"]) .section-header .header-wrapper[data-section-transparent-control="true"].has-logo-tr .header__heading-logo{
  opacity: 1;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header][data-transparent-header-use-primary-colors="true"]) .section-header .header-wrapper[data-section-transparent-control="true"].has-logo-tr .logo-transparent{
  opacity: 0;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header][data-transparent-header-use-primary-colors="true"]) .section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up[data-section-transparent-control="true"].has-logo-tr .header__heading-logo{
  opacity: 1;
}

:root:has(#MainContent > .shopify-section:first-child [allow-transparent-header][data-transparent-header-use-primary-colors="true"]) .section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up[data-section-transparent-control="true"].has-logo-tr .logo-transparent{
  opacity: 0;
}

.section-header .header-wrapper.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active)::before{
  opacity: 0;
}
.section-header .header-wrapper.transparent.is-at-page-top.is-drawer-open:not(.transparent-hidden)::before{
  opacity: 1;
}
.section-header.sticky-hidden .header-wrapper.header-sticky__scroll-up.transparent:not(.transparent-hidden):not(.is-menu-hover-active)::before{
  opacity: 0;
}
.section-header.sticky-hidden .header-wrapper.header-sticky__scroll-up.transparent.is-drawer-open:not(.transparent-hidden)::before{
  opacity: 1;
}
.section-header .header-wrapper.transparent.is-at-page-top.is-menu-hover-active::before,
.section-header .header-wrapper.transparent.is-at-page-top.is-drawer-open::before,
.section-header .header-wrapper.header-sticky__scroll-up.transparent.is-menu-hover-active::before,
.section-header .header-wrapper.header-sticky__scroll-up.transparent.is-drawer-open::before,
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent::before{
  opacity: 1;
}

.shopify-section-group-header-group.section-header + .shopify-section-group-header-group {
  margin-top: var(--has-header-transparent, 0px);
}

.section-header.header-sticky--scroll-up,
.section-header.header-sticky--scroll-up.animate {
  animation: none !important;
}

.section-header.header-sticky--scroll-up .header-wrapper.transparent,
.section-header.header-sticky--scroll-up .header-wrapper.transparent::before,
.section-header.header-sticky--scroll-up .header__icon,
.section-header.header-sticky--scroll-up .header__icon--menu,
.section-header.header-sticky--scroll-up .header__heading-link,
.section-header.header-sticky--scroll-up .header__heading-logo,
.section-header.header-sticky--scroll-up .logo-transparent,
.section-header.header-sticky--scroll-up .color-foreground {
  transition-duration: .4s !important;
}

/* Old-theme behavior: once scroll-up sticky is engaged, keep the normal scheme */
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent,
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open) {
  background: var(--header-gradient-background, rgba(var(--color-background), var(--color_opacity_2))) !important;
}

.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper--header-icons .localization-form__select),
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open)
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper--header-icons .localization-form__select) {
  color: rgb(var(--color-foreground)) !important;
}

.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent::before,
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open)::before {
  opacity: 1 !important;
  -webkit-backdrop-filter: saturate(120%) blur(12px);
  backdrop-filter: saturate(120%) blur(12px);
}

.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.has-logo-tr .header__heading-logo,
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.has-logo-tr.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open) .header__heading-logo {
  opacity: 1 !important;
}

.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.has-logo-tr .logo-transparent,
.section-header.header-sticky--engaged .header-wrapper.header-sticky__scroll-up.has-logo-tr.transparent.is-at-page-top:not(.transparent-hidden):not(.is-menu-hover-active):not(.is-drawer-open) .logo-transparent {
  opacity: 0 !important;
}

/* Let sticky motion stay JS-owned without disabling header visual transitions. */
.section-header.header-sticky--scroll-up,
.section-header.header-sticky--scroll-up.animate{
  animation: none !important;
}

.section-header.header-sticky--scroll-up .header-wrapper,
.section-header.header-sticky--scroll-up .header{
  transition-property: transform, opacity !important;
}

.section-header.header-sticky--scroll-up .header-wrapper.transparent,
.section-header.header-sticky--scroll-up .header-wrapper.transparent::before{
  transition:
    background-color .6s cubic-bezier(.22, 1, .36, 1) !important,
    background .6s cubic-bezier(.22, 1, .36, 1) !important,
    opacity .6s cubic-bezier(.22, 1, .36, 1) !important,
    border-color .6s cubic-bezier(.22, 1, .36, 1) !important,
    box-shadow .6s cubic-bezier(.22, 1, .36, 1) !important,
    -webkit-backdrop-filter .6s cubic-bezier(.22, 1, .36, 1) !important,
    backdrop-filter .6s cubic-bezier(.22, 1, .36, 1) !important;
}

.section-header.header-sticky--scroll-up .header__heading-logo,
.section-header.header-sticky--scroll-up .logo-transparent{
  transition: opacity .6s cubic-bezier(.22, 1, .36, 1) !important;
}

.section-header.header-sticky--scroll-up
  :is(.header__menu-item, .mega-menu__link, .header__heading-link, .header__icon, .header__icon--menu, .header__custom-button .button, .desktop-localization-wrapper .localization-form__select){
  transition:
    color .6s cubic-bezier(.22, 1, .36, 1) !important,
    border-color .6s cubic-bezier(.22, 1, .36, 1) !important,
    background-color .6s cubic-bezier(.22, 1, .36, 1) !important;
}

.section-header.header-sticky--scroll-up .desktop-localization-wrapper .localization-form__select .icon-caret{
  transition:
    fill .6s cubic-bezier(.22, 1, .36, 1) !important,
    stroke .6s cubic-bezier(.22, 1, .36, 1) !important,
    color .6s cubic-bezier(.22, 1, .36, 1) !important,
    transform var(--duration-default) ease !important;
}

.section-header.header-sticky--scroll-up .desktop-localization-wrapper .disclosure__list-wrapper{
  transition:
    opacity .6s cubic-bezier(.22, 1, .36, 1) !important,
    transform .6s cubic-bezier(.22, 1, .36, 1) !important,
    visibility 0s linear .6s !important;
}

.section-header.header-sticky--scroll-up .desktop-localization-wrapper .localization-form__select[aria-expanded="true"] + .disclosure__list-wrapper,
.section-header.header-sticky--scroll-up .desktop-localization-wrapper .disclosure__list-wrapper.is-open{
  transition-delay: 0s, 0s, 0s !important;
}

/* Desktop nav left: pull menu closer to logo */
@media (min-width: 990px){
  .header-wrapper .header__navigation-cluster{
    grid-area: navigation;
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: calc(var(--header-nav-gap, 0px) * 0.1);
    min-width: 0;
  }

  .header-wrapper .header__navigation-cluster.left{
    justify-self: start;
  }

  .header-wrapper .header__navigation-cluster.center{
    justify-self: center;
  }

  .header-wrapper .header__navigation-cluster.right{
    justify-self: end;
  }

  .header-wrapper .header__navigation-cluster .header__inline-menu{
    grid-area: auto;
    margin-left: 0;
  }

  .header-wrapper .header__navigation-cluster .header__inline-menu .list-menu--inline{
    align-items: center;
  }

  .header-wrapper .header__desktop-drawer-menu,
  .header-wrapper .header__desktop-drawer-menu .desktop-menu-toggle{
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .header-wrapper .header__desktop-drawer-menu .desktop-menu-toggle{
    position: relative;
    width: calc(var(--header-icon-size, 16px) + 1.6rem);
    height: calc(var(--header-icon-size, 16px) + 1.6rem);
  }

  .header-wrapper .header__desktop-drawer-menu .desktop-menu-trigger{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0.8rem;
    gap: 0;
    line-height: 1;
    justify-content: center;
    transform-origin: center center;
  }

  .header-wrapper .header__desktop-drawer-menu .desktop-menu-trigger .header__hamburger{
    display: grid;
    row-gap: calc(var(--header-icon-size, 16px) * 0.1875);
  }

  .header-wrapper .header__desktop-drawer-menu .desktop-menu-trigger .header__hamburger > *{
    width: var(--header-icon-size, 16px);
    height: var(--icon-stroke-width, 1px);
    transform-origin: calc(50% + (2 * var(--icon-stroke-width, 1px) - 2px));
    background: currentColor;
    transition: transform 0.32s cubic-bezier(.22, 1, .36, 1) !important;
    will-change: transform;
  }

  .header-wrapper .header__desktop-drawer-menu .desktop-menu-trigger[aria-expanded="true"] .header__hamburger > :first-child{
    transform: translateY(calc(var(--icon-stroke-width, 1px) * 2)) rotate(45deg);
  }

  .header-wrapper .header__desktop-drawer-menu .desktop-menu-trigger[aria-expanded="true"] .header__hamburger > :last-child{
    transform: translateY(calc(-1 * var(--icon-stroke-width, 1px) * 2)) rotate(-45deg);
  }

  .header-wrapper .header.nav-align-left.header--middle-left{
    grid-template-columns: auto 1fr auto !important;
    column-gap: 2.4rem !important;
  }
  .header-wrapper .header.nav-align-left.header--middle-left.disable-icons__desktop{
    grid-template-columns: auto 1fr !important;
    column-gap: 2.4rem !important;
  }
  .header-wrapper .header.nav-align-left.header--middle-left .header__inline-menu{
    justify-self: start;
    width: fit-content;
  }
  .header-wrapper .header.nav-align-left.header--middle-left .header__inline-menu .list-menu--inline{
    justify-content: flex-start;
  }
}

@media (min-width: 1200px){
  .header-wrapper .header__navigation-cluster{
    gap: calc(var(--header-nav-gap, 0px) * 0.5);
  }
}

@media (min-width: 1600px){
  .header-wrapper .header__navigation-cluster{
    gap: var(--header-nav-gap, 0px);
  }
}

/* Header menu typography (desktop) */
.header__inline-menu.menu-font-heading{
  --header-menu-font-family: var(--font-heading-family, inherit);
  --header-menu-font-style: var(--font-heading-style, normal);
  --header-menu-font-weight: var(--font-heading-weight, 700);
  --header-menu-letter-spacing: var(--heading-letter-spacing, var(--font-heading-letter-spacing, normal));
  --header-menu-line-height: var(--font-heading-line-height, 1.2);
  --header-menu-text-transform: var(--font-heading-text-transform, none);
}
.header__inline-menu.menu-font-body{
  --header-menu-font-family: var(--font-body-family, inherit);
  --header-menu-font-style: var(--font-body-style, normal);
  --header-menu-font-weight: var(--font-body-weight, 400);
  --header-menu-letter-spacing: var(--font-body-letter-spacing, 0);
  --header-menu-line-height: var(--font-body-line-height, 1.4);
  --header-menu-text-transform: var(--font-body-text-transform, none);
}
.header__inline-menu.menu-font-accent{
  --header-menu-font-family: var(--font-accent-family, var(--font-heading-family, inherit));
  --header-menu-font-style: var(--font-accent-style, var(--font-heading-style, normal));
  --header-menu-font-weight: var(--font-accent-weight, var(--font-heading-weight, 700));
  --header-menu-letter-spacing: var(--font-accent-letter-spacing, var(--heading-letter-spacing, normal));
  --header-menu-line-height: var(--font-accent-line-height, var(--font-heading-line-height, 1.2));
  --header-menu-text-transform: var(--font-accent-text-transform, var(--font-heading-text-transform, none));
}

/* Top-level header menu text can look “bolder” depending on rendering/state.
   Normalize to the theme body weight and disable synthetic bolding. */
.header__inline-menu .header__menu-item.menu-lv-1,
.header__inline-menu .header__menu-item.menu-lv-1 .link-style,
.header__inline-menu .menu-lv-1,
.header__inline-menu .menu-lv-1 .link-style{
  font-family: var(--header-menu-font-family, var(--font-body-family, inherit));
  font-style: var(--header-menu-font-style, normal);
  font-weight: var(--header-menu-font-weight, var(--font-body-weight, 400));
  letter-spacing: var(--header-menu-letter-spacing, inherit);
  line-height: var(--header-menu-line-height, inherit);
  text-transform: var(--header-menu-text-transform, inherit);
  font-synthesis: none;
  -webkit-text-stroke: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header .header__inline-menu .menu-lv-1.link--style-line .link-style,
.header .header__inline-menu .menu-lv-1.link--style-line.u-none .link-style,
.header .header__inline-menu .menu-lv-1.link--style-line.h-link .link-style,
.header .header__inline-menu .menu-lv-1.link--style-line.u-none:hover .link-style,
.header .header__inline-menu .menu-lv-1.link--style-line.h-link:hover .link-style{
  padding-bottom: 4px;
  transition: background 0.24s cubic-bezier(.22, 1, .36, 1) 0s;
}

.header__inline-menu .header__menu-item.menu-lv-1 .icon-caret{
  display: none;
}
.header__inline-menu .header__menu-item.menu-lv-1 .icon-caret path{
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: currentColor;
  paint-order: stroke fill;
}
.header__inline-menu header-menu.is-open > .header__menu-item.menu-lv-1 .icon-caret{
  transform: translateY(1px) rotate(180deg);
}

/* =========================
   Header link hover style: Color (text overlay)
   - Uses current color scheme button color
   ========================= */
.link--style-color .link-style::before,
.link--style-color .link-style::after{
  content: none !important;
}

.dropdown-menu .header__submenu a.header__menu-item .link-style,
.mega-menu__content .mega-menu__link .link-style{
  padding-bottom: 0;
}

.dropdown-menu .header__submenu a.header__menu-item .link-style::after,
.mega-menu__content .mega-menu__link .link-style::after{
  content: none !important;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .link--style-color .link-style{
    --link-color-hover: rgb(var(--color-button, var(--color-foreground)));
    --link-color-base: rgb(var(--color-foreground-transparent, var(--color-foreground)));
    background-image: linear-gradient(
      90deg,
      var(--link-color-hover) 0 50%,
      var(--link-color-base) 50% 100%
    );
    background-size: 200% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    transition: background-position .28s cubic-bezier(.22, 1, .36, 1);
  }

  .link--style-color:hover .link-style,
  .link--style-color:focus-visible .link-style,
  .link--style-color.u-link .link-style,
  li.active .link--style-color .link-style{
    background-position: 0 0;
  }
}

/* Fallback: simple color change if background-clip isn't supported */
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .link--style-color:hover .link-style,
  .link--style-color:focus-visible .link-style,
  .link--style-color.u-link .link-style,
  li.active .link--style-color .link-style{
    color: rgb(var(--color-button, var(--color-foreground)));
  }
}

/* Pages submenu: editorial 4-tile layout */
.mega-menu__content .pages_submenu{
  display: block;
  width: 100%;
  max-width: none !important;
  margin: 0;
  padding: 0;
}
.mega-menu__content .mm3-ccf--pages{
  width: 100%;
}
.mega-menu__content .mm3-ccf--pages .mm3-grid,
.mega-menu__content .mm3-ccf--pages .mm3-track{
  gap: var(--gap, 2px);
}
.mega-menu__content .mm3-ccf--pages .mm3-card{
  border-radius: 0;
}
.mega-menu__content .mm3-ccf--pages .mm3-media{
  aspect-ratio: 3 / 4;
  border-radius: var(--radius, 0);
  box-shadow: none;
}
.mega-menu__content .mm3-ccf--pages .mm3-card--in .mm3-media::after{
  background: linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,.12) 45%, rgba(0,0,0,0) 68%);
}
.mega-menu__content .mm3-ccf--pages .mm3-content--in{
  left: var(--ps-pad-x, 24px);
  right: var(--ps-pad-x, 24px);
  bottom: var(--ps-pad-b, 22px);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: var(--ps-content-gap-d, 8px);
}
.mega-menu__content .mm3-ccf--pages .mm3-title{
  font-size: var(--title-d, 34px);
  font-weight: var(--title-w, 600);
  text-transform: var(--title-transform, var(--font-heading-text-transform, none));
  line-height: var(--font-heading-line-height, 1.1);
  margin: 0;
}
.mega-menu__content .mm3-ccf--pages .mm3-pages__description{
  margin: 0;
  font-size: var(--desc-d, 12px);
  font-weight: var(--desc-w, 400);
  line-height: var(--font-body-line-height, 1.25);
  letter-spacing: var(--font-body-letter-spacing, 0);
  text-transform: var(--desc-transform, var(--font-body-text-transform, none));
}
.mega-menu__content .mm3-ccf--pages .ps__plain{
  display: inline;
  white-space: normal;
}
.mega-menu__content .mm3-ccf--pages .ps__markers{
  display: inline;
}
.mega-menu__content .mm3-ccf--pages .ps__markers--heading{
  font-family: var(--font-heading-family, inherit);
  font-style: var(--font-heading-style, normal);
  font-weight: var(--font-heading-weight, inherit);
  letter-spacing: var(--font-heading-letter-spacing, normal);
}
.mega-menu__content .mm3-ccf--pages .ps__markers--body{
  font-family: var(--font-body-family, inherit);
  font-style: var(--font-body-style, normal);
  font-weight: var(--font-body-weight, inherit);
  letter-spacing: var(--font-body-letter-spacing, normal);
}
.mega-menu__content .mm3-ccf--pages .ps__markers--accent{
  font-family: var(--font-accent-family, var(--font-heading-family, inherit));
  font-style: var(--font-accent-style, var(--font-heading-style, normal));
  font-weight: var(--font-accent-weight, var(--font-heading-weight, inherit));
  letter-spacing: var(--font-accent-letter-spacing, var(--font-heading-letter-spacing, normal));
}
.mega-menu__content .mm3-ccf--pages .ps__markers--fill,
.mega-menu__content .mm3-ccf--pages .ps__markers--none{
  color: inherit;
}
.mega-menu__content .mm3-ccf--pages .ps__markers--outline{
  color: inherit;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px currentColor;
  paint-order: stroke fill;
}
.mega-menu__content .mm3-pages--title-font-heading .mm3-pages__title{
  font-family: var(--font-heading-family, inherit);
  font-style: var(--font-heading-style, normal);
  letter-spacing: var(--font-heading-letter-spacing, normal);
}
.mega-menu__content .mm3-pages--title-font-body .mm3-pages__title{
  font-family: var(--font-body-family, inherit);
  font-style: var(--font-body-style, normal);
  letter-spacing: var(--font-body-letter-spacing, normal);
}
.mega-menu__content .mm3-pages--title-font-accent .mm3-pages__title{
  font-family: var(--font-accent-family, var(--font-heading-family, inherit));
  font-style: var(--font-accent-style, var(--font-heading-style, normal));
  letter-spacing: var(--font-accent-letter-spacing, var(--font-heading-letter-spacing, normal));
}
.mega-menu__content .mm3-pages--desc-font-heading .mm3-pages__description{
  font-family: var(--font-heading-family, inherit);
  font-style: var(--font-heading-style, normal);
  letter-spacing: var(--font-heading-letter-spacing, normal);
}
.mega-menu__content .mm3-pages--desc-font-body .mm3-pages__description{
  font-family: var(--font-body-family, inherit);
  font-style: var(--font-body-style, normal);
  letter-spacing: var(--font-body-letter-spacing, normal);
}
.mega-menu__content .mm3-pages--desc-font-accent .mm3-pages__description{
  font-family: var(--font-accent-family, var(--font-heading-family, inherit));
  font-style: var(--font-accent-style, var(--font-heading-style, normal));
  letter-spacing: var(--font-accent-letter-spacing, var(--font-heading-letter-spacing, normal));
}
.mega-menu__content .mm3-ccf--pages .mm3-title__text{
  text-transform: inherit;
}
.mega-menu__content .mm3-ccf--pages .mm3-title__text:after,
.mega-menu__content .mm3-ccf--pages .mm3-arrow{
  display: none;
}
@media (max-width: 989.98px){
  .mega-menu__content .mm3-ccf--pages .mm3-content--in{
    left: var(--ps-pad-x-m, 16px);
    right: var(--ps-pad-x-m, 16px);
    bottom: var(--ps-pad-b-m, 16px);
    gap: var(--ps-content-gap-m, 6px);
  }
  .mega-menu__content .mm3-ccf--pages .mm3-title{
    font-size: var(--title-m, 22px);
  }
  .mega-menu__content .mm3-ccf--pages .mm3-pages__description{
    font-size: var(--desc-m, 11px);
  }
}