/* =========================================================
   Amber Collection V34 — Luxury Amber Redesign
   هدف الملف: تحويل الواجهة من متجر عادي إلى واجهة كهرمان/مجوهرات فاخرة
   يوضع بعد style.css حتى يتجاوز التراكم القديم بدون كسر وظائف المتجر.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');

:root {
  --lux-black: #070604;
  --lux-ink: #15110c;
  --lux-espresso: #24180f;
  --lux-bronze: #8f5a25;
  --lux-amber: #c98531;
  --lux-gold: #d8b36a;
  --lux-soft-gold: #f0dfb1;
  --lux-cream: #f7efe2;
  --lux-cream-2: #fff9ee;
  --lux-stone: #e6d6bd;
  --lux-muted: #7d6e5d;
  --lux-line: rgba(21, 17, 12, .12);
  --lux-line-dark: rgba(216, 179, 106, .22);
  --lux-shadow: 0 28px 90px rgba(18, 12, 6, .16);
  --lux-shadow-soft: 0 18px 56px rgba(18, 12, 6, .10);
  --lux-radius-lg: 34px;
  --lux-radius-md: 22px;
  --lux-container: 1220px;
  --ivory: var(--lux-cream);
  --ivory2: var(--lux-cream-2);
  --navy: var(--lux-black);
  --navy2: var(--lux-espresso);
  --gold: var(--lux-gold);
  --amber: var(--lux-amber);
  --text: var(--lux-ink);
  --muted: var(--lux-muted);
  --line: var(--lux-line);
  --shadow: var(--lux-shadow-soft);
  --container: var(--lux-container);
}

* { box-sizing: border-box; }

html { background: var(--lux-cream); }

body {
  margin: 0;
  background:
    radial-gradient(circle at 8% 3%, rgba(216,179,106,.16), transparent 30%),
    linear-gradient(180deg, var(--lux-cream-2) 0%, var(--lux-cream) 42%, #f3e4ce 100%);
  color: var(--lux-ink);
  font-family: "Noto Naskh Arabic", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0;
}

body::selection { background: var(--lux-soft-gold); color: var(--lux-black); }

.container,
.home-section,
.home-values,
.home-cta-row,
.home-hero__wrap,
.home-about__inner {
  width: min(100% - 44px, var(--lux-container)) !important;
  margin-inline: auto !important;
}

/* Header: أقل ضجيجًا وأكثر فخامة */
.top-bar {
  background: var(--lux-black) !important;
  color: rgba(255, 249, 238, .78) !important;
  border-bottom: 1px solid rgba(216,179,106,.18);
}

.top-bar__inner {
  min-height: 34px !important;
  gap: 24px !important;
  font-size: 12px !important;
  letter-spacing: .02em;
}

.site-header,
.site-header.clean-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9600 !important;
  background: rgba(255, 249, 238, .82) !important;
  border-bottom: 1px solid rgba(21,17,12,.10) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: none !important;
}

.site-header.scrolled { box-shadow: 0 12px 44px rgba(18,12,6,.09) !important; }

.header-inner,
.clean-header-inner,
.site-header .header-inner {
  min-height: 78px !important;
  width: min(100% - 44px, var(--lux-container)) !important;
  max-width: var(--lux-container) !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

.brand,
.header-logo,
.header-brand-name {
  text-decoration: none !important;
}

.brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.brand-mark,
.header-logo {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 35% 25%, #3a2716, var(--lux-black) 62%) !important;
  color: var(--lux-gold) !important;
  border: 1px solid rgba(216,179,106,.55) !important;
  box-shadow: inset 0 0 0 1px rgba(255,249,238,.08), 0 12px 30px rgba(18,12,6,.18) !important;
  display: grid !important;
  place-items: center !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 20px !important;
  letter-spacing: .12em !important;
  padding-left: .12em !important;
}

.brand-copy strong,
.header-brand-name {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(26px, 2.6vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  color: var(--lux-black) !important;
  font-weight: 700 !important;
}

.brand-copy small {
  margin-top: 5px !important;
  color: var(--lux-muted) !important;
  font-size: 12px !important;
  letter-spacing: .02em;
}

.main-nav,
.clean-header .main-nav {
  display: flex !important;
  align-items: center !important;
  gap: clamp(12px, 1.45vw, 24px) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.main-nav a,
.clean-header .main-nav a {
  color: rgba(21,17,12,.74) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 8px 0 !important;
  min-height: auto !important;
  box-shadow: none !important;
  position: relative !important;
  transition: color .18s ease, opacity .18s ease !important;
}

.main-nav a::after,
.clean-header .main-nav a::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 1px !important;
  width: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--lux-gold), transparent) !important;
  transition: width .2s ease !important;
}

.main-nav a:hover,
.main-nav a.active,
.clean-header .main-nav a:hover,
.clean-header .main-nav a.active { color: var(--lux-black) !important; }

.main-nav a:hover::after,
.main-nav a.active::after,
.clean-header .main-nav a:hover::after,
.clean-header .main-nav a.active::after { width: 100% !important; }

.cart-nav-link {
  border: 1px solid rgba(21,17,12,.13) !important;
  border-radius: 999px !important;
  padding: 8px 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.cart-nav-link::after { display: none !important; }
.cart-nav-link strong { color: var(--lux-amber); font-size: 12px; }
.cart-icon { display: none !important; }

/* Hero editorial */
.home-page { overflow: clip !important; }

.home-hero,
.home-hero--split {
  min-height: calc(100svh - 78px) !important;
  padding: clamp(46px, 7vw, 92px) 0 clamp(44px, 6vw, 74px) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(216,179,106,.20), transparent 32%),
    linear-gradient(135deg, #fffaf0 0%, #f5e8d5 45%, #ead3b2 100%) !important;
  text-align: right !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.home-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 42% !important;
  background: linear-gradient(0deg, rgba(7,6,4,.08), transparent) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.home-hero::after,
.home-hero--split::after {
  content: "" !important;
  position: absolute !important;
  inset: 34px max(22px, 4vw) !important;
  border: 1px solid rgba(143,90,37,.16) !important;
  border-radius: 44px !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.home-hero__wrap {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(420px, .78fr) !important;
  gap: clamp(30px, 5vw, 74px) !important;
  align-items: center !important;
}

.home-hero__content {
  width: 100% !important;
  max-width: 710px !important;
  margin: 0 !important;
  position: relative;
}

.home-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 0 22px !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--lux-bronze) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.home-hero__eyebrow::before {
  content: "";
  width: 52px;
  height: 1px;
  background: var(--lux-gold);
}

.home-hero h1,
.home-hero--split h1,
.page-hero h1,
.section h2,
.home-section__head h2,
.home-cta-card h3,
.product-buy-panel h1,
.product-info h1 {
  font-family: "Amiri", "Noto Naskh Arabic", Georgia, serif !important;
  letter-spacing: -.025em !important;
  color: var(--lux-black) !important;
}

.home-hero h1,
.home-hero--split h1 {
  margin: 0 0 24px !important;
  font-size: clamp(54px, 7.5vw, 112px) !important;
  line-height: .98 !important;
  max-width: 760px !important;
}

.home-hero p,
.home-hero--split p {
  max-width: 620px !important;
  margin: 0 0 34px !important;
  color: rgba(21,17,12,.70) !important;
  font-size: clamp(18px, 1.65vw, 23px) !important;
  line-height: 2 !important;
}

.home-hero__actions,
.home-hero--split .home-hero__actions {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.home-btn,
.btn {
  border-radius: 0 !important;
  min-height: 54px !important;
  padding: 0 28px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.home-btn:hover,
.btn:hover { transform: translateY(-2px) !important; }

.home-btn--primary,
.btn-primary {
  background: var(--lux-black) !important;
  color: var(--lux-cream-2) !important;
  border: 1px solid var(--lux-black) !important;
  box-shadow: 0 16px 42px rgba(18,12,6,.18) !important;
}

.home-btn--secondary,
.btn-outline {
  background: rgba(255,249,238,.52) !important;
  color: var(--lux-black) !important;
  border: 1px solid rgba(21,17,12,.18) !important;
  box-shadow: none !important;
}

.home-hero__media {
  min-height: 560px !important;
  border-radius: 46% 46% 8px 8px / 34% 34% 8px 8px !important;
  background: var(--lux-black) !important;
  border: 1px solid rgba(216,179,106,.38) !important;
  box-shadow: 0 38px 110px rgba(18,12,6,.22) !important;
  padding: 12px !important;
  position: relative !important;
  overflow: hidden !important;
}

.home-hero__media::before {
  content: "";
  position: absolute;
  inset: 22px;
  border: 1px solid rgba(255,249,238,.30);
  border-radius: inherit;
  z-index: 3;
  pointer-events: none;
}

.home-hero__media::after {
  content: "AMBER";
  position: absolute;
  left: 20px;
  bottom: 16px;
  color: rgba(255,249,238,.74);
  font-family: "Cormorant Garamond", Georgia, serif;
  letter-spacing: .34em;
  font-size: 12px;
  z-index: 4;
}

.home-hero__slider {
  height: 100% !important;
  min-height: 536px !important;
  border-radius: inherit !important;
  background: #17100a !important;
  overflow: hidden !important;
}

.home-hero__slide {
  background-size: cover !important;
  background-position: center !important;
  filter: saturate(.94) contrast(1.02) !important;
}

.home-hero__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7,6,4,.05), rgba(7,6,4,.18));
}

/* Trust strip */
.home-values {
  margin: -42px auto 82px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  position: relative !important;
  z-index: 4 !important;
  background: rgba(255,249,238,.88) !important;
  border: 1px solid rgba(21,17,12,.10) !important;
  box-shadow: var(--lux-shadow-soft) !important;
}

.home-values article {
  min-height: 116px !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(21,17,12,.09) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 24px 22px !important;
}

.home-values article:last-child { border-left: 0 !important; }
.home-values article:hover { transform: none !important; box-shadow: none !important; border-color: rgba(21,17,12,.09) !important; }

.home-values strong {
  color: var(--lux-black) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.home-values span {
  color: var(--lux-muted) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* Sections */
.home-section,
.section {
  margin-bottom: 94px !important;
}

.section { padding: 84px 0 !important; }
.section-soft { background: rgba(255,249,238,.54) !important; border-block: 1px solid rgba(21,17,12,.08) !important; }

.home-section__head,
.section-head {
  margin-bottom: 34px !important;
}

.home-section__head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 22px !important;
}

.home-section__head p,
.section-head .kicker,
.kicker {
  color: var(--lux-bronze) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.home-section__head h2,
.section h2,
.section-head h2 {
  margin: 0 !important;
  font-size: clamp(38px, 4.8vw, 74px) !important;
  line-height: 1.08 !important;
}

.home-section__head h2::after,
.section-head h2::after { display: none !important; }

.home-title-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 18px !important;
}

.home-title-link,
.section-action a {
  color: var(--lux-black) !important;
  border-bottom: 1px solid rgba(21,17,12,.36) !important;
  font-weight: 700 !important;
  padding-bottom: 4px !important;
}

/* Category tiles: editorial, not noisy */
.home-category-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.home-category-card {
  min-height: 292px !important;
  border-radius: 0 !important;
  padding: 26px !important;
  background: linear-gradient(180deg, rgba(7,6,4,.02) 0%, rgba(7,6,4,.50) 100%), var(--cat-image) center/cover no-repeat !important;
  border: 1px solid rgba(21,17,12,.10) !important;
  box-shadow: var(--lux-shadow-soft) !important;
  color: #fff9ee !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
}

.home-category-card::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px solid rgba(255,249,238,.24);
  opacity: 0;
  transition: opacity .2s ease;
}

.home-category-card:hover::before { opacity: 1; }

.home-category-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 26px 76px rgba(18,12,6,.18) !important;
  border-color: rgba(216,179,106,.46) !important;
}

.home-category-card strong {
  color: #fff9ee !important;
  font-family: "Amiri", "Noto Naskh Arabic", serif !important;
  font-size: clamp(28px, 3.5vw, 44px) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  text-shadow: 0 10px 32px rgba(0,0,0,.30);
}

.home-category-card span {
  color: rgba(255,249,238,.78) !important;
  font-size: 14px !important;
  margin-top: 8px !important;
}

/* Product cards */
.home-featured-grid,
.product-grid,
.similar-products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.home-product-card,
.product-card,
.store-product-card {
  background: rgba(255,249,238,.72) !important;
  border: 1px solid rgba(21,17,12,.10) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.home-product-card:hover,
.product-card:hover,
.store-product-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(216,179,106,.45) !important;
  box-shadow: 0 24px 70px rgba(18,12,6,.13) !important;
}

.home-product-card__image,
.product-media,
.product-card .product-media {
  height: 296px !important;
  background-color: #e9d9bf !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0 !important;
}

.home-product-card__body,
.product-body {
  padding: 20px 20px 22px !important;
}

.home-product-card__body h3,
.product-card h3,
.store-product-card h3 {
  margin: 0 0 12px !important;
  color: var(--lux-black) !important;
  font-family: "Noto Naskh Arabic", Tahoma, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.home-product-card__meta,
.price-row {
  border-top: 1px solid rgba(21,17,12,.08) !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
}

.home-product-card__meta strong,
.price-row strong,
.product-price-main,
.product-price {
  color: var(--lux-black) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 25px !important;
  font-weight: 700 !important;
}

.home-product-card__meta span,
.price-row span,
.sku,
.product-sku,
.stock-pill {
  color: var(--lux-muted) !important;
  font-size: 12px !important;
}

.home-product-card__link,
.home-product-card button,
.card-actions .btn,
.product-actions-main .btn {
  border-radius: 0 !important;
  min-height: 44px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.home-product-card__link,
.card-actions .btn-primary {
  background: var(--lux-black) !important;
  color: var(--lux-cream-2) !important;
}

.home-product-card button,
.card-actions .btn-outline {
  background: transparent !important;
  border: 1px solid rgba(21,17,12,.17) !important;
  color: var(--lux-black) !important;
}

.status,
.product-label,
.status--ok,
.status--low,
.status--out {
  border-radius: 0 !important;
  background: rgba(216,179,106,.16) !important;
  color: var(--lux-bronze) !important;
  font-size: 11px !important;
  letter-spacing: .04em !important;
  border: 1px solid rgba(216,179,106,.18) !important;
}

/* Story/CTA */
.amber-editorial,
.home-cta-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
}

.home-cta-card {
  min-height: 312px !important;
  border-radius: 0 !important;
  padding: clamp(28px, 4vw, 46px) !important;
  background: rgba(255,249,238,.72) !important;
  border: 1px solid rgba(21,17,12,.10) !important;
  box-shadow: none !important;
}

.home-cta-card--dark {
  background:
    linear-gradient(135deg, rgba(216,179,106,.14), rgba(216,179,106,0)),
    var(--lux-black) !important;
  color: var(--lux-cream-2) !important;
  border-color: rgba(216,179,106,.26) !important;
}

.home-cta-card:hover { transform: translateY(-4px) !important; box-shadow: var(--lux-shadow-soft) !important; }
.home-cta-card--dark:hover { background: var(--lux-black) !important; }

.home-cta-card h3 {
  font-size: clamp(34px, 4.2vw, 62px) !important;
  line-height: 1.05 !important;
  margin-bottom: 14px !important;
  color: inherit !important;
}

.home-cta-card p {
  color: currentColor !important;
  opacity: .72 !important;
  font-size: 17px !important;
  line-height: 1.9 !important;
}

.home-cta-card a { color: inherit !important; border-bottom: 1px solid currentColor; padding-bottom: 4px; width: fit-content; }
.home-cta-card a::after { display: none !important; }

/* Page hero / collection */
.page-hero {
  padding: clamp(66px, 8vw, 112px) 0 clamp(48px, 6vw, 82px) !important;
  background:
    radial-gradient(circle at 14% 20%, rgba(216,179,106,.20), transparent 34%),
    linear-gradient(135deg, #fffaf0, #ecd6b6) !important;
  border-bottom: 1px solid rgba(21,17,12,.09) !important;
}

.page-hero .container { max-width: 980px !important; }
.page-hero h1 { font-size: clamp(48px, 6vw, 92px) !important; line-height: 1.04 !important; margin: 0 !important; }
.page-hero p { color: rgba(21,17,12,.70) !important; font-size: 18px !important; max-width: 760px !important; }

.filter-bar {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 38px !important;
}

.filter-bar a {
  border-radius: 0 !important;
  border: 1px solid rgba(21,17,12,.14) !important;
  background: rgba(255,249,238,.54) !important;
  color: var(--lux-black) !important;
  padding: 10px 18px !important;
}

.filter-bar a.is-active,
.filter-bar a:hover {
  background: var(--lux-black) !important;
  color: var(--lux-cream-2) !important;
  border-color: var(--lux-black) !important;
}

.store-page .filter-bar {
  top: 80px !important;
  background: rgba(247,239,226,.84) !important;
  backdrop-filter: blur(12px) !important;
}

/* Product page */
.product-gallery-panel,
.product-buy-panel,
.product-info-panel,
.info-card,
.two-boxes article,
.cards-3 article,
.policy-list article,
.order-card,
.form-card {
  border-radius: 0 !important;
  background: rgba(255,249,238,.76) !important;
  border: 1px solid rgba(21,17,12,.10) !important;
  box-shadow: none !important;
}

.product-buy-panel { box-shadow: var(--lux-shadow-soft) !important; }
.product-gallery-main { border-radius: 0 !important; min-height: 520px; }
.product-gallery-thumbs button { border-radius: 0 !important; }
.product-quick-facts span,
.meta-grid div,
.packaging-options label {
  border-radius: 0 !important;
  background: rgba(255,249,238,.72) !important;
  border: 1px solid rgba(21,17,12,.10) !important;
}

/* Footer */
.site-footer {
  background:
    linear-gradient(135deg, rgba(216,179,106,.08), transparent 48%),
    var(--lux-black) !important;
  color: rgba(255,249,238,.76) !important;
  border-top: 1px solid rgba(216,179,106,.24) !important;
  padding-top: 70px !important;
}

.footer-brand h2,
.site-footer h2,
.site-footer h3 {
  color: var(--lux-cream-2) !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: .02em !important;
}

.footer-brand p,
.site-footer a,
.footer-bottom { color: rgba(255,249,238,.68) !important; }
.site-footer a:hover { color: var(--lux-gold) !important; }
.footer-bottom { border-top-color: rgba(255,249,238,.12) !important; }

.whatsapp-float,
.floating-cart {
  border-radius: 0 !important;
  background: var(--lux-black) !important;
  color: var(--lux-cream-2) !important;
  border: 1px solid rgba(216,179,106,.34) !important;
  box-shadow: 0 18px 50px rgba(18,12,6,.20) !important;
}

.whatsapp-float { padding-inline: 18px !important; }

/* Mobile */
@media (max-width: 1080px) {
  .main-nav { gap: 13px !important; font-size: 13px !important; }
  .home-hero__wrap { grid-template-columns: 1fr .8fr !important; }
  .home-featured-grid,
  .product-grid,
  .similar-products { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}

@media (max-width: 820px) {
  .container,
  .home-section,
  .home-values,
  .home-cta-row,
  .home-hero__wrap,
  .home-about__inner,
  .header-inner,
  .clean-header-inner,
  .site-header .header-inner {
    width: min(100% - 28px, var(--lux-container)) !important;
  }

  .site-header .header-inner,
  .header-inner,
  .clean-header-inner {
    min-height: 70px !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 54px !important;
    gap: 8px !important;
    direction: ltr !important;
  }

  .brand,
  .header-brand-name {
    min-width: 0 !important;
    justify-self: center !important;
    text-align: center !important;
  }

  .brand { grid-column: 1 / 3 !important; justify-self: start !important; }
  .brand-copy small { display: none !important; }
  .brand-copy strong,
  .header-brand-name { font-size: clamp(24px, 7vw, 31px) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }

  .menu-toggle,
  .clean-header .menu-toggle {
    display: grid !important;
    place-items: center !important;
    grid-column: 3 !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 50% !important;
    background: rgba(255,249,238,.62) !important;
    border: 1px solid rgba(21,17,12,.12) !important;
    position: relative !important;
    z-index: 9700 !important;
  }

  .main-nav,
  .clean-header .main-nav,
  .mobile-menu {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    left: -100% !important;
    width: min(84vw, 360px) !important;
    height: 100dvh !important;
    padding: 92px 24px 28px !important;
    background: rgba(255,249,238,.98) !important;
    border-right: 1px solid rgba(21,17,12,.10) !important;
    box-shadow: 22px 0 70px rgba(18,12,6,.22) !important;
    display: grid !important;
    align-content: start !important;
    gap: 2px !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 9650 !important;
    transition: left .22s ease !important;
  }

  .main-nav.open,
  .clean-header .main-nav.open,
  .mobile-menu.open { left: 0 !important; }

  .main-nav a,
  .clean-header .main-nav a {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid rgba(21,17,12,.08) !important;
    font-size: 16px !important;
  }

  .main-nav a::after,
  .clean-header .main-nav a::after { display: none !important; }

  body.menu-open::before {
    z-index: 9500 !important;
    background: rgba(7,6,4,.38) !important;
  }

  .home-hero,
  .home-hero--split {
    min-height: auto !important;
    padding: 34px 0 44px !important;
    text-align: center !important;
  }

  .home-hero::after,
  .home-hero--split::after { display: none !important; }

  .home-hero__wrap { grid-template-columns: 1fr !important; gap: 26px !important; }
  .home-hero__content { max-width: none !important; }
  .home-hero__eyebrow { justify-content: center !important; margin-bottom: 16px !important; }
  .home-hero__eyebrow::before { width: 32px !important; }
  .home-hero h1,
  .home-hero--split h1 { font-size: clamp(44px, 13vw, 66px) !important; line-height: 1.04 !important; }
  .home-hero p,
  .home-hero--split p { margin-inline: auto !important; font-size: 16px !important; line-height: 1.9 !important; }
  .home-hero__actions,
  .home-hero--split .home-hero__actions { justify-content: center !important; display: grid !important; grid-template-columns: 1fr 1fr !important; }
  .home-btn { min-height: 50px !important; padding: 0 12px !important; font-size: 13px !important; }

  .home-hero__media { min-height: 360px !important; border-radius: 44% 44% 0 0 / 27% 27% 0 0 !important; order: 2 !important; }
  .home-hero__slider { min-height: 336px !important; }

  .home-values {
    margin: 0 auto 58px !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  .home-values article { min-height: 106px !important; padding: 18px 14px !important; border-bottom: 1px solid rgba(21,17,12,.09) !important; }
  .home-values article:nth-child(2n) { border-left: 0 !important; }
  .home-values article:nth-last-child(-n+2) { border-bottom: 0 !important; }

  .home-section__head,
  .section-head { text-align: center !important; justify-content: center !important; display: grid !important; }
  .home-title-row { justify-content: center !important; display: grid !important; gap: 8px !important; }
  .home-section__head h2,
  .section h2,
  .section-head h2 { font-size: clamp(38px, 11vw, 58px) !important; }

  .home-category-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .home-category-card { min-height: 210px !important; padding: 22px !important; }

  .home-featured-grid,
  .product-grid,
  .similar-products { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important; }
  .home-product-card__image,
  .product-media,
  .store-product-card .product-media { height: 178px !important; }
  .home-product-card__body,
  .product-body { padding: 13px !important; }
  .home-product-card__body h3,
  .product-card h3,
  .store-product-card h3 { font-size: 15px !important; min-height: auto !important; }
  .home-product-card__meta strong,
  .price-row strong { font-size: 19px !important; }

  .home-cta-row { grid-template-columns: 1fr !important; gap: 14px !important; }
  .home-cta-card { min-height: 220px !important; padding: 25px !important; text-align: center !important; }
  .home-cta-card a { margin-inline: auto !important; }

  .page-hero { text-align: center !important; padding: 50px 0 42px !important; }
  .page-hero h1 { font-size: clamp(40px, 11vw, 58px) !important; }

  .filter-bar { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: 8px !important; scrollbar-width: none !important; }
  .filter-bar::-webkit-scrollbar { display: none !important; }
  .filter-bar a { flex: 0 0 auto !important; font-size: 13px !important; }

  .product-detail-layout { grid-template-columns: 1fr !important; }
  .product-gallery-main { height: 340px !important; min-height: 340px !important; }
  .product-info-grid { grid-template-columns: 1fr !important; }

  .footer-grid,
  .footer-grid--wide { grid-template-columns: 1fr !important; text-align: center !important; }
  .footer-inline { justify-content: center !important; }
}

@media (max-width: 390px) {
  .home-hero__actions,
  .home-hero--split .home-hero__actions { grid-template-columns: 1fr !important; }
  .home-featured-grid,
  .product-grid,
  .similar-products { grid-template-columns: 1fr !important; }
  .home-product-card__image,
  .product-media,
  .store-product-card .product-media { height: 252px !important; }
}