/*
 * NATIONAL DISCOVERY · DEVELOPMENT RIGHTS · ND-AHMAD-ALATTAR-2026-PROPRIETARY
 * Developed by Ahmad Alattar, Founder of the National Discovery Community, with his authorized ND Crew.
 * Original ND platform architecture and first-party source code are proprietary to Ahmad Alattar.
 * All rights reserved. No use or transfer is permitted without prior written authorization.
 * Third-party components remain governed by their respective licences. See DEVELOPMENT_RIGHTS.md.
 */
:root {
  --nd-brand-signature: #FAC80F;
  --nd-day-canvas: #F7F1E6;
  --nd-day-surface: #FFFDF8;
  --nd-day-raised: #F0F3EC;
  --nd-day-text: #191913;
  --nd-day-body: #344139;
  --nd-day-muted: #626D64;
  --nd-night-canvas: #080A08;
  --nd-night-surface: #151914;
  --nd-night-raised: #1D221C;
  --nd-night-text: #F7F1E6;
  --nd-night-body: #D8D2C7;
  --nd-night-muted: #AAA69D;
  --nd-danger-surface: #7A2927;
  --nd-danger-text: #FFF7F5;
  --nd-action-radius: 999px;
  --nd-control-radius: 12px;
  --nd-depth-rest: 0 3px 0 rgba(0,0,0,.28), 0 10px 20px rgba(0,0,0,.12);
  --nd-depth-pressed: 0 1px 0 rgba(0,0,0,.3), 0 4px 10px rgba(0,0,0,.1);
  --nd-focus-inner: #080A08;
  --nd-focus-outer: #FFFDF8;
  --nd-utility-visible-size: 32px;
  --nd-utility-hit-size: 44px;
  --nd-utility-disc-size: 32px;
  --nd-language-visible-width: 70px;
  --nd-language-visible-height: 32px;
  --nd-language-active-disc: 29px;
  --nd-language-label-inset: 2px;
  --nd-utility-active-disc: 28px;
  --nd-theme-visible-width: 58px;
  --nd-theme-rail-width: 46px;
  --nd-theme-rail-height: 12px;
  --nd-theme-icon-size: 16px;
  --nd-header-utility-gap: 10px;
  --nd-nav-arrow-gap: 8px;
  --nd-header-signature: #fac80f;
  --nd-header-theme-thumb-color: #13243a;
  --nd-header-theme-day-rail: #dce4eb;
  --nd-header-theme-night-rail: #3a3f46;
  --nd-header-control-hit: 44px;
  --nd-header-control-visual: 32px;
  --nd-header-language-width: 88px;
  --nd-header-language-visual-width: 70px;
  --nd-header-language-active: 29px;
  --nd-header-theme-width: 64px;
  --nd-header-theme-visual-width: 58px;
  --nd-header-theme-rail-width: 46px;
  --nd-header-theme-thumb: 28px;
  --nd-header-theme-icon: 16px;
  --nd-header-account-width: 44px;
  --nd-header-account-visual: 32px;
}

html { scrollbar-gutter: stable; }

html[data-theme="night"] { color-scheme: dark; }
html[data-theme="day"] { color-scheme: light; }
html[dir="rtl"] body :is(h1,h2,h3) { line-height: 1.18 !important; }
html[data-theme="day"] .site-header { background: #FFFDF8; border-bottom: 1px solid #FAC80F; }
html[data-theme="day"] .site-header .journey-rail { background: transparent; }
html[data-theme="day"] .site-header :is(.journey-link,.journey-disclosure,.cart-pill,.mobile-nav-toggle,.account-access-trigger) { color: #191913; }
html[data-theme="night"] body:is(.home-page,.page-account,.page-adventures,.page-experience-details) { background: var(--nd-night-canvas); color: var(--nd-night-body); }
html[data-theme="day"] body:is(.home-page,.page-account,.page-adventures,.page-experience-details) { background: var(--nd-day-canvas); color: var(--nd-day-body); }

:is(.action-primary,.action-secondary,.action-outline,.action-quiet,.action-icon,.action-destructive) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: var(--nd-action-radius);
  padding: .68rem 1rem;
  border: 1px solid transparent;
  font: inherit;
  font-weight: 650;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease, background-color 150ms ease;
}
.action-primary { background: var(--nd-brand-signature); color: #15140E; box-shadow: var(--nd-depth-rest); }
.action-secondary { background: var(--nd-night-raised); color: var(--nd-night-text); box-shadow: var(--nd-depth-rest); }
html[data-theme="day"] .action-secondary { background: var(--nd-day-raised); color: var(--nd-day-text); }
.action-outline { border-color: color-mix(in srgb, var(--nd-brand-signature) 72%, transparent); background: transparent; color: inherit; }
.action-quiet { min-height: 40px; background: transparent; color: inherit; }
.action-icon { width: 44px; padding: 0; border-radius: 50%; background: transparent; color: inherit; }
.action-destructive { background: var(--nd-danger-surface); color: var(--nd-danger-text); }
:is(.action-primary,.action-secondary):active { transform: translateY(2px); box-shadow: var(--nd-depth-pressed); }
:is(.action-primary,.action-secondary,.action-outline,.action-quiet,.action-icon,.action-destructive):focus-visible,
:is(.language-capsule a,.theme-switch,.currency-context,.nav .help-chip):focus-visible {
  outline: 2px solid var(--nd-focus-outer);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px var(--nd-focus-inner);
}

.public-utilities {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  flex: 0 0 auto;
  min-width: max-content;
}
.public-utility-row {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: var(--nd-header-utility-gap);
  min-width: max-content;
}
html[dir="rtl"] .site-header [data-public-utility-row] { direction: rtl; }
.site-header .public-utility-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-header .public-utility-row .public-utilities { margin-inline-start: 0; gap: 6px; }
html[dir] .site-header .public-utility-row > .help-chip { margin-inline-start: 8px; margin-inline-end: 0; }
html[data-theme] .site-header .public-utility-row > .help-chip::after {
  content: "";
  position: absolute;
  inset-block: 10px;
  inset-inline-start: -8px;
  inset-inline-end: auto;
  box-sizing: border-box;
  width: 1px;
  height: 24px;
  padding: 0;
  border: 0;
  border-inline-start: 1px solid rgba(216, 210, 199, .45);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none;
  pointer-events: none;
}
html[data-theme="day"] .site-header .public-utility-row > .help-chip::after { border-inline-start-color: rgba(25, 25, 19, .34); }
.site-header .nav { gap: 8px; }
.public-utility-tooltip-owner { position: relative; }
.public-utility-tooltip {
  position: fixed;
  z-index: 240;
  inset: auto;
  top: var(--nd-utility-tooltip-top, 0);
  left: var(--nd-utility-tooltip-left, 50vw);
  width: max-content;
  max-inline-size: min(220px, calc(100vw - 24px));
  padding: 6px 8px;
  border: 1px solid rgba(250,200,15,.34);
  border-radius: var(--nd-control-radius);
  background: #151914;
  color: #FFFDF8;
  box-shadow: 0 8px 22px rgba(0,0,0,.28);
  font-size: .7rem;
  font-weight: 650;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: opacity 120ms ease-out, visibility 0s linear 120ms;
}
.public-utility-tooltip-owner:is(:hover,:focus-within):not([data-utility-tooltip-suppressed="true"]) .public-utility-tooltip,
[data-utility-tooltip-open="true"] .public-utility-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%);
  transition-delay: 0s;
}
.language-capsule {
  position: relative;
  display: inline-grid;
  direction: ltr;
  grid-template-columns: repeat(2, 44px);
  align-items: center;
  width: var(--nd-header-language-width);
  min-width: var(--nd-header-language-width);
  height: var(--nd-header-control-hit);
  padding: 0;
  border: 0;
  border-radius: var(--nd-action-radius);
  background: transparent;
}
.language-capsule::before {
  content: "";
  position: absolute;
  inset-block-start: 6px;
  left: 50%;
  width: var(--nd-language-visible-width);
  height: var(--nd-language-visible-height);
  border-radius: var(--nd-action-radius);
  background: #2D3233;
  transform: translateX(-50%);
  transition: background-color 120ms ease-out;
}
html[data-theme="day"] .language-capsule::before { background: #E4EAED; }
.language-capsule a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: 44px;
  min-width: 44px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: var(--nd-action-radius);
  color: inherit;
  font-size: .78rem;
  font-weight: 500;
  text-decoration: none;
}
.language-capsule a::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: var(--nd-language-active-disc);
  height: var(--nd-language-active-disc);
  border-radius: 50%;
  background: transparent;
  transition: background-color 120ms ease-out;
}
.language-capsule [data-language-label] { display: inline-block; }
.language-capsule a:first-child :is([data-language-label]),
.language-capsule a:first-child::before { transform: translateX(var(--nd-language-label-inset)); }
.language-capsule a:last-of-type :is([data-language-label]),
.language-capsule a:last-of-type::before { transform: translateX(calc(-1 * var(--nd-language-label-inset))); }
.site-header .language-capsule a { font-weight: 500; }
.site-header .language-capsule a[aria-current="true"] { color: #11160F; font-weight: 700; }
.language-capsule a[aria-current="true"]::before {
  width: var(--nd-language-active-disc);
  height: var(--nd-language-active-disc);
  background: var(--nd-brand-signature);
  box-shadow: none;
}
.theme-switch {
  position: relative;
  width: var(--nd-header-theme-width);
  min-width: var(--nd-header-theme-width);
  height: var(--nd-header-control-hit);
  padding: 0;
  border: 0;
  border-radius: var(--nd-action-radius);
  background: transparent;
  color: #FFF;
  cursor: pointer;
}
.site-header .public-utilities .theme-switch {
  height: var(--nd-utility-hit-size);
  min-height: var(--nd-utility-hit-size);
  padding: 0;
}
.theme-switch-track {
  position: absolute;
  inset-block-start: 6px;
  left: 3px;
  width: var(--nd-theme-visible-width);
  height: var(--nd-utility-visible-size);
  background: transparent;
  transition: none;
}
.theme-switch-track::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  left: 6px;
  width: var(--nd-theme-rail-width);
  height: var(--nd-theme-rail-height);
  border-radius: var(--nd-action-radius);
  background: var(--nd-header-theme-night-rail);
  transform: translateY(-50%);
  transition: background-color 120ms ease-out;
}
.theme-switch-thumb {
  position: absolute;
  inset-block-start: 50%;
  left: 0;
  display: grid;
  place-items: center;
  width: var(--nd-header-theme-thumb);
  height: var(--nd-header-theme-thumb);
  border-radius: 50%;
  background: var(--nd-header-theme-thumb-color);
  color: #FFF;
  transform: translate(calc(var(--nd-theme-visible-width) - var(--nd-header-theme-thumb)), -50%);
  transition: background-color 120ms ease-out;
}
.theme-switch-icon { width: var(--nd-theme-icon-size); height: var(--nd-theme-icon-size); stroke: currentColor; stroke-width: 1.8; fill: none; }
.theme-switch-icon[data-theme-icon="sun"] { display: none; }
.theme-switch[aria-checked="true"] .theme-switch-thumb { transform: translateY(-50%); }
.theme-switch[aria-checked="true"] .theme-switch-icon[data-theme-icon="sun"] { display: block; }
.theme-switch[aria-checked="true"] .theme-switch-icon[data-theme-icon="moon"] { display: none; }
html[data-theme="day"] .theme-switch-track::before { background: var(--nd-header-theme-day-rail); }
html[data-theme="night"] .theme-switch-track::before { background: var(--nd-header-theme-night-rail); }

.nav .help-chip {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 var(--nd-utility-hit-size);
  width: var(--nd-utility-hit-size);
  min-width: var(--nd-utility-hit-size);
  height: var(--nd-utility-hit-size);
  min-height: var(--nd-utility-hit-size);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
}
.nav .help-chip::before {
  inset: auto;
  inset-block-start: 6px;
  inset-inline-start: 6px;
  width: var(--nd-header-control-visual);
  height: var(--nd-header-control-visual);
  border-radius: 50%;
  border: 1px solid #FAC80F;
  background: #191C1D;
  color: #FAC80F;
  transition: background-color 140ms ease, color 140ms ease;
}
html[data-theme="night"] .nav .help-chip::before { background: #191C1D; border: 1px solid #FAC80F; color: #FAC80F; }
html[data-theme="day"] .nav .help-chip::before { background: #FFF; border: 1px solid #191913; color: #191913; }
.site-header .cart-pill {
  box-sizing: border-box;
  flex: 0 0 var(--nd-header-control-hit);
  width: var(--nd-header-control-hit);
  min-width: var(--nd-header-control-hit);
  height: var(--nd-header-control-hit);
  min-height: var(--nd-header-control-hit);
  padding: 0;
  background: transparent;
}
.site-header .cart-count {
  min-width: 18px;
  width: auto;
  max-width: 20px;
  height: 18px;
  min-height: 18px;
  box-shadow: none;
}
.site-header .public-cart-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  fill: none;
  stroke: var(--nd-utility-icon-color);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 120ms ease-out, opacity 120ms ease-out;
}
.language-capsule a:not([aria-current="true"]):hover { color: inherit; }
.language-capsule a[aria-current="true"]:hover::before { background: var(--nd-brand-signature); }
.theme-switch:hover .theme-switch-thumb {
  background: var(--nd-header-theme-thumb-color);
  color: #FFF;
}
.site-header .nav :is(.help-chip, .language-capsule, .language-capsule a, .theme-switch):is(:hover, :focus-visible, :focus-within) {
  background: transparent;
  transform: none;
  box-shadow: none;
}

html[data-theme] .site-header .journey-rail .journey-link { color: #FFF; font-size: .875rem; }
html[data-theme] .site-header .journey-rail .journey-link:not(.active):is(:hover,:focus-visible) { color: #FAC80F; }
html[data-theme] .site-header .journey-menu:has(> .journey-link:not(.active)):is(:hover,:focus-within) > .journey-link { color: #FAC80F; }
html[data-theme] .site-header .journey-rail .journey-link.active { color: #FFF; }
html[data-theme] .site-header .journey-disclosure { color: #D8D2C7; }
html[data-theme] .site-header .journey-disclosure:is(:hover,:focus-visible) {
  color: #D8D2C7;
  background: transparent;
  transform: none;
}
.site-header .journey-menu {
  column-gap: var(--nd-nav-arrow-gap);
}
.site-header .journey-disclosure {
  position: relative;
}
.site-header .journey-disclosure > span {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%) rotate(45deg);
}
.site-header .journey-disclosure[aria-expanded="true"] > span {
  transform: translateY(-50%) rotate(45deg);
}
.site-header .brand { flex: 0 0 auto; min-width: max-content; }
.site-header .brand.brand-lockup { display: inline-flex; align-items: center; direction: ltr; text-decoration: none; transition: opacity 120ms ease-out, color 120ms ease-out; }
.site-header .brand.brand-lockup img { width: 58px; height: 58px; flex: 0 0 auto; object-fit: contain; }
.site-header .brand.brand-lockup > span { min-width: max-content; direction: ltr; }
.site-header .brand.brand-lockup :is(strong, small) { white-space: nowrap; }
html[data-theme="night"] .site-header .brand.brand-lockup :is(strong, small) { color: #FAC80F; }
html[data-theme="day"] .site-header .brand.brand-lockup strong { color: #191913; }
html[data-theme="day"] .site-header .brand.brand-lockup small { color: #344139; }
.site-header .brand.brand-lockup:is(:hover,:focus-visible) { opacity: .92; transform: none; filter: none; box-shadow: none; }
.site-header .brand.brand-lockup:focus-visible { outline: 2px solid #FAC80F; outline-offset: 2px; }
.nav > .help-chip { margin-inline-start: clamp(16px, 1.4vw, 26px); }

.currency-context {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 44px;
  padding: .55rem .78rem;
  border: 1px solid color-mix(in srgb, currentColor 25%, transparent);
  border-radius: var(--nd-control-radius);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.currency-context span { color: inherit; font-size: .72rem; font-weight: 500; }
.currency-context strong { color: var(--nd-brand-signature); font-size: .78rem; letter-spacing: .04em; }
.currency-context:hover { border-color: var(--nd-brand-signature); }
.footer-currency { margin-top: .45rem; width: fit-content; }

.account-preferences .account-preference-grid { margin-bottom: 1rem; }
.account-preferences .theme-choice-grid { margin-top: .25rem; }
.account-security-entry .account-section-head { align-items: center; }
.account-security-entry .account-security-open { margin-inline-start: auto; }

/* Stable three-zone public header: brand | journeys | member utilities. */
.site-header .brand > span > span { font-size: .68rem; line-height: 1.15; }
.site-header .account-menu { position: relative; flex: 0 0 auto; }
.site-header:has(.account-menu.is-open) { z-index: 740; }
.site-header :is(.account-menu-control, .account-access-control) {
  position: relative;
  display: inline-flex;
  width: var(--nd-header-account-width);
  min-width: var(--nd-header-account-width);
  height: var(--nd-header-control-hit);
  min-height: var(--nd-header-control-hit);
  align-items: center;
  justify-content: center;
}
html[data-theme="day"] .site-header .journey-rail .journey-link,
html[data-theme="day"] .site-header .journey-rail .journey-link.active,
html[data-theme="day"] .site-header .journey-rail .journey-link:not(.active):is(:hover,:focus-visible),
html[data-theme="day"] .site-header .journey-menu:has(> .journey-link:not(.active)):is(:hover,:focus-within) > .journey-link { color: #191913; }
html[data-theme="day"] .site-header .journey-rail .journey-link:not(.active):is(:hover,:focus-visible) { color: #191913; }
html[data-theme="day"] .site-header .journey-rail .journey-link:is(.active,:hover,:focus-visible)::after { background: #FAC80F; }
html[data-theme="day"] .site-header .journey-disclosure,
html[data-theme="day"] .site-header .journey-disclosure:is(:hover,:focus-visible) { color: #626D64; }
.site-header .account-access-trigger {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  width: var(--nd-header-account-width);
  min-width: var(--nd-header-account-width);
  height: var(--nd-header-control-hit);
  min-height: var(--nd-header-control-hit);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #11160F;
  cursor: pointer;
}
.site-header .account-access-trigger::before {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: var(--nd-header-account-visual);
  height: var(--nd-header-account-visual);
  border-radius: 50%;
  border: 1px solid rgba(247, 241, 230, .42);
  background: #1D221C;
  transform: translate(-50%, -50%);
  transition: background-color 120ms ease-out, border-color 120ms ease-out, color 120ms ease-out;
}
html[dir="rtl"] .site-header .account-access-trigger::before { transform: translate(50%, -50%); }
html[data-theme="night"] .site-header .account-access-trigger::before { background: #191C1D; border: 1px solid rgba(247, 241, 230, .42); }
html[data-theme="day"] .site-header .account-access-trigger::before { background: #FFF; border: 1px solid rgba(25, 25, 19, .28); }
html[data-theme="night"] .site-header .account-access-trigger { color: #F7F1E6; }
html[data-theme="day"] .site-header .account-access-trigger { color: #191913; }
.site-header .account-access-icon { position: relative; z-index: 1; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.site-header .account-access-trigger::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 33px;
  left: 50%;
  width: 10px;
  height: 1.5px;
  border-radius: 1px;
  background: #FAC80F;
  transform: translateX(-50%);
  pointer-events: none;
}
.site-header .account-menu-home {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  width: var(--nd-header-account-width);
  min-width: var(--nd-header-account-width);
  padding: 0;
  color: #11160F;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}
.site-header .account-menu-home:focus-visible {
  border-radius: var(--nd-action-radius);
  outline: 2px solid #FFF;
  outline-offset: 2px;
}
.site-header .account-menu-home.account-menu-trigger {
  box-shadow: none;
  transform: none;
  transition: background-color .18s ease, color .18s ease;
}
.site-header .account-menu-trigger > * { position: relative; z-index: 1; }
.site-header .account-menu-trigger:is(:hover,:focus-visible) {
  background: transparent !important;
  color: var(--nd-utility-icon-color) !important;
}
.site-header .account-menu-trigger:focus-visible {
  outline: 2px solid #FFF;
  outline-offset: 2px;
}
.site-header .account-menu-panel[hidden] { display: none !important; }
.site-header .account-menu-panel {
  position: absolute;
  z-index: 90;
  inset-block-start: calc(100% + 10px);
  inset-inline-end: 0;
  width: min(270px, calc(100vw - 28px));
  padding: 8px;
  border: 1px solid color-mix(in srgb, #FFF 16%, transparent);
  border-radius: 14px;
  background: #151914;
  box-shadow: 0 18px 42px rgba(0,0,0,.42);
}
.site-header .account-menu-panel nav { display: grid; gap: 2px; }
.site-header .account-mobile-actions { display: none; }
.site-header .account-menu-item {
  box-sizing: border-box;
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #FFF;
  font: inherit;
  font-size: .68rem;
  font-weight: 650;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}
.site-header .account-menu-item:is(:hover,:focus-visible) { background: rgba(250,200,15,.1); color: #FAC80F; outline: 0; }
.site-header .account-menu-count {
  min-width: 23px;
  height: 23px;
  display: inline-grid;
  place-items: center;
  padding-inline: 5px;
  border-radius: 999px;
  background: #FAC80F;
  color: #11160F;
  font-size: .67rem;
  font-weight: 800;
}
.site-header .account-menu-divider { height: 1px; margin: 7px 4px; background: rgba(255,255,255,.14); }
.site-header .account-menu-signout { color: #E7B4AE; }
.site-header .auth-actions::before { content: none; display: none; }

@media (min-width: 1280px) {
  .site-header {
    display: flex;
    min-height: 82px;
    align-items: center;
    gap: clamp(18px, 2.2vw, 38px);
    padding-block: 10px;
  }
  html[data-theme] .site-header .brand {
    flex: 0 0 auto;
    inline-size: auto;
    min-inline-size: max-content;
    block-size: 64px;
    min-block-size: 64px;
  }
  .site-header .brand.brand-lockup { gap: 12px; direction: ltr; }
  html[data-theme] .site-header .brand.brand-lockup img { width: 64px; height: 64px; inline-size: 64px; block-size: 64px; }
  .site-header .brand.brand-lockup > span { display: grid; align-content: center; line-height: 1; }
  .site-header .brand.brand-lockup strong { font-size: 16.2px; font-weight: 800; letter-spacing: .13em; line-height: 1; }
  .site-header .brand.brand-lockup small { margin-top: 4px; font-size: 11.7px; font-weight: 500; line-height: 1; }
  .site-header .mobile-nav-toggle { display: none; }
  .site-header .nav,
  .site-header .nav.is-open {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-height: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow: visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .site-header .journey-rail {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(5px, .7vw, 12px);
    overflow: visible;
    border: 0;
  }
  .site-header .journey-rail > .journey-link,
  .site-header .journey-rail > .journey-menu { flex: 0 1 auto; width: auto; min-width: 0; }
  html[data-theme] .site-header .journey-rail .journey-link {
    width: auto;
    min-height: 44px;
    padding: 8px clamp(6px, .65vw, 11px);
    border-block-end: 0;
    font-size: .875rem;
    white-space: nowrap;
  }
  .site-header .public-utility-row { margin-inline-start: clamp(18px, 2vw, 34px); }
  .site-header .public-utilities { margin-inline-start: 0; gap: var(--nd-header-utility-gap); }
  .site-header .auth-actions { min-height: 44px; display: flex; align-items: center; flex: 0 0 auto; }
  .site-header .public-utility-row > .help-chip { margin-inline-start: 0; }
  .site-header .journey-menu > .journey-link::before,
  .site-header .journey-disclosure::after {
    content: "";
    position: absolute;
    inset-block-start: 100%;
    inset-inline: 0;
    height: 20px;
    pointer-events: auto;
  }
  .site-header .account-menu-panel { display: block; }
}

@media (max-width: 1279px) {
  body:has(.floating-notification-bell:not([hidden])) .site-header .nav.is-open { padding-block-start: 66px; }
  .site-header { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px 12px; }
  .site-header .brand.brand-lockup { width: 64px; min-width: 64px; flex-basis: 64px; }
  .site-header .brand.brand-lockup > span { display: none; }
  .site-header .mobile-nav-toggle { display: inline-grid; grid-column: 2; grid-row: 1; }
  .site-header .nav:not(.is-open) { display: none !important; }
  .site-header .nav.is-open {
    grid-column: 1 / -1;
    width: 100%;
    max-height: calc(100dvh - 84px);
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 14px;
    border: 1px solid var(--nd-border-subtle);
    border-radius: 14px;
    background: #151914;
  }
  html[data-theme="day"] .site-header .nav.is-open { background: #FFFDF8 !important; }
  html[data-theme="day"] .site-header .nav.is-open :is(.journey-link, .journey-disclosure) { color: #191913 !important; }
  .site-header .nav.is-open > .journey-rail {
    grid-row: 1;
    grid-column: 1 / -1;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    border: 0;
  }
  .site-header .nav.is-open .journey-rail > .journey-link,
  .site-header .nav.is-open .journey-rail > .journey-menu { width: 100%; }
  .site-header .journey-menu { column-gap: 0; }
  .site-header .journey-disclosure > span { inset-inline-start: 50%; transform: translate(-50%,-50%) rotate(45deg); }
  html[dir="rtl"] .site-header .journey-disclosure > span { transform: translate(50%,-50%) rotate(45deg); }
  .site-header .journey-disclosure[aria-expanded="true"] > span { transform: translate(-50%,-50%) rotate(45deg); }
  html[dir="rtl"] .site-header .journey-disclosure[aria-expanded="true"] > span { transform: translate(50%,-50%) rotate(45deg); }
  .site-header .nav.is-open > .public-utility-row {
    grid-row: 2;
    grid-column: 1 / -1;
    width: max-content;
    min-width: 0;
    max-width: 100%;
    display: grid !important;
    grid-template-columns: 88px 64px repeat(3, 44px);
    grid-template-rows: auto auto auto;
    align-items: center;
    justify-content: center;
    justify-self: center;
    row-gap: 8px;
    column-gap: 8px;
  }
  .site-header .nav.is-open > .public-utility-row > .public-utilities {
    display: contents !important;
  }
  .site-header .nav.is-open > .public-utility-row > .public-utilities > .language-capsule {
    grid-row: 1;
    grid-column: 1;
    justify-self: center;
  }
  .site-header .nav.is-open > .public-utility-row > .public-utilities > .theme-switch {
    grid-row: 1;
    grid-column: 2;
    justify-self: center;
  }
  .site-header .nav.is-open > .public-utility-row > .help-chip {
    grid-row: 1;
    grid-column: 3;
    justify-self: center;
  }
  .site-header .nav.is-open > .public-utility-row > .cart-pill {
    grid-row: 1;
    grid-column: 4;
    justify-self: center;
  }
  .site-header .nav.is-open > .public-utility-row > .auth-actions {
    display: contents !important;
  }
  .site-header .nav.is-open > .public-utility-row > .auth-actions > :is(.account-menu-control, .account-access-control) {
    grid-row: 1;
    grid-column: 5;
    justify-self: center;
  }
  .site-header .nav.is-open > .public-utility-row .account-mobile-actions {
    grid-row: 2;
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .site-header .nav.is-open > .public-utility-row .account-mobile-actions .auth-link { min-height: 44px; }
  .site-header .account-menu-control { width: var(--nd-header-account-width); max-width: 100%; justify-content: center; margin-inline: 0; }
  .site-header .account-menu-trigger { width: var(--nd-header-account-width); justify-content: center; }
  .site-header .account-menu-panel {
    position: static;
    grid-row: 3;
    grid-column: 1 / -1;
    width: 100%;
    margin-block-start: 8px;
    box-shadow: none;
  }
}

@media (min-width: 981px) and (max-width: 1279px) {
  html[data-theme] .site-header .brand.brand-lockup {
    block-size: 64px;
    min-block-size: 64px;
  }
  html[data-theme] .site-header .brand.brand-lockup img {
    width: 64px;
    height: 64px;
    inline-size: 64px;
    block-size: 64px;
  }
}

@media (max-width: 340px) {
  html { scrollbar-gutter: auto; }
  .site-header .nav.is-open {
    width: calc(100% + 24px);
    margin-inline: -12px;
    padding-inline: 4px;
  }
  .site-header .nav.is-open > .public-utility-row {
    grid-template-columns: 88px 64px 8px repeat(3, 44px);
    column-gap: 0;
  }
  html[dir] .site-header .nav.is-open > .public-utility-row > .help-chip {
    grid-column: 4;
    margin-inline: 0;
  }
  .site-header .nav.is-open > .public-utility-row > .help-chip::after { inset-inline-start: -4px; }
  .site-header .nav.is-open > .public-utility-row > .cart-pill { grid-column: 5; }
  .site-header .nav.is-open > .public-utility-row > .auth-actions > :is(.account-menu-control, .account-access-control) { grid-column: 6; }
}

/* Owner-approved local feedback: the invisible hit target never becomes a surface. */
.site-header {
  --nd-utility-icon-color: #F7F1E6;
  --nd-utility-hover-surface: rgba(255,255,255,.08);
  --nd-utility-pressed-surface: rgba(255,255,255,.12);
  --nd-utility-hover-border: rgba(255,255,255,.6);
  --nd-utility-rail-hover: #4B515A;
  --nd-utility-rail-pressed: #5B626C;
}
html[data-theme="day"] .site-header {
  --nd-utility-icon-color: #191913;
  --nd-utility-hover-surface: rgba(25,25,19,.06);
  --nd-utility-pressed-surface: rgba(25,25,19,.1);
  --nd-utility-hover-border: rgba(25,25,19,.52);
  --nd-utility-rail-hover: #CDD7E0;
  --nd-utility-rail-pressed: #BDCADA;
}
.site-header .nav .public-utility-row :is(.language-capsule, .theme-switch, .help-chip, .cart-pill, .account-access-trigger):is(:hover,:active,:focus-within) {
  background: transparent;
  transform: none;
  box-shadow: none;
  filter: none;
}
@media (hover: hover) and (pointer: fine) {
  .site-header .nav .public-utility-row :is(.language-capsule, .theme-switch, .help-chip, .cart-pill, .account-access-trigger, .account-menu-trigger, .auth-link):is(:hover, :focus-within) {
    transform: none;
    box-shadow: none;
    filter: none;
    transition: background-color 120ms ease-out, border-color 120ms ease-out, color 120ms ease-out;
  }
  .site-header .language-capsule a:not([aria-current="true"]):hover::before { background: var(--nd-utility-hover-surface); }
  html[data-theme] .site-header .theme-switch:hover .theme-switch-track::before { background: var(--nd-utility-rail-hover); }
  html[data-theme] .site-header .nav .help-chip:hover::before { background: var(--nd-utility-hover-surface); }
  html[data-theme] .site-header .account-access-trigger:hover::before { background: var(--nd-utility-hover-surface); border-color: var(--nd-utility-hover-border); }
  html[data-theme="night"] .site-header .cart-pill:hover .public-cart-icon { stroke: #FAC80F; }
  html[data-theme="day"] .site-header .cart-pill:hover .public-cart-icon { opacity: .85; }
  .site-header .nav .public-utility-row .public-utility-tooltip-owner:is(:hover, :focus-within) {
    transform: none !important;
    box-shadow: none !important;
  }
}
.site-header .language-capsule a:not([aria-current="true"]):active::before { background: var(--nd-utility-pressed-surface); }
html[data-theme] .site-header .theme-switch:active .theme-switch-track::before { background: var(--nd-utility-rail-pressed); }
html[data-theme] .site-header .nav .help-chip:active::before { background: var(--nd-utility-pressed-surface); }
html[data-theme] .site-header .account-access-trigger:active::before { background: var(--nd-utility-pressed-surface); border-color: var(--nd-utility-hover-border); }
html[data-theme="night"] .site-header .cart-pill:active .public-cart-icon { stroke: #FAC80F; }
html[data-theme="day"] .site-header .cart-pill:active .public-cart-icon { opacity: 1; }

.site-header .nav .public-utility-row :is(.language-capsule a, .theme-switch, .help-chip, .cart-pill, .account-access-trigger, .account-menu-trigger, .auth-link):focus-visible {
  outline: 2px solid #FAC80F;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .site-header .language-capsule::before,
  .site-header .language-capsule a::before,
  .site-header .theme-switch-thumb,
  .site-header .theme-switch-track::before,
  .site-header .help-chip::before,
  .site-header .account-access-trigger::before,
  .site-header .public-cart-icon { transition: none !important; }
  .site-header .nav .public-utility-row :is(.language-capsule, .theme-switch, .help-chip, .cart-pill, .account-access-trigger, .account-menu-trigger, .auth-link) {
    transform: none !important;
    transition: none !important;
  }
}

/* Pilot mapping: public commercial/continuation actions only; controls keep their component grammar. */
body:is(.home-page,.page-account,.page-adventures,.page-experience-details) :is(.btn,.primary-action):not(.ghost):not(.danger):not([data-destructive]) {
  border-radius: var(--nd-action-radius);
  font-weight: 650;
}
body:is(.home-page,.page-account,.page-adventures,.page-experience-details) :is(.btn.ghost,.secondary-action) { border-radius: var(--nd-action-radius); font-weight: 600; }
body:is(.home-page,.page-account,.page-adventures,.page-experience-details) :is(.danger,[data-destructive]) { border-radius: var(--nd-action-radius); }

@media (min-width: 981px) and (max-width: 1180px) {
  body.page-shop .shop-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 14px; }
  body.page-shop .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .site-header { grid-template-columns: minmax(0,1fr) auto auto; }
  .site-header .mobile-nav-toggle { grid-column: 3; grid-row: 1; }
  .site-header .nav:not(.is-open) { display: none !important; }
  .site-header .nav.is-open {
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, minmax(0,1fr));
    justify-content: space-between;
    align-items: center;
  }
  .site-header .language-capsule { grid-template-columns: repeat(2, var(--nd-utility-hit-size)); }
  .site-header .theme-switch { width: var(--nd-header-theme-width); min-width: var(--nd-header-theme-width); }
  .nav.is-open > .public-utilities { grid-row: 2; grid-column: 1 / span 4; display: flex !important; justify-self: center; }
  .nav.is-open > .auth-actions { grid-row: 3; grid-column: 1 / -1; }
  .nav.is-open > .help-chip { grid-row: 4; grid-column: 2; justify-self: center; margin-inline-start: 0; }
  .nav.is-open > .cart-pill { grid-row: 4; grid-column: 4; justify-self: center; }
  html[data-theme] .site-header .journey-rail .journey-link { font-size: .875rem; }
  .account-security-entry .account-section-head { align-items: flex-start; }
  .account-security-entry .account-security-open { margin-inline-start: 0; }
}

@media (max-width: 599px) {
  .site-header { grid-template-columns: minmax(0, 1fr) auto; }
  .site-header .mobile-nav-toggle { grid-column: 2; grid-row: 1; }
  .site-header .brand { min-width: 0; max-width: 100%; }
  .site-header .brand > span { min-width: 0; max-width: 100%; }
  .site-header .brand strong { font-size: clamp(.72rem, 3.8vw, .84rem); letter-spacing: .06em; white-space: nowrap; }
  .site-header .brand img { flex: 0 0 auto; }
}

@media (max-width: 420px) {
  .public-utility-row { max-width: 100%; gap: var(--nd-header-utility-gap); }
  .public-utilities { gap: var(--nd-header-utility-gap); }
  .site-header .theme-switch { width: var(--nd-header-theme-width); min-width: var(--nd-header-theme-width); }
  .currency-context { padding-inline: .65rem; }
}

@media (max-width: 640px) {
  body.page-account :is(.account-page-host,.account-page-profile,.account-panel,.account-form,.account-request-column,.account-section,.account-saved-journeys,.account-request-grid,.account-request-grid > section,.account-theme-section,.account-grid,.account-field) {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-inline: 0;
  }
  body.page-account .account-request-column { padding-inline: 0; }
  body.page-account :is(.account-section-head,.account-section-head > div,.account-grid > *,select,input,textarea) { min-width: 0; max-width: 100%; }
  body.page-account .account-request-tabs { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.page-account .account-request-tabs > * { width: 100%; min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
  :is(.action-primary,.action-secondary,.action-outline,.action-quiet,.action-icon,.action-destructive,.theme-switch-track) {
    transform: none !important;
    transition: none !important;
  }
  .nav .help-chip::before,
  .language-capsule::before,
  .theme-switch-track {
    transform: none !important;
    transition: none !important;
  }
  .theme-switch-track::before { transition: none !important; }
  .language-capsule::before { transform: translateX(-50%) !important; }
  .theme-switch-thumb { transition: none !important; }
  .public-utility-tooltip { transition: none !important; }
}
.site-header .account-menu-trigger > span { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 0; }
/* END ND-AHMAD-ALATTAR-2026-PROPRIETARY */