/** Shopify CDN: Minification failed

Line 1240:34 Unexpected "*"
Line 1681:13 Expected identifier but found whitespace
Line 1681:22 Unexpected "!"

**/
/* =============================================================================
   CLIENTELE – Performance & Mobile CSS (Phase 4)
   Mobile bottom nav, full-screen menu, predictive search overlay,
   lazy-load fade-in, print-media deferred CSS pattern overrides
   ============================================================================= */

/* ── VARIABLES ── */
:root {
  --cl-black: #0A0A0A;
  --cl-white: #F5F5F0;
  --cl-grey-100: #1A1A1A;
  --cl-grey-200: #2A2A2A;
  --cl-grey-400: #666666;
  --cl-grey-600: #999999;
  --cl-border: rgba(255,255,255,0.10);
  --cl-border-h: rgba(255,255,255,0.25);
  --cl-mono: 'Courier New', Courier, monospace;
  --cl-serif: Georgia, 'Times New Roman', serif;
  --cl-nav-h: 56px;
  --cl-bottom-nav-h: 60px;
  --cl-transition: 0.2s ease;
  --cl-search-h: 72px;
}

/* ── LAZY IMAGE FADE-IN ──────────────────────────────────────────────────── */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.4s ease;
}

img[loading="lazy"].cl-loaded {
  opacity: 1;
}

/* Instant-show above-fold images */
img[fetchpriority="high"],
img[loading="eager"] {
  opacity: 1 !important;
}

/* ── MOBILE BOTTOM NAV ───────────────────────────────────────────────────── */
.cl-bottom-nav {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 400;
  background: var(--cl-black);
  border-top: 1px solid var(--cl-border);
  height: var(--cl-bottom-nav-h);
  padding: 0 env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
}

@media screen and (max-width: 989px) {
  .cl-bottom-nav { display: flex; }
}

.cl-bottom-nav__list {
  display: flex;
  width: 100%;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cl-bottom-nav__item {
  flex: 1;
  display: flex;
}

.cl-bottom-nav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 48px;
  gap: 5px;
  text-decoration: none;
  color: var(--cl-grey-600);
  font-family: var(--cl-mono);
  font-size: 0.52rem;
  letter-spacing: 0.14em;
  transition: color var(--cl-transition);
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.cl-bottom-nav__link:hover,
.cl-bottom-nav__link.is-active {
  color: var(--cl-white);
}

.cl-bottom-nav__link.is-active::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 1px;
  background: var(--cl-white);
}

.cl-bottom-nav__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cl-bottom-nav__icon svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cl-bottom-nav__badge {
  position: absolute;
  top: 8px;
  right: calc(50% - 18px);
  width: 16px;
  height: 16px;
  background: var(--cl-white);
  color: var(--cl-black);
  border-radius: 50%;
  font-size: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cl-mono);
  font-weight: 700;
  pointer-events: none;
  line-height: 1;
}

.cl-bottom-nav__badge:empty { display: none; }

/* Body padding for bottom nav */
@media screen and (max-width: 989px) {
  body {
    padding-bottom: calc(var(--cl-bottom-nav-h) + env(safe-area-inset-bottom, 0px));
  }
}

/* ── FULL-SCREEN MOBILE MENU ────────────────────────────────────────────── */
.cl-mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 600;
  background: var(--cl-black);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.cl-mobile-menu.is-open {
  transform: translateX(0);
}

.cl-mobile-menu__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  height: var(--cl-nav-h);
  border-bottom: 1px solid var(--cl-border);
  flex-shrink: 0;
}

.cl-mobile-menu__logo {
  font-family: var(--cl-serif);
  font-size: 1.1rem;
  letter-spacing: 0.16em;
  color: var(--cl-white);
  text-decoration: none;
}

.cl-mobile-menu__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  color: var(--cl-white);
  cursor: pointer;
  margin-right: -10px;
  -webkit-tap-highlight-color: transparent;
}

.cl-mobile-menu__close svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
}

.cl-mobile-menu__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 0;
}

.cl-mobile-menu__nav {
  flex: 1;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cl-mobile-menu__nav-item {
  border-bottom: 1px solid var(--cl-border);
}

.cl-mobile-menu__nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px;
  color: var(--cl-white);
  text-decoration: none;
  font-family: var(--cl-serif);
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  font-weight: 400;
  transition: opacity var(--cl-transition);
  -webkit-tap-highlight-color: transparent;
}

.cl-mobile-menu__nav-link:hover { opacity: 0.7; }

.cl-mobile-menu__nav-link svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.2;
  opacity: 0.4;
  flex-shrink: 0;
}

.cl-mobile-menu__sub {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}

.cl-mobile-menu__sub.is-open {
  max-height: 600px;
}

.cl-mobile-menu__sub-link {
  display: block;
  padding: 14px 28px 14px 44px;
  color: var(--cl-grey-600);
  text-decoration: none;
  font-family: var(--cl-mono);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  border-bottom: 1px solid var(--cl-border);
  transition: color var(--cl-transition);
}

.cl-mobile-menu__sub-link:hover { color: var(--cl-white); }

.cl-mobile-menu__footer {
  padding: 32px 28px;
  border-top: 1px solid var(--cl-border);
  flex-shrink: 0;
}

.cl-mobile-menu__locations {
  font-family: var(--cl-mono);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  color: var(--cl-grey-400);
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cl-mobile-menu__locations span { color: var(--cl-grey-600); }

.cl-mobile-menu__social {
  display: flex;
  gap: 20px;
}

.cl-mobile-menu__social a {
  font-family: var(--cl-mono);
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  color: var(--cl-grey-600);
  text-decoration: none;
  transition: color var(--cl-transition);
}

.cl-mobile-menu__social a:hover { color: var(--cl-white); }

/* ── PREDICTIVE SEARCH OVERLAY ──────────────────────────────────────────── */
.cl-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 700;
  background: rgba(10,10,10,0.96);
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.cl-search-overlay.is-open {
  opacity: 1;
  pointer-events: all;
}

.cl-search-overlay__bar {
  width: 100%;
  max-width: 780px;
  margin-top: 80px;
  padding: 0 24px;
  position: relative;
}

@media (min-width: 768px) {
  .cl-search-overlay__bar { margin-top: 120px; }
}

.cl-search-overlay__input-wrap {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.3);
  padding-bottom: 16px;
  gap: 16px;
}

.cl-search-overlay__icon {
  flex-shrink: 0;
  opacity: 0.4;
}

.cl-search-overlay__icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--cl-white);
  fill: none;
  stroke-width: 1.4;
}

.cl-search-overlay__input {
  flex: 1;
  background: none;
  border: none;
  color: var(--cl-white);
  font-family: var(--cl-mono);
  font-size: 1.1rem;
  letter-spacing: 0.05em;
  outline: none;
  padding: 0;
  caret-color: var(--cl-white);
}

.cl-search-overlay__input::placeholder {
  color: var(--cl-grey-400);
}

.cl-search-overlay__clear {
  background: none;
  border: none;
  color: var(--cl-grey-400);
  cursor: pointer;
  padding: 4px;
  display: none;
  transition: color var(--cl-transition);
  flex-shrink: 0;
  line-height: 1;
}

.cl-search-overlay__clear:hover { color: var(--cl-white); }
.cl-search-overlay__clear.is-visible { display: block; }

.cl-search-overlay__close {
  position: absolute;
  top: -50px;
  right: 24px;
  background: none;
  border: none;
  color: var(--cl-grey-600);
  cursor: pointer;
  padding: 8px;
  font-family: var(--cl-mono);
  font-size: 0.65rem;
  letter-spacing: 0.14em;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color var(--cl-transition);
}

.cl-search-overlay__close:hover { color: var(--cl-white); }

/* ── SEARCH RESULTS ── */
.cl-search-results {
  width: 100%;
  max-width: 780px;
  padding: 0 24px;
  margin-top: 32px;
  overflow-y: auto;
  max-height: calc(100vh - 280px);
  -webkit-overflow-scrolling: touch;
}

.cl-search-section-label {
  font-family: var(--cl-mono);
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  color: var(--cl-grey-400);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--cl-border);
}

.cl-search-section + .cl-search-section {
  margin-top: 28px;
}

/* Inline product results */
.cl-search-product {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--cl-border);
  text-decoration: none;
  color: var(--cl-white);
  transition: opacity var(--cl-transition);
  -webkit-tap-highlight-color: transparent;
}

.cl-search-product:hover { opacity: 0.7; }

.cl-search-product:last-child { border-bottom: none; }

.cl-search-product__img {
  width: 48px;
  height: 60px;
  flex-shrink: 0;
  background: var(--cl-grey-100);
  overflow: hidden;
}

.cl-search-product__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.cl-search-product__info {
  flex: 1;
  min-width: 0;
}

.cl-search-product__title {
  font-family: var(--cl-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  color: var(--cl-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}

.cl-search-product__price {
  font-family: var(--cl-mono);
  font-size: 0.68rem;
  letter-spacing: 0.06em;
  color: var(--cl-grey-600);
}

/* Recent / trending tags */
.cl-search-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.cl-search-tag {
  font-family: var(--cl-mono);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  color: var(--cl-grey-600);
  border: 1px solid var(--cl-border);
  padding: 6px 12px;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--cl-transition);
  -webkit-tap-highlight-color: transparent;
}

.cl-search-tag:hover {
  border-color: var(--cl-border-h);
  color: var(--cl-white);
}

/* Loading spinner */
.cl-search-spinner {
  display: flex;
  justify-content: center;
  padding: 24px 0;
}

.cl-spinner {
  width: 20px;
  height: 20px;
  border: 1px solid var(--cl-border);
  border-top-color: var(--cl-white);
  border-radius: 50%;
  animation: cl-spin 0.7s linear infinite;
}

@keyframes cl-spin {
  to { transform: rotate(360deg); }
}

.cl-search-no-results {
  font-family: var(--cl-mono);
  font-size: 0.72rem;
  letter-spacing: 0.14em;
  color: var(--cl-grey-400);
  padding: 32px 0;
  text-align: center;
}

/* ── SEARCH TRIGGER BUTTON (injected into header) ───────────────────────── */
.cl-search-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  color: var(--cl-white);
  cursor: pointer;
  transition: opacity var(--cl-transition);
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}

.cl-search-trigger:hover { opacity: 0.7; }

.cl-search-trigger svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
}

/* ── MENU TRIGGER (mobile) ── */
.cl-menu-trigger {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  color: var(--cl-white);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 989px) {
  .cl-menu-trigger { display: flex; }
}

.cl-menu-trigger svg {
  width: 20px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
}

/* ── HORIZONTAL SCROLL PREVENTION ──────────────────────────────────────── */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

*, *::before, *::after {
  max-width: 100%;
}

img, video, iframe, table {
  max-width: 100%;
  height: auto;
}

/* ── CONTENT AREA SAFE ZONE ─────────────────────────────────────────────── */
.shopify-section,
.cl-collection,
.cl-hero,
.cl-brand-story,
.cl-locations,
.cl-footer {
  overflow-x: hidden;
}

/* ── SKIP TO CONTENT ─────────────────────────────────────────────────────── */
.cl-skip-to-content {
  position: absolute;
  top: -100%;
  left: 16px;
  z-index: 9999;
  background: var(--cl-white);
  color: var(--cl-black);
  font-family: var(--cl-mono);
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  padding: 12px 20px;
  text-decoration: none;
  transition: top 0.2s ease;
}

.cl-skip-to-content:focus {
  top: 16px;
}

/* ── REDUCE MOTION ───────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .cl-mobile-menu,
  .cl-search-overlay,
  img[loading="lazy"],
  .cl-mobile-menu__sub,
  .cl-spinner {
    transition: none !important;
    animation: none !important;
    opacity: 1 !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   CLIENTELE — Global Typography System
   Base: html font-size = 10px (Shopify Dawn default).
   Target minimums: body 16px, captions 13px, labels 12px.
   All rem values here are relative to 10px base.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Base body ── */
body,
.body {
  font-size: 1.6rem;   /* 16px */
  line-height: 1.72;
  letter-spacing: 0.01em;
}

/* ── Navigation ── */
.header__menu-item,
.header__menu-item a,
.header__active-menu-item,
header-menu a,
.menu-drawer__menu-item a,
.list-menu__item,
.list-menu__item a {
  font-size: 1.4rem !important;   /* 14px */
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

/* ── Headings ── */
h1, .h1 {
  font-size: max(calc(var(--font-heading-scale,1) * 4.0rem), 3.6rem) !important;
  line-height: 1.08 !important;
}
h2, .h2 {
  font-size: max(calc(var(--font-heading-scale,1) * 3.0rem), 2.8rem) !important;
  line-height: 1.14 !important;
}
h3, .h3 {
  font-size: max(calc(var(--font-heading-scale,1) * 2.2rem), 2.2rem) !important;
  line-height: 1.22 !important;
}
@media screen and (max-width: 749px) {
  h1, .h1 { font-size: max(calc(var(--font-heading-scale,1) * 3.0rem), 2.8rem) !important; }
  h2, .h2 { font-size: max(calc(var(--font-heading-scale,1) * 2.4rem), 2.4rem) !important; }
  h3, .h3 { font-size: max(calc(var(--font-heading-scale,1) * 1.9rem), 1.9rem) !important; }
}

/* ── CLIENTELE collection cards ── */
.cl-card__name      { font-size: 1.35rem !important; letter-spacing: 0.07em !important; }
.cl-card__vendor    { font-size: 1.15rem !important; letter-spacing: 0.16em !important; }
.cl-card__desc      { font-size: 1.2rem  !important; line-height: 1.6 !important; }
.cl-card__price,
.cl-card__price--regular,
.cl-card__price--sale { font-size: 1.3rem !important; }
.cl-card__price--compare { font-size: 1.15rem !important; }

/* ── Collection UI (toolbar, filters, etc.) ── */
.cl-collection__title    { font-size: clamp(3.6rem,6vw,5.4rem) !important; }
.cl-collection__count,
.cl-collection__sort-label,
.cl-collection__sort-select { font-size: 1.25rem !important; }
.cl-filter-group__header span,
.cl-filter-option__label  { font-size: 1.25rem !important; }
.cl-collection__filter-toggle span { font-size: 1.3rem !important; }
.cl-card__soldout-label   { font-size: 1.1rem !important; }
.cl-card__label           { font-size: 1.0rem !important; }
.cl-card__hover-label     { font-size: 1.2rem !important; letter-spacing: 0.20em !important; }
.cl-pagination__btn,
.cl-pagination__page      { font-size: 1.2rem !important; }

/* ── Product page ── */
.cl-product__title,
.c-product__title  { font-size: clamp(2.8rem,3.5vw,4.0rem) !important; line-height: 1.06 !important; }
.cl-product__price { font-size: 2.0rem !important; }
.cl-product__vendor,
.cl-product__meta  { font-size: 1.2rem !important; letter-spacing: 0.16em !important; }
.cl-product__desc,
.cl-product__desc p { font-size: 1.6rem !important; line-height: 1.85 !important; }
.cl-product__size-btn { font-size: 1.2rem !important; }

/* ── Journal / article cards ── */
.cl-journal__article-title,
.cl-article-card__title    { font-size: clamp(1.8rem,2.5vw,2.4rem) !important; line-height: 1.28 !important; }
.cl-journal__article-meta,
.cl-article-card__meta     { font-size: 1.15rem !important; letter-spacing: 0.14em !important; }
.cl-journal__tag,
.cl-journal__filter-tag    { font-size: 1.1rem !important; letter-spacing: 0.14em !important; }
.cl-journal__masthead-kicker { font-size: 1.2rem !important; }
.cl-journal__masthead-title  { font-size: clamp(3.2rem,5vw,5.0rem) !important; }

/* ── Article body ── */
.cl-article__body,
.cl-article__body p        { font-size: 1.75rem !important; line-height: 1.90 !important; }
.cl-article__body h2       { font-size: 2.2rem !important; }
.cl-article__body h3       { font-size: 1.9rem !important; }
.cl-article__body blockquote { font-size: 1.85rem !important; line-height: 1.72 !important; }
.cl-article__title         { font-size: clamp(2.8rem,4.5vw,4.2rem) !important; line-height: 1.08 !important; }
.cl-article__meta          { font-size: 1.2rem !important; letter-spacing: 0.16em !important; }

/* ── Contact page ── */
.cl-contact__h1            { font-size: clamp(2.8rem,4.5vw,4.0rem) !important; }
.cl-contact__tagline       { font-size: 1.55rem !important; line-height: 1.80 !important; }
.cl-contact__info-label    { font-size: 1.1rem !important; letter-spacing: 0.24em !important; }
.cl-contact__info-text     { font-size: 1.5rem !important; line-height: 1.90 !important; }
.cl-contact__info-text strong { font-size: 1.2rem !important; }
.cl-contact__location-name { font-size: 1.25rem !important; letter-spacing: 0.18em !important; }
.cl-contact__location-detail { font-size: 1.35rem !important; line-height: 1.85 !important; }
.cl-contact__standard-line { font-size: 1.35rem !important; }
.cl-contact__form-heading  { font-size: 1.1rem !important; letter-spacing: 0.24em !important; }
.cl-field__label           { font-size: 1.0rem !important; letter-spacing: 0.22em !important; }
.cl-field__input,
.cl-field__textarea        { font-size: 1.5rem !important; }
.cl-contact__note          { font-size: 1.2rem !important; }
.cl-contact__submit        { font-size: 1.2rem !important; letter-spacing: 0.22em !important; }
.cl-contact__pledge-label  { font-size: 1.1rem !important; letter-spacing: 0.20em !important; }
.cl-contact__pledge-text   { font-size: 1.4rem !important; line-height: 1.65 !important; }

/* ── About page ── */
.cl-about__hero-name,
.cl-hero-title             { font-size: clamp(4.0rem,7vw,7.5rem) !important; }
.cl-about__section-quote,
.cl-quote                  { font-size: clamp(3.2rem,5vw,5.6rem) !important; line-height: 1.22 !important; }
.cl-about__personas,
.cl-persona-list           { font-size: 1.35rem !important; letter-spacing: 0.14em !important; }
.cl-about__persona-subtitle { font-size: 1.7rem !important; }
.cl-about__brand-text p,
.cl-brand-copy p           { font-size: 1.7rem !important; line-height: 1.92 !important; }
.cl-about__belief-statement { font-size: clamp(2.0rem,2.5vw,2.6rem) !important; }
.cl-about__belief-label    { font-size: 1.1rem !important; }
.cl-about__standards-line  { font-size: 1.8rem !important; letter-spacing: 0.14em !important; }
.cl-about__closing-title   { font-size: clamp(4.4rem,6vw,6.0rem) !important; }
.cl-about__location-name   { font-size: 1.3rem !important; }
.cl-about__location-detail { font-size: 1.2rem !important; }

/* ── Search overlay ── */
.cl-search-overlay__input  { font-size: 2.0rem !important; letter-spacing: 0.06em !important; }
.cl-search-product__title  { font-size: 1.3rem !important; letter-spacing: 0.06em !important; }
.cl-search-product__price  { font-size: 1.2rem !important; }
.cl-search-section-label   { font-size: 1.05rem !important; letter-spacing: 0.22em !important; }
.cl-search-tag             { font-size: 1.1rem !important; letter-spacing: 0.12em !important; }
.cl-search-no-results      { font-size: 1.3rem !important; letter-spacing: 0.12em !important; }
.cl-search-overlay__close  { font-size: 1.1rem !important; letter-spacing: 0.14em !important; }

/* ── Cart ── */
.cl-cart__item-title       { font-size: 1.4rem !important; }
.cl-cart__item-vendor      { font-size: 1.1rem !important; }
.cl-cart__item-price       { font-size: 1.3rem !important; }
.cl-cart__total-label,
.cl-cart__total-price      { font-size: 1.5rem !important; }

/* ── Mobile bottom nav ── */
.cl-bottom-nav__link       { font-size: 1.0rem !important; letter-spacing: 0.12em !important; }

/* ── Announcement bar ── */
.announcement-bar__message,
.cl-announcement-bar       { font-size: 1.35rem !important; letter-spacing: 0.16em !important; }

/* ── Dawn overrides (catch-all) ── */
.card__heading,
.card__heading a           { font-size: 1.5rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.price__regular,
.price__sale,
.price--large,
.price-item                { font-size: 1.5rem !important; }
.article-card__title,
.article-card h2,
.article-card h3           { font-size: clamp(2.0rem,3vw,2.6rem) !important; line-height: 1.28 !important; }
.article__content p,
.rte p, .rte li            { font-size: 1.7rem !important; line-height: 1.88 !important; }
.form__label               { font-size: 1.3rem !important; }
.field__label              { font-size: 1.3rem !important; }
table                      { font-size: 1.5rem !important; }
.caption,
.caption-with-letter-spacing { font-size: 1.25rem !important; }
.c-collection__product-title { font-size: 1.5rem !important; letter-spacing: 0.10em !important; }
.c-drops__product-title    { font-size: 1.5rem !important; letter-spacing: 0.10em !important; }

/* ── Release calendar ── */
.rc-masthead__title        { font-size: clamp(3.0rem,5vw,5.0rem) !important; }
.rc-masthead__subtitle     { font-size: 1.4rem !important; }
.rc-table th               { font-size: 1.1rem !important; letter-spacing: 0.16em !important; }
.rc-table td               { font-size: 1.35rem !important; }
.rc-cell--model            { font-size: 1.35rem !important; }
.rc-belief__statement      { font-size: clamp(1.9rem,2.5vw,2.4rem) !important; }


/* ═══════════════════════════════════════════════════════════════════════════
   CLIENTELE — Product Card Placeholder (No-Image Treatment)
   Dark editorial background + C monogram. Renders only when no product
   image exists. Replaced automatically when images are uploaded.
   ═══════════════════════════════════════════════════════════════════════════ */

.cl-card-placeholder {
  background: #111111;
  width: 100%;
}

.cl-card-placeholder__inner {
  background: #111111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 3 / 4 !important;
  width: 100% !important;
  position: relative;
}

/* Aspect ratio enforcement for portrait 3:4 */
.card__inner.ratio .cl-card-placeholder__inner {
  position: absolute;
  inset: 0;
  aspect-ratio: unset !important;
}

.cl-card-placeholder__monogram {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(48px, 8vw, 96px);
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #444444;
  line-height: 1;
  user-select: none;
  pointer-events: none;
}

/* Override Dawn's SVG placeholder */
.card--text .card__inner {
  background: #111111 !important;
}

.placeholder-svg {
  display: none !important;
}

/* When Dawn renders the no-product placeholder card */
.card--text .media--transparent {
  background: #111111 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CLIENTELE — Dawn Search Modal — DARK THEME STYLING
   Restore Dawn's built-in predictive search (cl-search-overlay was never
   injected into DOM). Style it to match the dark Clientele design system.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ══ SEARCH MODAL — fully restored and dark-themed ══════════════════════════
   Dawn's built-in predictive search uses <details-modal> custom element.
   Opening is JS-driven: clicking the search icon sets details[open].
   The modal MUST be visible and functional. Do NOT suppress it.
   ══════════════════════════════════════════════════════════════════════════ */

/* Ensure the search details-modal and its container are always renderable */
details-modal.header__search,
details-modal.header__search > details {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* The search icon trigger button — always visible */
details-modal.header__search summary {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Closed state: hide the search modal panel only (not the trigger) */
details-modal.header__search > details:not([open]) .search-modal {
  display: none !important;
}

/* Open state: show search modal panel fully */
details-modal.header__search > details[open] .search-modal,
details[open] .search-modal {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 300 !important;
}

/* Dark background for search modal */
.search-modal,
.search-modal__content,
.search-modal .modal__content,
.search-modal.gradient,
.search-modal .gradient {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
}

/* Search input dark styling — these rules must come AFTER the global .field__input
   reset so they win the cascade for search modal inputs specifically */
.search-modal .search__input,
.search-modal .field__input,
.search-modal input[type="search"],
predictive-search .field__input,
.search-modal__form .field__input {
  background: #111111 !important;
  background-color: #111111 !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  color: #ffffff !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  border-radius: 0 !important;
  padding: 14px 48px 14px 16px !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}
.search-modal .field__input::placeholder {
  color: rgba(255,255,255,0.35) !important;
}
.search-modal .field__input:focus,
.search-modal__form .field__input:focus,
predictive-search .field__input:focus {
  border-color: rgba(255,255,255,0.45) !important;
  outline: none !important;
  box-shadow: none !important;
  background: #161616 !important;
  background-color: #161616 !important;
}

/* Label positioning */
.search-modal .field__label {
  color: rgba(255,255,255,0.40) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Search button icons */
.search-modal .search__button svg,
.search-modal .field__button svg,
.search-modal .header__icon svg {
  color: rgba(255,255,255,0.70) !important;
  fill: rgba(255,255,255,0.70) !important;
}

/* Predictive search results panel */
.predictive-search {
  background: #0d0d0d !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-top: none !important;
}

.predictive-search__item {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.predictive-search__item:hover,
.predictive-search__item[aria-selected="true"] {
  background: #161616 !important;
}

/* Predictive result text */
.predictive-search__item-heading,
.predictive-search .product-title {
  color: #ffffff !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.predictive-search__item-vendor,
.predictive-search__item-price {
  color: rgba(255,255,255,0.50) !important;
  font-size: 10px !important;
  letter-spacing: 0.10em !important;
}

/* "Search for X" query item */
.predictive-search__item--term {
  color: rgba(255,255,255,0.70) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
}

/* Search modal close button */
.search-modal__close-button svg,
.modal__close-button svg {
  color: rgba(255,255,255,0.60) !important;
  fill: rgba(255,255,255,0.60) !important;
}
.search-modal__close-button:hover svg,
.modal__close-button:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Search modal layout */
.search-modal__content {
  padding: 24px 32px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Modal overlay */
.modal-overlay {
  background: rgba(0,0,0,0.70) !important;
  display: block !important;
}

/* Kill Dawn's field__input white-box wherever it appears sitewide
   EXCEPTION: .search-modal inputs get their own dark-theme styling above */
:not(.search-modal) .field__input,
:not(.search-modal) input.field__input,
.header__search .field__input,
.newsletter-form .field__input {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
  outline: none !important;
  color: inherit !important;
}

/* Kill Dawn's .field wrapper white/rounded styling */
.field {
  border-radius: 0 !important;
  background: transparent !important;
}

.field:before,
.field:after {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Kill the white outline/shadow on focus for any Dawn search input */
.search-modal__form .field:focus-within,
.search-modal__form .field__input:focus,
.field:focus-within {
  box-shadow: none !important;
  outline: none !important;
}

/* Ensure the search trigger ICON in header doesn't create a white container.
   Only apply transparent styling to the trigger icon area, NOT the search modal
   input field itself — the modal input gets its own dark styling above. */
.header__search > details:not([open]) .field,
.header__search > details:not([open]) .field__input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Gradient inside modal — override Dawn's default light gradient,
   BUT keep the dark background we've set for the search modal above.
   Note: .search-modal.gradient background is already set to #0a0a0a above. */
.modal__content.gradient:not(.search-modal):not(.search-modal__content) {
  background: transparent !important;
}

/* Overlay behind Dawn's modal */
.modal-overlay {
  display: none !important;
}

/* ── Mega-menu: dark theme + visibility fix ──────────────────────────────── */

/* NOTE: The header stacking context fix (z-index:200 on .section-header) is in
   the SECTION 3 — HEADER block below. These rules handle the dropdown itself. */
.mega-menu__content {
  background-color: #0a0a0a !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* FIX: Force opacity to 1 when details[open] — overrides .js opacity:0 default. */
.mega-menu[open] .mega-menu__content {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 0.2s ease, transform 0.2s ease !important;
  pointer-events: auto !important;
  visibility: visible !important;
  display: block !important;
}

/* Ensure the closed state stays hidden properly */
.mega-menu:not([open]) .mega-menu__content {
  opacity: 0 !important;
  pointer-events: none !important;
}

.mega-menu__link {
  color: rgba(255,255,255,0.65) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  text-decoration: none !important;
  padding: 8px 0 !important;
  transition: color 0.2s ease !important;
}

.mega-menu__link:hover,
.mega-menu__link--active {
  color: #ffffff !important;
  text-decoration: none !important;
  text-decoration: underline !important;
}

/* Ensure the summary trigger is always clickable and visible */
header-menu > details > summary {
  cursor: pointer;
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
}

/* Fix: header-menu must not be hidden by the .header__inline-menu * rule */
header-menu,
header-menu > details,
header-menu > details > summary,
header-menu > details > div {
  display: revert !important;
  pointer-events: auto !important;
}

header-menu > details {
  position: static !important;
}

/* ── cl-search-overlay: keep CSS ready if ever implemented ── */
.cl-search-overlay {
  z-index: 9999 !important;
}

.cl-search-overlay__input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  /* Reset any Dawn auto-fill background */
  -webkit-text-fill-color: var(--cl-white) !important;
}

/* Suppress Chrome/Safari autofill yellow background in search overlay */
.cl-search-overlay__input:-webkit-autofill,
.cl-search-overlay__input:-webkit-autofill:hover,
.cl-search-overlay__input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px rgba(10,10,10,0.97) inset !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CLIENTELE — Contact / Page Template Dawn Suppression
   Ensures page.contact.liquid (and any page.*.liquid) hides Dawn defaults.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Suppress Dawn's page title and RTE content blocks on custom page templates */
.template-page .page-title.main-page-title,
.template-page .section-template--*__main-padding,
.template-page .section-main-page,
.template-page .rte:not(.cl-contact-rte):not(.cl-about-rte) {
  display: none !important;
}

/* Suppress Dawn's contact form section entirely */
.template-page section[id*="form"],
.template-page .shopify-section:has(.contact-form),
.template-page .contact-form {
  display: none !important;
}

/* Force dark body on ALL custom page templates */
body.template-page,
.template-page .gradient,
.template-page .color-scheme-1 {
  background: #0a0a0a !important;
  color: #ffffff !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   MASTER AUDIT FIX — master-audit-fix-v1
   Fixes 1–6 consolidated. Precise selectors, no collateral damage.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ────────────────────────────────────────────────────────────
   FIX 1: DUPLICATE NAV — one nav per breakpoint only
   Dawn header.liquid renders TWO nav systems simultaneously:
     – header__inline-menu  (desktop)
     – header-drawer / header__icon--menu  (mobile hamburger)
   We lock each to its correct breakpoint.
   ──────────────────────────────────────────────────────────── */

/* Desktop (≥990px): show only inline menu, hide mobile drawer trigger */
@media screen and (min-width: 990px) {
  header-drawer,
  .menu-drawer-container,
  .header__icon--menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .header__inline-menu {
    display: flex !important;
    visibility: visible !important;
  }
  /* FIX: header-menu inside inline-menu must remain functional */
  .header__inline-menu header-menu,
  .header__inline-menu header-menu > details,
  .header__inline-menu header-menu > details > summary {
    display: revert !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .header__inline-menu header-menu > details {
    display: block !important;
  }
  .header__inline-menu header-menu > details > summary {
    display: flex !important;
    align-items: center !important;
  }
}

/* Mobile (<990px): show only hamburger trigger, hide inline menu */
@media screen and (max-width: 989px) {
  /* Hide the inline nav container — but NOT its mega-menu content
     (mega-menu is desktop-only anyway, so hiding the container is fine) */
  .header__inline-menu {
    display: none !important;
  }
  header-drawer,
  .header__icon--menu {
    display: flex !important;
    visibility: visible !important;
  }
}

/* BUG-02: cl-mobile-menu removed from DOM — CSS rules no longer needed */

/* ────────────────────────────────────────────────────────────
   FIX 2: DUPLICATE FOOTER — keep ONLY c-footer
   Dawn's default footer (newsletter, payment icons, Powered by Shopify)
   lives in the footer-group section group. Hide it entirely.
   Our custom c-footer section lives in the page template, not the group.
   ──────────────────────────────────────────────────────────── */

/* Nuclear: hide the entire Dawn footer section group */
.shopify-section-group-footer-group {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Safe guard: if c-footer is inside the group somehow, keep it */
.shopify-section-group-footer-group .c-footer {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

/* Explicitly keep our custom footer visible */
.c-footer,
.shopify-section:has(> .c-footer),
[id*="clientele_footer"] {
  display: block !important;
  visibility: visible !important;
}

/* ────────────────────────────────────────────────────────────
   FIX 3: SITEWIDE FONT SIZES — all readable, no sub-11px text
   Applied to body/global scope. !important to override Dawn theme defaults.
   ──────────────────────────────────────────────────────────── */

/* Body copy baseline */
body {
  font-size: 16px !important;
  line-height: 1.7 !important;
}

p, li, td, th, span:not(.cl-bottom-nav__link):not(.c-drops__card-overlay-cta) {
  font-size: inherit !important;
}

/* Navigation links */
nav a,
.list-menu__item--link,
.header__menu-item,
.header__menu-item a,
.header__active-menu-item,
.menu-drawer__menu .menu-drawer__menu-item,
.header__submenu a {
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
}

/* Product card titles and prices */
.card__heading,
.card__heading a,
.card__heading h3,
.card-information__text,
.price__regular,
.price__sale,
.price-item {
  font-size: 15px !important;
  letter-spacing: 0.05em !important;
  line-height: 1.4 !important;
}

/* Headings — clamp for fluid scaling */
h1, .h1 {
  font-size: clamp(32px, 5vw, 64px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0.04em !important;
}

h2, .h2 {
  font-size: clamp(24px, 3.5vw, 40px) !important;
  line-height: 1.14 !important;
}

h3, .h3 {
  font-size: clamp(18px, 2.5vw, 28px) !important;
  line-height: 1.24 !important;
}

h4, .h4 {
  font-size: clamp(15px, 2vw, 20px) !important;
  line-height: 1.3 !important;
}

/* Journal / Blog article text */
.blog-article__title,
.article-card__title {
  font-size: 22px !important;
  line-height: 1.3 !important;
}

article .rte,
.article-template .rte,
.article-body .rte,
.article__content {
  font-size: 17px !important;
  line-height: 1.85 !important;
}

/* Buttons and CTAs */
.button,
.btn,
button[type="submit"],
a.button {
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
}

/* Breadcrumb, meta, caption text */
.caption,
.caption-with-letter-spacing,
.caption-large,
.visually-hidden + *,
time,
.article__date {
  font-size: 13px !important;
}

/* BUG-03: .c-drops__card-meta CSS patch removed — element no longer in DOM.
   The card-meta HTML was stripped in an earlier fix (DOM fixes commit).
   The clientele-featured-drops.liquid section does not output this element.
   CSS rule was a stale orphan from that prior version. */

/* ────────────────────────────────────────────────────────────
   FIX 5: CATALOG IMAGE PLACEHOLDER
   Products with no image uploaded get a dark card with watermark.
   Preserves 3:4 aspect ratio. Targets both Dawn cards and custom cl-cards.
   ──────────────────────────────────────────────────────────── */

/* Dawn card no-media state */
.card--no-media .card__media,
.card--text .card__media,
.card:not(:has(img)) .card__media {
  background-color: #111111 !important;
  position: relative !important;
  aspect-ratio: 3 / 4 !important;
  min-height: 0 !important;
}

.card--no-media .card__media::after,
.card--text .card__media::after,
.card:not(:has(img)) .card__media::after {
  content: "CLIENTELE";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333333;
  font-size: 11px;
  letter-spacing: 0.2em;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
  white-space: nowrap;
  text-transform: uppercase;
}

/* Custom cl-card placeholder */
.cl-card__img--placeholder,
.cl-card--no-media .cl-card__media {
  background-color: #111111 !important;
  position: relative !important;
  aspect-ratio: 3 / 4 !important;
}

.cl-card__img--placeholder::after {
  content: "CLIENTELE";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333333;
  font-size: 11px;
  letter-spacing: 0.2em;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
  white-space: nowrap;
}

/* Hide Dawn SVG placeholder icon itself */
.card__media .placeholder-svg,
.media .placeholder-svg {
  display: none !important;
}

/* Dawn's placeholder-wrapper */
.placeholder-wrapper {
  background: #111111 !important;
  aspect-ratio: 3 / 4 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.placeholder-wrapper::after {
  content: "CLIENTELE";
  color: #333333;
  font-size: 11px;
  letter-spacing: 0.2em;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
  white-space: nowrap;
}

/* c-drops section placeholder image */
.c-drops__card-img--placeholder {
  background-color: #111111 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.c-drops__card-img--placeholder .c-drops__img--placeholder {
  display: none !important;
}

.c-drops__card-img--placeholder::after {
  content: "CLIENTELE";
  color: #333333;
  font-size: 11px;
  letter-spacing: 0.2em;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 500;
}

/* cl-collection card placeholder */
.cl-card__media {
  background-color: #111111;
}

/* ────────────────────────────────────────────────────────────
   FIX 6: CATALOG DEFAULT SORT = BEST SELLING
   Handled in Liquid (clientele-collection.liquid line 57).
   This CSS anchors the visual — marks best-selling as active default.
   ──────────────────────────────────────────────────────────── */

/* Ensure sort select is always readable */
.cl-collection__sort-select {
  font-size: 13px !important;
  letter-spacing: 0.10em !important;
}


/* ================================================================
   CLIENTELE — ELITE UI UPGRADE v3 (VERIFIED SELECTORS)
   ALL selectors confirmed against live DOM on clientelenyc.com
   Real classes scraped 2026-03-23. No guesses. No sandbox-only.
   ================================================================ */

/* ================================================================
   SECTION 1 — GLOBAL BODY / PAGE BASE
   ================================================================ */

body,
.gradient,
main,
#MainContent {
  background-color: #0a0a0a !important;
  color: #ffffff !important;
}

/* Global selection highlight */
::selection {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}

/* Global scrollbar */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.35); }

/* ================================================================
   SECTION 2 — ANNOUNCEMENT BAR
   Real class: .c-announcement-bar, .c-announcement-bar__item
   ================================================================ */

.c-announcement-bar {
  background-color: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

.c-announcement-bar__item {
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.55) !important;
  font-family: 'Courier New', Courier, monospace !important;
}

/* ================================================================
   SECTION 3 — HEADER
   Real classes: .header, .header-wrapper, .header__icon,
   .header__heading-link, .menu-drawer
   ================================================================ */

/* CRITICAL FIX: The hero has overflow:hidden which creates a new stacking context.
   This makes the hero paint OVER the sticky header regardless of z-index values.
   The ONLY reliable fix is to use position:fixed on the mega-menu dropdown so it
   escapes ALL stacking contexts and paints at the viewport level.
   We use a CSS custom property --header-height to position it correctly. */
.header-wrapper,
.section-header {
  background-color: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* Header stacking context */
.section-header,
.shopify-section-group-header-group,
.shopify-section-group-header-group .section-header,
shopify-section-header-sticky {
  z-index: 500 !important;
  position: relative !important;
}

/* The header-wrapper must be overflow:visible */
header-wrapper {
  position: relative !important;
  overflow: visible !important;
}

/* ── MEGA-MENU: position:fixed to escape overflow:hidden stacking contexts ──
   The hero section has overflow:hidden which traps absolutely-positioned
   children and causes it to paint over the header's dropdown.
   Using position:fixed makes the dropdown render at the viewport layer,
   completely bypassing any parent stacking context. */

.mega-menu__content {
  position: fixed !important;
  top: var(--header-bottom-position-desktop, 72px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}

.mega-menu[open] .mega-menu__content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.mega-menu:not([open]) .mega-menu__content {
  opacity: 0 !important;
  pointer-events: none !important;
  display: none !important;
}
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Nav links */
.header__menu-item a,
.header__menu-item .link,
.list-menu__item a,
.list-menu__item .link--text {
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.70) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.header__menu-item a:hover,
.list-menu__item a:hover {
  color: #ffffff !important;
}
.header__menu-item--active > a,
.menu-drawer__menu-item--active > .link {
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,0.60) !important;
  padding-bottom: 2px !important;
}

/* Header icons */
.header__icon svg,
.header__icon .icon {
  color: rgba(255,255,255,0.75) !important;
  fill: rgba(255,255,255,0.75) !important;
}
.header__icon:hover svg,
.header__icon:hover .icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Logo */
.header__heading-link img {
  mix-blend-mode: screen !important;
  filter: brightness(1) invert(0) !important;
}

/* Cart bubble */
.cart-count-bubble {
  background-color: #ffffff !important;
  color: #0a0a0a !important;
  font-size: 9px !important;
}

/* Mobile drawer */
.menu-drawer,
.menu-drawer.motion-reduce,
.color-scheme-1.menu-drawer {
  background-color: #0a0a0a !important;
  border-right: 1px solid rgba(255,255,255,0.07) !important;
}
.menu-drawer__menu-item a,
.menu-drawer__menu-item .link--text,
.menu-drawer a {
  color: rgba(255,255,255,0.75) !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}
.menu-drawer a:hover { color: #ffffff !important; }

/* Search modal (dark) */
.modal__content {
  background-color: #0a0a0a !important;
}
.search__input,
.field__input {
  color: #ffffff !important;
}

/* ================================================================
   SECTION 4 — HERO
   Real classes: .c-hero, .c-hero__headline, .c-hero__sub,
   .c-hero__cta, .c-hero__scrim, #clientele-hero
   ================================================================ */

.c-hero__headline {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(72px, 10vw, 140px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
}

.c-hero__sub {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.50) !important;
  text-transform: uppercase !important;
  margin-top: 16px !important;
}

/* Hero CTA button — glass morphism */
.c-hero__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 28px !important;
  border: 1px solid rgba(255,255,255,0.30) !important;
  color: #ffffff !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  background: rgba(255,255,255,0.05) !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
  margin-top: 32px !important;
}
.c-hero__cta:hover {
  border-color: rgba(255,255,255,0.75) !important;
  background: rgba(255,255,255,0.10) !important;
}
.c-hero__cta-arrow {
  transition: transform 0.3s ease !important;
}
.c-hero__cta:hover .c-hero__cta-arrow {
  transform: translateX(5px) !important;
}

/* Scrim deepening */
.c-hero__scrim {
  background: linear-gradient(
    to top,
    rgba(10,10,10,0.90) 0%,
    rgba(10,10,10,0.40) 45%,
    rgba(10,10,10,0.10) 100%
  ) !important;
}

/* ================================================================
   SECTION 5 — FEATURED DROPS / HOMEPAGE SECTIONS
   Real classes: from perf.css – c-drops, c-drops__grid, etc.
   ================================================================ */

.c-drops {
  background: #0a0a0a !important;
  padding: 80px 0 !important;
}
.c-drops__heading,
.c-drops__title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  letter-spacing: 0.10em !important;
  color: #ffffff !important;
}
.c-drops__eyebrow {
  font-size: 9px !important;
  letter-spacing: 0.28em !important;
  color: rgba(255,255,255,0.38) !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
}

/* ================================================================
   SECTION 6 — COLLECTION PAGE
   Real classes: .cl-collection, .cl-collection__title,
   .cl-collection__toolbar, .cl-card, .cl-card__info,
   .cl-card__name, .cl-card__vendor, .cl-card__price
   ================================================================ */

.cl-collection {
  background: #0a0a0a !important;
}

/* Title */
.cl-collection__title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(36px, 6vw, 72px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
  line-height: 0.95 !important;
}

/* Toolbar */
.cl-collection__toolbar {
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
}

/* Filter toggle button */
.cl-collection__filter-toggle {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.65) !important;
  border-color: rgba(255,255,255,0.14) !important;
  background: transparent !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}
.cl-collection__filter-toggle:hover {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.45) !important;
}

/* Count */
.cl-collection__count {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.30) !important;
}

/* Sort select */
.cl-collection__sort-label {
  font-size: 10px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.45) !important;
  font-family: 'Courier New', monospace !important;
}
.cl-collection__sort-select {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.75) !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  font-family: 'Courier New', monospace !important;
  text-transform: uppercase !important;
}
.cl-collection__sort-select:focus {
  outline: none !important;
  border-bottom-color: rgba(255,255,255,0.50) !important;
}

/* Sidebar */
.cl-collection__sidebar {
  background: #0a0a0a !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}

/* Filter groups */
.cl-filter-group__header {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.55) !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.cl-filter-group__header:hover { color: #ffffff !important; }

.cl-filter-option__label {
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  color: rgba(255,255,255,0.55) !important;
}
.cl-filter-option:hover .cl-filter-option__label { color: #ffffff !important; }

.cl-filter-check {
  accent-color: #ffffff !important;
}

/* Active filter pills */
.cl-active-filter__item {
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: rgba(255,255,255,0.65) !important;
  font-size: 9px !important;
  letter-spacing: 0.16em !important;
  background: transparent !important;
}
.cl-active-filter__item:hover {
  border-color: rgba(255,255,255,0.50) !important;
  color: #ffffff !important;
}

/* ── PRODUCT CARDS ── */
.cl-card {
  background: #0a0a0a !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.cl-card__link {
  display: block !important;
  text-decoration: none !important;
}

/* Card image zoom on hover */
.cl-card__media {
  overflow: hidden !important;
  position: relative !important;
}
.cl-card__image,
.cl-card__img:not(.cl-card__img--placeholder) {
  transition: transform 0.60s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.cl-card:hover .cl-card__image,
.cl-card:hover .cl-card__img:not(.cl-card__img--placeholder) {
  transform: scale(1.04) !important;
}

/* Placeholder cards */
.cl-card__img--placeholder {
  background: #111111 !important;
  position: relative !important;
}
.cl-card__img--placeholder::after {
  content: 'CLIENTELE' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(14px, 2.5vw, 24px) !important;
  letter-spacing: 0.25em !important;
  color: rgba(255,255,255,0.08) !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}
.cl-placeholder-svg {
  opacity: 0.05 !important;
}

/* Sold out overlay */
.cl-card--sold-out .cl-card__soldout-overlay {
  background: rgba(10,10,10,0.55) !important;
}
.cl-card__soldout-label {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.50) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  text-transform: uppercase !important;
}

/* Labels (NEW, DROP, GRAIL) */
.cl-card__label {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 8px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
.cl-card__label--new {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
  color: rgba(255,255,255,0.85) !important;
}

/* Card info block */
.cl-card__info {
  padding: 12px 10px 14px !important;
  background: #0a0a0a !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

/* Vendor — small caps */
.cl-card__vendor {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.32) !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}

/* Product name */
.cl-card__name {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.07em !important;
  color: rgba(255,255,255,0.85) !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.cl-card:hover .cl-card__name { color: #ffffff !important; }

/* Price */
.cl-card__price {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  margin-top: 2px !important;
}
.cl-card__price--regular {
  color: rgba(255,255,255,0.55) !important;
}
.cl-card__price--sale {
  color: #ffffff !important;
}
.cl-card__price--compare {
  color: rgba(255,255,255,0.28) !important;
  text-decoration: line-through !important;
  font-size: 10px !important;
}

/* Hover CTA */
.cl-card__hover-cta {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.60) !important;
  text-transform: uppercase !important;
  background: rgba(10,10,10,0.85) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
.cl-card:hover .cl-card__hover-cta {
  color: #ffffff !important;
}

/* Notify button */
.cl-card__notify-btn {
  font-family: 'Courier New', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.45) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  background: transparent !important;
  text-transform: uppercase !important;
}
.cl-card__notify-btn:hover {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.55) !important;
}

/* Pagination */
.cl-collection__pagination a,
.cl-collection__pagination button {
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  color: rgba(255,255,255,0.55) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
}
.cl-collection__pagination a:hover,
.cl-collection__pagination button:hover,
.cl-collection__pagination .is-active {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.45) !important;
}

/* ================================================================
   SECTION 7 — PRODUCT PAGE
   Real classes: .c-product, .c-product__title, .c-product__price,
   .c-product__size-btn, .c-product__atc-btn, .c-auth-badge
   ================================================================ */

.c-product-section,
.c-product {
  background: #0a0a0a !important;
}

/* Product title */
.c-product__title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
}

/* Price */
.c-product__price {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 18px !important;
  letter-spacing: 0.08em !important;
  color: rgba(255,255,255,0.85) !important;
}
.c-product__price--sale {
  color: #ffffff !important;
}
.c-product__price--compare {
  color: rgba(255,255,255,0.35) !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
}

/* Low stock */
.c-product__low-stock:not(.c-product__low-stock--hidden) {
  color: #e8281e !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  font-family: 'Courier New', monospace !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.c-product__low-stock:not(.c-product__low-stock--hidden)::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #e8281e !important;
  flex-shrink: 0 !important;
}

/* Divider */
.c-product__divider {
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  margin: 20px 0 !important;
}

/* Option name (SIZE label) */
.c-product__option-name {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.24em !important;
  color: rgba(255,255,255,0.40) !important;
  text-transform: uppercase !important;
}

/* Size guide trigger */
.c-product__size-guide-trigger {
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.30) !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-color: rgba(255,255,255,0.18) !important;
}
.c-product__size-guide-trigger:hover {
  color: rgba(255,255,255,0.75) !important;
}

/* Size buttons */
.c-product__size-btn {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.10em !important;
  color: rgba(255,255,255,0.70) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: transparent !important;
  text-transform: uppercase !important;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease !important;
  cursor: pointer !important;
  padding: 10px 14px !important;
  min-width: 48px !important;
  text-align: center !important;
}
.c-product__size-btn:hover:not(.is-sold-out) {
  border-color: rgba(255,255,255,0.60) !important;
  color: #ffffff !important;
}
.c-product__size-btn.is-selected {
  border-color: #ffffff !important;
  color: #ffffff !important;
  background: transparent !important;
}
.c-product__size-btn.is-sold-out {
  border-color: rgba(255,255,255,0.08) !important;
  color: rgba(255,255,255,0.20) !important;
  position: relative !important;
}
.c-product__size-btn.is-sold-out::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: rgba(255,255,255,0.15) !important;
  transform: rotate(-20deg) !important;
  pointer-events: none !important;
}

/* Add to Cart button */
.c-product__atc-btn {
  display: block !important;
  width: 100% !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 18px 32px !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
  border-radius: 0 !important;
}
.c-product__atc-btn:hover:not(:disabled):not(.c-product__atc-btn--sold-out) {
  background: rgba(255,255,255,0.88) !important;
}
.c-product__atc-btn--sold-out,
.c-product__atc-btn:disabled {
  background: transparent !important;
  color: rgba(255,255,255,0.30) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  cursor: not-allowed !important;
}

/* Auth badge */
.c-auth-badge__bar {
  border: 1px solid rgba(255,255,255,0.10) !important;
  background: rgba(255,255,255,0.02) !important;
}
.c-auth-badge__mono {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.10em !important;
  color: rgba(255,255,255,0.70) !important;
}
.c-auth-badge__label {
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.65) !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
}
.c-auth-badge__sub {
  font-size: 8px !important;
  letter-spacing: 0.16em !important;
  color: rgba(255,255,255,0.32) !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
}
.c-auth-badge__toggle {
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.35) !important;
  background: transparent !important;
  border: none !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
  cursor: pointer !important;
}
.c-auth-badge__toggle:hover { color: rgba(255,255,255,0.75) !important; }

/* Product labels */
.c-product__label {
  font-size: 8px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  background: transparent !important;
  color: rgba(255,255,255,0.75) !important;
}
.c-product__label--excl {
  border-color: rgba(255,255,255,0.55) !important;
  color: #ffffff !important;
}

/* Accordions */
.c-product__accordion-trigger {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.65) !important;
  text-transform: uppercase !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  background: transparent !important;
}
.c-product__accordion-trigger:hover { color: #ffffff !important; }
.c-product__accordion-body {
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.45) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.025em !important;
}

/* ================================================================
   SECTION 8 — CART PAGE
   Real classes: .cl-cart, .cl-cart__empty, .cl-cart__empty-msg,
   .cl-cart__empty-link
   ================================================================ */

.cl-cart {
  background: #0a0a0a !important;
  min-height: 60vh !important;
}

/* Empty state */
.cl-cart__empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 120px 20px !important;
  text-align: center !important;
}
.cl-cart__empty-msg {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(36px, 7vw, 96px) !important;
  letter-spacing: 0.10em !important;
  color: rgba(255,255,255,0.07) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.cl-cart__empty-link {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.45) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  margin-top: 24px !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  padding-bottom: 2px !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}
.cl-cart__empty-link:hover {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.65) !important;
}

/* Cart with items - Dawn native classes that get rendered */
.cart__items .cart-item {
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}
.cart-item__name,
.cart-item__details a {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 15px !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.cart-item__option {
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  color: rgba(255,255,255,0.35) !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
}
.cart-item__price .price,
.cart-item__price-wrapper .price {
  font-family: 'Courier New', monospace !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.70) !important;
}
quantity-input input,
.quantity__input {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  font-family: 'Courier New', monospace !important;
  font-size: 12px !important;
  text-align: center !important;
}
.totals__subtotal-value,
.cart-summary__total-value {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 26px !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
}
.cart__checkout-button,
#checkout {
  display: block !important;
  width: 100% !important;
  background: #ffffff !important;
  color: #0a0a0a !important;
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 18px 32px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  border-radius: 0 !important;
}
.cart__checkout-button:hover { background: rgba(255,255,255,0.88) !important; }

/* ================================================================
   SECTION 9 — SEARCH PAGE
   Real classes: .c-search-page, .c-search-page__input,
   .c-search-page__term, .c-search-page__filter-pill,
   .c-search-page__card
   ================================================================ */

.c-search-page {
  background: #0a0a0a !important;
}
.c-search-page__header {
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* "X results for" */
.c-search-page__kicker {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.35) !important;
  text-transform: uppercase !important;
}

/* Search term heading */
.c-search-page__term {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(40px, 7vw, 100px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  line-height: 0.95 !important;
}

/* Search input */
.c-search-page__input {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(20px, 3.5vw, 40px) !important;
  letter-spacing: 0.08em !important;
  padding: 12px 0 !important;
  width: 100% !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
  caret-color: #ffffff !important;
  text-transform: uppercase !important;
}
.c-search-page__input:focus {
  border-bottom-color: rgba(255,255,255,0.60) !important;
}
.c-search-page__input::placeholder {
  color: rgba(255,255,255,0.18) !important;
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  letter-spacing: 0.08em !important;
}

/* Submit button */
.c-search-page__submit {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.45) !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}
.c-search-page__submit:hover { color: #ffffff !important; }

/* Filter pills */
.c-search-page__filter-pill {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.40) !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}
.c-search-page__filter-pill:hover,
.c-search-page__filter-pill.is-active {
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.50) !important;
  background: rgba(255,255,255,0.04) !important;
}

/* Search result cards */
.c-search-page__card {
  background: #0a0a0a !important;
  position: relative !important;
  overflow: hidden !important;
}
.c-search-page__card-media {
  overflow: hidden !important;
}
.c-search-page__card-media img {
  transition: transform 0.60s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.c-search-page__card:hover .c-search-page__card-media img {
  transform: scale(1.04) !important;
}
.c-search-page__card-vendor {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.30) !important;
  text-transform: uppercase !important;
}
.c-search-page__card-title {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.07em !important;
  color: rgba(255,255,255,0.85) !important;
  text-transform: uppercase !important;
}
.c-search-page__card:hover .c-search-page__card-title {
  color: #ffffff !important;
}
.c-search-page__card-price {
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.50) !important;
}

/* ================================================================
   SECTION 10 — ABOUT PAGE
   Real classes: .c-page-about, .c-about-hero, .c-about-hero__eyebrow,
   .c-about-hero__title, .c-about-content.rte
   ================================================================ */

.c-page-about {
  background: #0a0a0a !important;
  padding-top: 80px !important;
  padding-bottom: 120px !important;
}

.c-about-hero {
  padding: 60px 0 40px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  margin-bottom: 60px !important;
}

.c-about-hero__eyebrow {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.30em !important;
  color: rgba(255,255,255,0.35) !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}
.c-about-hero__eyebrow::before {
  content: '' !important;
  display: inline-block !important;
  width: 28px !important;
  height: 1px !important;
  background: rgba(255,255,255,0.28) !important;
  flex-shrink: 0 !important;
}

.c-about-hero__title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(56px, 9vw, 120px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
}

/* About body copy — uses .rte class */
.c-about-content.rte p,
.c-about-content.rte {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 13px !important;
  line-height: 1.85 !important;
  color: rgba(255,255,255,0.45) !important;
  letter-spacing: 0.025em !important;
}
.c-about-content.rte p {
  margin-bottom: 20px !important;
}

/* ================================================================
   SECTION 11 — JOURNAL PAGE
   Real classes: .cl-journal, .cl-journal__masthead,
   .cl-journal__masthead-title, .cl-journal__filter,
   .cl-journal__filter-link, .cl-journal__featured
   ================================================================ */

.cl-journal {
  background: #0a0a0a !important;
}

/* Masthead */
.cl-journal__masthead {
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  background: #0a0a0a !important;
}
.cl-journal__masthead-rule {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
.cl-journal__masthead-title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(48px, 8vw, 112px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
  line-height: 0.92 !important;
  text-transform: uppercase !important;
}
.cl-journal__masthead-sub {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.35) !important;
  text-transform: uppercase !important;
  margin-top: 10px !important;
}

/* Filter nav */
.cl-journal__filter {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  background: #0a0a0a !important;
}
.cl-journal__filter-link {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.22em !important;
  color: rgba(255,255,255,0.38) !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid transparent !important;
  transition: color 0.2s ease, border-color 0.2s ease !important;
}
.cl-journal__filter-link:hover {
  color: rgba(255,255,255,0.80) !important;
}
.cl-journal__filter-link--active {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.55) !important;
}

/* Featured article */
.cl-journal__featured {
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.cl-journal__featured-media {
  overflow: hidden !important;
}
.cl-journal__featured-media img,
.cl-journal__featured-img {
  transition: transform 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  filter: grayscale(10%) !important;
}
.cl-journal__featured:hover .cl-journal__featured-img {
  transform: scale(1.02) !important;
  filter: grayscale(0%) !important;
}
.cl-journal__featured-title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(24px, 3.5vw, 48px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
}
.cl-journal__featured-excerpt {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
  color: rgba(255,255,255,0.40) !important;
  letter-spacing: 0.03em !important;
}

/* Article cards in grid */
.cl-journal__card {
  background: #0a0a0a !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.cl-journal__card-media {
  overflow: hidden !important;
}
.cl-journal__card-media img {
  transition: transform 0.55s ease !important;
}
.cl-journal__card:hover .cl-journal__card-media img {
  transform: scale(1.04) !important;
}
.cl-journal__card-title {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(18px, 2.5vw, 28px) !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
.cl-journal__card-excerpt {
  font-family: 'Courier New', monospace !important;
  font-size: 11px !important;
  color: rgba(255,255,255,0.35) !important;
  line-height: 1.7 !important;
}
.cl-journal__card-meta {
  font-family: 'Courier New', monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.20em !important;
  color: rgba(255,255,255,0.28) !important;
  text-transform: uppercase !important;
}
.cl-journal__card-tag {
  font-size: 8px !important;
  letter-spacing: 0.18em !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.40) !important;
  text-transform: uppercase !important;
  font-family: 'Courier New', monospace !important;
}

/* ================================================================
   SECTION 12 — CONTACT PAGE
   Real classes: .cl-contact, .cl-contact__masthead,
   .cl-contact__h1, .cl-contact__body, .cl-contact__info
   ================================================================ */

.cl-contact,
.cl-contact-section {
  background: #0a0a0a !important;
}
.cl-contact__masthead {
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  background: #0a0a0a !important;
}
.cl-contact__eyebrow {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.28em !important;
  color: rgba(255,255,255,0.32) !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}
.cl-contact__eyebrow::before {
  content: '' !important;
  display: inline-block !important;
  width: 24px !important;
  height: 1px !important;
  background: rgba(255,255,255,0.25) !important;
  flex-shrink: 0 !important;
}
.cl-contact__headline-rule {
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
.cl-contact__h1 {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: clamp(48px, 8vw, 112px) !important;
  font-weight: 400 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  line-height: 0.92 !important;
}
.cl-contact__body {
  background: #0a0a0a !important;
}
.cl-contact__info-label {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.24em !important;
  color: rgba(255,255,255,0.28) !important;
  text-transform: uppercase !important;
}
.cl-contact__info-text {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.55) !important;
  letter-spacing: 0.03em !important;
}
.cl-contact__info-link,
.cl-contact__info-link-label {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.65) !important;
  text-decoration: none !important;
  letter-spacing: 0.03em !important;
  transition: color 0.2s ease !important;
}
.cl-contact__info-link:hover,
.cl-contact__info-link-label:hover {
  color: #ffffff !important;
}
.cl-contact__info-group {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding-bottom: 20px !important;
}

/* ================================================================
   SECTION 13 — FOOTER
   Real classes from perf.css existing footer styles
   ================================================================ */

.shopify-section-group-footer-group,
footer.footer {
  background-color: #0a0a0a !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}

.footer__content-top .h4,
.footer__content-top h4,
.footer-block__heading {
  font-family: 'Bebas Neue', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.16em !important;
  color: rgba(255,255,255,0.90) !important;
  text-transform: uppercase !important;
}

.footer-block__list a,
.footer-block__list li {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  color: rgba(255,255,255,0.38) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
}
.footer-block__list a:hover { color: rgba(255,255,255,0.80) !important; }

.footer__copyright,
.footer__copyright-content {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 9px !important;
  letter-spacing: 0.18em !important;
  color: rgba(255,255,255,0.22) !important;
  text-transform: uppercase !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* ================================================================
   SECTION 14 — GLOBAL FORMS
   All input/button elements across pages
   ================================================================ */

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="tel"],
textarea,
select {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.80) !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 12px !important;
  border-radius: 0 !important;
  transition: border-color 0.2s ease !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: rgba(255,255,255,0.50) !important;
  outline: none !important;
  box-shadow: none !important;
}
input::placeholder,
textarea::placeholder {
  color: rgba(255,255,255,0.22) !important;
}

/* ================================================================
   SECTION 15 — MOBILE POLISH
   ================================================================ */

@media (max-width: 749px) {
  .c-hero__headline {
    font-size: clamp(52px, 14vw, 96px) !important;
  }
  .c-product__title {
    font-size: clamp(24px, 7vw, 40px) !important;
  }
  .cl-collection__title {
    font-size: clamp(28px, 9vw, 52px) !important;
  }
  .c-about-hero__title {
    font-size: clamp(40px, 12vw, 72px) !important;
  }
  .cl-journal__masthead-title {
    font-size: clamp(36px, 11vw, 64px) !important;
  }
  .c-search-page__term {
    font-size: clamp(32px, 10vw, 64px) !important;
  }
  .cl-contact__h1 {
    font-size: clamp(36px, 11vw, 64px) !important;
  }
  .cl-cart__empty-msg {
    font-size: clamp(28px, 9vw, 56px) !important;
  }
  .c-product__atc-btn {
    font-size: 13px !important;
    padding: 16px 24px !important;
  }
}

/* ================================================================
   END CLIENTELE ELITE v3 — VERIFIED SELECTORS
   ================================================================ */