/** Shopify CDN: Minification failed

Line 387:0 Expected "}" to go with "{"

**/
/* Priority-loaded desktop mega menu drawer styles. Full rules remain in theme.css. */

header-mega-menu-drawer:not(:defined),
header-secondary-menu-drawer:not(:defined) {
  display: none;
}


/* theme.css L1207-L1253 */

:where(.drawer, .drawer-popover, .modal, .popover)::part(base) {
  z-index: var(--z-index-theme-overlay, 500100);
  box-sizing: inherit;
}

:where(.drawer, .drawer-popover, .modal, .popover)::part(content), :where(.drawer, .drawer-popover, .modal, .popover)::part(header), :where(.drawer, .drawer-popover, .modal, .popover)::part(footer) {
  background: rgb(var(--background));
  background-image: var(--background-gradient);
  color: rgb(var(--text-color));
  border-color: rgb(var(--border-color));
  box-sizing: inherit;
  z-index: inherit;
}

:where(.drawer, .drawer-popover, .modal, .popover)::part(close-button) {
  color: currentColor;
  cursor: pointer;
  background: none;
  border: none;
  place-content: center;
  width: 1.75rem;
  height: 1.75rem;
  display: grid;
  position: absolute;
}

:where(.drawer, .drawer-popover, .modal, .popover)::part(close-button):before {
  content: none;
  border-radius: 100%;
  transition: transform .2s;
  position: absolute;
  inset: 0;
}

:where(.drawer, .drawer-popover, .modal, .popover)::part(close-button):hover:before {
  transform: scale(1.2);
}

:where(.drawer, .drawer-popover, .modal, .popover)::part(overlay) {
  background: var(--drawer-backdrop-color, rgb(0 0 0 / .4));
  min-height: 100lvh;
  -webkit-backdrop-filter: blur(var(--dialog-backdrop-blur));
  backdrop-filter: blur(var(--dialog-backdrop-blur));
  pointer-events: auto;
  position: fixed;
  inset: 0;
}



/* theme.css L8764-L8844 */

.menu-drawer {
  --menu-drawer-padding-inline: min(3.75rem, var(--container-gutter));
  display: none;
}

.menu-drawer::part(overlay) {
  content: "";
  background: var(--drawer-backdrop-color, rgb(0 0 0 / .4));
  -webkit-backdrop-filter: blur(var(--dialog-backdrop-blur));
  backdrop-filter: blur(var(--dialog-backdrop-blur));
  z-index: -1;
  pointer-events: auto;
  position: fixed;
  inset: 0;
  /* Match panel top: full header (set when main/sidebar drawer opens), else sticky strip only */
  inset-block-start: var(--menu-offset-top, var(--sticky-area-height));
}

/* Any open drawer should sit above header/announcement chrome. */
.shopify-section--header:has(header-menu-drawer[open]) {
  position: relative;
  z-index: var(--z-index-theme-menu-drawer, 500010);
}

.shopify-section--header:has(header-mega-menu-drawer[open]),
.shopify-section--header:has(header-secondary-menu-drawer[open]) {
  position: relative;
  z-index: 3;
}

/* Let mega drawer body cover logo while primary nav stays interactive above it. */
:root:has(#mega-menu-drawer[open]) .shopify-section--header {
  /* Preserve sticky positioning while mega drawer is open so header remains visible in the reserved top gap. */
  z-index: var(--z-index-theme-menu-drawer, 500010);
}

:root:has(#mega-menu-drawer[open]) .shopify-section--header .header__logo {
  position: relative;
  z-index: 0;
}

:root:has(#mega-menu-drawer[open]) .shopify-section--header .header__secondary-nav,
:root:has(#mega-menu-drawer[open]) .shopify-section--header .header-icons {
  position: relative;
  z-index: 0;
}

:root:has(#mega-menu-drawer[open]) .shopify-section--header .header__primary-nav {
  position: relative;
  z-index: 4;
}

/* Secondary nav drawer: keep activators above overlay; primary + icons stay below. */
:root:has(#secondary-nav-menu-drawer[open]) .shopify-section--header {
  z-index: var(--z-index-theme-menu-drawer, 500010);
}

:root:has(#secondary-nav-menu-drawer[open]) .shopify-section--header .header__logo {
  position: relative;
  z-index: 0;
}

:root:has(#secondary-nav-menu-drawer[open]) .shopify-section--header .header__secondary-nav {
  position: relative;
  z-index: 4;
}

:root:has(#secondary-nav-menu-drawer[open]) .shopify-section--header .header-icons,
:root:has(#secondary-nav-menu-drawer[open]) .shopify-section--header .header__primary-nav {
  position: relative;
  z-index: 0;
}

/* Start mega overlay below visible header so header stays in view. */
.menu-drawer--mega-menu::part(overlay) {
  inset: 0;
  z-index: 0;
  background: var(--drawer-backdrop-color, rgb(0 0 0 / .4));
  -webkit-backdrop-filter: blur(var(--dialog-backdrop-blur));
  backdrop-filter: blur(var(--dialog-backdrop-blur));
}



/* theme.css L8846-L8883 */

.menu-drawer::part(content) {
  width: 100%;
  max-width: 1000px;
  height: calc(100vh - var(--menu-offset-top, var(--sticky-area-height, 0px)));
  background: inherit;
  color: inherit;
  grid-auto-rows: minmax(0, 1fr);
  display: grid;
  position: fixed;
  inset-block-start: var(--menu-offset-top, var(--sticky-area-height, 0px));
  inset-inline-start: 0;
  overflow: clip;
}

@supports (height: 100dvh) {
  .menu-drawer::part(content) {
    height: calc(100dvh - var(--menu-offset-top, var(--sticky-area-height, 0px)));
  }
}

/* overflow:clip on ::part(content) hid bled carousels and capped horizontal scroll; visible keeps edge bleed + full scroll range */
#menu-drawer.menu-drawer--panel-search::part(content) {
  overflow: visible;
}

.menu-drawer__panel {
  visibility: hidden;
  flex-direction: column;
  grid-area: 1 / -1;
  height: 100%;
  min-height: 0;
  display: none;
}

.menu-drawer__panel.is-visible {
  visibility: visible;
  display: flex;
}



/* theme.css L9103-L9145 */

.menu-drawer--mega-menu::part(content) {
  border: none;
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: 0;
  height: 100vh;
  /* Prefer 250px columns; cap at 80vw. Do not use live measured column width — that creates a shrink feedback loop. */
  max-width: min(80vw, calc((var(--header-padding-inline) * 2) + (var(--mega-menu-drawer-column-width, 250px) * var(--mega-menu-total-columns, 1)) + ((var(--mega-menu-total-columns, 1) - 1) * var(--mega-menu-column-gap-live, 3rem))));
  box-shadow: none;
  z-index: 1;
  overflow-x: clip;
}

@supports (height: 100dvh) {
  .menu-drawer--mega-menu::part(content) {
    height: 100dvh;
  }
}

/* Same mega drawer panel as primary; only horizontal origin changes (must follow .menu-drawer--mega-menu::part(content)). */
.menu-drawer--mega-menu.menu-drawer--secondary-nav::part(content) {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.menu-drawer__search-panel {
  display: none;
  flex-direction: column;
  flex-grow: 1;
  min-height: 0;
  min-width: 0;
  padding-inline: var(--header-padding-inline);
  padding-block: 1.25rem 2rem;
}

.menu-drawer__search-inner {
  --drawer-body-padding-inline: var(--header-padding-inline);
  display: grid;
  gap: 1.75rem;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  padding-block: 1.75rem 2rem;
  padding-inline-start: 0;



/* theme.css L9209-L9215 */

.menu-drawer--mega-menu.menu-drawer--show-search .menu-drawer__panel-body {
  display: none;
}

.menu-drawer--mega-menu.menu-drawer--show-search .menu-drawer__search-panel {
  display: flex;
  padding-block-start: var(--mega-menu-content-top-offset, 0px);



/* theme.css L9248-L9318 */

.menu-drawer__mega-menu-level {
  display: none;
  flex-direction: column;
  gap: 3rem;
  padding-block-end: 2rem;
}

.menu-drawer__mega-menu-level.is-visible {
  display: flex;
  animation: mega-menu-drawer-level-in 200ms ease-out;
}

@keyframes mega-menu-drawer-level-in {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.menu-drawer__close-button:focus-visible {
  outline: none;
}

.menu-drawer__mega-title {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.15;
}

.menu-drawer--mega-menu .menu-drawer__panel-body {
  padding-block-start: var(--mega-menu-content-top-offset, 0px);
  transform: none !important;
}

.menu-drawer--mega-menu .mega-menu__navigation {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem 3rem;
  margin-block-end: 1.5rem;
  max-width: none;
  width: 100%;
  align-items: flex-start;
}

.menu-drawer--mega-menu .mega-menu__navigation > .mega-menu__column {
  flex: 1 1 0;
  min-width: 0;
  max-width: var(--mega-menu-drawer-column-width, 250px);
  width: auto;
}

.menu-drawer--mega-menu .menu-promo {
  margin-block-start: auto;
}

/* Keep promo tiles aligned to nav columns as the drawer scales (up to 80vw).
   Cap at preferred column width so single-column menus don't stretch full-bleed. */
.menu-drawer--mega-menu .menu-drawer__mega-menu-level {
  --mega-menu-column-width: min(
    var(--mega-menu-drawer-column-width, 250px),
    calc(
      (100% - (var(--mega-menu-total-columns, 1) - 1) * var(--mega-menu-column-gap-live, 3rem))
      / var(--mega-menu-total-columns, 1)
    )
  );
}

.menu-drawer--mega-menu .menu-drawer__mega-menu-level .menu-promo--with-spacing .menu-promo__item {
  width: var(--mega-menu-column-width);
  min-width: 0;
  max-width: var(--mega-menu-column-width);
  flex: 0 0 var(--mega-menu-column-width);
}

.menu-drawer--mega-menu .menu-drawer__mega-menu-level .menu-promo--with-spacing .menu-promo__media,
.menu-drawer--mega-menu .menu-drawer__mega-menu-level .menu-promo--with-spacing .menu-promo__media img {
  width: 100%;
  max-width: 100%;
}

/* In the drawer context, the mega menu should flow naturally instead of being positioned under the header */
.menu-drawer--mega-menu .mega-menu {
  position: static;
  inset-block-start: auto;
  inset-inline-start: auto;
  max-height: none;
  overflow-y: visible;
}

@media screen and (min-width: 1000px) {
  .menu-drawer--mega-menu::part(content) {
    min-width: calc((var(--header-padding-inline) * 2) + 450px);
  }

  .menu-drawer--mega-menu .mega-menu {
    min-width: 450px;
  }

  /* Single-column menus + search: match search-drawer floor */
  .menu-drawer--mega-menu.menu-drawer--single-column::part(content),
  .menu-drawer--mega-menu.menu-drawer--show-search::part(content) {
    width: 45.625rem;
    max-width: calc(50% - 160px);
    min-width: min(45.625rem, calc(50% - 160px));
  }
}



/* theme.css L8275-L8286 */

/* Transparent header: force readable black on the header side that opened its drawer/panel. Primary-side overlays (mobile menu, mega, dropdown sidebar) → primary nav only. Secondary nav drawer → secondary column only. */
:root:has(#menu-drawer[open]) .shopify-section--header .header__primary-nav :is(.link-reversed, .header__primary-nav-search button, .tap-area),
:root:has(#mega-menu-drawer[open]) .shopify-section--header .header__primary-nav :is(.link-reversed, .header__primary-nav-search button, .tap-area),
:root:has(#menu-dropdown-sidebar[open]) .shopify-section--header .header__primary-nav :is(.link-reversed, .header__primary-nav-search button, .tap-area) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

:root:has(#secondary-nav-menu-drawer[open]) .shopify-section--header .header__secondary-nav :is(.link-reversed, .tap-area, button, [aria-controls^="popover-localization"]) {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}