/** Shopify CDN: Minification failed

Line 207:0 Unexpected "<"
Line 208:3 Expected identifier but found "%"
Line 209:4 Unexpected "{"
Line 209:5 Expected identifier but found "%"
Line 210:6 Unexpected "<"
Line 211:35 Expected identifier but found whitespace
Line 211:37 Unexpected "{"
Line 211:46 Expected ":"
Line 211:92 Expected ":"
Line 213:6 Unexpected "<"
... and 82 more hidden warnings

**/
/* === HEADER: visible, layout, no "X", equal icon sizes === */

/* 1) Keep header visible */
.template-index .shopify-section-header,
.shopify-section-header,
.header-wrapper,
sticky-header{
  display:block!important;visibility:visible!important;opacity:1!important;
  height:auto!important;background:#000!important;z-index:1000!important;
}
.shopify-section-header[hidden],
.header-wrapper[hidden],
sticky-header[hidden],
.shopify-section-header .header[hidden]{display:block!important;visibility:visible!important;opacity:1!important;}
sticky-header{transform:none!important;top:0!important;}
.header--transparent,.header-wrapper--overlay{background:#000!important;}

/* 2) Header grid: left menu | centered logo | right icons */
.shopify-section-header .header{
  display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center!important;
  padding:6px 16px 8px!important;background:#000!important;
}
.shopify-section-header .header__inline-menu,
.shopify-section-header .header__menu{grid-column:1!important;justify-self:start!important;}
.shopify-section-header .header__heading{
  position:static!important;left:auto!important;top:auto!important;transform:none!important;
  grid-column:2!important;justify-self:center!important;align-self:center!important;
}
.shopify-section-header .header__icons{
  grid-column:3!important;justify-self:end!important;
  display:flex!important;align-items:center;gap:10px;margin-left:0!important;white-space:nowrap;
}
.header__heading-logo{display:block;height:auto;}
@media(max-width:749px){.shopify-section-header .header{padding:5px 12px 7px!important;}}

/* 3) Menu links: no permanent underline */
.header__menu a,.header__inline-menu a{ text-decoration:none!important;border:0!important;border-bottom:0!important; }
.header__menu a:hover,.header__inline-menu a:hover{ text-decoration:underline!important; }
a[aria-current="page"],.header__menu .is-active a,.list-menu__item--active>a{ text-decoration:none!important;border-bottom:0!important; }

/* 4) Kill the rogue "X" next to Search (only inside header icons) */
.header__icons .search-modal__close-button,
.header__icons .modal__close-button,
.header__icons .reset__button,
.header__icons .icon-close,
.header__icons .icon-close-small{ display:none!important; }
/* also hide any [hidden] elements that were forced visible */
.header__icons *[hidden]{ display:none!important; }

/* 5) Icon normalization */
:root{ --header-icon-size:32px; } /* tweak size here */
.header__icon{ position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:var(--header-icon-size); height:var(--header-icon-size); padding:0; line-height:0;
  transition:opacity .15s, transform .15s;
}
.header__icon .icon, .header__icon svg{ width:100%; height:100%; display:block; }
.header__icon--search, .header__icon--cart{ margin:0!important; }
/* cart bubble */
#cart-icon-bubble{ position:relative; line-height:0; }
#cart-icon-bubble .cart-count-bubble{ position:absolute; top:-6px; right:-6px; transform:none; }
/* equalize glyphs even if snippet viewBoxes differ */
.icon-search, .icon-cart, .icon-cart-empty{ width:var(--header-icon-size)!important; height:var(--header-icon-size)!important; display:block; }

/* 6) Subtle hover effect for icons */
.header__icon:hover{ opacity:.95; transform:translateY(-1px); }
.header__icon:focus-visible{ outline:2px solid currentColor; outline-offset:2px; }
.header__icon::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:currentColor;
  transform:scaleX(0); transform-origin:center; transition:transform .15s; opacity:.85;
}
.header__icon:hover::after,.header__icon:focus-visible::after{ transform:scaleX(1); }

/* 7) Stacking: hero under header; overlay elements above hero */
.background-video,.section-video,.banner,.index-section,.hero,.hero__media{ position:relative; z-index:1; }
.main-menu{ position:relative; z-index:20!important; }

/* 8) Elements visibility (Logo/Elements section) */
#logo-menu-overlay{ position:relative; z-index:50!important; }
#logo-menu-overlay .menu-wrap{ pointer-events:none; }
#logo-menu-overlay .menu-inner{ pointer-events:auto; }
#logo-menu-overlay .pages-menu{ display:flex!important; opacity:1!important; visibility:visible!important; }

/* === Cart icon normalization (match search size) === */
:root{ --header-icon-size:32px; } /* adjust to taste */

.header__icons{ display:flex!important; align-items:center; gap:12px; }

/* Cart container: fixed box, no extra spacing */
#cart-icon-bubble{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--header-icon-size);
  height:var(--header-icon-size);
  margin:0!important;
  padding:0;
  line-height:0;
  position:relative;
  text-decoration:none!important;
}

/* Fill the box regardless of snippet viewBox */
#cart-icon-bubble svg,
#cart-icon-bubble .icon,
#cart-icon-bubble .icon-cart,
#cart-icon-bubble .icon-cart-empty{
  width:100%!important;
  height:100%!important;
  display:block;
}

/* Badge positioning and styling */
#cart-icon-bubble .cart-count-bubble{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  line-height:1;
  background:#fff;
  color:#000;
}
/* === Scope: header bar only (won't touch modals/drawers) === */

/* 1) Kill rogue "X" inside the header bar */
.shopify-section-header .header .menu-drawer__close-button,
.shopify-section-header .header .search-modal__close-button,
.shopify-section-header .header .modal__close-button,
.shopify-section-header .header .icon-close,
.shopify-section-header .header [data-drawer-close],
.shopify-section-header .header [aria-label="Close"],
.shopify-section-header .header [aria-label="close"],
.shopify-section-header .header .reset__button { display:none !important; }
.shopify-section-header .header *[hidden] { display:none !important; }

/* 2) Links: no permanent underline; hover only */
.header__menu a,
.header__inline-menu a { text-decoration:none !important; border-bottom:0 !important; }
.header__menu a:hover,
.header__inline-menu a:hover { text-decoration:underline !important; }
/* neutralize theme "active" underline styles */
.header__menu .is-active a,
.list-menu__item--active > a,
a[aria-current="page"] { text-decoration:none !important; border-bottom:0 !important; }

/* 3) Normalize Search and Cart sizes + spacing (container-agnostic) */
:root { --header-icon-size: 32px; } /* adjust size here */

.header .search-modal__toggle,
.header__icon--search,
#cart-icon-bubble {
  display:inline-flex; align-items:center; justify-content:center;
  width:var(--header-icon-size); height:var(--header-icon-size);
  padding:0; margin:0; line-height:0;
}

/* Fill boxes regardless of SVG viewBox */
.header .search-modal__toggle svg,
.header__icon--search svg,
#cart-icon-bubble svg { width:100% !important; height:100% !important; display:block; }

/* Gap between Search and Cart even without a shared parent class */
.header .search-modal__toggle + #cart-icon-bubble,
.header__icon--search + #cart-icon-bubble { margin-left: 12px; }

/* Cart badge */
#cart-icon-bubble { position:relative; }
#cart-icon-bubble .cart-count-bubble{
  position:absolute; top:-6px; right:-6px; transform:none;
  min-width:16px; height:16px; padding:0 4px;
  display:flex; align-items:center; justify-content:center;
  font-size:11px; line-height:1; border-radius:999px;
  background:#fff; color:#000;
}

/* 4) Keep header visible and untransformed */
sticky-header { transform:none !important; top:0 !important; }
.template-index .shopify-section-header,
.shopify-section-header,
.header-wrapper,
sticky-header {
  display:block !important; visibility:visible !important; opacity:1 !important;
  height:auto !important; background:#000 !important; z-index:1000 !important;
}

<a href="{{ routes.root_url }}" class="header__heading-link link link--text focus-inset" aria-label="{{ shop.name | escape }}">
  {% if section.settings.use_video_logo %}
    {% if section.settings.logo_video_webm != blank or section.settings.logo_video_mp4 != blank %}
      <style>
        .header__logo-video{ width: {{ section.settings.logo_video_width | default: 120 }}px; height:auto; display:block; }
        @media (prefers-reduced-motion: reduce){ .header__logo-video{ animation:none; } }
      </style>
      <div class="header__heading-logo-wrapper">
        <video
          class="header__heading-logo motion-reduce header__logo-video"
          autoplay
          muted
          loop
          playsinline
          preload="metadata"
          {% if section.settings.logo_video_poster != blank %}
            poster="{{ section.settings.logo_video_poster | image_url: width: 480 }}"
          {% endif %}
        >
          {% if section.settings.logo_video_webm != blank %}
            <source src="{{ section.settings.logo_video_webm | file_url }}" type="video/webm">
          {% endif %}
          {% if section.settings.logo_video_mp4 != blank %}
            <source src="{{ section.settings.logo_video_mp4 | file_url }}" type="video/mp4">
          {% endif %}
        </video>
      </div>
    {% elsif settings.logo != blank %}
      <div class="header__heading-logo-wrapper">
        {%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%}
        {%- assign logo_height = settings.logo_width | divided_by: settings.logo.aspect_ratio -%}
        {%- capture sizes -%}(max-width: {{ settings.logo_width | times: 2 }}px) 50vw, {{ settings.logo_width }}px{%- endcapture -%}
        {%- capture widths -%}{{ settings.logo_width }}, {{ settings.logo_width | times: 1.5 | round }}, {{ settings.logo_width | times: 2 }}{%- endcapture -%}
        {{ settings.logo | image_url: width: 600 | image_tag:
          class: 'header__heading-logo motion-reduce',
          widths: widths,
          height: logo_height,
          width: settings.logo_width,
          alt: logo_alt,
          sizes: sizes,
          preload: true
        }}
      </div>
    {% else %}
      <span class="h2">{{ shop.name }}</span>
    {% endif %}
  {% elsif settings.logo != blank %}
    <div class="header__heading-logo-wrapper">
      {%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%}
      {%- assign logo_height = settings.logo_width | divided_by: settings.logo.aspect_ratio -%}
      {%- capture sizes -%}(max-width: {{ settings.logo_width | times: 2 }}px) 50vw, {{ settings.logo_width }}px{%- endcapture -%}
      {%- capture widths -%}{{ settings.logo_width }}, {{ settings.logo_width | times: 1.5 | round }}, {{ settings.logo_width | times: 2 }}{%- endcapture -%}
      {{ settings.logo | image_url: width: 600 | image_tag:
        class: 'header__heading-logo motion-reduce',
        widths: widths,
        height: logo_height,
        width: settings.logo_width,
        alt: logo_alt,
        sizes: sizes,
        preload: true
      }}
    </div>
  {% else %}
    <span class="h2">{{ shop.name }}</span>
  {% endif %}
</a>