/* ═══════════════════════════════════════════════════════
   DESKTOP GLASSMORPHISM REDESIGN
   ONLY applies at ≥ 769px — mobile completely untouched
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --glass-bg:     rgba(19,19,19,.4);
  --glass-border: rgba(242,202,80,.12);
  --glass-blur:   blur(12px);
  --section-v:    72px;   /* reduced from 128px — was creating excessive vertical gaps */
  --cx:           64px;   /* reduced from 80px — was creating excessive side padding */
}

@media (min-width: 769px) {

/* Body offset for fixed 72px navbar */
body { padding-top: 0 !important; } /* hero is fullscreen — sits under navbar intentionally */

/* ─── GLOBAL CONTAINER ──────────────────────────────── */
/* Apply 80px padding to all containers EXCEPT footer, stats, and nav */
.container:not(.stats-banner__inner) {
  max-width: 1440px !important;
  padding-left: var(--cx) !important;
  padding-right: var(--cx) !important;
}
/* Footer — undo the padding override (footer has its own) */
.footer .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* ─── GLASS UTILITY ────────────────────────────────── */
.glass-d {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  border-radius: 12px;
}

/* ─── NAVBAR — Single unified row ─────────────── */
/* Header = fixed 72px single row: Logo | [centered nav] | Search + Icons + RFQ */
.navbar {
  background: rgba(14,14,14,.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--glass-border) !important;
  height: 72px !important;         /* single-row height */
  overflow: visible !important;
}
.navbar.scrolled { background: rgba(10,10,10,.98) !important; }

/* ── SINGLE ROW: navbar__inner is a flex row ────── */
.navbar__inner {
  padding-left: var(--cx) !important;
  padding-right: var(--cx) !important;
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
}
.navbar__logo { flex-shrink: 0 !important; }
.navbar__logo-text {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  color: #e5e2e1 !important;
}
.navbar__center-nav {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  justify-content: center !important;
  height: 72px !important;
}
.navbar__actions {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  flex-shrink: 0 !important;
}
.navbar__center-nav .navbar__menu-item,
.navbar__menu-item {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .58rem !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  padding: 0 13px !important;
  height: 72px !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
  color: #6e6660 !important;
  transition: color .15s !important;
  border-bottom: 2px solid transparent !important;
}
.navbar__menu-item:hover,
.navbar__menu-item--active { color: #f2ca50 !important; border-bottom-color: #f2ca50 !important; }
.navbar__menu-dropdown { position: relative !important; }
/* Hide old second-row nav on desktop — replaced by navbar__center-nav */
.navbar__menu { display: none !important; }

/* ── ACTION ICONS ──────────────────────────────── */
/* Hide text labels completely */
.navbar__action-label { display: none !important; }

.navbar__actions {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-shrink: 0 !important;
}
.navbar__action {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  border-radius: 50% !important;
  color: #9a908a !important;
  transition: background .15s, color .15s !important;
  position: relative !important;
  flex-shrink: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  text-decoration: none !important;
}
.navbar__action:hover {
  background: rgba(255,255,255,.07) !important;
  color: #e5e2e1 !important;
}
#theme-toggle {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#theme-toggle:hover { background: rgba(255,255,255,.07) !important; }

/* Submit RFQ — gold pill */
.navbar__actions .btn--primary.btn--sm,
.btn--primary.btn--sm {
  border-radius: 40px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .15em !important;
  padding: 10px 20px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  margin-left: 6px !important;
  height: auto !important;
  min-width: auto !important;
}
/* Search pill */
.navbar__search-trigger {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(31,31,33,.9) !important;
  border: 1px solid rgba(77,70,53,.45) !important;
  border-radius: 40px !important;
  padding: 11px 24px 11px 18px !important; /* larger padding */
  color: #6a6260 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .72rem !important;               /* bigger text */
  letter-spacing: .1em !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  min-width: 200px !important;               /* wider pill */
  flex-shrink: 0 !important;
  transition: border-color .2s, color .2s, background .2s !important;
}
.navbar__search-trigger svg {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}
.navbar__search-trigger:hover {
  border-color: rgba(242,202,80,.45) !important;
  background: rgba(38,38,40,.95) !important;
  color: #c0b8b0 !important;
}



/* ─── HERO ─────────────────────────────────────────── */
.hero {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;    /* prevent hero from overflowing viewport */
  overflow: hidden !important;     /* clip any overflowing child elements */
}
.hero__content {
  padding-top: clamp(72px, 10vh, 130px) !important;   /* 72px = navbar height, content starts right below */
  padding-bottom: 60px !important;
  padding-left: var(--cx) !important;
  padding-right: var(--cx) !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  /* Ensure text never overflows the hero container */
  max-height: 100vh !important;
  overflow: hidden !important;
}
.hero__text { max-width: 680px !important; }
.hero__tag {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .7rem !important;
  letter-spacing: .28em !important;
  color: var(--primary, #f2ca50) !important;
  margin-bottom: 20px !important;
}
.hero__title {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(2.8rem, 4.5vw, 4.8rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 24px !important;
  color: #e5e2e1 !important;
}
.hero__title-accent {
  font-style: italic !important;
  color: #f2ca50 !important;
}
.hero__desc {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  color: #d0c5af !important;
  max-width: 520px !important;
  margin-bottom: 44px !important;
}
.hero__actions { display: flex !important; align-items: center !important; gap: 28px !important; }
.hero__actions .btn--primary.btn--lg {
  border-radius: 0 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .72rem !important;
  letter-spacing: .2em !important;
  padding: 18px 40px !important;
  background: #f2ca50 !important;
  color: #131313 !important;
}
.hero__actions .btn--outline-white.btn--lg {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(229,226,225,.35) !important;
  border-radius: 0 !important;
  color: #e5e2e1 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .72rem !important;
  letter-spacing: .2em !important;
  padding: 4px 0 !important;
}
.hero__actions .btn--outline-white.btn--lg:hover { border-color: #f2ca50 !important; color: #f2ca50 !important; }
.hero__stats { margin-top: 40px !important; padding-top: 28px !important; border-top: 1px solid rgba(77,70,53,.3) !important; display: flex !important; gap: 48px !important; }
.hero__stat strong { font-family: 'Manrope', sans-serif !important; font-size: 2.2rem !important; font-weight: 800 !important; color: #f2ca50 !important; display: block !important; line-height: 1 !important; }
.hero__stat span { font-family: 'JetBrains Mono', monospace !important; font-size: .6rem !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: #99907c !important; display: block !important; margin-top: 6px !important; }
.hero__stat-divider { width: 1px !important; height: 40px !important; background: rgba(77,70,53,.4) !important; align-self: center !important; }
.hero__overlay {
  background: linear-gradient(to bottom, rgba(14,14,14,.15) 0%, rgba(14,14,14,.35) 55%, rgba(14,14,14,.92) 100%) !important;
}

/* ─── STATS BANNER ─────────────────────────────────── */
/* Section wrapper — transparent, with top margin for gap from hero */
.stats-banner {
  padding: 32px 64px !important; /* reduced side and top margins */
  margin-top: 0 !important;
  background: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
}
/* Inner container — glass card, centered, no full bleed */
.stats-banner .container.stats-banner__inner,
.container.stats-banner__inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 28px 40px !important;
  background: rgba(27,27,29,.85) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.stats-banner__number {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.5rem, 2.2vw, 2.2rem) !important;
  font-weight: 800 !important;
  color: #f2ca50 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.stats-banner__text {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.stats-banner__text span {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .58rem !important;
  letter-spacing: .14em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.stats-banner__item {
  border-right: 1px solid rgba(77,70,53,.2) !important;
  padding: 0 24px !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.stats-banner__item:first-child { padding-left: 0 !important; }
.stats-banner__item:last-child { border-right: none !important; padding-right: 0 !important; }
.stats-banner__icon {
  flex-shrink: 0 !important;
  width: 40px !important;
  height: 40px !important;
}

/* ─── SECTION HEADER GAP ──────────────────────────── */
.section__header { margin-bottom: 48px !important; }

/* ─── SECTION TITLES ───────────────────────────────── */
.section__tag, .rg-eyebrow, .journal-eyebrow, .fp-eyebrow {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .68rem !important;
  letter-spacing: .28em !important;
}
.section__title, .rg-title, .journal-title, .fp-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(2.2rem, 3.5vw, 3.5rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  line-height: 1.1 !important;
}
.section { padding-top: var(--section-v) !important; padding-bottom: var(--section-v) !important; }

/* ─── PRODUCT CARDS ────────────────────────────────── */
.fp-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 28px !important;
}
.pc { min-width: 0 !important; }
.pc {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
.pc:hover {
  border-color: rgba(242,202,80,.4) !important;
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(242,202,80,.08) !important;
}
.pc__img-wrap {
  position: relative !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  overflow: hidden !important;
  background: #fff !important;
}
.pc__img-wrap > a {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}
.pc__img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px !important;
  background: #fff !important;
}
.pc__avatar {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.pc__badge {
  border-radius: 3px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .58rem !important;
  letter-spacing: .1em !important;
  padding: 3px 8px !important;
}
.pc__body { padding: 20px 20px 20px !important; }
.pc__vendor {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .6rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: #f2ca50 !important;
}
.pc__title { font-family: 'Manrope', sans-serif !important; font-size: 1.05rem !important; font-weight: 700 !important; }
.pc__price { font-family: 'JetBrains Mono', monospace !important; font-weight: 700 !important; color: #f2ca50 !important; }
.pc__moq { font-family: 'JetBrains Mono', monospace !important; font-size: .6rem !important; letter-spacing: .1em !important; }
.pc__btn-view { font-family: 'JetBrains Mono', monospace !important; font-size: .62rem !important; letter-spacing: .15em !important; }
.pc__add-cart { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace !important; letter-spacing: .15em !important; }

/* ─── CATEGORIES ───────────────────────────────────── */
.categories-grid { gap: 18px !important; }
.category-card {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  padding: 26px 16px 22px !important;
}
.category-card__img { width: 64px !important; height: 64px !important; border-radius: 50% !important; background: rgba(242,202,80,.08) !important; border-color: rgba(242,202,80,.15) !important; }
.category-card__body h3 { font-family: 'JetBrains Mono', monospace !important; font-size: .64rem !important; letter-spacing: .12em !important; }

/* ─── SHOP BY REGION ───────────────────────────────── */
.rg-section--full { padding-top: var(--section-v) !important; }
.rg-head-wrap { padding: 0 var(--cx) 48px !important; }
.rg-title { font-family: 'Manrope', sans-serif !important; font-size: clamp(2.2rem,3.5vw,3.5rem) !important; font-weight: 800 !important; letter-spacing: -.015em !important; }
.rg-eyebrow { font-family: 'JetBrains Mono', monospace !important; }
.rg-card { border: 1px solid var(--glass-border) !important; border-radius: 12px !important; }
.rg-card:hover { border-color: rgba(242,202,80,.4) !important; }
.rg-card__name { font-family: 'Manrope', sans-serif !important; font-size: 1.1rem !important; font-weight: 700 !important; }
.rg-card__desc { font-style: italic !important; }
.rg-card__count { font-family: 'JetBrains Mono', monospace !important; font-size: .6rem !important; letter-spacing: .18em !important; color: #f2ca50 !important; }

/* Region — horizontal scroll cards on desktop */
.rg-grid {
  display: flex !important;
  overflow-x: auto !important;
  gap: 24px !important;
  padding: 0 var(--cx) 48px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  align-items: stretch !important;
}
.rg-grid::-webkit-scrollbar { display: none !important; }
/* All region cards same size in horizontal scroll */
.rg-grid .rg-card,
.rg-grid .rg-card--wide,
.rg-grid .rg-card--tall,
.rg-grid .rg-card--wide.rg-card--tall {
  flex: none !important;
  width: 380px !important;
  min-height: 280px !important;
  grid-column: unset !important;
  grid-row: unset !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
}
/* Text overlay for region cards in horizontal layout */
.rg-grid .rg-card__inner {
  position: relative !important;
  z-index: 5 !important;
  padding: 20px !important;
  background: linear-gradient(to top, rgba(14,14,14,.95) 0%, rgba(14,14,14,.3) 100%) !important;
}
/* Hide icon when background image present */
.rg-grid .rg-card--has-bg .rg-card__icon { display: none !important; }
.rg-grid .rg-card:not(.rg-card--has-bg) .rg-card__icon { font-size: 2rem !important; margin-bottom: 8px !important; display: block !important; }
/* Image-background cards — grayscale by default, color on hover */
.rg-grid .rg-card--has-bg {
  filter: grayscale(60%) !important;
  opacity: .85 !important;
  transition: filter .6s ease, opacity .6s ease, transform .35s ease, border-color .25s !important;
}
.rg-grid .rg-card--has-bg:hover {
  filter: grayscale(0%) !important;
  opacity: 1 !important;
  transform: translateY(-4px) !important;
  border-color: rgba(242,202,80,.5) !important;
}
/* Overlay lighter for image cards */
.rg-grid .rg-card--has-bg .rg-card__bg-overlay {
  background: linear-gradient(to top, rgba(14,14,14,.9) 0%, rgba(14,14,14,.2) 60%, transparent 100%) !important;
}
.rg-card__count { font-family: 'JetBrains Mono', monospace !important; font-size: .62rem !important; letter-spacing: .18em !important; color: #f2ca50 !important; text-transform: uppercase !important; }

/* ─── JOURNAL ──────────────────────────────────────── */
.journal-section {
  padding: var(--section-v) 0 !important;
  background: rgba(27,27,29,.9) !important;
  border-top: 1px solid var(--glass-border) !important;
  border-bottom: 1px solid var(--glass-border) !important;
}
.journal-title { font-family: 'Manrope', sans-serif !important; font-size: clamp(2.2rem,3.5vw,3.5rem) !important; font-weight: 800 !important; letter-spacing: -.015em !important; }
.journal-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 24px !important;
}
.journal-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 14px !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
}
.journal-card--feat { grid-column: auto !important; }
.journal-card:hover { border-color: rgba(242,202,80,.38) !important; }
.journal-card__img {
  position: relative !important;
  display: block !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
  background: #1f1f21 !important;
}
.journal-card__real-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.journal-card__cat {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 1 !important;
  padding: 4px 8px !important;
  background: rgba(14,14,14,.78) !important;
  border: 1px solid rgba(242,202,80,.36) !important;
  color: #f2ca50 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .58rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.journal-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 20px !important;
}
.journal-card__meta,
.journal-card__date,
.journal-card__read,
.journal-card__author {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .62rem !important;
  letter-spacing: .06em !important;
  color: #9a908a !important;
}
.journal-card__title {
  margin: 0 !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}
.journal-card__excerpt {
  margin: 0 !important;
  color: #c8bfae !important;
  line-height: 1.6 !important;
}
.journal-card__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: fit-content !important;
  margin-top: auto !important;
  color: #f2ca50 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: .62rem !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

/* ─── TESTIMONIALS ─────────────────────────────────── */
.testimonials-carousel {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
}
.testimonial-card__text { font-style: italic !important; font-size: 1rem !important; line-height: 1.75 !important; }
.testimonial-card__author strong { font-family: 'Manrope', sans-serif !important; font-weight: 700 !important; }

/* ─── NEWSLETTER ───────────────────────────────────── */
.newsletter { padding: var(--section-v) 0 !important; }
.newsletter h2,
.newsletter__text h2 {
  color: #1e190d !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: clamp(1.8rem,2.8vw,2.6rem) !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
}
.newsletter p,
.newsletter__text p {
  color: #332b18 !important;
}
.newsletter__form input[type="email"] { border-radius: 0 !important; background: rgba(27,27,29,.9) !important; border: 1px solid var(--glass-border) !important; padding: 14px 20px !important; }
.newsletter__form .btn--accent { border-radius: 0 !important; font-family: 'JetBrains Mono', monospace !important; font-size: .7rem !important; letter-spacing: .18em !important; padding: 14px 28px !important; }

/* ─── CTA SPLIT (Tribal Artisans / Source Direct section) ── */
/* Give it the same 80px side margins as other sections */
.cta-split {
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 14px !important;
  border: 1px solid var(--glass-border) !important;
  overflow: hidden !important;
  gap: 1px !important;
}

/* ─── FOOTER ───────────────────────────────────────── */
.footer { padding-top: 96px !important; }
/* Footer grid already has 80px padding — ensure no double padding */
.footer__grid { padding-left: 80px !important; padding-right: 80px !important; }
.footer__bottom { padding-left: 80px !important; padding-right: 80px !important; max-width: 1440px !important; margin: 0 auto !important; }
.footer__section-title { font-family: 'JetBrains Mono', monospace !important; font-size: .62rem !important; letter-spacing: .2em !important; text-transform: uppercase !important; }

/* ─── HERO IMAGE — lighter overlay for image visibility ── */
.hero__bg-img { transform: scale(1.02) !important; }
.hero__overlay--light {
  background: linear-gradient(to bottom, rgba(14,14,14,.05) 0%, transparent 30%, rgba(14,14,14,.8) 100%) !important;
}

/* ─── SHIMMER (faster, design-spec) ─────────────────── */
@keyframes shimmerD {
  from { background-position: -600px 0; }
  to   { background-position: 600px 0; }
}
.rg-card__sk, .journal-card__sk {
  background: linear-gradient(90deg, rgba(31,31,33,.8) 25%, rgba(42,42,44,1) 50%, rgba(31,31,33,.8) 75%) !important;
  background-size: 600px 100% !important;
  animation: shimmerD 1.2s infinite linear !important;
  transition: opacity .25s ease !important;
}

} /* end @media (min-width: 769px) */

/* ── Narrow desktop / desktop-site on phone (769px–1100px) ── */
@media (min-width: 769px) and (max-width: 1100px) {
  :root { --cx: 24px; }

  .navbar__inner {
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Center nav: can shrink, items tighter */
  .navbar__center-nav {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    justify-content: flex-start !important;
  }
  .navbar__center-nav .navbar__menu-item,
  .navbar__menu-item {
    padding: 0 8px !important;
    font-size: .55rem !important;
  }

  /* Search trigger: shrink text, keep icon */
  .navbar__search-trigger {
    min-width: 0 !important;
    padding: 9px 14px 9px 12px !important;
  }
  .navbar__search-trigger span { display: none !important; }

  /* Actions: allow shrink, tighter gap */
  .navbar__actions {
    flex-shrink: 1 !important;
    gap: 2px !important;
  }
  .navbar__action {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
  #theme-toggle {
    width: 34px !important;
    height: 34px !important;
  }

  /* RFQ pill: shorter label */
  .navbar__actions .btn--primary.btn--sm {
    padding: 8px 14px !important;
    font-size: .58rem !important;
    margin-left: 4px !important;
  }
}

/* ── Very narrow desktop-site (769px–880px) — hide some nav items ── */
@media (min-width: 769px) and (max-width: 880px) {
  /* Hide center nav entirely — space is too tight */
  .navbar__center-nav { display: none !important; }

  /* Actions must never shrink off screen */
  .navbar__actions {
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }
}

/* ══════════════════════════════════════════════════════
   LIGHT THEME OVERRIDES — wrapped in same media queries
   to match cascade specificity of the dark rules above
   ══════════════════════════════════════════════════════ */

/* Global light overrides (no media query needed) */
[data-theme="light"] body { background: #faf9f7 !important; }

/* Desktop: wrap in @media (min-width: 769px) to match dark rule specificity */
@media (min-width: 769px) {

/* ── Navbar ── */
[data-theme="light"] .navbar {
  background: rgba(250,249,247,.94) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(208,197,175,.45) !important;
}
[data-theme="light"] .navbar.scrolled {
  background: rgba(250,249,247,.98) !important;
  border-color: rgba(127,118,99,.4) !important;
}
[data-theme="light"] .navbar__logo-text { color: #131313 !important; }
[data-theme="light"] .navbar__center-nav .navbar__menu-item { color: #605e5c !important; }
[data-theme="light"] .navbar__center-nav .navbar__menu-item:hover,
[data-theme="light"] .navbar__center-nav .navbar__menu-item--active { color: #745b00 !important; }
[data-theme="light"] .navbar__menu-item--active { border-color: #745b00 !important; }
[data-theme="light"] .navbar__search-trigger {
  background: rgba(239,238,236,.9) !important;
  border-color: rgba(208,197,175,.6) !important;
  color: #7f7663 !important;
}
[data-theme="light"] .navbar__search-trigger:hover {
  background: rgba(233,232,230,.95) !important;
  border-color: rgba(116,91,0,.45) !important;
  color: #745b00 !important;
}
[data-theme="light"] .navbar__action { color: #605e5c !important; }
[data-theme="light"] .navbar__action:hover { color: #745b00 !important; }
[data-theme="light"] .navbar__actions .btn--primary {
  background: #f2ca50 !important; color: #131313 !important;
  border-color: #f2ca50 !important;
}
[data-theme="light"] .dropdown-panel {
  background: #fff !important;
  border-color: rgba(208,197,175,.5) !important;
  box-shadow: 0 8px 32px rgba(116,91,0,.1) !important;
}
[data-theme="light"] .dropdown-panel__item { color: #4d4635 !important; }
[data-theme="light"] .dropdown-panel__item:hover { color: #745b00 !important; background: rgba(116,91,0,.05) !important; }

/* ── Hero light mode ── */
[data-theme="light"] .hero__title  { color: #131313 !important; }
[data-theme="light"] .hero__title-accent { color: #745b00 !important; }
[data-theme="light"] .hero__desc   { color: #4d4635 !important; }
[data-theme="light"] .hero__tag    { color: #745b00 !important; border-color: rgba(116,91,0,.3) !important; }
[data-theme="light"] .hero__stat strong { color: #131313 !important; }
[data-theme="light"] .hero__stat span   { color: #7f7663 !important; }
[data-theme="light"] .hero__stat-divider { background: rgba(116,91,0,.25) !important; }
[data-theme="light"] .hero__stats  { border-color: rgba(208,197,175,.4) !important; }
[data-theme="light"] .hero__overlay {
  background: linear-gradient(to bottom, rgba(244,243,241,.45) 0%, rgba(244,243,241,.15) 40%, rgba(244,243,241,.85) 100%) !important;
}
[data-theme="light"] .hero__actions .btn--primary.btn--lg {
  background: #131313 !important; color: #faf9f7 !important;
}
[data-theme="light"] .hero__actions .btn--outline-white.btn--lg {
  color: #131313 !important; border-color: rgba(19,19,19,.35) !important;
}
[data-theme="light"] .hero__actions .btn--outline-white.btn--lg:hover {
  color: #745b00 !important; border-color: #745b00 !important;
}
/* Cursor blinking in hero title */
[data-theme="light"] .hero__cursor { background: #745b00 !important; }

/* ── Product cards ── */
[data-theme="light"] .pc {
  background: #F2F0ED !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(208,197,175,.35) !important;
  border-radius: 8px !important;
}
[data-theme="light"] .pc:hover {
  border-color: rgba(116,91,0,.4) !important;
  box-shadow: 0 12px 32px rgba(116,91,0,.1) !important;
  transform: translateY(-4px) !important;
}
[data-theme="light"] .pc__price  { color: #745b00 !important; }
[data-theme="light"] .pc__title a { color: #131313 !important; }
[data-theme="light"] .pc__vendor  { color: #7f7663 !important; }
[data-theme="light"] .pc__desc    { color: #605e5c !important; }
[data-theme="light"] .pc__add-cart { background: #131313 !important; color: #faf9f7 !important; }

/* ── Journal/Blog cards ── */
[data-theme="light"] .journal-card {
  background: #F2F0ED !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-color: rgba(208,197,175,.4) !important;
}
[data-theme="light"] .journal-card:hover { border-color: rgba(116,91,0,.35) !important; }
[data-theme="light"] .journal-card__title,
[data-theme="light"] .journal-card__title a { color: #131313 !important; }
[data-theme="light"] .journal-card__excerpt { color: #605e5c !important; }
[data-theme="light"] .journal-card__cat    { color: #745b00 !important; }
[data-theme="light"] .journal-card__meta,
[data-theme="light"] .journal-card__date   { color: #7f7663 !important; }
[data-theme="light"] .journal-card__cta    { color: #745b00 !important; border-color: rgba(116,91,0,.3) !important; }
[data-theme="light"] .journal-title   { color: #131313 !important; }
[data-theme="light"] .journal-eyebrow { color: #D4AC3B !important; }
[data-theme="light"] .journal-more    { color: #745b00 !important; border-color: rgba(116,91,0,.4) !important; }

/* ── Region grid ── */
[data-theme="light"] .rg-card__count { color: rgba(250,249,247,.85) !important; }

/* ── Category cards ── */
[data-theme="light"] .category-card { background: #F2F0ED !important; backdrop-filter: none !important; border-color: rgba(208,197,175,.3) !important; }
[data-theme="light"] .category-card__body h3 { color: #131313 !important; }
[data-theme="light"] .category-card__img { background: rgba(116,91,0,.06) !important; border-color: rgba(116,91,0,.12) !important; color: #745b00 !important; }

/* ── Stats banner ── */
[data-theme="light"] .stats-banner { background: #ffffff !important; border-color: rgba(208,197,175,.35) !important; }
[data-theme="light"] .stats-banner__number { color: #131313 !important; }
[data-theme="light"] .stats-banner__icon   { color: #745b00 !important; background: rgba(116,91,0,.06) !important; border-color: rgba(116,91,0,.15) !important; }
[data-theme="light"] .stats-banner__text span { color: #605e5c !important; }
[data-theme="light"] .stats-banner__item   { border-color: rgba(208,197,175,.4) !important; }

/* ── Promo/Flash banner stays dark ── */
[data-theme="light"] .promo-banner { background: #131313 !important; }

} /* end @media (min-width: 769px) */
/* Keep testimonial content readable on the white cards. */
.testimonial-card { color: #1e190d !important; }
.testimonial-card__text { color: #3e3526 !important; }
.testimonial-card__author,
.testimonial-card__author strong { color: #1e190d !important; }
.testimonial-card__author span { color: #6f6045 !important; }
/* Restore the two-card desktop promotion layout. */
@media (min-width: 769px) {
  .cta-split {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }

  .cta-card {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    min-height: 300px !important;
    padding: 38px !important;
    overflow: hidden !important;
    border: 1px solid rgba(242, 202, 80, .18) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(39, 32, 20, .98), rgba(16, 16, 16, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .035), 0 18px 40px rgba(0, 0, 0, .18) !important;
  }

  .cta-card:nth-child(2) {
    background: linear-gradient(135deg, rgba(17, 32, 28, .98), rgba(16, 16, 16, .98)) !important;
  }

  .cta-card__body {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 78% !important;
  }

  .cta-card__tag {
    display: inline-block !important;
    margin-bottom: 14px !important;
    color: #f2ca50 !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
  }

  .cta-card__title {
    margin: 0 0 12px !important;
    color: #f7f3e8 !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: clamp(1.45rem, 2vw, 2rem) !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
  }

  .cta-card__desc {
    margin: 0 0 24px !important;
    color: #c7bda6 !important;
    font-size: .95rem !important;
    line-height: 1.6 !important;
  }

  .cta-card__body .btn {
    margin-top: auto !important;
  }

  .cta-card__icon {
    position: absolute !important;
    z-index: 1 !important;
    right: 24px !important;
    bottom: 18px !important;
    opacity: 1 !important;
    pointer-events: none !important;
  }

  .cta-card__orb, .cta-card__beam {
    position: absolute !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
}

/* Eximpova product-list color system */
body:has(.products-grid) form[action='/products'] > div { background: linear-gradient(145deg, #211c12, #171717) !important; border-color: rgba(242, 202, 80, .34) !important; box-shadow: 0 16px 38px rgba(0, 0, 0, .2) !important; }
body:has(.products-grid) form[action='/products'] h3, body:has(.products-grid) form[action='/products'] label { color: #f7f3e8 !important; }
body:has(.products-grid) form[action='/products'] input, body:has(.products-grid) form[action='/products'] select, body:has(.products-grid) main > div select { background: #151515 !important; border-color: rgba(242, 202, 80, .4) !important; color: #f7f3e8 !important; box-shadow: none !important; }
body:has(.products-grid) form[action='/products'] input::placeholder { color: #a99d84 !important; opacity: 1 !important; }
body:has(.products-grid) form[action='/products'] option, body:has(.products-grid) main > div select option { background: #1b1b1b !important; color: #f7f3e8 !important; }
body:has(.products-grid) form[action='/products'] a { color: #f2ca50 !important; }
.products-grid { gap: 24px !important; }
.products-grid .product-card { display: flex !important; flex-direction: column !important; min-width: 0 !important; overflow: hidden !important; background: #191919 !important; border: 1px solid rgba(242, 202, 80, .24) !important; border-radius: 12px !important; box-shadow: 0 14px 30px rgba(0, 0, 0, .18) !important; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important; }
.products-grid .product-card:hover { transform: translateY(-5px) !important; border-color: rgba(242, 202, 80, .65) !important; box-shadow: 0 20px 38px rgba(0, 0, 0, .3) !important; }
.products-grid .product-card__img { display: grid !important; place-items: center !important; aspect-ratio: 4 / 3 !important; overflow: hidden !important; background: #faf8f4 !important; border-bottom: 1px solid rgba(242, 202, 80, .18) !important; }
.products-grid .product-card__image { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 10px !important; }
.products-grid .product-card__body { display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; gap: 8px !important; padding: 20px !important; background: #191919 !important; color: #f7f3e8 !important; }
.products-grid .product-card__vendor { color: #f2ca50 !important; font-family: 'JetBrains Mono', monospace !important; font-size: .65rem !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
.products-grid .product-card__title, .products-grid .product-card__title a { color: #f7f3e8 !important; font-family: 'Manrope', sans-serif !important; font-size: 1rem !important; font-weight: 750 !important; line-height: 1.35 !important; text-decoration: none !important; }
.products-grid .product-card__footer { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-top: auto !important; padding-top: 14px !important; border-top: 1px solid rgba(242, 202, 80, .14) !important; }
.products-grid .product-card__price-current { color: #f2ca50 !important; font-family: 'JetBrains Mono', monospace !important; font-size: 1rem !important; font-weight: 700 !important; }
.products-grid .product-card__footer .btn { color: #1b1609 !important; background: #f2ca50 !important; border-color: #f2ca50 !important; white-space: nowrap !important; }
/* listing-color-start */
/* Product list cards use the same visual language as Featured Products. */
.products-grid .pc.product-card--listing {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: rgba(19, 19, 19, .4) !important;
  border: 1px solid rgba(242, 202, 80, .12) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.products-grid .pc.product-card--listing:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(242, 202, 80, .42) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .24) !important;
}
.products-grid .pc .pc__img-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #fff !important;
}
.products-grid .pc .pc__img-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.products-grid .pc .pc__img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  padding: 12px !important;
  object-fit: contain !important;
  background: #fff !important;
}
.products-grid .pc .pc__badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 2 !important;
  display: inline-block !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(242, 202, 80, .45) !important;
  border-radius: 3px !important;
  background: rgba(19, 19, 19, .78) !important;
  color: #f2ca50 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  line-height: 1.2 !important;
}
.products-grid .pc .pc__body {
  display: block !important;
  min-height: 244px !important;
  padding: 20px !important;
  background: transparent !important;
  color: #e5e2e1 !important;
}
.products-grid .pc .pc__vendor {
  display: block !important;
  margin-bottom: 5px !important;
  color: #f2ca50 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9.6px !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  line-height: 1.6 !important;
}
.products-grid .pc .pc__title, .products-grid .pc .pc__title a {
  display: -webkit-box !important;
  overflow: hidden !important;
  min-height: 39px !important;
  margin: 0 !important;
  color: #e5e2e1 !important;
  font-family: Manrope, sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.products-grid .pc .pc__desc {
  display: -webkit-box !important;
  overflow: hidden !important;
  min-height: 58px !important;
  margin: 8px 0 10px !important;
  color: #d0c5af !important;
  font-size: .86rem !important;
  line-height: 1.5 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.products-grid .pc .pc__meta { margin-bottom: 10px !important; }
.products-grid .pc .pc__moq {
  color: #e5e2e1 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9.6px !important;
  letter-spacing: .1em !important;
}
.products-grid .pc .pc__foot {
  display: block !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.products-grid .pc .pc__price {
  display: block !important;
  margin-bottom: 6px !important;
  color: #f2ca50 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
.products-grid .pc .pc__btn-view {
  color: #e5e2e1 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 9.92px !important;
  letter-spacing: .12em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.products-grid .pc .pc__btn-view:hover { color: #f2ca50 !important; }


/* Keep price filter fields within narrow sidebars. */
.products-filter-card .products-price-range {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
.products-filter-card .products-price-range input {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}


/* Light theme: warm editorial palette inspired by LVL1's high-contrast system. */
[data-theme="light"] {
  color-scheme: light;
  --bg: #f8f5ee;
  --bg-white: #fffdf8;
  --text: #26231d;
  --text-muted: #625d52;
  --text-light: #8d8576;
  --border: #dfd5c3;
  --border-light: #eee7da;
  --primary: #2b261d;
  --accent: #e5b72e;
}
[data-theme="light"] body {
  background: radial-gradient(circle at 92% 8%, rgba(229,183,46,.16), transparent 24rem), #f8f5ee !important;
  color: #26231d !important;
}
[data-theme="light"] .section,
[data-theme="light"] .journal-section { background: transparent !important; }
[data-theme="light"] .section__title,
[data-theme="light"] .journal-title,
[data-theme="light"] .rg-title,
[data-theme="light"] .section__header h2 { color: #26231d !important; }
[data-theme="light"] .section__tag,
[data-theme="light"] .journal-eyebrow,
[data-theme="light"] .rg-eyebrow { color: #966d00 !important; }

[data-theme="light"] .navbar,
[data-theme="light"] .navbar.scrolled {
  background: rgba(255,253,248,.92) !important;
  border-bottom-color: rgba(109,87,38,.22) !important;
  box-shadow: 0 10px 30px rgba(51,42,26,.08) !important;
}
[data-theme="light"] .navbar__logo-text,
[data-theme="light"] .navbar__center-nav .navbar__menu-item,
[data-theme="light"] .navbar__action,
[data-theme="light"] #theme-toggle { color: #2b261d !important; }
[data-theme="light"] .navbar__center-nav .navbar__menu-item:hover,
[data-theme="light"] .navbar__center-nav .navbar__menu-item--active,
[data-theme="light"] .navbar__action:hover { color: #966d00 !important; }
[data-theme="light"] .navbar__search-trigger {
  background: #f4ecdc !important;
  border-color: #dfd0b6 !important;
  color: #655b4b !important;
}
[data-theme="light"] .navbar__actions .btn--primary {
  background: #e5b72e !important;
  border-color: #e5b72e !important;
  color: #26231d !important;
}

[data-theme="light"] .hero__overlay {
  background: linear-gradient(90deg, rgba(255,253,248,.96) 0%, rgba(255,253,248,.83) 43%, rgba(248,245,238,.20) 72%, rgba(248,245,238,.06) 100%) !important;
}
[data-theme="light"] .hero__title,
[data-theme="light"] .hero__stat strong { color: #26231d !important; }
[data-theme="light"] .hero__title-accent,
[data-theme="light"] .hero__tag { color: #966d00 !important; }
[data-theme="light"] .hero__desc,
[data-theme="light"] .hero__stat span { color: #5f584c !important; }
[data-theme="light"] .hero__actions .btn--primary.btn--lg {
  background: #2b261d !important;
  border-color: #2b261d !important;
  color: #fffdf8 !important;
}
[data-theme="light"] .hero__actions .btn--outline-white.btn--lg {
  color: #2b261d !important;
  border-color: #9c8a67 !important;
}

[data-theme="light"] .pc,
[data-theme="light"] .journal-card,
[data-theme="light"] .category-card,
[data-theme="light"] .testimonial-card {
  background: #fffdf8 !important;
  border-color: #e3d8c6 !important;
  box-shadow: 0 12px 28px rgba(71,54,23,.08) !important;
}
[data-theme="light"] .pc:hover,
[data-theme="light"] .journal-card:hover,
[data-theme="light"] .category-card:hover {
  border-color: #d3aa36 !important;
  box-shadow: 0 18px 36px rgba(125,93,14,.14) !important;
}
[data-theme="light"] .pc__img-wrap,
[data-theme="light"] .pc__img,
[data-theme="light"] .category-card__img { background: #f5efe5 !important; }
[data-theme="light"] .pc__body { background: #fffdf8 !important; color: #26231d !important; }
[data-theme="light"] .pc__title,
[data-theme="light"] .pc__title a,
[data-theme="light"] .category-card__body h3,
[data-theme="light"] .journal-card__title,
[data-theme="light"] .journal-card__title a { color: #26231d !important; }
[data-theme="light"] .pc__desc,
[data-theme="light"] .journal-card__excerpt,
[data-theme="light"] .category-card__body span { color: #625d52 !important; }
[data-theme="light"] .pc__vendor,
[data-theme="light"] .pc__price,
[data-theme="light"] .journal-card__cat,
[data-theme="light"] .journal-card__cta { color: #966d00 !important; }
[data-theme="light"] .pc__badge { background: #2b261d !important; color: #f8d66e !important; border-color: #2b261d !important; }

[data-theme="light"] .stats-banner { background: #f1e9db !important; border-color: #e0d3bd !important; }
[data-theme="light"] .stats-banner__number { color: #2b261d !important; }
[data-theme="light"] .stats-banner__text span { color: #625d52 !important; }
[data-theme="light"] .stats-banner__icon { color: #966d00 !important; background: #fff5d7 !important; border-color: #e4c46d !important; }

[data-theme="light"] .cta-card {
  background: linear-gradient(135deg, #fffdf8 0%, #f6e9bd 100%) !important;
  border-color: #dfc570 !important;
  box-shadow: 0 16px 34px rgba(102,77,20,.10) !important;
}
[data-theme="light"] .cta-card:nth-child(2) { background: linear-gradient(135deg, #fffdf8 0%, #e7eedc 100%) !important; }
[data-theme="light"] .cta-card__title { color: #2b261d !important; }
[data-theme="light"] .cta-card__desc { color: #5d5648 !important; }
[data-theme="light"] .cta-card__tag { color: #966d00 !important; }
[data-theme="light"] .cta-card .btn { background: #2b261d !important; border-color: #2b261d !important; color: #fffdf8 !important; }

[data-theme="light"] .testimonial-card { color: #2b261d !important; }
[data-theme="light"] .testimonial-card__text { color: #514a3e !important; }
[data-theme="light"] .testimonial-card__author,
[data-theme="light"] .testimonial-card__author strong { color: #2b261d !important; }
[data-theme="light"] .testimonial-card__author span { color: #746b5b !important; }
[data-theme="light"] .testimonials-prev,
[data-theme="light"] .testimonials-next { background: #fffdf8 !important; color: #2b261d !important; border-color: #dfd5c3 !important; }

[data-theme="light"] .newsletter { background: linear-gradient(115deg, #e5b72e 0%, #f5d878 100%) !important; }
[data-theme="light"] .newsletter__text h2,
[data-theme="light"] .newsletter__text p { color: #2b261d !important; }
[data-theme="light"] .newsletter__form input { background: #fffaf0 !important; color: #2b261d !important; }
[data-theme="light"] .newsletter__form .btn { background: #2b261d !important; color: #fffdf8 !important; }

[data-theme="light"] body:has(.products-grid) form[action='/products'] > div {
  background: #fffdf8 !important;
  border-color: #dfd0b7 !important;
  box-shadow: 0 14px 30px rgba(71,54,23,.08) !important;
}
[data-theme="light"] body:has(.products-grid) form[action='/products'] h3,
[data-theme="light"] body:has(.products-grid) form[action='/products'] label { color: #2b261d !important; }
[data-theme="light"] body:has(.products-grid) form[action='/products'] input,
[data-theme="light"] body:has(.products-grid) form[action='/products'] select,
[data-theme="light"] body:has(.products-grid) main > div select {
  background: #fffaf0 !important;
  border-color: #d9c7a4 !important;
  color: #2b261d !important;
}
[data-theme="light"] body:has(.products-grid) form[action='/products'] input::placeholder { color: #8c8373 !important; }
[data-theme="light"] .products-grid .pc.product-card--listing,
[data-theme="light"] .products-grid .pc .pc__body { background: #fffdf8 !important; }
[data-theme="light"] .products-grid .pc.product-card--listing { border-color: #e3d8c6 !important; }

/* Resolve legacy card surface rules within the warm light palette. */
html[data-theme="light"] body .pc,
html[data-theme="light"] body .pc .pc__body {
  background: #fffdf8 !important;
}
html[data-theme="light"] body .pc .pc__img-wrap,
html[data-theme="light"] body .pc .pc__img {
  background: #f5efe5 !important;
}
html[data-theme="light"] body .products-grid .pc.product-card--listing,
html[data-theme="light"] body .products-grid .pc.product-card--listing .pc__body {
  background: #fffdf8 !important;
  border-color: #e3d8c6 !important;
}

/* Match legacy featured-card specificity so light cards use the warm surface. */
html[data-theme="light"] body .fp-grid .pc,
html[data-theme="light"] body .featured-products .pc,
html[data-theme="light"] body .products-grid .pc {
  background: #fffdf8 !important;
}

/* Light theme: high-contrast proof-point band. */
html[data-theme="light"] body .stats-banner {
  background: linear-gradient(105deg, #211c14 0%, #403522 52%, #2b261d 100%) !important;
  border: 1px solid #b98b24 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(65, 47, 15, .18) !important;
}
html[data-theme="light"] body .stats-banner__number {
  color: #f6ca4d !important;
  letter-spacing: -.035em !important;
}
html[data-theme="light"] body .stats-banner__text span {
  color: #fff8e8 !important;
  opacity: .82 !important;
}
html[data-theme="light"] body .stats-banner__icon {
  color: #f6ca4d !important;
  background: rgba(255, 253, 248, .09) !important;
  border: 1px solid rgba(246, 202, 77, .35) !important;
}
html[data-theme="light"] body .stats-banner__item:not(:last-child)::after {
  background: rgba(255, 248, 232, .22) !important;
}

/* Light theme: editorial journal cards and intentional no-cover fallbacks. */
html[data-theme="light"] body .journal-section {
  background: linear-gradient(180deg, #f8f5ee 0%, #f4eee2 100%) !important;
}
html[data-theme="light"] body .journal-card {
  background: #fffdf8 !important;
  border-color: #dfd5c3 !important;
  box-shadow: 0 14px 30px rgba(76, 58, 24, .10) !important;
  overflow: hidden;
}
html[data-theme="light"] body .journal-card:hover {
  border-color: #c49a2d !important;
  box-shadow: 0 20px 38px rgba(100, 74, 17, .16) !important;
}
html[data-theme="light"] body .journal-card__cat {
  z-index: 2;
  background: rgba(255, 253, 248, .92) !important;
  border-color: #d8b44f !important;
  color: #725300 !important;
}
html[data-theme="light"] body .journal-card:not(.jc-img-loaded) .journal-card__img {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 24%, rgba(246, 202, 77, .42), transparent 0 20%),
    radial-gradient(circle at 18% 86%, rgba(208, 158, 47, .27), transparent 0 28%),
    linear-gradient(135deg, #211c14 0%, #3b301d 100%) !important;
}
html[data-theme="light"] body .journal-card:not(.jc-img-loaded) .journal-card__img::before {
  content: "";
  position: absolute;
  inset: 16% 12%;
  border: 1px solid rgba(246, 202, 77, .34);
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(246, 202, 77, .24) 50%, transparent 50.5%),
    linear-gradient(transparent 49.5%, rgba(246, 202, 77, .24) 50%, transparent 50.5%);
  transform: rotate(-8deg);
}
html[data-theme="light"] body .journal-card:not(.jc-img-loaded) .journal-card__img::after {
  content: "EXIMPOVA / JOURNAL";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  color: #f8d66e;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
  white-space: nowrap;
}
html[data-theme="light"] body .journal-card__body {
  background: #fffdf8 !important;
}
html[data-theme="light"] body .journal-card__meta,
html[data-theme="light"] body .journal-card__meta span {
  color: #806f4f !important;
}
html[data-theme="light"] body .journal-card__title,
html[data-theme="light"] body .journal-card__title a {
  color: #26231d !important;
}
html[data-theme="light"] body .journal-card__excerpt {
  color: #625d52 !important;
}
html[data-theme="light"] body .journal-card__cta {
  color: #8b6500 !important;
}

/* Do not apply the journal fallback art while a real cover image is present. */
html[data-theme="light"] body .journal-card .journal-card__img:has(.journal-card__real-img) {
  background: #1f1f21 !important;
}
html[data-theme="light"] body .journal-card .journal-card__img:has(.journal-card__real-img)::before,
html[data-theme="light"] body .journal-card .journal-card__img:has(.journal-card__real-img)::after {
  content: none !important;
}
html[data-theme="light"] body .journal-card .journal-card__img:not(:has(.journal-card__real-img)) {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 24%, rgba(246, 202, 77, .42), transparent 0 20%),
    radial-gradient(circle at 18% 86%, rgba(208, 158, 47, .27), transparent 0 28%),
    linear-gradient(135deg, #211c14 0%, #3b301d 100%) !important;
}
html[data-theme="light"] body .journal-card .journal-card__img:not(:has(.journal-card__real-img))::before {
  content: "";
  position: absolute;
  inset: 16% 12%;
  border: 1px solid rgba(246, 202, 77, .34);
  background:
    linear-gradient(90deg, transparent 49.5%, rgba(246, 202, 77, .24) 50%, transparent 50.5%),
    linear-gradient(transparent 49.5%, rgba(246, 202, 77, .24) 50%, transparent 50.5%);
  transform: rotate(-8deg);
}
html[data-theme="light"] body .journal-card .journal-card__img:not(:has(.journal-card__real-img))::after {
  content: "EXIMPOVA / JOURNAL";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  color: #f8d66e;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .18em;
  white-space: nowrap;
}

/* Keep featured product cards equal without constraining responsive image height. */
.fp-grid .pc,
.featured-products .pc {
  display: flex;
  flex-direction: column;
}
.fp-grid .pc__img-wrap,
.featured-products .pc__img-wrap {
  flex: 0 0 auto;
  aspect-ratio: 4 / 3;
}
.fp-grid .pc__body,
.featured-products .pc__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 248px;
}
.fp-grid .pc__title,
.featured-products .pc__title {
  display: -webkit-box;
  min-height: 2.7em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.fp-grid .pc__desc,
.featured-products .pc__desc {
  display: -webkit-box;
  min-height: 3.9em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.fp-grid .pc__meta,
.featured-products .pc__meta {
  min-height: 1.4em;
}
.fp-grid .pc__foot,
.featured-products .pc__foot {
  margin-top: auto;
}
@media (max-width: 640px) {
  .fp-grid .pc__body,
  .featured-products .pc__body {
    min-height: 234px;
  }
}

/* Reserve a uniform text area so every featured card ends on the same baseline. */
@media (min-width: 641px) {
  .fp-grid .pc__body,
  .featured-products .pc__body {
    flex: 0 0 254px;
    min-height: 254px;
    max-height: 254px;
    overflow: hidden;
  }
}
@media (max-width: 640px) {
  .fp-grid .pc__body,
  .featured-products .pc__body {
    flex: 0 0 234px;
    min-height: 234px;
    max-height: 234px;
    overflow: hidden;
  }
}

/* Card actions stay icon-only; the accessible button label remains in aria-label. */
.pc__wish {
  align-items: center !important;
  display: inline-flex !important;
  height: 34px !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 34px !important;
}
.pc__wish-label {
  display: none !important;
}

/* Light hero palette: warm canvas, espresso type, and restrained gold actions. */
html[data-theme="light"] body .hero {
  background-color: #f8f6f2 !important;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 30px, rgba(231, 176, 8, .055) 30px 31px),
    radial-gradient(circle at 78% 20%, rgba(231, 176, 8, .10), transparent 22rem) !important;
}
html[data-theme="light"] body .hero__overlay {
  background:
    linear-gradient(90deg, rgba(248, 246, 242, .98) 0%, rgba(248, 246, 242, .91) 43%, rgba(248, 246, 242, .46) 64%, rgba(248, 246, 242, .10) 100%) !important;
}
html[data-theme="light"] body .hero__tag {
  background: rgba(231, 176, 8, .13) !important;
  border-color: rgba(231, 176, 8, .28) !important;
  box-shadow: 0 8px 22px rgba(231, 176, 8, .12) !important;
  color: #b17700 !important;
}
html[data-theme="light"] body .hero__title {
  color: #262626 !important;
}
html[data-theme="light"] body .hero__title-accent {
  color: #e7b008 !important;
  text-shadow: 0 2px 18px rgba(231, 176, 8, .16);
}
html[data-theme="light"] body .hero__desc {
  color: #666666 !important;
}
html[data-theme="light"] body .hero__actions .btn--primary.btn--lg {
  background: #e7b008 !important;
  border-color: #e7b008 !important;
  box-shadow: 0 10px 24px rgba(231, 176, 8, .30) !important;
  color: #262626 !important;
}
html[data-theme="light"] body .hero__actions .btn--primary.btn--lg:hover {
  background: #ca9800 !important;
  border-color: #ca9800 !important;
  box-shadow: 0 12px 28px rgba(231, 176, 8, .38) !important;
}
html[data-theme="light"] body .hero__actions .btn--outline-white.btn--lg {
  background: rgba(248, 246, 242, .82) !important;
  border-color: #e9e5d8 !important;
  box-shadow: 0 3px 12px rgba(38, 38, 38, .05) !important;
  color: #262626 !important;
}
html[data-theme="light"] body .hero__actions .btn--outline-white.btn--lg:hover {
  background: #fffdf8 !important;
  border-color: #d8c77a !important;
}
html[data-theme="light"] body .hero__stat strong,
html[data-theme="light"] body .hero__counter > span:first-child {
  color: #e0a700 !important;
}
html[data-theme="light"] body .hero__stat span,
html[data-theme="light"] body .hero__counter,
html[data-theme="light"] body .hero__counter-sep {
  color: #737373 !important;
}
html[data-theme="light"] body .hero__stat-divider {
  background: #e9e5d8 !important;
}
html[data-theme="light"] body .hero__progress {
  background: rgba(38, 38, 38, .11) !important;
}
html[data-theme="light"] body .hero__progress-fill,
html[data-theme="light"] body .hero__dot--active {
  background: #e7b008 !important;
}
html[data-theme="light"] body .hero__prev,
html[data-theme="light"] body .hero__next {
  background: rgba(248, 246, 242, .90) !important;
  border-color: #e9e5d8 !important;
  color: #262626 !important;
}

/* Let hero imagery transition through brand saffron instead of a grey wash. */
html[data-theme="light"] body .hero__overlay {
  background:
    radial-gradient(circle at 78% 46%, rgba(255, 225, 118, .28), transparent 24rem),
    linear-gradient(90deg,
      rgba(248, 246, 242, .99) 0%,
      rgba(248, 246, 242, .94) 39%,
      rgba(255, 243, 198, .78) 54%,
      rgba(231, 176, 8, .34) 77%,
      rgba(137, 94, 0, .31) 100%) !important;
}

/* Keep the featured-products action in the header, not after the product grid. */
.fp-section .container {
  display: grid !important;
  grid-template-areas:
    "head action"
    "grid grid";
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 32px;
  row-gap: 28px;
}
.fp-section .fp-head {
  grid-area: head;
  margin: 0 !important;
}
.fp-section .fp-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fp-section .fp-grid {
  grid-area: grid;
}
.fp-section .fp-cta {
  align-self: center;
  grid-area: action;
  justify-self: end;
  margin: 0 !important;
  width: auto !important;
}
.fp-section .fp-cta .btn {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .fp-section .container {
    display: block !important;
  }
  .fp-section .fp-cta {
    margin-top: 20px !important;
  }
}

/* Make the featured section header and its moved action readable in light mode. */
html[data-theme="light"] body .fp-title {
  color: #262626 !important;
}
html[data-theme="light"] body .fp-eyebrow {
  color: #b17700 !important;
}
html[data-theme="light"] body .fp-tab {
  color: #625d52 !important;
}
html[data-theme="light"] body .fp-tab--active {
  color: #262626 !important;
}
html[data-theme="light"] body .fp-cta .btn--outline {
  background: #fffdf8 !important;
  border-color: #b99a48 !important;
  color: #262626 !important;
}
html[data-theme="light"] body .fp-cta .btn--outline:hover {
  background: #f7e6a8 !important;
  border-color: #a67b00 !important;
  color: #262626 !important;
}

/* Light theme: clean featured-product category tabs without filled labels. */
html[data-theme="light"] body .fp-section .fp-tabs { gap: 16px !important; }
html[data-theme="light"] body .fp-section .fp-tab {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 0 7px !important;
}
html[data-theme="light"] body .fp-section .fp-tab--active {
  border-bottom-color: #e7b008 !important;
  color: #262626 !important;
}
html[data-theme="light"] body .fp-section .fp-tab:hover { color: #a67b00 !important; }

/* Featured-product heading rhythm: keep the eyebrow, title, and filters visually distinct. */
.fp-section .fp-head > div:first-child { display: block !important; }
.fp-section .fp-eyebrow {
  display: block !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
}
.fp-section .fp-title {
  line-height: 1.08 !important;
  margin: 0 !important;
}
.fp-section .fp-tabs { margin-top: 14px !important; }