/** Shopify CDN: Minification failed

Line 34:0 All "@import" rules must come first

**/
/* ═══════════════════════════════════════════════════════════
   HIDE HORIZON HEADER + SKIP LINK
═══════════════════════════════════════════════════════════ */
.header-section,
#header-component { display: none !important; }
.announcement-bar, announcement-bar-component { display: none !important; }
.skip-to-content-link, a.skip-to-content-link, [href='#MainContent'].skip-to-content-link {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; white-space: nowrap !important;
  border: 0 !important; top: -9999px !important; left: -9999px !important;
}
.skip-to-content-link:focus {
  position: fixed !important; top: 8px !important; left: 50% !important;
  transform: translateX(-50%) !important; width: auto !important; height: auto !important;
  clip: auto !important; background: #5A9AE0 !important; color: #10100C !important;
  padding: 8px 20px !important; border-radius: 4px !important;
  font-family: 'Space Grotesk', sans-serif !important; font-weight: 700 !important;
  font-size: 13px !important; z-index: 9999 !important;
}

/* ═══════════════════════════════════════════════════════════
   STICKY HEADER WRAPPER
═══════════════════════════════════════════════════════════ */
#shopify-section-noc_header {
  position: sticky; top: 0; z-index: 300; background: #10100C;
}

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=DM+Mono:wght@400&display=swap');

/* ═══════════════════════════════════════════════════════════
   ANNOUNCE BAR
═══════════════════════════════════════════════════════════ */
.noc-announce {
  background: #5A9AE0; height: 44px; overflow: hidden;
  display: flex; align-items: center; position: relative; z-index: 201;
}
.noc-announce-track {
  display: flex; align-items: center; white-space: nowrap; will-change: transform;
}
.noc-ann-item {
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 14px; color: #10100C; padding: 0 40px;
  flex-shrink: 0; letter-spacing: 0.5px; text-transform: uppercase;
}
.noc-ann-sep {
  font-size: 16px; color: rgba(16,16,12,.4); flex-shrink: 0; padding: 0 4px;
}

/* ═══════════════════════════════════════════════════════════
   NAV BAR
═══════════════════════════════════════════════════════════ */
.noc-nav {
  position: relative; top: auto; z-index: 200; height: 68px;
  background: #10100C; border-bottom: 1px solid rgba(42,58,80,.5);
  transition: box-shadow .3s;
}
.noc-nav.stuck { box-shadow: 0 4px 32px rgba(0,0,0,.45); }
.noc-nav-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 48px; height: 100%;
  display: flex; align-items: center; justify-content: space-between; gap: 32px;
}

/* Logo */
.noc-logo {
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 22px; color: #EDE8E0; letter-spacing: -.5px;
  text-decoration: none; flex-shrink: 0; line-height: 1;
  display: flex; align-items: center;
}
.noc-logo-img { display: block; height: auto; max-height: 48px; }
.noc-logo-c { color: #5A9AE0; }

/* Nav links */
.noc-links {
  display: flex; align-items: center; gap: 4px;
  flex: 1; justify-content: center;
}
.noc-link {
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 12px; letter-spacing: 1px; text-transform: uppercase;
  color: #8A9EB0; padding: 8px 14px; border-radius: 4px;
  transition: color .2s; text-decoration: none;
  background: none; border: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
}
.noc-link:hover, .noc-link[aria-expanded="true"] { color: #EDE8E0; }
.noc-caret { transition: transform .2s; flex-shrink: 0; color: #8A9EB0; }
.noc-link[aria-expanded="true"] .noc-caret { transform: rotate(180deg); }

.noc-item { position: relative; }
.noc-dropdown {
  position: absolute; top: calc(100% + 6px); left: -8px;
  background: #181410; border: 1px solid #2A3A50; border-radius: 10px;
  padding: 8px; min-width: 260px; opacity: 0; pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 10; box-shadow: 0 12px 48px rgba(0,0,0,.5);
}
.noc-item:hover .noc-dropdown,
.noc-link-drop[aria-expanded="true"] + .noc-dropdown {
  opacity: 1; pointer-events: all; transform: translateY(0);
}
.noc-dd-link {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 12px; border-radius: 6px;
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 12px; color: #EDE8E0; text-decoration: none;
  transition: background .15s; gap: 12px; text-transform: none;
}
.noc-dd-link:hover { background: #1E1B16; }
.noc-dd-hero {
  flex-direction: column; align-items: flex-start; gap: 3px;
  padding: 12px; background: rgba(90,154,224,.07);
  border: 1px solid rgba(90,154,224,.18); margin-bottom: 6px; border-radius: 7px;
}
.noc-dd-hero:hover { background: rgba(90,154,224,.12); }
.noc-dd-title { font-size: 14px; color: #5A9AE0; line-height: 1; }
.noc-dd-badge { font-family: 'DM Mono', monospace; font-size: 10px; color: #8A9EB0; margin-top: 1px; text-transform: none; font-weight: 400; }
.noc-dd-price { font-family: 'DM Mono', monospace; font-size: 10px; color: #8A9EB0; flex-shrink: 0; }
.noc-dd-sep { height: 1px; background: #2A3A50; margin: 4px 2px; }

.noc-nav-right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.noc-cta {
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 13px; letter-spacing: .5px; text-transform: uppercase;
  color: #10100C; background: #5A9AE0; padding: 11px 24px;
  border-radius: 6px; text-decoration: none; white-space: nowrap;
  transition: background .2s, transform .15s; line-height: 1;
}
.noc-cta:hover { background: #3A7AC0; transform: translateY(-1px); color: #10100C; }

.noc-cart-icon {
  position: relative; color: #8A9EB0; display: flex; align-items: center;
  text-decoration: none; transition: color .2s; background: none;
  border: none; cursor: pointer; padding: 6px; border-radius: 4px;
}
.noc-cart-icon:hover { color: #EDE8E0; }
.noc-cart-count {
  position: absolute; top: -2px; right: -4px; background: #5A9AE0;
  color: #10100C; font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 9px; min-width: 16px; height: 16px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center; padding: 0 3px;
}

/* Hamburger — hidden on desktop, shown on mobile */
.noc-ham {
  display: none;                     /* Desktop: hidden */
  flex-direction: column; justify-content: center;
  gap: 5.5px; width: 36px; height: 36px; padding: 6px;
  background: none; border: none; cursor: pointer;
  border-radius: 4px; transition: background .15s; flex-shrink: 0;
}
.noc-ham:hover { background: rgba(255,255,255,.06); }
.noc-ham span {
  display: block; height: 1.5px; background: #EDE8E0;
  border-radius: 2px; transition: transform .25s cubic-bezier(.4,0,.2,1), opacity .2s;
  transform-origin: center;
}
.noc-ham.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.noc-ham.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.noc-ham.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ═══════════════════════════════════════════════════════════
   MOBILE DRAWER
═══════════════════════════════════════════════════════════ */
.noc-mobile {
  position: fixed; top: 0; right: -360px; width: min(340px, 90vw);
  height: 100vh; background: #181410; border-left: 1px solid #2A3A50;
  z-index: 400; display: flex; flex-direction: column;
  transition: right .3s cubic-bezier(.4,0,.2,1);
  overflow-y: auto; -webkit-overflow-scrolling: touch;
}
.noc-mobile.open { right: 0; }
.noc-mob-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 399;
  opacity: 0; pointer-events: none; transition: opacity .3s;
  backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px);
}
.noc-mob-overlay.open { opacity: 1; pointer-events: all; }
.noc-mob-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 24px; border-bottom: 1px solid #2A3A50; flex-shrink: 0;
}
.noc-mob-close {
  background: none; border: 1px solid #2A3A50; color: #8A9EB0;
  font-size: 16px; cursor: pointer; width: 32px; height: 32px;
  border-radius: 6px; display: flex; align-items: center; justify-content: center;
  transition: color .2s, border-color .2s; line-height: 1;
}
.noc-mob-close:hover { color: #EDE8E0; border-color: #EDE8E0; }
.noc-mob-nav { padding: 8px 0; flex: 1; }
.noc-mob-item { border-bottom: 1px solid rgba(42,58,80,.4); list-style: none; }
.noc-mob-item:last-child { border-bottom: none; }
a.noc-mob-link, summary.noc-mob-link {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; padding: 15px 24px;
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 13px; letter-spacing: 1px; text-transform: uppercase;
  color: #EDE8E0; text-decoration: none;
  background: none; border: none; cursor: pointer;
  transition: color .2s, background .15s;
}
a.noc-mob-link:hover, summary.noc-mob-link:hover { color: #5A9AE0; background: rgba(90,154,224,.04); }
summary.noc-mob-link { list-style: none; }
summary.noc-mob-link::-webkit-details-marker { display: none; }
summary.noc-mob-link::after { content: '+'; font-size: 20px; color: #8A9EB0; line-height: 1; flex-shrink: 0; }
details[open] summary.noc-mob-link::after { content: '\2212'; }
.noc-mob-sub { background: rgba(255,255,255,.02); }
.noc-mob-sub-link {
  display: block; padding: 11px 24px 11px 36px;
  font-family: 'DM Mono', monospace; font-size: 12px;
  color: #8A9EB0; text-decoration: none;
  transition: color .15s; border-bottom: 1px solid rgba(42,58,80,.25);
}
.noc-mob-sub-link:last-child { border-bottom: none; }
.noc-mob-sub-link:hover { color: #5A9AE0; }
.noc-mob-sub-hero {
  color: #5A9AE0; font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 13px; padding-bottom: 12px;
  border-bottom: 1px solid rgba(42,58,80,.4); margin-bottom: 2px;
}
.noc-mob-footer { padding: 16px 24px 32px; border-top: 1px solid #2A3A50; flex-shrink: 0; }
.noc-mob-cta {
  display: block; padding: 14px 24px; background: #5A9AE0; color: #10100C;
  font-family: 'Space Grotesk', sans-serif; font-weight: 700;
  font-size: 14px; letter-spacing: .5px; text-transform: uppercase;
  border-radius: 8px; text-align: center; text-decoration: none; transition: background .2s;
}
.noc-mob-cta:hover { background: #3A7AC0; color: #10100C; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
═══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* Switch to Calminity-style mobile nav: ☰ | LOGO | 🛒 */
  .noc-nav-inner { padding: 0 20px; justify-content: space-between; }

  /* Hamburger: show on left */
  .noc-ham { display: flex !important; order: 1; }

  /* Logo: center — grows to fill space, centered */
  .noc-logo {
    order: 2;
    flex: 1;
    justify-content: center;
    text-align: center;
  }

  /* Nav links: hidden on mobile */
  .noc-links { display: none !important; }

  /* Right group: rightmost (cart stays, CTA hidden) */
  .noc-nav-right { order: 3; gap: 4px; }
  .noc-cta { display: none; }         /* Hide CTA button on mobile */
}

@media (max-width: 600px) {
  .noc-ann-item { font-size: 12px; padding: 0 24px; }
  .noc-announce { height: 40px; }
}