/** Shopify CDN: Minification failed

Line 124:0 Unexpected "}"
Line 179:0 Unexpected "{"
Line 179:1 Unexpected "{"
Line 179:3 Expected identifier but found "'custom.css'"

**/
/* ========== RETINA HEADER TUNE-UPS (custom.css) ========== */

/* A) Cleaner, sleeker nav (spacing, fonts, underline hover) */
.header, .site-header { min-height: 64px; }

.site-nav > li > a,
.navigation__link,
.nav-bar .site-nav__link {
  text-transform: none;         /* or uppercase */
  letter-spacing: .02em;
  padding: 10px 14px;           /* item spacing */
  font-weight: 500;
}

.site-nav > li > a { position: relative; }
.site-nav > li > a::after {
  content: "";
  position: absolute;
  left: 14px; right: 14px; bottom: 6px;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
  background: currentColor;
  opacity: .9;
}
.site-nav > li:hover > a::after,
.site-nav > li > a[aria-current="page"]::after {
  transform: scaleX(1);
}

/* Dropdowns: panel look */
.site-nav__dropdown, .dropdown, .submenu {
  border: 0 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  border-radius: 10px;
  padding: 10px 6px;
  overflow: hidden;
}
.site-nav__dropdown a { padding: 10px 14px; white-space: nowrap; }

.site-nav { align-items: center; }

/* -------------------------------------------------------- */
/* B-2) Transparent header over hero; solid after scroll
   (Use with the tiny JS toggler you add in theme.liquid)   */
.header--transparent, .header--home {
  background: transparent;
  position: absolute; top: 0; left: 0; right: 0;
  z-index: 50;
}
.header--scrolled {
  position: sticky; top: 0;
  background: rgba(255,255,255,.96);    /* adjust for dark theme if needed */
  backdrop-filter: saturate(180%) blur(8px);
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

/* Invert link colors when header overlays media */
.header--transparent .site-nav > li > a,
.header--home .site-nav > li > a,
.header--transparent .site-header__icons a,
.header--home .site-header__icons a,
.header--transparent .site-logo__link,
.header--home .site-logo__link { color: #fff; }
.header--transparent .site-nav__dropdown,
.header--home .site-nav__dropdown { color: #222; }

/* -------------------------------------------------------- */
/* C) Open dropdowns on hover (desktop only) */
@media (hover:hover) and (pointer:fine) {
  .site-nav > li:hover > .site-nav__dropdown {
    display: block !important;
    opacity: 1;
    visibility: visible;
  }
}

/* -------------------------------------------------------- */
/* D) Logo sizing + right-side icons alignment */
.site-header__logo img, .site-logo img {
  max-height: 38px; /* adjust to taste */
  width: auto;
}
.site-header__icons { display: flex; gap: 10px; align-items: center; }

/* -------------------------------------------------------- */
/* E) Currency selector & cart button styling */
.shopify-currency-form select,
.currency-picker select {
  border: 1px solid rgba(0,0,0,.12);
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(255,255,255,.7);
}
.header .cart-link, .site-header__cart {
  border-radius: 10px;
  padding: 6px 10px;
  border: 1px solid rgba(0,0,0,.08);
}
.header .cart-link__bubble, .site-header__cart .cart-count-bubble {
  background: #111; color: #fff;
  border-radius: 999px; padding: 0 6px;
}

/* -------------------------------------------------------- */
/* F) SIMPLE STICKY HEADER (use this INSTEAD of B-2 above)
   To enable, UNCOMMENT the block below and DELETE the B-2 block.
*/
/*
.header, .site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #fff;  /* or your brand color */
}
*/

/* -------------------------------------------------------- */
/* G) Accessibility polish */
.site-nav > li > a { padding: 12px 16px; } /* larger hit area */
.site-nav a:focus-visible,
.site-header a:focus-visible {
  outline: 2px solid #4d90fe;
  outline-offset: 2px;
  border-radius: 6px;
}

/* TEMP: big, obvious proof + stronger selectors */
body { outline: 3px solid lime !important; } /* remove after test */

header nav a,
.header .site-nav a { 
  color: #e60023 !important;     /* TEMP red to confirm */
}

header nav ul > li > a,
.header .site-nav > li > a {
  padding: 14px 18px !important;  /* larger hit area so you see it */
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Kill Retina's built-in underline so ours shows */
header nav ul > li > a:before,
.header .site-nav > li > a:before { display: none !important; }

/* Our underline */
header nav ul > li > a,
.header .site-nav > li > a { position: relative; }
header nav ul > li > a::after,
.header .site-nav > li > a::after {
  content:"";
  position:absolute; left:18px; right:18px; bottom:6px; height:2px;
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
  background: currentColor;
}
header nav ul > li:hover > a::after,
.header .site-nav > li:hover > a::after,
header nav ul > li > a[aria-current="page"]::after,
.header .site-nav > li > a[aria-current="page"]::after { transform:scaleX(1); }

/* Dropdown visibility on hover (desktop) */
@media (hover:hover) and (pointer:fine){
  header nav li:hover > ul,
  .header .site-nav > li:hover > .site-nav__dropdown {
    display:block !important; opacity:1; visibility:visible;
  }
}

{{ 'custom.css' | asset_url | stylesheet_tag }}