/** Shopify CDN: Minification failed

Line 265:2 Unexpected "{"
Line 265:3 Expected identifier but found "%"
Line 265:38 Expected identifier but found whitespace
Line 265:87 Unexpected "/"
Line 265:166 Unterminated string token

**/
/* ==========================================================================
   Header Two Row (Custom)
   --------------------------------------------------------------------------
   Purpose:
   - Replaces Dawn’s single-row header grid with a two-row, full-width header:
     Top row: logo | search | phone | icons
     Bottom row: centered navigation (Dawn-like inline menu styling)
   - Includes responsive behavior for mobile (logo centered, hamburger on right).
   --------------------------------------------------------------------------
   Refactor notes:
   - Removed duplicate selector blocks (e.g., repeated .header__icons rules).
   - Consolidated repeated mobile @media blocks into a single block.
   - Preserved all !important usage where it was explicitly used to override
     Dawn’s inline/layout styles (mobile grid positioning).
   - No class/selector names changed; behavior preserved.
   ========================================================================== */

.header-two-row .page-width {
  /* Make header span full viewport width instead of theme max width */
  max-width: none;
  width: 100%;
  margin: 0;
}

/* ==========================================================================
   Base Layout Overrides (scope: header-two-row only)
   ========================================================================== */

/* Override Dawn's default header grid for this header variant only */
.header-two-row .header.custom-header {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;

  /* Optional: subtle divider (matches prior theme behavior) */
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

/* ==========================================================================
   Top Row: logo | search | phone | icons
   ========================================================================== */

.header-two-row .header__top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;

  /* Legacy padding from previous theme styling */
  padding: 0.75rem 2rem;

  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-two-row .header__logo {
  flex: 0 0 auto;
}

/* Search wrapper: keep the search centered and allow shrinking */
.header-two-row .header__search {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.header-two-row .header__search-form {
  width: 80%;
  min-width: 0;

  position: relative;
  display: flex;
  align-items: center;
}

.header-two-row .header__search-input {
  width: 100%;
  padding: 1.2rem 1.25rem;

  border: 1px solid #ccc;
  border-radius: 9999px;

  font-size: 1rem;
  transition: border-color 0.2s ease;
}

.header-two-row .header__search-input:focus {
  border-color: #000;
  outline: none;
}

.header-two-row .header__search-button {
  position: absolute;
  right: 0.75rem;

  background: transparent;
  border: none;
  cursor: pointer;

  padding: 0.25rem;
  line-height: 0;
}

/* Ensure SVG wrapper sizing is consistent (Dawn uses svg-wrapper sizing rules) */
.header-two-row .header__search-button .svg-wrapper {
  width: 20px;
  height: 20px;
}

/* Phone block */
.header-two-row .header__phone {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.header-two-row .header__phone-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;

  /* Avoid Dawn underline / link styling here */
  text-decoration: none;
  font-weight: 500;
}

/* If header uses a dark scheme, keep phone readable */
.header-two-row .header__phone-emoji,
.header-two-row .header__phone-text,
.header-two-row .header__phone-link {
  color: #ffffff;
}

/* Header icons (account/cart and/or hamburger wrapper depending on markup) */
.header-two-row .header__icons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Ensure icons remain Dawn-sized and not affected by link styles */
.header-two-row .header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  text-decoration: none;
}

/* ==========================================================================
   Bottom Row: Navigation (Dawn-like inline menu styling)
   ========================================================================== */

.header-two-row .header__bottom-row {
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.header-two-row .header__bottom-row nav,
.header-two-row .header__bottom-row .header__inline-menu {
  width: auto;
  display: flex;
  justify-content: center;
}

/* Ensure base UL has no bullets/padding */
.header-two-row .header__bottom-row .list-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Inline menu layout */
.header-two-row .header__bottom-row .list-menu--inline {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0; /* Dawn relies on item padding instead */
  justify-content: center;
  align-items: center;
}

/* Fallback: if Dawn outputs list-menu without --inline, force inline behavior */
.header-two-row .header__bottom-row .list-menu:not(.list-menu--inline) {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/* Menu items + links */
.header-two-row .header__bottom-row .list-menu__item {
  display: flex;
  align-items: center;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.header-two-row .header__bottom-row .list-menu__item--link {
  display: inline-flex;
  align-items: center;
  padding: 0.9rem 1.2rem;

  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);

  transition: color 150ms ease, text-decoration-color 150ms ease;
}

.header-two-row .header__bottom-row .list-menu__item--link:hover {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

/* Active item styling (Dawn-like underline) */
.header-two-row .header__bottom-row .header__active-menu-item {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}

/* Dropdown caret positioning (for dropdown menu type) */
.header-two-row .header__bottom-row summary.list-menu__item {
  padding-right: 2.2rem;
}

.header-two-row .header__bottom-row summary .icon-caret {
  right: 0.6rem;
}

/* ==========================================================================
   Desktop / Mobile Responsiveness
   ========================================================================== */

/* Hide hamburger on desktop */
@media screen and (min-width: 990px) {
  .header-two-row header-drawer {
    display: none;
  }
}

/* Mobile:
   - Hide phone + search
   - Keep account/cart LEFT
   - Keep hamburger RIGHT
   - Center logo without being pushed off-screen */
@media screen and (max-width: 749px) {
  .header-two-row .header__phone {
    display: none;
  }

  {%- comment -%} CUSTOM MODIFICATION: Mobile layout uses absolute positioning for left/right controls so they can't push logo/hamburger off-screen {%- endcomment -%}
  .header-two-row .header__search {
    display: none;
  }

  .header-two-row .header__top-row {
    position: relative;
    padding: 0.75rem 1rem;
    min-height: 56px;
    justify-content: center;
    gap: 0;
  }

  /* Center logo independent of left/right controls */
  .header-two-row .custom-header .header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: calc(100% - 140px); /* leaves room for left + right controls */
    overflow: hidden;
  }

  /* LEFT: account/cart (last icons wrapper in your Liquid) */
  .header-two-row .custom-header .header__top-row > .header__icons:last-of-type {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.5rem;
    z-index: 3;
    width: auto !important;
    max-width: 45%;
    flex-wrap: nowrap !important;
  }

  /* RIGHT: hamburger (first icons wrapper in your Liquid) */
  .header-two-row .custom-header .header__top-row > .header__icons:first-of-type {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 4;
    width: auto !important;
    max-width: 45%;
    flex-wrap: nowrap !important;
  }

  /* Ensure drawer itself is visible */
  .header-two-row .custom-header .header__top-row > .header__icons:first-of-type header-drawer {
    display: block !important;
    width: auto !important;
  }

  /* Be permissive in case the hamburger icon class differs */
  .header-two-row .custom-header .header__top-row > .header__icons:first-of-type .header__icon--menu,
  .header-two-row .custom-header .header__top-row > .header__icons:first-of-type .header__icon,
  .header-two-row .custom-header .header__top-row > .header__icons:first-of-type button,
  .header-two-row .custom-header .header__top-row > .header__icons:first-of-type summary {
    display: inline-flex !important;
    width: 44px;
    height: 44px;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   Mobile Drawer Menu Cleanup
   ========================================================================== */

/* Remove bullets and left indentation in the mobile drawer menu */
.header-two-row .menu-drawer__menu,
.header-two-row .menu-drawer__menu ul,
.header-two-row .menu-drawer__menu li {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ================= CUSTOM MODIFICATIONS ================= */
/* CUSTOM MODIFICATION: Compensate for Dawn cart SVG being visually smaller than account icon */

.header-two-row .header__icon .svg-wrapper svg {
  width: 24px;
  height: 24px;
}

/* Cart icon needs visual boost to match account icon */
.header-two-row .header__icon[href*="/cart"] .svg-wrapper svg {
  transform: scale(1.75);
  transform-origin: center;
}

/* ================= CUSTOM MODIFICATIONS ================= */
/* CUSTOM MODIFICATION: Mobile — hide account icon, keep cart only */
@media screen and (max-width: 749px) {

  /* Hide ALL icons in the left wrapper by default */
  .header-two-row
  .custom-header
  .header__top-row
  > .header__icons:last-of-type
  .header__icon {
    display: none !important;
  }

  /* Re-show cart icon only */
  .header-two-row
  .custom-header
  .header__top-row
  > .header__icons:last-of-type
  .header__icon[href*="/cart"] {
    display: inline-flex !important;
  }
}
/* ================= CUSTOM MODIFICATIONS ================= */
/* CUSTOM MODIFICATION: Mobile — logo not clipped now that left icons are cart-only */
@media screen and (max-width: 749px) {
  /* Cart-only wrapper should take minimal space */
  .header-two-row
  .custom-header
  .header__top-row
  > .header__icons:last-of-type {
    max-width: 44px !important; /* one icon */
    gap: 0 !important;
  }

  /* Give the centered logo more room */
  .header-two-row .custom-header .header__logo {
    max-width: calc(100% - 110px) !important; /* 44px left + 44px right + breathing room */
    overflow: visible !important;
  }

  /* Ensure the logo image can scale down instead of clipping */
  .header-two-row .custom-header .header__heading-logo-wrapper,
  .header-two-row .custom-header .header__heading-logo-wrapper img,
  .header-two-row .custom-header .header__heading-logo-wrapper svg {
    max-width: 100% !important;
    height: auto !important;
  }
}