/** Shopify CDN: Minification failed

Line 88:0 Unexpected "{"
Line 88:1 Expected identifier but found "%"
Line 89:21 Unexpected "("
Line 100:1 Expected identifier but found "%"

**/
:root {
  --site-max-width: 1200px;        /* ↔ cap width (desktop) */
  --header-vertical-padding: 22px; /* ↔ tweak header/menu bar thickness */
}

@media (min-width: 990px) {
  /* Core Shopify wrappers */
  .header,
  .header__wrapper,
  .section-header,
  .shopify-section,
  .page-width,
  .main-content,
  .content-for-layout,
  footer,
  .footer,
  .site-footer,
  .site-footer__wrapper,
  /* PageFly wrappers (if you embed sections) */
  .pf-section,
  .pf-container,
  .pf-header-wrapper,
  .pf-footer-wrapper {
    max-width: var(--site-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-inline: 1rem;          /* shorthand for left/right */
    box-sizing: content-box;
  }

  /* 🌟 Give the header breathing room */
  .header,
  .header__wrapper,
  header.site-header,
  .site-header__wrapper,
  .section-header {
    padding-top: var(--header-vertical-padding);
    padding-bottom: var(--header-vertical-padding);
  }
}

/* 🌟 Header vertical breathing room – override sticky shrink */
.header--has-menu.header--sticky-active,
.shopify-section-header-sticky.header-wrapper--sticky,
.section-header.header--sticky {
  padding-top: var(--header-vertical-padding) !important;
  padding-bottom: var(--header-vertical-padding) !important;
  min-height: calc(2 * var(--header-vertical-padding) + 60px) !important; /* 60 px ≈ logo/menu row height */
}

/* Preserve intentional full‑bleed sections */
.announcement-bar,
.shopify-section--announcement-bar,
.slideshow,
.slideshow-banner,
.image-banner,
.pf-announcement-bar-section,
.pf-fullwidth-section {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

















{%- comment -%}
Mobile Header Layout (Flow theme) – GRID v3
Hides legacy magnifier icon on mobile.

Save into `global-max-width.css` (or append). Ensure file loads after theme CSS.
Hard‑refresh (⌘⇧R / Ctrl+F5).

Mobile spec (< 990 px):
  • Hamburger   20 px  (.link‑btn)
  • Logo       50 px  (#logo)
  • Search ≥180 → shrinks to 120 px  (form#search)
  • Cart        20 px  (#nav‑user .cart)
{%- endcomment -%}

:root {
  --search-bg-color:  #AFA39A;
  --search-text-color: #000000;
  --search-accent-color: #AFA39A;
  --search-mobile-min: 120px;
  --search-mobile-ideal: 720px;
  --search-desktop-max: 640px;
}

/* ========== SHARED SEARCH STYLES ========== */
#header-inner form#search {
  background: var(--search-bg-color) !important;
  border: 2px solid var(--search-accent-color) !important;
  border-radius: 4px;
  padding-inline: 8px;
  display: flex !important;
  align-items: center;
  gap: 4px;
}
#search input[type="search"] {
  background: transparent !important;
  color: var(--search-text-color) !important;
  flex: 1 1 auto;
  min-width: 0;
  padding-block: 6px;
  border: none;
}
#search input::placeholder{color:var(--search-text-color);opacity:.7}
#search input:focus{outline:none;box-shadow:0 0 0 2px var(--search-accent-color)}
#search button{background:var(--search-accent-color)!important;border:none;color:#fff!important;border-radius:4px;padding:8px 10px;cursor:pointer}
#search button:hover{opacity:.9}

/* ========== DESKTOP (≥990 px) ========== */
@media(min-width:990px){#header-inner form#search{max-width:var(--search-desktop-max)}}

/* ========== MOBILE / TABLET (<990 px) ========== */
@media(max-width:640px){
  /* Grid container */
  #header-inner{display:grid!important;grid-template-columns:20px 80px minmax(var(--search-mobile-min),1fr) 20px;column-gap:8px;align-items:center;width:100%}
  /* Slot assignment */
  #header-inner .link-btn{grid-column:1/2}
  #header-inner #logo{grid-column:2/3;overflow:hidden}
  #header-inner form#search{grid-column:3/4;max-width:var(--search-mobile-ideal);width:100%;min-width:var(--search-mobile-min);position:static!important;visibility:visible!important;opacity:1!important;display:flex!important}
  #nav-user{grid-column:4/5;display:flex;justify-content:flex-end}

  /* Hide ALL standalone magnifier triggers */
  #nav-user li.search,
  #header-inner li.search,
  #header-inner [aria-label*="Search"],
  #header-inner [aria-controls="search"],
  #header-inner .icon-zoom{display:none!important}

  /* Logo responsive */
  #header-inner #logo img{max-width:100%;height:auto}
}