/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/components/storefront/navigation.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
/* Shared storefront navigation; intentionally separate from admin styles. */
.store-shell {
  --nav-bg: #faf8f2;
  --nav-ink: #28372b;
  --nav-muted: #596052;
  --nav-border: #deded2;
  --nav-gold: #ae8b40;
  --nav-active-bg: #e9eddf;
}
html[data-theme="midnight-loom"] .store-shell {
  --nav-bg: #272b25;
  --nav-ink: #edf0e5;
  --nav-muted: #c5ccbb;
  --nav-border: #454e40;
  --nav-gold: #d0b46f;
  --nav-active-bg: #384332;
}
.store-shell .site-header {
  background: var(--nav-bg);
  border-bottom: 1px solid var(--nav-border);
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.store-shell .brand-lockup { flex: 0 0 auto; }
.store-shell .brand-logo { width:200px; height:auto; filter:none; border-radius:3px; }
.store-shell .nav-links { gap: 8px clamp(14px, 1.5vw, 22px); }
.store-shell .nav-link {
  color: var(--nav-muted);
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}
.store-shell .nav-link:hover { color: var(--nav-ink); transform: none; }
.store-shell .nav-link::after { background: var(--nav-gold); }
.store-shell .nav-link[aria-current="page"] { color: var(--nav-ink); font-weight: 600; }
.store-shell .nav-link--shop {
  padding-inline: 18px;
  border: 1px solid #b39451;
  border-radius: 4px;
  background: #dfc17f;
  color: #28372b;
  font-weight: 600;
  box-shadow: none;
}
.store-shell .nav-link--shop:hover,
.store-shell .nav-link--shop[aria-current="page"] {
  background: #e9cf98;
  color: #28372b;
  border-color: #b39451;
  box-shadow: none;
  transform: none;
}
.store-shell .site-header .nav-account-link,
.store-shell .site-header .cart-pill {
  min-height: 44px;
  border: 1px solid var(--nav-border);
  border-radius: 4px;
  background: transparent;
  color: var(--nav-ink);
  box-shadow: none;
  font-weight: 500;
}
.store-shell .site-header .nav-account-link:hover,
.store-shell .site-header .nav-account-link:focus-visible,
.store-shell .site-header .cart-pill:hover,
.store-shell .site-header .cart-pill:focus-visible {
  color: var(--nav-ink);
  background: var(--nav-active-bg);
  border-color: var(--nav-border);
  box-shadow: none;
  transform: none;
}
.store-shell .cart-pill { width: auto; padding: 0 12px; gap: 8px; flex-shrink: 0; }
.store-shell .cart-pill::before { content: none; }
.store-shell .site-header .cart-pill-handbag { width: 24px; height: 24px; color: currentColor; transform: none; }
.store-shell .site-header .cart-pill-count {
  position: static;
  min-width: 18px;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  font-size: var(--text-label);
  transform: none;
}
.store-shell .account-menu-popover {
  background: var(--nav-bg);
  border-color: var(--nav-border);
  border-radius: 6px;
  box-shadow: 0 8px 24px #18201512;
}
.store-shell .shop-category-nav-link {
  font-weight: 500;
  color: var(--nav-muted);
  box-shadow: none;
}
.store-shell .shop-category-nav-link.is-active {
  color: var(--nav-ink);
  background: transparent;
  font-weight: 600;
  box-shadow: none;
}
.store-shell .shop-category-nav-link::after { background: var(--nav-gold); height: 2px; }
.store-shell .shop-category-nav-link:hover { color: var(--nav-ink); background: var(--nav-active-bg); }
.store-shell .site-header a:focus-visible,
.store-shell .site-header button:focus-visible,
.store-shell .mobile-nav-link:focus-visible { outline: 2px solid var(--nav-gold); outline-offset: 3px; }
.store-shell .desktop-account-navigation { display:flex; }
.store-shell .mobile-customer-menu { display:none; }
.store-shell .home-nav-icon { display: block; width: 22px; height: 22px; }
.store-shell .nav-link--icon { width: 44px; justify-content: center; }
.store-shell .nav-link--icon::after { left: 11px; width: 22px; }

@media (min-width: 761px) and (max-width: 1180px) {
  .store-shell { --store-navigation-height: 89px; }
  .store-shell .nav-links {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    grid-gap: 0 16px;
    gap: 0 16px;
    justify-items: center;
  }
}
@media (max-width: 760px) {
  .store-shell .site-nav { gap: 8px; min-height: 74px; padding-block: 10px; }
  .store-shell .brand-lockup { flex-shrink:1; min-width:110px; }
  .store-shell .brand-logo { width:150px; max-width:100%; height:auto; transform:none; }
  .store-shell .nav-actions { gap: 8px; min-width: 0; }
  .store-shell .site-header .nav-account-link.is-guest { padding-inline: 10px; }
  .store-shell .cart-pill { padding-inline: 8px; gap: 5px; }
  .store-shell { --store-navigation-height:75px; }
  .store-shell .desktop-account-navigation { display:none; }
  .store-shell .mobile-customer-menu { display:block; position:relative; flex:0 0 44px; }
  .store-shell .mobile-customer-menu-placeholder { width:44px; height:44px; }
  .store-shell .mobile-customer-menu-trigger {
    display:grid; place-items:center; width:44px; height:44px; padding:10px;
    border:1px solid var(--nav-border); border-radius:4px; background:transparent;
    color:var(--nav-ink); cursor:pointer;
  }
  .store-shell .mobile-customer-menu-trigger svg { width:22px; height:22px; }
  .store-shell .mobile-customer-menu-trigger[aria-expanded="true"] { background:var(--nav-active-bg); }
  .store-shell .mobile-customer-menu-panel {
    position:absolute; top:calc(100% + 12px); right:0; z-index:45;
    width:min(280px,calc(100vw - 24px)); max-height:calc(100dvh - 150px); overflow-y:auto;
    overscroll-behavior:contain; padding:8px 16px;
    border:1px solid var(--nav-border); border-radius:6px; background:var(--nav-bg);
    box-shadow:0 12px 30px #18201520; color:var(--nav-ink);
    animation:customerMenuEnter 150ms ease-out;
  }
  .store-shell .mobile-customer-menu-caption {
    padding:10px 0 12px; margin:0; border-bottom:1px solid var(--nav-border);
    color:var(--nav-muted); font-size:var(--text-label); line-height:1.5; overflow-wrap:anywhere;
  }
  .store-shell .mobile-customer-menu-panel a,
  .store-shell .mobile-customer-menu-panel form button {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    min-height:48px; padding:10px 0; width:100%; border:0; background:transparent;
    color:var(--nav-ink); font:inherit; font-size:var(--text-body); text-align:left; cursor:pointer;
  }
  .store-shell .mobile-customer-menu-panel a:hover { color:var(--nav-muted); }
  .store-shell .mobile-customer-menu-panel a[aria-current="page"] { font-weight:600; }
  .store-shell .mobile-customer-menu-panel form { margin:0; border-top:1px solid var(--nav-border); }
  @keyframes customerMenuEnter { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
  .store-shell .mobile-nav-shell {
    background: var(--nav-bg);
    border-color: var(--nav-border);
    box-shadow: none;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
  }
  .store-shell .mobile-nav-rail { grid-template-columns: 44px 1fr 1.3fr 1fr 1fr; }
  .store-shell .mobile-nav-link--icon::after { left: 12px; right: 12px; }
  .store-shell .mobile-nav-link {
    color: var(--nav-muted);
    background: transparent;
    border: 0;
    font-size: clamp(var(--text-caption), 3.6vw, var(--text-label));
    font-weight: 500;
    box-shadow: none;
    transition: color 160ms ease, background-color 160ms ease;
  }
  .store-shell .mobile-nav-link[aria-current="page"] {
    color: var(--nav-ink);
    background: var(--nav-active-bg);
    font-weight: 600;
    box-shadow: none;
    filter: none;
  }
  .store-shell .mobile-nav-link::after { background: var(--nav-gold); height: 2px; bottom: 6px; }
  .store-shell .mobile-nav-link:active { transform: none; background: var(--nav-active-bg); }
  .store-shell .mobile-nav-link--shop { background: #efdfb9; color: #28372b; font-weight: 600; }
  .store-shell .mobile-nav-link--shop[aria-current="page"],
  .store-shell .mobile-nav-link--shop:hover { background: #dfc17f; color: #28372b; }
}
@media (prefers-reduced-motion: reduce) {
  .store-shell .mobile-customer-menu-panel { animation:none; }
  .store-shell .site-header *,
  .store-shell .mobile-nav-link,
  .store-shell .mobile-nav-link::after,
  .store-shell .shop-category-nav-link,
  .store-shell .shop-category-nav-link::after { transition: none; }
}