/** Shopify CDN: Minification failed

Line 69:0 Unexpected "<"
Line 75:0 Unexpected "<"
Line 276:0 Unexpected "}"

**/
/* ===== FF: header/submenu glass + icon margins (authoritative) ===== */
:root{
  --ff-glass: rgba(0, 0, 0, 0.78);      /* unified opacity for header + submenu */
  --ff-container: 1200px;           /* page-width we center to */
}

/* 1) Header glass (sticky + normal) */
#shopify-section-header,
.shopify-section-header-sticky .header-wrapper,
.header-wrapper { background: var(--ff-glass) !important; }

/* 2) Submenu / mega menu glass to MATCH header */
.header__submenu,
.mega-menu,
.mega-menu__content { 
  background: var(--ff-glass) !important; 
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
  border: 1px solid rgba(255,255,255,.12);
}

/* 3) Pull icons in to the same left/right edge as the centered menu */
@supports (padding: max(0px)) {
  #shopify-section-header .header__heading,
  #shopify-section-header .header__icons {
    padding-left:  max(12px, (100vw - var(--ff-container))/2);
    padding-right: max(12px, (100vw - var(--ff-container))/2);
  }
}
#shopify-section-header .header__icons { gap: 16px; }

/* Keep inline menu centered */
.header__inline-menu{ display:flex; justify-content:center; gap:22px; }

/* Kill purple/underlines inside header */
#shopify-section-header a,
#shopify-section-header a:visited{ color:#fff !important; text-decoration:none !important; }
#shopify-section-header a:hover,
#shopify-section-header a:focus{ opacity:.85; text-decoration:none; }

/* Mobile: drawer owns layout */
@media (max-width: 989px){
  #shopify-section-header .header__heading,
  #shopify-section-header .header__icons { padding-left:12px; padding-right:12px; }
}
/* Force global dark background where a light scheme sneaks in */
html, body { background:#000 !important; }

.color-background-1,
.color-background-2,
.background-secondary,
.gradient,
.shopify-section,
.section-template--main,
.main-content,
.template-index .shopify-section {
  background:#000 !important;
}

/* keep text readable if a light scheme leaks */
body, p, li, .rte, .subtitle, .card__content { color:#fff; }
<style>
.ff-topbar{background:#000}
.ff-topbar__inner{max-width:1200px;margin:0 auto;padding:6px 12px}
.ff-topbar__list{display:flex;justify-content:center;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.ff-topbar__item + .ff-topbar__item::before{content:"";width:1px;height:14px;background:rgba(255,255,255,.55);margin:0 8px;display:block}
.ff-topbar__link{color:#fff;text-decoration:none;font-size:8pt;line-height:1;padding:6px 14px;display:inline-block}
</style>
/* Top strip: tidy separators + spacing */
.ff-topbar{ background:#000; }
.ff-topbar__inner{ max-width:1200px; margin:0 auto; padding:6px 12px; }
.ff-topbar__list{ display:flex; justify-content:center; align-items:center; gap:0; list-style:none; margin:0; padding:0; }
.ff-topbar__item{ position:relative; padding:0 10px; }        /* even padding on both sides */
.ff-topbar__item + .ff-topbar__item::before{
  content:"";
  position:absolute; left:-1.0px; top:50%; transform:translateY(-50%);  /* center vertically */
  width:3px; height:14px; background:rgba(255,255,255,.55); border-radius:2px;
}
.ff-topbar__link{ color:#fff; text-decoration:none; font-size:8pt; line-height:1; padding:6px 0; display:inline-block; }

/* keep strip above the main row in every layout */
.section-header .ff-topbar{ width:100%; }
/* Quicklinks separators: 1px, same height as the text; tighter spacing */
.ff-topbar__item{
  position: relative;
  padding: 4 4px;          /* was 14px */
  font-size: 8pt;          /* ensure 1em below matches link text size */
}

.ff-topbar__link{
  display: inline-flex;     /* centers text in the line box */
  align-items: center;
  font-size: inherit;       /* follows 8pt from item */
  line-height: 1;           /* text height = 1em */
  padding: 6px 0;
}

.ff-topbar__item + .ff-topbar__item::before{
  content: "";
  position: absolute;
  left: -1.0px;             /* center the 1px rule between items */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1em;              /* same height as the text (line-height:1) */
  background: rgba(255,255,255,.55);
  border-radius: 1px;
}
/* Desktop: Force 4 columns for mega menu/submenu */
.mega-menu__list,
.header__submenu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

/* Optional: Fine-tune spacing between items if needed */
.mega-menu__list > li,
.header__submenu > li {
  width: 100% !important;
}
:root {
  --ff-header-height: 72px;
  --ff-panel-padding: 24px;
  --ff-panel-gap: 24px;
  --ff-panel-radius: 14px;
  --ff-promo-width: 320px; /* Tuned for promo column */
}

/* === Header/Submenu "glass" background === */
.header-wrapper,
.shopify-section-header,
.shopify-section-header-sticky {
  background: rgba(0, 0, 0, 0.78) !important;
}

.mega-menu__content.ff-mega,
.header__submenu {
  background: rgba(0,0,0,0.78) !important;
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  backdrop-filter: blur(8px) saturate(120%);
  border: 1px solid rgba(255,255,255,0.12);
}

/* === Mega menu: Full-bleed overlay, un-capped width, 4 cols + promo === */
@media (min-width: 990px) {
  header .mega-menu { position: static !important; }

  header .mega-menu[open] > .mega-menu__content.ff-mega {
    position: fixed !important;
    top: calc(var(--ff-header-height, 72px) - 1px);
    left: 0; right: 0;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 0 0 var(--ff-panel-radius) var(--ff-panel-radius);
    z-index: 70;
    box-shadow: 0 18px 40px -18px rgba(17,24,39,.35);
    padding: var(--ff-panel-padding);
    box-sizing: border-box;
    overflow-x: auto;
  }

  /* Remove max-width in inner containers */
  header .mega-menu__content .page-width,
  header .mega-menu__list.page-width {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* 4 columns + Promo block */
  .ff-mega__cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr) minmax(var(--ff-promo-width), 1.25fr);
    gap: var(--ff-panel-gap);
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* Column/links lists */
  .ff-mega__col { min-width: 180px; }
  .ff-mega__list { list-style: none; margin: 0; padding: 0; }
  .ff-mega__list a {
    display: block;
    padding: 0.35rem 0;
    color: rgba(255,255,255,0.86);
    text-decoration: none;
    font-weight: 400;
  }
  .ff-mega__list a:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  /* Promo tile: last column */
  .ff-mega__promo {
    grid-column: -2 / -1;
    align-self: start;
    max-width: var(--ff-promo-width);
    min-width: var(--ff-promo-width);
    justify-self: end;
  }
  .ff-promo {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    background: rgba(255,255,255,0.04);
  }
  .ff-promo__img {
    display: block;
    width: 100%;
    height: clamp(220px,36vh,420px);
    object-fit: cover;
    border-radius: 12px;
  }
  .ff-promo__body {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    padding: .45rem .65rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .8rem;
  }
}

/* Mobile & tablet: collapse to columns */
@media (max-width: 1200px) {
  .ff-mega__cols { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 990px) {
  .mega-menu__content.ff-mega { position: static !important; width: 100%; padding: 16px; }
  .ff-mega__cols { grid-template-columns: 1fr; }
  .ff-mega__promo { max-width: 100%; }
}

/* Prevent horizontal overflow (full-bleed edge cases) */
html, body { overflow-x: hidden; }
/* Reduce the gap between main nav and submenu panel */
@media (min-width: 990px) {
  .mega-menu__content,
  .mega-menu__content.ff-mega {
    margin-top: 0 !important;
    padding-top: 8px !important; /* or 0, if you want no gap at all */
    top: calc(var(--header-height, 72px) - 1px) !important;
  }
  /* If using transform for positioning, minimize Y offset */
  .mega-menu__content.ff-mega {
    transform: translateY(0) !important;
  }
  /* Optional: Remove extra border on top if present */
  .mega-menu__content,
  .ff-mega.mega-menu__content {
    border-top: 0 !important;
  }
}

}