/** Shopify CDN: Minification failed

Line 7:0 Unexpected "}"
Line 64:19 Expected identifier but found "!"

**/
}
/* === SLIDE-DOWN STRIP BELOW HEADER, NO HEADER SHIFT, BODY PUSH-DOWN VIA :has() === */

/* 1) Keep the header row fixed (logo + nav + icons) on a single line */
@media (min-width: 990px){
  .header { align-items: center; }              /* no vertical drifting */
  .header__inline-menu { flex-wrap: nowrap; }   /* never wrap the top row */
}

/* 2) Mega menu stays overlayed right under the nav (so header doesn't reflow) */
.mega-menu { position: relative; }

.mega-menu__content {
  position: absolute;         /* overlay under the nav row */
  left: 10%; right: 0; top: 102%;
  overflow: hidden;
  max-height: 0;              /* collapsed */
  padding: 0;                 /* kill indent */
  opacity: 0;
  transform: translateY(-8px);
  transition:
    max-height 300ms ease,
    padding 300ms ease,
    opacity 220ms ease,
    transform 220ms ease;
  background: rgb(var(--color-background));
  /* Divider at top of the categories strip */
  border-top: 1px solid rgba(var(--color-foreground), .15);
  border-bottom: 0.1rem solid !important;
}

/* Match nav typography exactly */
.mega-menu__link,
.mega-menu__link--level-2 {
  font-size: 1.2rem;              /* family/size/weight/case from nav */
  letter-spacing: inherit;
  text-transform: inherit;
  line-height: var(--header-link-line-height, 2.8rem);
  color: currentColor;
  text-decoration: none;
  padding: 0;                 /* no extra vertical indent */
}
.mega-menu__link:hover,
.mega-menu__link--active {
  text-decoration: underline;
  text-underline-offset: .2rem;
  text-decoration-thickness: .12em;
}

/* Single horizontal row for categories */
.mega-menu__list {
  display: flex !important;
  flex-wrap: nowrap !important;      /* one line */
  align-items: center;
  justify-content: left;
  gap: var(--header-inline-gap, 3.2rem);
  margin: 0;                         /* no extra margins */
  padding: 0 4rem; !important            /* controlled horizontal padding */
  white-space: nowrap;
  font-size: 1.1rem;
}
.mega-menu__list > li { margin: 0; padding: 0; }

/* 3) Open state: smooth slide of the strip itself */
:root {
  /* height of the strip = nav line-height + 2*vertical padding */
  --mega-strip-pad-y: 1rem;
  --mega-strip-line: var(--header-link-line-height, 2.8rem);
  --mega-strip-h: calc(var(--mega-strip-line) + (var(--mega-strip-pad-y) * 2));
}

.mega-menu[open] .mega-menu__content {
  max-height: var(--mega-strip-h);
  padding: 10px 50px 10px 50px;
  opacity: 1;
  transform: translateY(0);
  border-color: white;
}

/* 4) Body push-down without moving the header row:
      when any mega menu is open, give the whole header section a bottom margin
      equal to the strip height. This adds space *below* the header only. */
.section-header:has(.mega-menu[open]) {
  margin-bottom: var(--mega-strip-h);
}

/* 5) Divider at the bottom edge of the header row (visible only when open) */
.section-header:has(.mega-menu[open]) .header {
  box-shadow: inset 0 -1px 0 0 rgba(var(--color-foreground), .15);
}

/* 6) Mobile: keep single row; allow swipe if overflow */
@media (max-width: 989px){
  .mega-menu__content { /* visually same, smaller height for touch */
    max-height: 8.8rem;
  }
  .mega-menu__list { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
/* === Make the header the positioning context, not the SHOP link === */
.section-header { position: relative; }        /* container for the panel */
.mega-menu { position: static !important; }    /* stop using the tiny SHOP box */

/* Submenu spans full header width under the nav row */
.mega-menu__content{
  position: absolute !important;
  left: 0; right: 0; top: 102%;
  width: 100%;               /* not bound to SHOP width */
  z-index: 5;
}

/* Keep the existing slide + body push-down you liked */
:root {
  --mega-strip-pad-y: 1rem;
  --mega-strip-line: var(--header-link-line-height, 2.8rem);
  --mega-strip-h: calc(var(--mega-strip-line) + (var(--mega-strip-pad-y) * 2));
}

.section-header:has(.mega-menu[open]) { margin-bottom: var(--mega-strip-h); }
.section-header:has(.mega-menu[open]) .header { box-shadow: inset 0 -1px 0 0 rgba(var(--color-foreground), .15); }

/* One-line categories & nav-typography (unchanged) */
.mega-menu__list{ display:flex!important; flex-wrap:nowrap!important; justify-content:left; gap:var(--header-inline-gap,3.2rem); margin:0; padding:0 4.7rem; white-space:nowrap; }
.mega-menu__list>li{ margin:0; padding:0; }
.mega-menu__link,.mega-menu__link--level-2{ font:inherit; line-height:var(--header-link-line-height,2.8rem); color:currentColor; text-decoration:none; padding:0; }
.mega-menu__link:hover,.mega-menu__link--active{ text-decoration:underline; text-underline-offset:.2rem; text-decoration-thickness:.12em; }