/** Shopify CDN: Minification failed

Line 557:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500&display=swap');
:root{--forest-night:#0D2B1A;--forest-deep:#132E1E;--forest-mid:#1A3D26;--forest-muted:#245232;--forest-soft:#3A6B45;--forest-pale:#8BB89A;--forest-ghost:#C8DFD0;--walnut:#A0693A;--walnut-dark:#7A4E26;--walnut-deep:#5C3518;--walnut-light:#C4956A;--walnut-pale:#EDD8C0;--parchment:#F4EEE4;--parchment-dk:#EAE1D3;--white:#FDFAF6;--gold:#D4A857;--gold-pale:#F0DFA8;--text-dark:#EEE8E0;--text-dark-muted:rgba(238,232,224,.5);--text-light:#0D2B1A;--text-muted:#3A6B45;--border-dark:rgba(255,255,255,.07);--border-light:rgba(28,43,58,.1);--font-serif:'Cormorant Garamond',Georgia,serif;--font-sans:'DM Sans',system-ui,sans-serif;--r-sm:4px;--r-md:8px;--r-lg:16px;--r-xl:24px;--max-w:1200px;--pad:96px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--font-sans);background:var(--parchment);color:var(--text-light);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;width:100%}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font:inherit}
.container{max-width:var(--max-w);margin:0 auto;padding:0 40px}
@media(max-width:768px){.container{padding:0 20px}:root{--pad:56px}}
.display-xl{font-family:var(--font-serif);font-size:clamp(50px,6.5vw,88px);font-weight:500;line-height:1.06;letter-spacing:-.01em}
.display-lg{font-family:var(--font-serif);font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.1}
.display-md{font-family:var(--font-serif);font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.15}
.display-sm{font-family:var(--font-serif);font-size:clamp(20px,2.2vw,28px);font-weight:500;line-height:1.2}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ann{background:var(--forest-night);color:var(--text-dark);text-align:center;padding:11px 20px;font-size:12.5px;letter-spacing:.03em}
.ann strong{color:var(--gold);font-weight:500}
.nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--border-light);transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 2px 24px rgba(28,43,58,.09)}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;padding:0 40px;max-width:var(--max-w);margin:0 auto}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-size:13px;letter-spacing:.05em;color:var(--forest-muted);transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--forest-night)}
.logo-wrap{text-align:center;display:flex;align-items:center}
.logo-animated{display:block;width:130px;height:44px}
.logo-name{font-family:var(--font-serif);font-size:24px;font-weight:500;color:var(--walnut-pale);letter-spacing:.04em}
.logo-tag{font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--forest-soft);margin-top:-2px}
.nav-right{display:flex;justify-content:flex-end;align-items:center;gap:16px}
.nav-cart{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:var(--forest-night);color:var(--text-dark);font-size:13px;font-weight:500;border-radius:100px;transition:background .2s,transform .15s}
.nav-cart:hover{background:var(--forest-mid);transform:translateY(-1px)}
@media(max-width:900px){.nav-links{display:none}.nav-inner{grid-template-columns:auto 1fr auto;padding:0 20px}.logo-wrap{text-align:left}}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:var(--walnut);color:var(--parchment);font-size:13.5px;font-weight:500;letter-spacing:.04em;border-radius:100px;transition:background .2s,transform .15s}
.btn-primary:hover{background:var(--walnut-dark);transform:translateY(-2px)}
.btn-primary svg{width:15px;height:15px}
.btn-dark{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:var(--forest-night);color:var(--text-dark);font-size:13.5px;font-weight:500;letter-spacing:.04em;border-radius:100px;transition:background .2s,transform .15s}
.btn-dark:hover{background:var(--forest-mid);transform:translateY(-2px)}
.btn-outline-dark{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid var(--border-light);color:var(--forest-muted);font-size:13.5px;letter-spacing:.04em;border-radius:100px;transition:all .2s}
.btn-outline-dark:hover{border-color:var(--forest-night);color:var(--forest-night)}
.btn-light{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:var(--parchment);color:var(--walnut-dark);font-size:13.5px;font-weight:500;letter-spacing:.04em;border-radius:100px;transition:background .2s,transform .15s}
.btn-light:hover{background:var(--walnut-pale);transform:translateY(-2px)}
.page-hero{background:var(--forest-night);padding:72px 0 68px;text-align:center}
.page-hero .eyebrow{margin-bottom:14px}
.page-hero .display-lg{color:var(--text-dark)}
.page-hero p{color:var(--text-dark-muted);font-size:16px;max-width:520px;margin:14px auto 0;line-height:1.75}
.breadcrumb{padding:16px 0;font-size:12px;color:var(--text-muted);display:flex;gap:8px;align-items:center}
.breadcrumb a{color:var(--forest-soft)}.breadcrumb a:hover{color:var(--walnut)}.breadcrumb span{opacity:.4}
.trust-bar{background:var(--forest-ghost);padding:36px 0}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.t-icon{font-size:24px;margin-bottom:8px}
.t-title{font-size:13px;font-weight:500;color:var(--forest-night);margin-bottom:3px}
.t-desc{font-size:11.5px;color:var(--forest-muted)}
@media(max-width:768px){.trust-grid{grid-template-columns:1fr 1fr}}
.marquee-bar{background:var(--forest-mid);padding:13px 0;overflow:hidden}
.marquee-track{display:flex;animation:slide 30s linear infinite;white-space:nowrap}
.m-item{display:inline-flex;align-items:center;gap:14px;padding:0 28px;font-family:var(--font-serif);font-size:15px;color:rgba(238,232,224,.65)}
.m-dot{width:3px;height:3px;border-radius:50%;background:var(--walnut-light)}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
footer{background:var(--forest-night);border-top:1px solid var(--border-dark);padding:64px 0 32px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border-dark)}
.foot-brand-name{font-family:var(--font-serif);font-size:26px;color:var(--parchment);margin-bottom:12px}
.foot-brand-desc{font-size:13.5px;color:rgba(255,255,255,.35);line-height:1.75;max-width:230px;margin-bottom:22px}
.foot-social{display:flex;gap:10px}
.soc-btn{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--border-dark);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:14px;transition:background .2s,color .2s}
.soc-btn:hover{background:var(--walnut);color:var(--parchment);border-color:var(--walnut)}
.foot-col h4{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:18px}
.foot-col ul{list-style:none}
.foot-col li{margin-bottom:10px}
.foot-col a{font-size:13.5px;color:rgba(255,255,255,.45);transition:color .2s}
.foot-col a:hover{color:var(--walnut-pale)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px}
.foot-copy{font-size:12px;color:rgba(255,255,255,.2)}
.pay-row{display:flex;gap:8px}
.pay{background:rgba(255,255,255,.05);border:1px solid var(--border-dark);padding:3px 10px;border-radius:var(--r-sm);font-size:10.5px;color:rgba(255,255,255,.3)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;gap:14px;text-align:center}}
.wa-btn{position:fixed;bottom:26px;right:26px;z-index:999;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 8px 24px rgba(37,211,102,.4);transition:transform .2s}
.wa-btn:hover{transform:scale(1.1)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}


/* ═══════════════════════════════════════
   PAGE-SPECIFIC STYLES
   ═══════════════════════════════════════ */

/* --- index.html --- */
/* ─── OPTION 3: SLATE BLUE + WALNUT DESIGN SYSTEM ───────────────────── */
:root {
  /* Slate blue family */
  --forest-night:  #0D2B1A;
  --forest-deep:   #132E1E;
  --forest-mid:    #1A3D26;
  --forest-muted:  #245232;
  --forest-soft:   #3A6B45;
  --forest-pale:   #8BB89A;
  --forest-ghost:  #C8DFD0;

  /* Warm walnut family */
  --walnut:       #A0693A;
  --walnut-dark:  #7A4E26;
  --walnut-deep:  #5C3518;
  --walnut-light: #C4956A;
  --walnut-pale:  #EDD8C0;

  /* Neutrals */
  --parchment:    #F4EEE4;
  --parchment-dk: #EAE1D3;
  --white:        #FDFAF6;
  --gold:         #D4A857;
  --gold-pale:    #F0DFA8;

  /* Text */
  --text-on-dark: #EEE8E0;
  --text-muted-dark: rgba(238,232,224,0.5);
  --text-on-light: #0D2B1A;
  --text-muted-light: #3A6B45;
  --border-dark:  rgba(255,255,255,0.07);
  --border-light: rgba(28,43,58,0.1);

  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans:  'DM Sans', system-ui, sans-serif;
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --max-w:      1200px;
  --pad:        96px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-sans);
  background: var(--parchment);
  color: var(--text-on-light);
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font: inherit; }
.container { max-width: var(--max-w); margin: 0 auto; padding: 0 40px; }

/* Typography */
.serif { font-family: var(--font-serif); }
.display-xl { font-family: var(--font-serif); font-size: clamp(50px, 6.5vw, 88px); font-weight: 500; line-height: 1.06; letter-spacing: -0.01em; }
.display-lg { font-family: var(--font-serif); font-size: clamp(34px, 4vw, 56px); font-weight: 500; line-height: 1.1; }
.display-md { font-family: var(--font-serif); font-size: clamp(26px, 3vw, 40px); font-weight: 500; line-height: 1.15; }
.eyebrow { font-size: 10px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); }

/* Scroll animations */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal.in { opacity: 1; transform: none; }

@media (max-width: 768px) {
  .container { padding: 0 20px; }
  :root { --pad: 56px; }
}

/* ─── ANNOUNCEMENT ───────────────────────────────────────────────────── */
.ann {
  background: var(--forest-night);
  color: var(--text-on-dark);
  text-align: center;
  padding: 11px 20px;
  font-size: 12.5px;
  letter-spacing: 0.03em;
}
.ann strong { color: var(--gold); font-weight: 500; }

/* ─── LOGO ───────────────────────────────────────────────────────────── */
.logo-wrap { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.logo-animated-wrap {
  display: flex; align-items: center; gap: 10px;
  animation: logo-fadein 0.6s ease 0.1s both;
}
@keyframes logo-fadein { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.logo-leaf-img {
  width: 36px; height: 36px;
  object-fit: contain; display: block;
  animation: logo-leaf-breathe 5s ease-in-out 1s infinite;
  filter: drop-shadow(0 2px 6px rgba(26,77,46,0.35));
}
@keyframes logo-leaf-breathe {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.06) rotate(1.2deg); }
}

.logo-text-anim {
  display: flex; flex-direction: column; gap: 1px;
  opacity: 0; transform: translateX(-6px);
  animation: logo-slide-in 0.5s cubic-bezier(.2,0,0,1) 0.4s forwards;
}
@keyframes logo-slide-in { to { opacity: 1; transform: translateX(0); } }

.logo-name-text {
  font-family: var(--font-serif);
  font-size: 19px; font-weight: 600;
  color: var(--forest-night);
  letter-spacing: 0.12em;
  line-height: 1;
}
.logo-sub-text {
  font-size: 8px; letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--walnut);
  font-weight: 500;
  line-height: 1;
}

/* ─── NAV ────────────────────────────────────────────────────────────── */
.nav {
  position: sticky; top: 0; z-index: 100;
  background: var(--white);
  border-bottom: 1px solid var(--border-light);
  transition: box-shadow 0.3s;
}
.nav.scrolled { box-shadow: 0 2px 24px rgba(28,43,58,0.09); }
.nav-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 70px;
  padding: 0 40px;
  max-width: var(--max-w);
  margin: 0 auto;
}
.nav-links { display: flex; gap: 28px; list-style: none; }
.nav-links a {
  font-size: 13px; letter-spacing: 0.05em;
  color: var(--forest-muted);
  transition: color 0.2s;
}
.nav-links a:hover { color: var(--forest-night); }
.logo-wrap { text-align: center; }
.logo-name { font-family: var(--font-serif); font-size: 24px; font-weight: 500; color: var(--walnut-pale); letter-spacing: 0.04em; }
.logo-tagline { font-size: 8.5px; letter-spacing: 0.24em; text-transform: uppercase; color: var(--forest-soft); margin-top: -2px; }
.nav-right { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.nav-cart {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 20px;
  background: var(--forest-night);
  color: var(--text-on-dark);
  font-size: 13px; font-weight: 500;
  border-radius: 100px;
  transition: background 0.2s, transform 0.15s;
}
.nav-cart:hover { background: var(--forest-mid); transform: translateY(-1px); }
@media (max-width: 900px) {
  .nav-links { display: none; }
  .nav-inner { grid-template-columns: auto 1fr auto; padding: 0 20px; gap: 12px; }
  .logo-wrap { text-align: left; }
}

/* ─── HERO ───────────────────────────────────────────────────────────── */
/* ===================== HERO ANIMATED ===================== */
.hero {
  display: grid;
  grid-template-columns: 55% 45%;
  min-height: calc(100vh - 111px);
  background: var(--forest-night);
  overflow: hidden;
  position: relative;
}
.hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.hero-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 64px 80px 80px;
  position: relative;
  z-index: 2;
}

/* Eyebrow animated line */
.hero-eyebrow-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  overflow: hidden;
}
.hero-eyebrow-line {
  display: block;
  height: 1px;
  width: 0;
  background: var(--gold);
  animation: eyebrow-line 0.8s cubic-bezier(.4,0,.2,1) 0.2s forwards;
}
@keyframes eyebrow-line { to { width: 32px; } }
.hero-eyebrow-text {
  opacity: 0;
  animation: fade-up 0.5s ease 0.6s forwards;
}

/* Word-by-word headline reveal */
.hero-h1 { color: var(--text-on-dark); margin-bottom: 26px; }
.hero-h1 em { font-style: italic; color: var(--gold); }
.hero-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px);
  animation: word-in 0.55s cubic-bezier(.2,0,0,1) var(--d, 0s) forwards;
}
@keyframes word-in {
  to { opacity: 1; transform: translateY(0); }
}

/* Fade-in elements */
.hero-fadein {
  opacity: 0;
  transform: translateY(16px);
  animation: fade-up 0.6s ease var(--d, 0s) forwards;
}
@keyframes fade-up {
  to { opacity: 1; transform: translateY(0); }
}

.hero-desc {
  font-size: 16.5px;
  color: var(--text-muted-dark);
  line-height: 1.8;
  max-width: 400px;
  margin-bottom: 44px;
}
.hero-ctas { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 0; }

/* Animated stats row */
.hero-stats {
  margin-top: 52px;
  padding-top: 32px;
  border-top: 1px solid var(--border-dark);
  display: flex;
  gap: 0;
  align-items: center;
}
.hstat {
  display: flex;
  flex-direction: column;
  padding: 0 28px 0 0;
}
.hstat:first-child { padding-left: 0; }
.hstat-num {
  font-family: var(--font-serif);
  font-size: 32px;
  font-weight: 500;
  color: var(--text-on-dark);
  line-height: 1;
  display: inline;
}
.hstat-unit {
  font-family: var(--font-serif);
  font-size: 18px;
  color: var(--gold);
}
.hstat-label {
  font-size: 11px;
  color: var(--text-muted-dark);
  letter-spacing: 0.06em;
  margin-top: 4px;
  opacity: 0.6;
}
.hstat-div {
  width: 1px;
  height: 36px;
  background: var(--border-dark);
  margin-right: 28px;
  flex-shrink: 0;
}

/* Hero right */
.hero-right {
  position: relative;
  background: linear-gradient(145deg, var(--forest-deep) 0%, #0a1f11 60%, #071409 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  z-index: 1;
}
.hero-mountain {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  pointer-events: none;
  opacity: 0;
  animation: fade-up 1.2s ease 0.4s forwards;
}

/* Jar scene */
.hero-jar-scene {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 40px;
}
/* Big warm spotlight behind jar */
.hero-jar-glow {
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212,168,87,0.22) 0%, rgba(160,105,58,0.12) 40%, transparent 70%);
  animation: glow-pulse 3s ease-in-out infinite;
  z-index: 0;
}
@keyframes glow-pulse {
  0%, 100% { transform: scale(1); opacity: 0.8; }
  50% { transform: scale(1.12); opacity: 1; }
}

/* Floating jar */
.hero-jar-float {
  animation: jar-float 4s ease-in-out infinite;
}
@keyframes jar-float {
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50% { transform: translateY(-18px) rotate(1deg); }
}
.h-jar-img-wrap {
  width: 380px;
  height: 380px;
  border-radius: 24px;
  overflow: hidden;
  opacity: 0;
  animation: fade-up 0.8s ease 0.5s forwards;
  position: relative;
  z-index: 1;
  box-shadow: 0 40px 80px rgba(0,0,0,0.55), 0 0 60px rgba(212,168,87,0.12);
}
.h-jar-img--product {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.h-jar-img--fallback {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 30px 60px rgba(0,0,0,0.7));
}

/* Orbiting badge */
.h-badge {
  position: absolute;
  top: -20px; right: -40px;
  background: var(--walnut);
  color: var(--parchment);
  font-size: 10px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
  padding: 7px 14px; border-radius: 100px;
  box-shadow: 0 4px 16px rgba(160,105,58,0.4);
  opacity: 0;
  z-index: 3;
  animation: badge-pop 0.5s cubic-bezier(.34,1.56,.64,1) 1.1s forwards;
}
@keyframes badge-pop {
  to { opacity: 1; transform: scale(1); }
  from { opacity: 0; transform: scale(0.6); }
}

/* Floating info cards */
.hf-card {
  position: absolute;
  background: var(--white);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  opacity: 0;
  white-space: nowrap;
  z-index: 3;
  pointer-events: none;
}
.hf-card-icon { font-size: 18px; }
.hf-card-val {
  font-family: var(--font-serif);
  font-size: 16px;
  font-weight: 500;
  color: var(--forest-night);
  line-height: 1;
}
.hf-card-lbl {
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--forest-soft);
  margin-top: 2px;
}
.hf-card-1 {
  bottom: 60px; left: 10px;
  animation: card-slide-r 0.6s cubic-bezier(.2,0,0,1) 1.2s forwards;
}
.hf-card-2 {
  top: 40px; left: 10px;
  animation: card-slide-r 0.6s cubic-bezier(.2,0,0,1) 1.4s forwards;
}
.hf-card-3 {
  bottom: 100px; right: 10px;
  animation: card-slide-l 0.6s cubic-bezier(.2,0,0,1) 1.6s forwards;
}
@keyframes card-slide-r {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes card-slide-l {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}
.hero-card-float-1 { animation: card-slide-r 0.6s cubic-bezier(.2,0,0,1) 1.2s forwards, card-bob-1 5s ease-in-out 2s infinite; }
.hero-card-float-2 { animation: card-slide-r 0.6s cubic-bezier(.2,0,0,1) 1.4s forwards, card-bob-2 4.5s ease-in-out 2.2s infinite; }
.hero-card-float-3 { animation: card-slide-l 0.6s cubic-bezier(.2,0,0,1) 1.6s forwards, card-bob-3 5.5s ease-in-out 2.4s infinite; }
@keyframes card-bob-1 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes card-bob-2 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes card-bob-3 { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }

/* Responsive */
@media (max-width: 960px) {
  .hero { grid-template-columns: 1fr; min-height: auto; overflow: hidden; }
  .hero-left { padding: 48px 24px 40px 24px; }
  .hero-right { min-height: 420px; }
  .hero-desc { font-size: 15px; max-width: 100%; }
  .hf-card-1 { left: 12px; }
  .hf-card-2 { left: 12px; }
  .hf-card-3 { right: 12px; }
}
@media (max-width: 480px) {
  .hero-left { padding: 40px 20px 36px 20px; }
  .hero-h1 { font-size: clamp(36px, 11vw, 56px); }
  .hero-desc { font-size: 14.5px; line-height: 1.7; }
  .hero-stats { gap: 0; flex-wrap: wrap; }
}
/* ===================== END HERO ===================== */
}

/* ─── MARQUEE ────────────────────────────────────────────────────────── */
.marquee-bar {
  background: var(--forest-mid);
  padding: 14px 0; overflow: hidden;
}
.marquee-track {
  display: flex;
  animation: slide 30s linear infinite;
  white-space: nowrap;
}
.m-item {
  display: inline-flex; align-items: center; gap: 14px;
  padding: 0 28px;
  font-family: var(--font-serif);
  font-size: 15px;
  color: rgba(238,232,224,0.65);
}
.m-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--walnut-light); }
@keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ─── WHY SECTION ────────────────────────────────────────────────────── */
.why { padding: var(--pad) 0; background: var(--parchment); }
.section-head { text-align: center; max-width: 520px; margin: 0 auto 68px; }
.section-head .eyebrow { margin-bottom: 14px; }
.section-head .display-md { color: var(--forest-night); }
.section-head p { color: var(--forest-soft); font-size: 16px; margin-top: 14px; line-height: 1.75; }

.why-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl); overflow: hidden;
  gap: 1px; background: var(--border-light);
}
.why-card {
  background: var(--white);
  padding: 44px 32px;
  transition: background 0.25s;
}
.why-card:hover { background: var(--parchment); }
.why-icon {
  width: 46px; height: 46px;
  background: var(--forest-ghost);
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px; margin-bottom: 22px;
}
.why-card h3 { font-family: var(--font-serif); font-size: 22px; font-weight: 500; color: var(--forest-night); margin-bottom: 10px; }
.why-card p { font-size: 14.5px; color: var(--forest-soft); line-height: 1.7; }
@media (max-width: 768px) { .why-grid { grid-template-columns: 1fr; } }

/* ─── PRODUCTS ───────────────────────────────────────────────────────── */
.products { padding: var(--pad) 0; background: var(--forest-night); }
.prod-header {
  display: flex; justify-content: space-between; align-items: flex-end;
  margin-bottom: 52px;
}
.prod-header .display-lg { color: var(--text-on-dark); }
.prod-header .eyebrow { margin-bottom: 10px; }
.view-all {
  font-size: 13px; font-weight: 500; letter-spacing: 0.06em;
  color: var(--forest-pale); border-bottom: 1px solid rgba(168,196,216,0.35);
  padding-bottom: 2px; transition: color 0.2s; white-space: nowrap; align-self: flex-end;
}
.view-all:hover { color: var(--gold); border-color: var(--gold); }

.prod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

.prod-card {
  background: var(--forest-deep);
  border: 1px solid var(--border-dark);
  border-radius: var(--radius-xl); overflow: hidden;
  cursor: pointer;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.prod-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 52px rgba(0,0,0,0.35);
  border-color: rgba(255,255,255,0.12);
}
.prod-img {
  aspect-ratio: 1; position: relative;
  display: flex; align-items: center; justify-content: center;
  background: var(--forest-mid);
}
.prod-jar {
  width: 76%; height: 78%;
  border-radius: 12px 12px 22px 22px;
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  gap: 5px; position: relative; overflow: hidden;
}
.prod-jar::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 28%; border-radius: 12px 12px 0 0;
  opacity: 0.7;
}
.prod-jar-icon { font-size: 26px; position: relative; z-index: 1; margin-top: 16px; }
.prod-jar-lbl { font-family: var(--font-serif); font-size: 12px; color: var(--parchment); opacity: 0.8; position: relative; z-index: 1; text-align: center; padding: 0 6px; }

.badge-sale { position: absolute; top: 10px; left: 10px; background: var(--walnut); color: var(--parchment); font-size: 9px; font-weight: 500; letter-spacing: 0.08em; padding: 3px 10px; border-radius: 100px; }
.badge-new { position: absolute; top: 10px; left: 10px; background: var(--forest-soft); color: var(--white); font-size: 9px; font-weight: 500; letter-spacing: 0.08em; padding: 3px 10px; border-radius: 100px; }
.badge-best { position: absolute; top: 10px; left: 10px; background: var(--gold); color: var(--forest-night); font-size: 9px; font-weight: 500; letter-spacing: 0.08em; padding: 3px 10px; border-radius: 100px; }

.prod-info { padding: 18px; }
.prod-info .eyebrow { font-size: 9px; color: rgba(168,196,216,0.45); margin-bottom: 5px; }
.prod-info h3 { font-family: var(--font-serif); font-size: 18px; font-weight: 500; color: var(--walnut-pale); line-height: 1.2; margin-bottom: 5px; }
.prod-info .prod-sub { font-size: 11.5px; color: rgba(255,255,255,0.28); margin-bottom: 14px; }
.prod-pricing { display: flex; justify-content: space-between; align-items: center; }
.price { font-size: 17px; font-weight: 500; color: var(--parchment); }
.price-og { font-size: 12px; color: rgba(255,255,255,0.25); text-decoration: line-through; margin-left: 5px; }
.add-btn {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--walnut); color: var(--parchment);
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; font-weight: 300;
  transition: background 0.2s, transform 0.15s;
}
.add-btn:hover { background: var(--gold); color: var(--forest-night); transform: scale(1.1); }

@media (max-width: 1024px) { .prod-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
  .prod-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .prod-header { flex-direction: column; align-items: flex-start; gap: 14px; }
}

/* ─── ORIGIN ─────────────────────────────────────────────────────────── */
.origin { padding: var(--pad) 0; background: var(--parchment-dk); }
.origin-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.origin-vis { position: relative; }
.origin-main-card {
  width: 74%; height: 400px;
  background: var(--forest-mid);
  border-radius: var(--radius-xl);
  overflow: hidden; position: relative;
  display: flex; align-items: flex-end; padding: 28px;
}
.origin-main-card::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(160deg, var(--forest-muted) 0%, var(--forest-night) 100%);
}
.origin-main-text { position: relative; z-index: 1; color: var(--text-on-dark); }
.origin-main-text .big { font-family: var(--font-serif); font-size: 52px; line-height: 1; font-weight: 400; color: var(--walnut-pale); }
.origin-main-text .sm { font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--forest-pale); margin-top: 4px; }

.origin-accent {
  position: absolute; bottom: -20px; right: 0;
  width: 52%; background: var(--walnut-pale);
  border-radius: var(--radius-lg);
  border: 4px solid var(--parchment-dk);
  padding: 22px;
  display: flex; flex-direction: column; gap: 4px; align-items: center;
}
.origin-accent .num { font-family: var(--font-serif); font-size: 44px; font-weight: 500; color: var(--walnut-dark); line-height: 1; }
.origin-accent .lbl { font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--walnut); }

.origin-content { padding-bottom: 24px; }
.origin-content .eyebrow { margin-bottom: 18px; }
.origin-content .display-lg { color: var(--forest-night); margin-bottom: 22px; }
.origin-content .display-lg em { font-style: italic; color: var(--walnut); }
.origin-content p { font-size: 15.5px; color: var(--forest-muted); line-height: 1.82; margin-bottom: 16px; }

.origin-stats {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 16px; margin-top: 36px; padding-top: 36px;
  border-top: 1px solid var(--border-light);
}
.stat-num { font-family: var(--font-serif); font-size: 34px; font-weight: 500; color: var(--forest-night); }
.stat-lbl { font-size: 12px; color: var(--forest-soft); margin-top: 2px; }

@media (max-width: 960px) {
  .origin-inner { grid-template-columns: 1fr; gap: 60px; }
  .origin-vis { padding-bottom: 40px; }
}

/* ─── SPOTLIGHT ──────────────────────────────────────────────────────── */
.spotlight { padding: var(--pad) 0; background: var(--white); }
.spotlight-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }

.spotlight-visual {
  aspect-ratio: 1;
  background: var(--forest-deep);
  border-radius: var(--radius-xl);
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
}
.spotlight-visual::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 40% 60%, rgba(160,105,58,0.2) 0%, transparent 65%);
}
.sp-jar {
  width: 180px; height: 240px;
  background: var(--forest-night);
  border-radius: 16px 16px 32px 32px;
  border: 1px solid rgba(255,255,255,0.06);
  display: flex; align-items: center; justify-content: center; flex-direction: column;
  gap: 6px; position: relative; z-index: 1;
  box-shadow: 0 32px 64px rgba(0,0,0,0.35);
}
.sp-jar::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 50px; background: var(--walnut-dark); border-radius: 14px 14px 0 0;
}
.sp-jar-text { position: relative; z-index: 1; text-align: center; margin-top: 12px; }
.sp-jar-text .spb { font-family: var(--font-serif); font-size: 10px; letter-spacing: 0.16em; color: var(--forest-pale); opacity: 0.5; }
.sp-jar-text .spn { font-family: var(--font-serif); font-size: 22px; font-weight: 500; color: var(--walnut-pale); line-height: 1.1; }
.sp-jar-text .spw { font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--forest-soft); margin-top: 4px; }

.spotlight-content .eyebrow { margin-bottom: 14px; }
.spotlight-content .display-md { color: var(--forest-night); margin-bottom: 18px; }
.spotlight-content p { color: var(--forest-muted); font-size: 15.5px; line-height: 1.8; margin-bottom: 18px; }

.benefits { list-style: none; margin-bottom: 32px; }
.benefits li {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 11px 0; border-bottom: 1px solid var(--border-light);
  font-size: 14px; color: var(--text-on-light);
}
.benefits li:last-child { border-bottom: none; }
.b-check {
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--forest-ghost);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 10px; color: var(--forest-mid); font-weight: 700;
}
.price-row { display: flex; align-items: center; gap: 18px; margin-top: 6px; }
.big-price { font-family: var(--font-serif); font-size: 34px; font-weight: 500; color: var(--forest-night); }
.og-price { font-size: 17px; color: var(--forest-pale); text-decoration: line-through; }

@media (max-width: 960px) { .spotlight-inner { grid-template-columns: 1fr; gap: 40px; } }

/* ─── SAFFRON ────────────────────────────────────────────────────────── */
.saffron-sec {
  padding: var(--pad) 0;
  background: var(--walnut-dark);
  overflow: hidden;
}
.saffron-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.saffron-content .eyebrow { color: var(--walnut-pale); opacity: 0.6; margin-bottom: 14px; }
.saffron-content .display-lg { color: var(--parchment); margin-bottom: 22px; }
.saffron-content p { font-size: 15.5px; color: rgba(238,224,192,0.65); line-height: 1.8; margin-bottom: 18px; }
.saffron-specs {
  background: rgba(0,0,0,0.15);
  border-radius: var(--radius-md);
  padding: 18px 22px; margin-top: 28px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
.spec-lbl { font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(238,224,192,0.4); margin-bottom: 3px; }
.spec-val { font-family: var(--font-serif); font-size: 19px; font-weight: 500; color: var(--walnut-pale); }
.btn-light {
  display: inline-flex; align-items: center; gap: 10px;
  margin-top: 32px; padding: 15px 30px;
  background: var(--parchment); color: var(--walnut-dark);
  font-size: 13.5px; font-weight: 500; letter-spacing: 0.04em;
  border-radius: 100px;
  transition: background 0.2s, transform 0.15s;
}
.btn-light:hover { background: var(--walnut-pale); transform: translateY(-2px); }
.btn-light svg { width: 15px; height: 15px; }

.saffron-vis {
  display: flex; align-items: center; justify-content: center;
}
.s-vial-wrap { position: relative; display: inline-block; }
.s-vial {
  width: 110px; height: 190px;
  background: var(--forest-night);
  border-radius: 14px 14px 8px 8px;
  border: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 24px 60px rgba(0,0,0,0.4);
  position: relative;
}
.s-vial::before {
  content: '';
  position: absolute; top: 0; left: 22%; right: 22%;
  height: 18px; background: var(--walnut-light);
  border-radius: 4px 4px 0 0; opacity: 0.7;
}
.s-vial-text { text-align: center; color: var(--walnut-pale); margin-top: 12px; }
.s-vial-text .svb { font-family: var(--font-serif); font-size: 9px; letter-spacing: 0.18em; opacity: 0.4; }
.s-vial-text .svn { font-family: var(--font-serif); font-size: 15px; font-weight: 500; line-height: 1.2; }
.s-price-tag {
  position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);
  background: var(--parchment); color: var(--walnut-dark);
  font-family: var(--font-serif); font-size: 22px; font-weight: 500;
  padding: 7px 18px; border-radius: 100px; white-space: nowrap;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

@media (max-width: 960px) { .saffron-inner { grid-template-columns: 1fr; gap: 48px; } }

/* ─── PROCESS ────────────────────────────────────────────────────────── */
.process { padding: var(--pad) 0; background: var(--forest-deep); }
.process .section-head .display-md { color: var(--text-on-dark); }
.process .section-head p { color: var(--text-muted-dark); }

.process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.proc-step { padding: 0 28px; text-align: center; position: relative; }
.proc-step:not(:last-child)::after {
  content: '';
  position: absolute; top: 32px; right: -1px;
  width: 1px; height: 60px;
  background: var(--border-dark);
}
.step-n { font-family: var(--font-serif); font-size: 60px; font-weight: 400; color: rgba(255,255,255,0.04); line-height: 1; margin-bottom: -6px; }
.step-ico {
  width: 54px; height: 54px; margin: 0 auto 18px;
  background: rgba(160,105,58,0.12);
  border: 1px solid rgba(160,105,58,0.25);
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.proc-step h4 { font-family: var(--font-serif); font-size: 19px; font-weight: 500; color: var(--walnut-pale); margin-bottom: 10px; }
.proc-step p { font-size: 13.5px; color: var(--text-muted-dark); line-height: 1.65; }

@media (max-width: 768px) {
  .process-steps { grid-template-columns: 1fr 1fr; gap: 36px; }
  .proc-step::after { display: none; }
}

/* ─── TRUST BAR ──────────────────────────────────────────────────────── */
.trust-bar { background: var(--forest-ghost); padding: 44px 0; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.t-icon { font-size: 26px; margin-bottom: 10px; }
.t-title { font-size: 13.5px; font-weight: 500; color: var(--forest-night); margin-bottom: 3px; }
.t-desc { font-size: 12px; color: var(--forest-muted); }
@media (max-width: 768px) { .trust-grid { grid-template-columns: 1fr 1fr; } }

/* ─── REVIEWS ────────────────────────────────────────────────────────── */
.reviews { padding: var(--pad) 0; background: var(--parchment); }
.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.rev-card {
  background: var(--white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl); padding: 28px;
  transition: transform 0.2s;
}
.rev-card:hover { transform: translateY(-3px); }
.rev-stars { display: flex; gap: 3px; margin-bottom: 14px; }
.rev-stars span { color: var(--gold); font-size: 13px; }
.rev-text { font-family: var(--font-serif); font-style: italic; font-size: 16.5px; color: var(--forest-night); line-height: 1.65; margin-bottom: 20px; }
.rev-author { display: flex; align-items: center; gap: 12px; }
.rev-avatar {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--forest-ghost);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 16px; color: var(--forest-mid); font-weight: 500;
  flex-shrink: 0;
}
.rev-name { font-size: 13.5px; font-weight: 500; color: var(--forest-night); }
.rev-date { font-size: 11.5px; color: var(--forest-soft); }
.rev-check { margin-left: auto; font-size: 10px; font-weight: 500; color: #5C8A6E; letter-spacing: 0.06em; text-transform: uppercase; }
.stars-summary { display: flex; justify-content: center; align-items: center; gap: 4px; margin-top: 10px; }
.stars-summary span { color: var(--gold); }
.rat-txt { font-size: 13.5px; color: var(--forest-soft); margin-left: 8px; }
@media (max-width: 900px) { .reviews-grid { grid-template-columns: 1fr; } }

/* ─── EMAIL ──────────────────────────────────────────────────────────── */
.email-sec { padding: 72px 0; background: var(--forest-night); text-align: center; }
.email-sec .display-md { color: var(--text-on-dark); margin-bottom: 10px; }
.email-sec .sub { color: var(--text-muted-dark); font-size: 15.5px; margin-bottom: 36px; }
.email-form {
  display: flex; gap: 0;
  max-width: 420px; margin: 0 auto;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 100px; overflow: hidden;
  background: rgba(255,255,255,0.05);
}
.email-inp {
  flex: 1; padding: 15px 22px;
  font-family: var(--font-sans); font-size: 14px;
  border: none; outline: none; background: transparent;
  color: var(--text-on-dark);
}
.email-inp::placeholder { color: rgba(238,232,224,0.3); }
.email-sub {
  padding: 13px 22px; margin: 4px;
  background: var(--walnut); color: var(--parchment);
  font-family: var(--font-sans); font-size: 13px; font-weight: 500;
  border: none; cursor: pointer; border-radius: 100px; letter-spacing: 0.04em;
  transition: background 0.2s;
}
.email-sub:hover { background: var(--walnut-light); }
.email-note { font-size: 11.5px; color: var(--text-muted-dark); margin-top: 14px; }

/* ─── FOOTER ─────────────────────────────────────────────────────────── */
footer { background: var(--forest-night); border-top: 1px solid var(--border-dark); padding: 64px 0 32px; }
.footer-grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px;
  padding-bottom: 48px; border-bottom: 1px solid var(--border-dark);
}
.foot-brand-name { font-family: var(--font-serif); font-size: 26px; color: var(--parchment); margin-bottom: 12px; }
.foot-brand-desc { font-size: 13.5px; color: rgba(255,255,255,0.35); line-height: 1.75; max-width: 230px; margin-bottom: 22px; }
.foot-social { display: flex; gap: 10px; }
.soc-btn {
  width: 34px; height: 34px; border-radius: 50%;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--border-dark);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.4); font-size: 14px;
  transition: background 0.2s, color 0.2s;
}
.soc-btn:hover { background: var(--walnut); color: var(--parchment); border-color: var(--walnut); }
.foot-col h4 { font-size: 10px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255,255,255,0.25); margin-bottom: 18px; }
.foot-col ul { list-style: none; }
.foot-col li { margin-bottom: 10px; }
.foot-col a { font-size: 13.5px; color: rgba(255,255,255,0.45); transition: color 0.2s; }
.foot-col a:hover { color: var(--walnut-pale); }
.foot-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 28px; }
.foot-copy { font-size: 12px; color: rgba(255,255,255,0.2); }
.pay-row { display: flex; gap: 8px; }
.pay { background: rgba(255,255,255,0.05); border: 1px solid var(--border-dark); padding: 3px 10px; border-radius: var(--radius-sm); font-size: 10.5px; color: rgba(255,255,255,0.3); }
@media (max-width: 900px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; } }
@media (max-width: 600px) {
  .footer-grid { grid-template-columns: 1fr; }
  .foot-bottom { flex-direction: column; gap: 14px; text-align: center; }
}

/* ─── WHATSAPP ───────────────────────────────────────────────────────── */
.wa-btn {
  position: fixed; bottom: 26px; right: 26px; z-index: 999;
  width: 54px; height: 54px; border-radius: 50%;
  background: #25D366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 24px;
  box-shadow: 0 8px 24px rgba(37,211,102,0.4);
  transition: transform 0.2s, box-shadow 0.2s;
}
.wa-btn:hover { transform: scale(1.1); box-shadow: 0 12px 32px rgba(37,211,102,0.5); }

/* --- shop.html --- */
.filter-bar{background:var(--white);border-bottom:1px solid var(--border-light);padding:14px 0;position:sticky;top:70px;z-index:50}
.filter-inner{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filter-btn{padding:7px 18px;border-radius:100px;font-size:13px;border:1px solid var(--border-light);color:var(--forest-muted);background:transparent;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}
.filter-btn:hover,.filter-btn.active{background:var(--forest-night);color:var(--text-dark);border-color:var(--forest-night)}
.filter-count{font-size:12px;color:var(--text-muted);margin-left:auto}
.shop-section{padding:56px 0 80px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.prod-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(28,43,58,.1)}
.prod-img{aspect-ratio:1;position:relative;background:var(--forest-deep);display:flex;align-items:center;justify-content:center;position:relative}
.jar{width:52%;height:68%;border-radius:10px 10px 20px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;overflow:hidden}
.jar::before{content:'';position:absolute;top:0;left:0;right:0;height:28%;border-radius:10px 10px 0 0;opacity:.8}
.jar-icon{font-size:28px;position:relative;z-index:1;margin-top:14px}
.jar-lbl{font-family:var(--font-serif);font-size:11px;color:var(--parchment);opacity:.8;position:relative;z-index:1;text-align:center;padding:0 6px}
.badge{position:absolute;top:12px;left:12px;font-size:9px;font-weight:500;letter-spacing:.08em;padding:3px 11px;border-radius:100px}
.b-best{background:var(--gold);color:var(--forest-night)}
.b-sale{background:var(--walnut);color:var(--parchment)}
.b-new{background:var(--forest-soft);color:white}
.prod-body{padding:20px 22px}
.prod-body .eyebrow{font-size:9px;margin-bottom:6px}
.prod-body h3{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--forest-night);line-height:1.2;margin-bottom:6px}
.prod-body .desc{font-size:13px;color:var(--text-muted);line-height:1.65;margin-bottom:16px;min-height:38px}
.prod-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-light)}
.prod-price{font-size:18px;font-weight:500;color:var(--forest-night)}
.prod-og{font-size:12px;color:var(--forest-pale);text-decoration:line-through;margin-left:5px}
.add-btn{width:36px;height:36px;border-radius:50%;background:var(--walnut);color:var(--parchment);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:300;transition:background .2s,transform .15s;border:none;cursor:pointer}
.add-btn:hover{background:var(--forest-night);transform:scale(1.1)}
.view-link{display:block;font-size:12px;color:var(--forest-soft);text-align:center;margin-top:10px;border-top:1px solid var(--border-light);padding-top:12px;transition:color .2s}
.view-link:hover{color:var(--walnut)}
@media(max-width:900px){.shop-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shop-grid{grid-template-columns:1fr}}
.bundle-banner{background:var(--forest-night);border-radius:var(--r-xl);padding:36px 40px;margin-top:60px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.bundle-banner .display-sm{color:var(--text-dark);margin-bottom:8px}
.bundle-banner p{font-size:14px;color:var(--text-dark-muted);max-width:400px}
@media(max-width:768px){.bundle-banner{flex-direction:column;text-align:center;padding:28px 24px}}

/* --- about.html --- */
.story-section{padding:80px 0;background:var(--white)}
.story-lead{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:96px}
.story-visual{background:var(--forest-deep);border-radius:var(--r-xl);aspect-ratio:.85;display:flex;align-items:flex-end;padding:36px;position:relative;overflow:hidden}
.story-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,var(--forest-muted) 0%,var(--forest-night) 100%)}
.story-visual-text{position:relative;z-index:1}
.story-visual-text .coord{font-family:var(--font-serif);font-size:56px;font-weight:400;color:var(--walnut-pale);line-height:1}
.story-visual-text .coord-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--forest-pale);opacity:.6;margin-top:6px}
.story-content .eyebrow{margin-bottom:16px}
.story-content .display-lg{color:var(--forest-night);margin-bottom:24px}
.story-content .display-lg em{font-style:italic;color:var(--walnut)}
.story-content p{font-size:16px;color:var(--forest-muted);line-height:1.85;margin-bottom:18px}
.story-content blockquote{border-left:3px solid var(--walnut-light);padding-left:20px;margin:24px 0;font-family:var(--font-serif);font-size:22px;font-style:italic;color:var(--forest-night);line-height:1.5}

.values-section{padding:80px 0;background:var(--forest-night)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(255,255,255,.04);border-radius:var(--r-xl);overflow:hidden;margin-top:56px}
.val-card{background:var(--forest-deep);padding:44px 32px;transition:background .25s}
.val-card:hover{background:var(--forest-mid)}
.val-num{font-family:var(--font-serif);font-size:48px;font-weight:400;color:rgba(255,255,255,.06);line-height:1;margin-bottom:-8px}
.val-icon{font-size:28px;margin-bottom:18px}
.val-card h3{font-family:var(--font-serif);font-size:22px;font-weight:500;color:var(--walnut-pale);margin-bottom:12px}
.val-card p{font-size:14.5px;color:var(--text-dark-muted);line-height:1.72}

.kashmir-section{padding:80px 0;background:var(--parchment-dk)}
.kashmir-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.kashmir-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.kstat{background:var(--white);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:22px 24px}
.kstat-num{font-family:var(--font-serif);font-size:36px;font-weight:500;color:var(--forest-night)}
.kstat-label{font-size:12px;color:var(--text-muted);margin-top:4px}
.kashmir-map{background:var(--forest-mid);border-radius:var(--r-xl);aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.kashmir-map::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(160,105,58,.25) 0%,transparent 65%)}
.map-marker{font-size:48px;position:relative;z-index:1}
.map-label{font-family:var(--font-serif);font-size:24px;font-weight:500;color:var(--parchment);position:relative;z-index:1}
.map-sub{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--forest-pale);opacity:.6;position:relative;z-index:1}

.team-section{padding:80px 0;background:var(--white)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.team-card{border:1px solid var(--border-light);border-radius:var(--r-xl);overflow:hidden;transition:transform .2s}
.team-card:hover{transform:translateY(-3px)}
.team-photo{height:200px;background:var(--forest-deep);display:flex;align-items:center;justify-content:center;font-size:56px}
.team-body{padding:22px}
.team-body h3{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--forest-night);margin-bottom:4px}
.team-body .role{font-size:12px;color:var(--walnut);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.team-body p{font-size:13.5px;color:var(--text-muted);line-height:1.65}

.cta-section{background:var(--walnut-dark);padding:72px 0;text-align:center}
.cta-section .display-md{color:var(--parchment);margin-bottom:14px}
.cta-section p{color:rgba(238,224,192,.65);font-size:16px;margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){.story-lead,.kashmir-inner{grid-template-columns:1fr;gap:40px}.values-grid,.team-grid{grid-template-columns:1fr}.kashmir-stats{grid-template-columns:1fr 1fr}}

/* --- faq.html --- */
.faq-section{padding:72px 0 96px;background:var(--white)}
.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}
.faq-nav{position:sticky;top:90px}
.faq-nav-title{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}
.faq-nav ul{list-style:none}
.faq-nav li{margin-bottom:4px}
.faq-nav a{font-size:14px;color:var(--forest-soft);display:block;padding:8px 12px;border-radius:var(--r-md);transition:all .2s}
.faq-nav a:hover,.faq-nav a.active{background:var(--parchment);color:var(--walnut)}
.faq-group{margin-bottom:56px}
.faq-group-title{font-family:var(--font-serif);font-size:26px;font-weight:500;color:var(--forest-night);margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-light)}
.faq-item{border-bottom:1px solid var(--border-light)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:pointer;font-size:15.5px;font-weight:500;color:var(--forest-night);gap:16px;user-select:none;list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{content:'+';font-size:22px;font-weight:300;color:var(--walnut);flex-shrink:0;transition:transform .25s}
details[open] .faq-q::after{transform:rotate(45deg)}
.faq-a{padding:0 0 20px;font-size:15px;color:var(--forest-muted);line-height:1.8}
.faq-a p{margin-bottom:10px}.faq-a p:last-child{margin-bottom:0}
.faq-a strong{color:var(--forest-night)}
.faq-a a{color:var(--walnut);border-bottom:1px solid var(--walnut-light)}
.contact-cta{background:var(--parchment);border-radius:var(--r-xl);padding:36px;margin-top:48px;text-align:center}
.contact-cta h3{font-family:var(--font-serif);font-size:24px;color:var(--forest-night);margin-bottom:8px}
.contact-cta p{font-size:14px;color:var(--text-muted);margin-bottom:24px}
.wa-btn-inline{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;background:#25D366;color:#fff;font-size:14px;font-weight:500;border-radius:100px;transition:background .2s}
.wa-btn-inline:hover{background:#1da851}
@media(max-width:900px){.faq-layout{grid-template-columns:1fr}.faq-nav{position:static}}

/* --- contact.html --- */
.contact-section{padding:72px 0 96px;background:var(--white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.contact-info{}
.contact-info .display-md{color:var(--forest-night);margin-bottom:18px}
.contact-info > p{font-size:16px;color:var(--forest-muted);line-height:1.8;margin-bottom:40px}
.contact-channels{display:flex;flex-direction:column;gap:12px}
.channel{display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--parchment);border-radius:var(--r-lg);border:1px solid var(--border-light);transition:transform .2s,box-shadow .2s;cursor:pointer}
.channel:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(28,43,58,.08)}
.ch-icon{width:48px;height:48px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.ch-title{font-size:15px;font-weight:500;color:var(--forest-night);margin-bottom:2px}
.ch-desc{font-size:13px;color:var(--text-muted)}
.ch-arrow{margin-left:auto;color:var(--walnut);font-size:20px}

.contact-form-wrap{background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:40px}
.contact-form-wrap h2{font-family:var(--font-serif);font-size:26px;font-weight:500;color:var(--forest-night);margin-bottom:6px}
.contact-form-wrap .sub{font-size:14px;color:var(--text-muted);margin-bottom:28px}
.form-group{margin-bottom:18px}
.form-label{display:block;font-size:12px;font-weight:500;color:var(--forest-night);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}
.form-input,.form-select,.form-textarea{width:100%;padding:13px 16px;border:1px solid var(--border-light);border-radius:var(--r-md);font-family:var(--font-sans);font-size:14px;color:var(--text-light);background:var(--white);outline:none;transition:border-color .2s}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--walnut)}
.form-textarea{resize:vertical;min-height:120px;line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-submit{width:100%;padding:15px;background:var(--walnut);color:var(--parchment);font-family:var(--font-sans);font-size:15px;font-weight:500;border:none;border-radius:100px;cursor:pointer;transition:background .2s;margin-top:8px}
.form-submit:hover{background:var(--walnut-dark)}
.form-note{font-size:12px;color:var(--text-muted);text-align:center;margin-top:12px}
.success-msg{display:none;background:#EAF3DE;border:1px solid #97C459;border-radius:var(--r-md);padding:16px;text-align:center;font-size:14px;color:#3B6D11;margin-top:16px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}}

/* --- cart.html --- */
.cart-section{padding:48px 0 96px;background:var(--white);min-height:60vh}
.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;margin-top:32px}
.cart-items{}
.cart-header{display:grid;grid-template-columns:1fr 100px 120px 80px;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.cart-item{display:grid;grid-template-columns:1fr 100px 120px 80px;gap:16px;padding:24px 0;border-bottom:1px solid var(--border-light);align-items:center}
.item-product{display:flex;gap:16px;align-items:center}
.item-jar{width:56px;height:72px;border-radius:8px 8px 14px 14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;overflow:hidden}
.item-jar::before{content:'';position:absolute;top:0;left:0;right:0;height:30%;opacity:.8}
.item-name{font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--forest-night);margin-bottom:3px}
.item-variant{font-size:12px;color:var(--text-muted)}
.item-remove{font-size:12px;color:var(--forest-soft);cursor:pointer;margin-top:6px;display:inline-block;transition:color .2s}
.item-remove:hover{color:#E24B4A}
.item-price{font-size:16px;font-weight:500;color:var(--forest-night)}
.qty-ctrl{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:100px;width:fit-content}
.qb{width:32px;height:36px;border:none;background:transparent;font-size:18px;cursor:pointer;color:var(--forest-muted);font-family:var(--font-sans)}
.qb:hover{color:var(--forest-night)}
.qn{width:36px;text-align:center;font-size:14px;font-weight:500;color:var(--forest-night)}
.item-total{font-size:16px;font-weight:500;color:var(--forest-night);text-align:right}

.cart-empty{text-align:center;padding:80px 0}
.cart-empty .big{font-size:56px;margin-bottom:20px}
.cart-empty h2{font-family:var(--font-serif);font-size:28px;color:var(--forest-night);margin-bottom:10px}
.cart-empty p{color:var(--text-muted);margin-bottom:32px}

.order-summary{background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:28px;position:sticky;top:90px}
.summary-title{font-family:var(--font-serif);font-size:22px;font-weight:500;color:var(--forest-night);margin-bottom:20px}
.summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--forest-muted);margin-bottom:12px}
.summary-row.total{font-size:18px;font-weight:500;color:var(--forest-night);border-top:1px solid var(--border-light);margin-top:16px;padding-top:16px}
.summary-row.total span:last-child{color:var(--walnut)}
.free-shipping-bar{background:var(--forest-ghost);border-radius:var(--r-md);padding:12px 16px;margin:16px 0;font-size:13px;color:var(--forest-muted)}
.free-shipping-bar strong{color:var(--forest-night)}
.progress-bar{height:4px;background:var(--border-light);border-radius:2px;margin-top:8px;overflow:hidden}
.progress-fill{height:100%;background:var(--walnut);border-radius:2px;transition:width .4s}
.promo-row{display:flex;gap:8px;margin:16px 0}
.promo-input{flex:1;padding:11px 14px;border:1px solid var(--border-light);border-radius:var(--r-md);font-size:14px;font-family:var(--font-sans);outline:none;transition:border-color .2s;background:var(--white)}
.promo-input:focus{border-color:var(--walnut)}
.promo-btn{padding:11px 18px;background:var(--forest-night);color:var(--text-dark);font-size:13px;font-weight:500;border:none;border-radius:var(--r-md);cursor:pointer;font-family:var(--font-sans)}
.checkout-btn{width:100%;padding:16px;background:var(--walnut);color:var(--parchment);font-size:16px;font-weight:500;border:none;border-radius:100px;cursor:pointer;font-family:var(--font-sans);transition:background .2s;letter-spacing:.04em;margin-top:16px}
.checkout-btn:hover{background:var(--walnut-dark)}
.continue-link{display:block;text-align:center;font-size:13px;color:var(--forest-soft);margin-top:14px;transition:color .2s}
.continue-link:hover{color:var(--walnut)}
.pay-icons{display:flex;justify-content:center;gap:6px;margin-top:16px}
.pay-icon{font-size:11px;padding:3px 10px;border-radius:4px;border:1px solid var(--border-light);color:var(--text-muted)}

.you-may-like{padding:56px 0 80px;background:var(--parchment)}
.like-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:32px}
.like-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:transform .2s}
.like-card:hover{transform:translateY(-3px)}
.like-img{aspect-ratio:1;background:var(--forest-deep);display:flex;align-items:center;justify-content:center;font-size:28px}
.like-body{padding:14px 16px}
.like-name{font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--forest-night);margin-bottom:6px}
.like-price{font-size:14px;color:var(--walnut);font-weight:500}
.like-add{width:100%;padding:9px;background:var(--parchment);border:1px solid var(--border-light);border-radius:100px;font-size:13px;color:var(--forest-night);cursor:pointer;font-family:var(--font-sans);transition:all .2s;margin-top:8px}
.like-add:hover{background:var(--walnut);color:var(--parchment);border-color:var(--walnut)}
@media(max-width:900px){.cart-grid{grid-template-columns:1fr}.cart-header,.cart-item{grid-template-columns:1fr auto}.cart-header .h-price,.cart-header .h-total,.item-price,.item-total{display:none}.like-grid{grid-template-columns:1fr 1fr}}

/* --- shipping.html --- */
.policy-section{padding:64px 0 96px;background:var(--white)}
.policy-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}
.policy-nav{position:sticky;top:90px}
.policy-nav ul{list-style:none}
.policy-nav li{margin-bottom:4px}
.policy-nav a{font-size:13.5px;color:var(--forest-soft);display:block;padding:8px 12px;border-radius:var(--r-md);transition:all .2s}
.policy-nav a:hover{background:var(--parchment);color:var(--walnut)}
.policy-body h2{font-family:var(--font-serif);font-size:28px;font-weight:500;color:var(--forest-night);margin:40px 0 14px;padding-top:40px;border-top:1px solid var(--border-light)}
.policy-body h2:first-child{margin-top:0;padding-top:0;border-top:none}
.policy-body p{font-size:15.5px;color:var(--forest-muted);line-height:1.82;margin-bottom:14px}
.policy-body ul{list-style:none;margin-bottom:16px}
.policy-body li{font-size:15.5px;color:var(--forest-muted);line-height:1.8;padding:5px 0 5px 20px;position:relative}
.policy-body li::before{content:'·';position:absolute;left:0;color:var(--walnut);font-size:20px;line-height:1.2}
.policy-body strong{color:var(--forest-night)}
.info-box{background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r-md);padding:20px 24px;margin:20px 0}
.info-box p{margin-bottom:0;font-size:14px}
.rate-table{width:100%;border-collapse:collapse;margin:16px 0}
.rate-table th{background:var(--forest-night);color:var(--text-dark);font-size:12px;font-weight:500;letter-spacing:.08em;text-align:left;padding:12px 16px}
.rate-table td{padding:12px 16px;font-size:14.5px;color:var(--forest-muted);border-bottom:1px solid var(--border-light)}
.rate-table tr:last-child td{border-bottom:none}
.rate-table tr:nth-child(even) td{background:var(--parchment)}
@media(max-width:900px){.policy-layout{grid-template-columns:1fr}.policy-nav{position:static}}

/* --- refunds.html --- */
.policy-section{padding:64px 0 96px;background:var(--white)}
.policy-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}
.policy-nav{position:sticky;top:90px}
.policy-nav ul{list-style:none}
.policy-nav li{margin-bottom:4px}
.policy-nav a{font-size:13.5px;color:var(--forest-soft);display:block;padding:8px 12px;border-radius:var(--r-md);transition:all .2s}
.policy-nav a:hover{background:var(--parchment);color:var(--walnut)}
.policy-body h2{font-family:var(--font-serif);font-size:28px;font-weight:500;color:var(--forest-night);margin:40px 0 14px;padding-top:40px;border-top:1px solid var(--border-light)}
.policy-body h2:first-child{margin-top:0;padding-top:0;border-top:none}
.policy-body p{font-size:15.5px;color:var(--forest-muted);line-height:1.82;margin-bottom:14px}
.policy-body ul{list-style:none;margin-bottom:16px}
.policy-body li{font-size:15.5px;color:var(--forest-muted);line-height:1.8;padding:5px 0 5px 20px;position:relative}
.policy-body li::before{content:'·';position:absolute;left:0;color:var(--walnut);font-size:20px;line-height:1.2}
.policy-body strong{color:var(--forest-night)}
.policy-body a{color:var(--walnut);border-bottom:1px solid var(--walnut-light)}
.guarantee-box{background:var(--forest-night);border-radius:var(--r-xl);padding:36px;margin:28px 0;text-align:center}
.guarantee-box .g-num{font-family:var(--font-serif);font-size:72px;font-weight:400;color:var(--walnut-pale);line-height:1}
.guarantee-box .g-label{font-family:var(--font-serif);font-size:24px;color:var(--text-dark);margin-bottom:10px}
.guarantee-box p{font-size:14px;color:var(--text-dark-muted);max-width:400px;margin:0 auto}
.steps{display:flex;flex-direction:column;gap:16px;margin:20px 0}
.step-item{display:flex;gap:16px;align-items:flex-start}
.step-num{width:32px;height:32px;border-radius:50%;background:var(--parchment);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:16px;font-weight:500;color:var(--walnut);flex-shrink:0}
.step-text strong{display:block;font-size:15px;color:var(--forest-night);margin-bottom:3px}
.step-text p{font-size:14px;color:var(--text-muted);margin:0}
@media(max-width:900px){.policy-layout{grid-template-columns:1fr}.policy-nav{position:static}}

/* --- product-walnut-butter.html --- */
.product-section{padding:48px 0 80px;background:var(--white)}
.breadcrumb{padding:16px 0;font-size:12px;color:var(--text-muted);display:flex;gap:8px;align-items:center}
.breadcrumb a{color:var(--forest-soft)}.breadcrumb a:hover{color:var(--walnut)}.breadcrumb span{opacity:.4}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.gallery{position:sticky;top:90px}
.main-img{aspect-ratio:1;background:var(--forest-deep);border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:12px;border:1px solid rgba(255,255,255,0.06)}
.main-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;padding:0}
.big-jar{width:220px;height:290px;background:var(--forest-night);border-radius:20px 20px 40px 40px;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1;box-shadow:0 40px 80px rgba(0,0,0,.4)}
.big-jar::before{content:'';position:absolute;top:0;left:0;right:0;height:60px;background:var(--walnut-dark);border-radius:18px 18px 0 0}
.big-jar-txt{position:relative;z-index:1;text-align:center;margin-top:20px}
.big-jar-txt .jb{font-family:var(--font-serif);font-size:11px;letter-spacing:.2em;color:var(--forest-pale);opacity:.4}
.big-jar-txt .jn{font-family:var(--font-serif);font-size:30px;font-weight:500;color:var(--walnut-pale);line-height:1.1}
.big-jar-txt .jw{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--forest-soft);margin-top:4px}
.thumb-row{display:flex;gap:10px;flex-wrap:wrap}
.thumb{width:72px;height:72px;background:var(--forest-deep);border-radius:var(--r-md);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:border-color .2s,transform .15s;overflow:hidden;flex-shrink:0}
.thumb:hover{border-color:var(--walnut);transform:scale(1.05)}
.thumb.active{border-color:var(--walnut);box-shadow:0 0 0 2px rgba(160,105,58,.2)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}

.product-info{}
.product-info .eyebrow{margin-bottom:12px}
.product-info h1{font-family:var(--font-serif);font-size:clamp(32px,3.5vw,48px);font-weight:500;color:var(--forest-night);line-height:1.1;margin-bottom:14px}
.rating-row{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.stars{color:var(--gold);font-size:14px;letter-spacing:1px}
.rating-text{font-size:13px;color:var(--forest-soft)}
.rating-link{font-size:13px;color:var(--walnut);border-bottom:1px solid var(--walnut-light);padding-bottom:1px}
.price-block{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;padding:20px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.curr-price{font-family:var(--font-serif);font-size:40px;font-weight:500;color:var(--forest-night)}
.og-price{font-size:20px;color:var(--forest-pale);text-decoration:line-through}
.save-pill{background:var(--walnut-pale);color:var(--walnut-dark);font-size:12px;font-weight:500;padding:4px 12px;border-radius:100px}

.variant-label{font-size:12px;font-weight:500;color:var(--forest-night);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.variant-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.variant-btn{padding:12px 24px;border-radius:100px;border:2px solid var(--border-light);font-size:14px;font-weight:500;color:var(--forest-muted);cursor:pointer;transition:all .2s;font-family:var(--font-sans);background:var(--white);min-width:80px;text-align:center}
.variant-btn:hover{border-color:var(--walnut);color:var(--walnut);background:var(--walnut-pale)}
.variant-btn.active{border-color:var(--walnut);color:var(--white);background:var(--walnut);font-weight:600}

.qty-row{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.qty-ctrl{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:100px;overflow:hidden}
.qty-btn{width:40px;height:44px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--forest-muted);transition:background .2s;font-family:var(--font-sans)}
.qty-btn:hover{background:var(--parchment)}
.qty-num{width:44px;text-align:center;font-size:15px;font-weight:500;color:var(--forest-night)}
.atc-btn{flex:1;padding:14px 24px;background:var(--walnut);color:var(--parchment);font-size:15px;font-weight:500;letter-spacing:.04em;border-radius:100px;border:none;cursor:pointer;transition:background .2s,transform .15s;font-family:var(--font-sans)}
.atc-btn:hover{background:var(--walnut-dark);transform:translateY(-2px)}
.buy-now{width:100%;padding:14px;background:var(--forest-night);color:var(--parchment);font-size:15px;font-weight:500;letter-spacing:.04em;border-radius:100px;border:none;cursor:pointer;transition:background .2s;font-family:var(--font-sans);margin-top:10px;display:block;text-align:center}
.buy-now:hover{background:var(--forest-mid)}

.trust-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.trust-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--forest-muted);background:var(--parchment);padding:6px 12px;border-radius:100px}
.trust-pill span{font-size:14px}

.product-tabs{margin-top:36px;border-top:2px solid var(--border-light)}
.tab-buttons{display:flex;gap:0;border-bottom:1px solid var(--border-light);margin-bottom:24px}
.tab-btn{padding:14px 20px;font-size:13px;font-weight:500;color:var(--forest-soft);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s;font-family:var(--font-sans);letter-spacing:.04em}
.tab-btn.active,.tab-btn:hover{color:var(--walnut);border-bottom-color:var(--walnut)}
.tab-content{display:none}.tab-content.active{display:block}
.tab-content p{font-size:15px;color:var(--forest-muted);line-height:1.8;margin-bottom:14px}
.ingredient-badge{display:inline-block;background:var(--parchment);border:1px solid var(--border-light);padding:8px 20px;border-radius:100px;font-family:var(--font-serif);font-size:20px;color:var(--forest-night);margin-bottom:12px}
.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.nut-card{background:var(--parchment);border-radius:var(--r-md);padding:14px;text-align:center}
.nut-val{font-family:var(--font-serif);font-size:22px;font-weight:500;color:var(--forest-night)}
.nut-label{font-size:11px;color:var(--text-muted);margin-top:3px}
.nut-sub{font-size:10px;color:var(--forest-soft)}

.related-section{padding:60px 0 80px;background:var(--parchment)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.rel-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:20px;display:flex;gap:16px;align-items:center;cursor:pointer;transition:box-shadow .2s,transform .2s}
.rel-card:hover{box-shadow:0 8px 24px rgba(28,43,58,.08);transform:translateY(-2px)}
.rel-jar{width:56px;height:56px;background:var(--forest-mid);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.rel-name{font-family:var(--font-serif);font-size:16px;font-weight:500;color:var(--forest-night);margin-bottom:3px}
.rel-price{font-size:14px;color:var(--walnut)}
@media(max-width:900px){.product-grid{grid-template-columns:1fr;gap:36px}.gallery{position:static}.nutrition-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}}

/* ── IMAGE FIXES ───────────────────────────────────────────────────── */
.prod-img{position:relative}
.prod-img img,.prod-img-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.prod-img-placeholder{display:flex;align-items:center;justify-content:center;position:absolute}

/* ═══════════════════════════════════════════════════════
   NEW DYNAMIC SPOTLIGHT SECTION
   ═══════════════════════════════════════════════════════ */
.spotlight-new {
  background: var(--forest-night);
  overflow: hidden;
  position: relative;
}
.spotlight-new::before {
  content: '';
  position: absolute;
  top: -200px; right: -200px;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: rgba(160,105,58,0.07);
  pointer-events: none;
}
.spotlight-new::after {
  content: '';
  position: absolute;
  bottom: -150px; left: -100px;
  width: 400px; height: 400px;
  border-radius: 50%;
  background: rgba(92,122,148,0.06);
  pointer-events: none;
}
.spotlight-new-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 96px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 1;
}

/* Left — text content */
.sp-stats {
  display: flex;
  gap: 0;
  margin-bottom: 28px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: var(--r-lg);
  overflow: hidden;
}
.sp-stat {
  flex: 1;
  padding: 20px 16px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255,0.07);
}
.sp-stat:last-child { border-right: none; }
.sp-stat-num {
  font-family: var(--font-serif);
  font-size: 36px;
  font-weight: 500;
  color: var(--gold);
  line-height: 1;
  margin-bottom: 6px;
}
.sp-stat-lbl {
  font-size: 11px;
  color: var(--text-dark-muted);
  line-height: 1.4;
}

.sp-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 36px;
}
.sp-tag {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: var(--walnut-pale);
  background: rgba(160,105,58,0.15);
  border: 1px solid rgba(160,105,58,0.25);
  padding: 5px 14px;
  border-radius: 100px;
}

.sp-buy { display: flex; flex-direction: column; gap: 14px; }
.sp-price-block { display: flex; align-items: baseline; gap: 12px; }
.sp-price {
  font-family: var(--font-serif);
  font-size: 42px;
  font-weight: 500;
  color: var(--parchment);
  line-height: 1;
}
.sp-price-og {
  font-size: 20px;
  color: rgba(255,255,255,0.25);
  text-decoration: line-through;
}
.sp-save-pill {
  font-size: 12px;
  font-weight: 500;
  background: rgba(160,105,58,0.2);
  color: var(--walnut-light);
  border: 1px solid rgba(160,105,58,0.3);
  padding: 4px 12px;
  border-radius: 100px;
}
.sp-atc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: var(--walnut);
  color: var(--parchment);
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  width: fit-content;
}
.sp-atc-btn:hover { background: var(--walnut-dark); transform: translateY(-2px); }
.sp-view-link {
  font-size: 13px;
  color: var(--forest-pale);
  border-bottom: 1px solid rgba(168,196,216,0.3);
  padding-bottom: 2px;
  width: fit-content;
  transition: color 0.2s;
}
.sp-view-link:hover { color: var(--gold); border-color: var(--gold); }

/* Right — visual */
.sp-right { position: relative; }
.sp-visual-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 480px;
}
.sp-product-img {
  width: 340px;
  height: 340px;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);
  position: relative;
  z-index: 2;
}
.sp-product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* No-image fallback jar */
.sp-no-img {
  background: var(--forest-deep);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sp-jar-3d {
  width: 200px;
  position: relative;
}
.sp-jar-cap {
  height: 40px;
  background: var(--walnut-dark);
  border-radius: 12px 12px 0 0;
  width: 100%;
}
.sp-jar-body {
  background: var(--forest-night);
  border: 1px solid rgba(255,255,255,0.06);
  border-top: none;
  border-radius: 0 0 28px 28px;
  height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.sp-jar-label { text-align: center; color: var(--text-dark); }
.sp-jar-brand { font-family: var(--font-serif); font-size: 10px; letter-spacing: 0.2em; opacity: 0.4; margin-bottom: 8px; }
.sp-jar-name { font-family: var(--font-serif); font-size: 28px; font-weight: 500; color: var(--walnut-pale); line-height: 1.1; margin-bottom: 8px; }
.sp-jar-weight { font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.35; }

/* Floating cards */
.sp-float-card {
  position: absolute;
  background: var(--white);
  border-radius: var(--r-lg);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  z-index: 3;
  animation: float-bob 4s ease-in-out infinite;
}
.sp-float-1 { top: 20px; left: -20px; animation-delay: 0s; }
.sp-float-2 { bottom: 60px; left: -30px; animation-delay: 1.3s; }
.sp-float-3 { top: 50%; right: -20px; transform: translateY(-50%); animation-delay: 0.7s; }

@keyframes float-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.sp-float-3 {
  animation: float-bob-mid 4s ease-in-out infinite;
  animation-delay: 0.7s;
}
@keyframes float-bob-mid {
  0%, 100% { transform: translateY(-50%); }
  50% { transform: translateY(calc(-50% - 8px)); }
}

.sp-fc-icon { font-size: 20px; flex-shrink: 0; }
.sp-fc-val { font-size: 13px; font-weight: 500; color: var(--forest-night); line-height: 1.2; }
.sp-fc-lbl { font-size: 10px; color: var(--forest-soft); margin-top: 1px; }

@media (max-width: 960px) {
  .spotlight-new-inner { grid-template-columns: 1fr; gap: 48px; padding: 60px 20px; }
  .sp-visual-wrap { min-height: 360px; }
  .sp-product-img { width: 260px; height: 260px; }
  .sp-float-1 { top: 10px; left: 0; }
  .sp-float-2 { bottom: 10px; left: 0; }
  .sp-float-3 { right: 0; }
}

/* ═══════════════════════════════════════════════════════
   CATEGORY SECTION
   ═══════════════════════════════════════════════════════ */
.categories-sec { padding: var(--pad) 0; background: var(--forest-night); }

.cat-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 48px;
}
.cat-header .display-lg { color: var(--text-dark); }
.cat-header .eyebrow { margin-bottom: 10px; }
.cat-header .view-all { color: var(--forest-pale); border-bottom-color: rgba(168,196,216,0.3); white-space: nowrap; align-self: flex-end; }
.cat-header .view-all:hover { color: var(--gold); border-color: var(--gold); }

/* Grid — first card is large (spans 2 cols), rest are normal */
.cat-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  gap: 16px;
}
.cat-large {
  grid-column: span 2;
  grid-row: span 1;
}
.cat-saffron {
  grid-column: span 2;
}
.cat-saffron .cat-visual {
  height: 180px;
}

.cat-card {
  border-radius: var(--r-xl);
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.28s, box-shadow 0.28s;
  border: 1px solid rgba(255,255,255,0.06);
  position: relative;
}
.cat-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 56px rgba(0,0,0,0.4);
}

/* Visual top area */
.cat-visual {
  position: relative;
  height: 200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0D2B1A;
}
.cat-visual svg{position:absolute;top:0;left:0;width:100%;height:100%;display:block}
.cat-large .cat-visual { height: 240px; }

.cat-glow {
  position: absolute;
  width: 200px; height: 200px;
  border-radius: 50%;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(40px);
  pointer-events: none;
}

/* Jar illustration */
.cat-illustration {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}
.cat-jar {
  width: 72px;
  flex-shrink: 0;
  position: relative;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,0.4));
}
.cat-jar-cap {
  height: 16px;
  border-radius: 6px 6px 0 0;
  width: 100%;
}
.cat-jar-body {
  background: var(--forest-deep);
  border: 1px solid rgba(255,255,255,0.08);
  border-top: none;
  border-radius: 0 0 14px 14px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cat-jar-emoji { font-size: 28px; }

/* Nuts illustration */
.cat-nuts-ill {
  flex-wrap: wrap;
  width: 140px;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.cat-nut { font-size: 32px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4)); }
.cat-nut-1 { transform: rotate(-15deg); }
.cat-nut-2 { transform: rotate(10deg) translateY(-8px); }
.cat-nut-3 { transform: rotate(-5deg); }
.cat-nut-4 { transform: rotate(20deg) translateY(-4px); }
.cat-nut-5 { transform: rotate(-10deg); }

.cat-weight-badges {
  position: absolute;
  bottom: 14px; right: 14px;
  display: flex;
  gap: 6px;
}
.cat-wt-badge {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.15);
  color: var(--text-dark);
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 100px;
  letter-spacing: 0.06em;
}

/* Berries illustration */
.cat-berries-ill {
  flex-wrap: wrap;
  width: 130px;
  gap: 6px;
  justify-content: center;
}
.cat-berry { font-size: 28px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); }
.cat-berry-1 { transform: rotate(-10deg); }
.cat-berry-2 { transform: rotate(8deg) translateY(-6px); }
.cat-berry-3 { transform: rotate(-5deg); }
.cat-berry-4 { transform: rotate(12deg) translateY(-4px); }
.cat-berry-5 { transform: rotate(-8deg); }
.cat-berry-6 { transform: rotate(5deg) translateY(-8px); }

/* Chocolate bites */
.cat-choc-ill {
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.cat-bite { font-size: 36px; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.5)); }
.cat-bite-1 { transform: rotate(-8deg); }
.cat-bite-2 { transform: rotate(4deg) translateX(10px); }
.cat-bite-3 { transform: rotate(-4deg) translateX(-5px); }
.cat-flavour-pills {
  display: flex;
  gap: 6px;
  margin-top: 4px;
}
.cat-flavour {
  font-size: 10px;
  font-weight: 500;
  color: var(--walnut-pale);
  background: rgba(160,105,58,0.2);
  border: 1px solid rgba(160,105,58,0.3);
  padding: 3px 10px;
  border-radius: 100px;
  letter-spacing: 0.05em;
}

/* Saffron illustration */
.cat-saffron-ill {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}
.cat-saffron-threads {
  display: flex;
  gap: 8px;
  align-items: flex-end;
  height: 60px;
}
.cat-thread {
  width: 2px;
  background: linear-gradient(to bottom, #D4A857, #A0500A);
  border-radius: 2px;
  animation: sway 3s ease-in-out infinite;
}
.cat-thread:nth-child(1) { height: 40px; animation-delay: 0s; }
.cat-thread:nth-child(2) { height: 55px; animation-delay: 0.3s; }
.cat-thread:nth-child(3) { height: 48px; animation-delay: 0.6s; }
.cat-thread:nth-child(4) { height: 60px; animation-delay: 0.2s; }
.cat-thread:nth-child(5) { height: 44px; animation-delay: 0.5s; }
@keyframes sway {
  0%, 100% { transform: rotate(-4deg); }
  50% { transform: rotate(4deg); }
}
.cat-saffron-flower { font-size: 40px; filter: drop-shadow(0 4px 12px rgba(212,168,87,0.4)); }

/* Info bottom area */
.cat-info {
  padding: 20px 22px 22px;
  background: var(--forest-deep);
  border-top: 1px solid rgba(255,255,255,0.05);
}
.cat-tag {
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 6px;
}
.cat-name {
  font-family: var(--font-serif);
  font-size: 20px;
  font-weight: 500;
  color: var(--walnut-pale);
  margin-bottom: 6px;
  line-height: 1.2;
}
.cat-large .cat-name { font-size: 24px; }
.cat-desc {
  font-size: 13px;
  color: var(--text-dark-muted);
  line-height: 1.6;
  margin-bottom: 14px;
}
.cat-arrow {
  font-size: 12px;
  font-weight: 500;
  color: var(--walnut-light);
  letter-spacing: 0.04em;
  transition: color 0.2s, transform 0.2s;
  display: inline-block;
}
.cat-card:hover .cat-arrow {
  color: var(--gold);
  transform: translateX(4px);
}

@media (max-width: 1024px) {
  .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .cat-large { grid-column: span 2; }
  .cat-saffron { grid-column: span 2; }
}
@media (max-width: 600px) {
  .cat-grid { grid-template-columns: 1fr; }
  .cat-large { grid-column: span 1; }
  .cat-saffron { grid-column: span 1; }
  .cat-header { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* ══ ANIMATED NAV LOGO ══════════════════════════════════════ */
.logo-wrap{text-decoration:none;display:flex;align-items:center}
.logo-animated{display:block;overflow:visible}

/* ══ NAV ACCOUNT ════════════════════════════════════════════ */
.nav-account{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:var(--forest-night);letter-spacing:.02em;transition:color .2s;white-space:nowrap;margin-right:16px}
.nav-account:hover{color:var(--gold)}
.nav-account svg{opacity:.8}
.nav-account-name{font-size:12px}

/* ══ MOUNTAIN BOX ═══════════════════════════════════════════ */
.mountain-box{margin-top:20px;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06)}

/* ══ SAFFRON IMAGE ══════════════════════════════════════════ */
.saffron-img-wrap{flex-shrink:0}
.saffron-img-box{width:280px;height:320px;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 24px 56px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06)}
@media(max-width:900px){.saffron-img-wrap{width:100%}.saffron-img-box{width:100%;height:220px}}

/* ══ PROCESS FLOWCHART ══════════════════════════════════════ */
.process-flow{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-top:56px;flex-wrap:wrap}
.pf-step{display:flex;flex-direction:column;align-items:center;text-align:center;width:180px;flex-shrink:0}
.pf-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--forest-deep);border:1px solid rgba(212,168,87,.2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:border-color .3s,transform .3s}
.pf-step:hover .pf-icon-wrap{border-color:var(--gold);transform:translateY(-3px)}
.pf-label{font-family:var(--font-serif);font-size:17px;font-weight:500;color:var(--text-dark);margin-bottom:8px}
.pf-desc{font-size:12.5px;color:var(--text-dark-muted);line-height:1.65;max-width:150px}
.pf-arrow{display:flex;align-items:center;padding-top:28px;flex-shrink:0;opacity:.5}
.process-note{margin-top:48px}
.pn-inner{display:inline-flex;align-items:center;gap:10px;background:rgba(212,168,87,.08);border:1px solid rgba(212,168,87,.2);border-radius:100px;padding:12px 24px;font-size:13px;color:var(--text-dark-muted);font-style:italic}
.pn-icon{color:var(--gold);font-size:10px}
@media(max-width:900px){
  .process-flow{gap:16px}
  .pf-arrow{transform:rotate(90deg);padding:0}
  .pf-step{width:100%;max-width:300px}
}

/* ══ ORIGIN SECTION UPDATE ══════════════════════════════════ */
.origin-main-card{padding:28px;background:var(--forest-deep);border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.06)}
.origin-main-text .big{font-family:var(--font-serif);font-size:72px;font-weight:400;color:var(--text-dark);line-height:1}
.origin-main-text .sm{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--forest-pale);opacity:.5;margin-top:6px}

/* ══ SHOP SECTION — FILTER PILLS + NUT BUTTER SHOWCASE ═════ */

/* Section header */
.shop-sec { padding: var(--pad) 0; background: var(--forest-night); }
.shop-sec-header {
  display: flex; justify-content: space-between; align-items: flex-end;
  margin-bottom: 36px;
}
.shop-sec-title { color: var(--text-dark); }
.shop-sec-header .eyebrow { margin-bottom: 10px; }

/* Filter pill row - round icon style */
.cat-pills-wrap { margin-bottom: 44px; }
.cat-pills {
  display: flex; gap: 12px; flex-wrap: wrap;
  padding: 4px 0;
}
.cat-pill {
  display: inline-flex; flex-direction: column; align-items: center; gap: 8px;
  padding: 16px 20px;
  border-radius: 18px;
  border: 1.5px solid var(--border-dark);
  background: rgba(255,255,255,0.04);
  color: rgba(238,232,224,0.5);
  font-family: var(--font-sans); font-size: 11px; font-weight: 500;
  letter-spacing: 0.06em; text-transform: uppercase;
  cursor: pointer; min-width: 80px;
  transition: all 0.22s;
}
.cat-pill-icon {
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border-dark);
  display: flex; align-items: center; justify-content: center;
  transition: all 0.22s;
}
.cat-pill-label { line-height: 1; }
.cat-pill:hover {
  background: rgba(255,255,255,0.07);
  color: var(--text-dark);
  border-color: rgba(255,255,255,0.14);
}
.cat-pill:hover .cat-pill-icon {
  background: rgba(255,255,255,0.1);
}
.cat-pill.active {
  background: rgba(160,105,58,0.18);
  border-color: var(--walnut);
  color: var(--walnut-pale);
  box-shadow: 0 4px 20px rgba(160,105,58,0.2);
}
.cat-pill.active .cat-pill-icon {
  background: var(--walnut);
  border-color: var(--walnut);
  color: var(--parchment);
}

/* Card image link */
.nb-card-img-link { display: block; text-decoration: none; }
.nb-card-name-link { text-decoration: none; }
.nb-card-name-link:hover .nb-card-name { color: var(--gold); }

/* ══ BUILD YOUR OWN BUNDLE ══════════════════════════════════ */
.bundle-sec {
  padding: var(--pad) 0;
  background: var(--parchment);
}
.bundle-header {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-bottom: 44px; gap: 32px;
}
.bundle-title { color: var(--forest-night); margin-bottom: 10px; }
.bundle-title em { font-style: italic; color: var(--walnut); }
.bundle-subtitle { font-size: 15px; color: var(--forest-soft); max-width: 420px; line-height: 1.65; }

/* Tier ladder (top right) */
.bundle-tier-ladder {
  display: flex; flex-direction: column; gap: 6px;
  flex-shrink: 0; min-width: 140px;
}
.btl-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 9px 14px; border-radius: 10px;
  border: 1.5px solid var(--border-light);
  background: var(--white);
  opacity: 0.45; transition: all 0.25s;
}
.btl-row--active { opacity: 1; border-color: var(--walnut); background: rgba(160,105,58,0.06); }
.btl-count { font-size: 12px; font-weight: 500; color: var(--forest-night); }
.btl-save { font-size: 11px; color: var(--forest-soft); }
.btl-save strong { color: var(--walnut-dark); font-weight: 700; }

.bundle-builder {
  background: var(--white);
  border: 1px solid var(--border-light);
  border-radius: 24px; overflow: hidden;
}
.bundle-step-label {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 28px;
  background: var(--parchment);
  border-bottom: 1px solid var(--border-light);
  font-size: 13px; font-weight: 500; color: var(--forest-muted);
}
.bundle-step-num {
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--walnut); color: var(--parchment);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700; flex-shrink: 0;
}

/* Product picks grid */
.bundle-picks {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--border-light);
}
.bp-card {
  padding: 20px; border-right: 1px solid var(--border-light);
  cursor: pointer; position: relative;
  transition: background 0.2s;
  background: var(--white); user-select: none;
}
.bp-card:last-child { border-right: none; }
.bp-card:hover { background: var(--parchment); }
.bp-card--selected { background: rgba(160,105,58,0.05); }
.bp-card--selected::after {
  content: '';
  position: absolute; inset: 0;
  border: 2px solid var(--walnut);
  pointer-events: none;
  border-radius: 0;
}

/* Check ring */
.bp-check-ring {
  position: absolute; top: 12px; right: 12px;
  width: 24px; height: 24px; border-radius: 50%;
  border: 1.5px solid var(--border-light);
  background: var(--white);
  display: flex; align-items: center; justify-content: center;
  transition: all 0.2s; z-index: 2;
}
.bp-card--selected .bp-check-ring {
  background: var(--walnut); border-color: var(--walnut);
}
.bp-check-icon {
  font-size: 11px; font-weight: 700; color: transparent; transition: color 0.2s;
}
.bp-card--selected .bp-check-icon { color: var(--parchment); }

/* Per-card savings badge */
.bp-savings-badge {
  position: absolute; top: 12px; left: 12px;
  background: var(--walnut); color: var(--parchment);
  font-size: 10px; font-weight: 700; letter-spacing: 0.06em;
  padding: 3px 9px; border-radius: 100px; z-index: 2;
  animation: badge-pop-in 0.2s ease;
}
@keyframes badge-pop-in { from{transform:scale(0.7);opacity:0} to{transform:scale(1);opacity:1} }

.bp-img-wrap {
  aspect-ratio: 1; border-radius: 12px;
  overflow: hidden; background: var(--forest-deep);
  margin-bottom: 12px;
}
.bp-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bp-img--fallback {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center; font-size: 28px;
}
.bp-label { font-size: 9.5px; letter-spacing: 0.1em; color: var(--forest-soft); margin-bottom: 4px; }
.bp-name { font-family: var(--font-serif); font-size: 15px; font-weight: 500; color: var(--forest-night); margin-bottom: 2px; line-height: 1.2; }
.bp-size { font-size: 11px; color: var(--text-muted); margin-bottom: 8px; }
.bp-price-row { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.bp-mrp {
  font-size: 15px; font-weight: 500; color: var(--forest-night);
  transition: all 0.2s;
}
.bp-card--selected .bp-mrp { text-decoration: line-through; color: var(--forest-pale); font-size: 13px; }
.bp-discounted {
  font-size: 15px; font-weight: 700; color: var(--walnut-dark);
  animation: badge-pop-in 0.2s ease;
}

/* Bundle summary bar */
.bundle-summary {
  display: flex; justify-content: space-between; align-items: flex-start;
  padding: 24px 28px; gap: 32px;
}
.bs-left { flex: 1; }

.bs-savings-callout, .bs-no-selection {
  font-size: 13px; font-weight: 500;
  padding: 10px 14px; border-radius: 10px;
  margin-bottom: 16px;
}
.bs-savings-callout {
  background: rgba(160,105,58,0.1);
  color: var(--walnut-dark);
  border: 1px solid rgba(160,105,58,0.25);
}
.bs-no-selection {
  background: var(--parchment);
  color: var(--forest-soft);
  border: 1px dashed var(--border-light);
}

/* Progress tier bar */
.bs-tier-bar {
  display: flex; align-items: center; gap: 0;
}
.bs-tier-step {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  flex-shrink: 0;
}
.bs-tier-dot {
  width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid var(--border-light);
  background: var(--white); transition: all 0.3s;
}
.bs-tier-step--active .bs-tier-dot {
  background: var(--walnut); border-color: var(--walnut);
  box-shadow: 0 0 0 3px rgba(160,105,58,0.2);
}
.bs-tier-lbl {
  font-size: 10px; text-align: center; color: var(--text-muted); line-height: 1.4;
}
.bs-tier-lbl span { color: var(--walnut-dark); font-weight: 600; }
.bs-tier-step--active .bs-tier-lbl { color: var(--forest-night); }
.bs-tier-line {
  flex: 1; height: 2px; background: var(--border-light);
  margin: 0 4px; margin-bottom: 22px;
  transition: background 0.3s;
}
.bs-tier-line--active { background: var(--walnut); }

/* Right totals */
.bs-right { flex-shrink: 0; min-width: 260px; }
.bs-totals {
  background: var(--parchment);
  border: 1px solid var(--border-light);
  border-radius: 16px; padding: 18px 20px;
  margin-bottom: 16px;
}
.bs-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 6px 0; font-size: 13.5px; color: var(--forest-muted);
}
.bs-row--discount { color: var(--walnut-dark); }
.bs-row--total {
  border-top: 1px solid var(--border-light);
  margin-top: 8px; padding-top: 12px;
  font-weight: 600; color: var(--forest-night);
}
.bs-final-total { font-family: var(--font-serif); font-size: 22px; color: var(--forest-night); }
.bs-discount-val { font-weight: 700; color: var(--walnut); }
.bs-coupon-note {
  font-size: 11px; color: var(--forest-soft); text-align: center;
  margin-top: 10px; font-style: italic;
}
.bs-atc {
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 24px; background: var(--walnut);
  color: var(--parchment); font-family: var(--font-sans);
  font-size: 14px; font-weight: 500; letter-spacing: 0.04em;
  border: none; border-radius: 100px; cursor: pointer;
  transition: background 0.2s, transform 0.15s, opacity 0.2s;
}
.bs-atc:hover:not(:disabled) { background: var(--walnut-dark); transform: translateY(-2px); }
.bs-atc:disabled { opacity: 0.5; cursor: not-allowed; }

@media (max-width: 1024px) { .bundle-picks { grid-template-columns: 1fr 1fr; } }
@media (max-width: 900px) {
  .bundle-summary { flex-direction: column; }
  .bs-right { width: 100%; min-width: unset; }
  .bundle-header { flex-direction: column; }
  .bundle-tier-ladder { flex-direction: row; min-width: unset; }
  .btl-row { flex: 1; }
}
@media (max-width: 600px) {
  .bundle-picks { grid-template-columns: 1fr 1fr; }
  .bundle-step-label { padding: 12px 16px; }
  .bundle-summary { padding: 16px; }
  .bs-tier-bar { display: none; }
}

/* ══ SHOP SECTION — FILTER PILLS + NUT BUTTER SHOWCASE ═════ */
.nb-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
  background: var(--forest-deep);
  border: 1px solid var(--border-dark);
  border-radius: 24px;
  padding: 48px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.nb-hero::before {
  content: '';
  position: absolute; top: -120px; right: -120px;
  width: 340px; height: 340px; border-radius: 50%;
  background: radial-gradient(circle, rgba(212,168,87,0.08) 0%, transparent 70%);
  pointer-events: none;
}

.nb-hero-visual {
  position: relative;
  aspect-ratio: 1;
  border-radius: 20px;
  overflow: hidden;
  background: var(--forest-mid);
  max-width: 440px;
  width: 100%;
}
.nb-hero-img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}
.nb-hero-img--fallback {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; background: var(--forest-mid);
}
.nb-fallback-icon { font-size: 64px; }
.nb-fallback-name { font-family: var(--font-serif); font-size: 22px; color: var(--walnut-pale); }

.nb-hero-badge {
  position: absolute; top: 16px; left: 16px;
  background: var(--gold); color: var(--forest-night);
  font-size: 10px; font-weight: 600; letter-spacing: 0.08em;
  padding: 5px 14px; border-radius: 100px;
  text-transform: uppercase;
}
.nb-hero-float {
  position: absolute;
  background: var(--white);
  border-radius: 10px;
  padding: 8px 14px;
  display: flex; align-items: center; gap: 8px;
  font-size: 11.5px; font-weight: 500; color: var(--forest-night);
  box-shadow: 0 6px 24px rgba(0,0,0,0.2);
  white-space: nowrap;
}
.nb-hero-float--1 { bottom: 20px; left: 16px; animation: float-bob 4s ease-in-out infinite; }
.nb-hero-float--2 { bottom: 20px; right: 16px; animation: float-bob 4s ease-in-out 1.5s infinite; }
@keyframes float-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

.nb-hero-name {
  font-family: var(--font-serif);
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 500;
  color: var(--text-dark);
  line-height: 1.1;
  margin-bottom: 14px;
}
.nb-hero-desc {
  font-size: 15.5px; color: var(--text-dark-muted);
  line-height: 1.8; margin-bottom: 24px; max-width: 380px;
}
.nb-hero-tags {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 28px;
}
.nb-tag {
  font-size: 11px; font-weight: 500; letter-spacing: 0.05em;
  color: var(--walnut-pale);
  background: rgba(160,105,58,0.15);
  border: 1px solid rgba(160,105,58,0.25);
  padding: 4px 12px; border-radius: 100px;
}

/* Size selector */
.nb-size-label {
  font-size: 11px; font-weight: 500; letter-spacing: 0.12em;
  text-transform: uppercase; color: rgba(238,232,224,0.45);
  margin-bottom: 10px;
}
.nb-size-row { display: flex; gap: 10px; margin-bottom: 28px; }
.nb-size-btn {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 12px 24px; border-radius: 12px;
  border: 1.5px solid var(--border-dark);
  background: rgba(255,255,255,0.04);
  color: rgba(238,232,224,0.55);
  font-family: var(--font-sans); font-size: 14px; font-weight: 600;
  cursor: pointer; transition: all 0.2s; min-width: 90px;
}
.nb-size-btn:hover {
  border-color: rgba(160,105,58,0.5);
  color: var(--walnut-pale);
}
.nb-size-btn.active {
  border-color: var(--walnut);
  background: rgba(160,105,58,0.15);
  color: var(--parchment);
  box-shadow: 0 0 0 2px rgba(160,105,58,0.2);
}
.nb-size-price {
  font-size: 11px; font-weight: 400; color: var(--gold);
  letter-spacing: 0.02em;
}

/* Hero buy row */
.nb-hero-buy {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}
.nb-hero-price {
  font-family: var(--font-serif);
  font-size: 36px; font-weight: 500;
  color: var(--parchment); line-height: 1;
}
.nb-hero-atc {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 28px;
  background: var(--walnut); color: var(--parchment);
  font-family: var(--font-sans); font-size: 14px; font-weight: 500;
  letter-spacing: 0.04em; border: none; border-radius: 100px;
  cursor: pointer; transition: background 0.2s, transform 0.15s;
}
.nb-hero-atc:hover { background: var(--walnut-dark); transform: translateY(-2px); }
.nb-hero-view {
  font-size: 13px; color: var(--forest-pale);
  border-bottom: 1px solid rgba(168,196,216,0.3);
  padding-bottom: 2px; transition: color 0.2s;
}
.nb-hero-view:hover { color: var(--gold); }

/* ── Supporting product cards grid ─────────────── */
.nb-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.nb-card {
  background: var(--forest-deep);
  border: 1px solid var(--border-dark);
  border-radius: 18px; overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
  cursor: default;
}
.nb-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(0,0,0,0.3);
  border-color: rgba(255,255,255,0.1);
}
.nb-card-img-wrap {
  aspect-ratio: 1; position: relative; overflow: hidden;
  background: var(--forest-mid);
}
.nb-card-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.4s;
}
.nb-card:hover .nb-card-img { transform: scale(1.04); }
.nb-card-img--fallback {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 32px;
}
.nb-card-badge {
  position: absolute; top: 10px; left: 10px;
  font-size: 9px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; padding: 3px 10px; border-radius: 100px;
}
.nb-card-badge--new { background: var(--forest-soft); color: var(--white); }
.nb-card-badge--bestseller { background: var(--gold); color: var(--forest-night); }

.nb-card-body { padding: 16px; }
.nb-card-name {
  font-family: var(--font-serif); font-size: 16px; font-weight: 500;
  color: var(--walnut-pale); line-height: 1.2; margin-bottom: 4px;
}
.nb-card-sub {
  font-size: 11px; color: rgba(255,255,255,0.3); line-height: 1.5;
  margin-bottom: 12px;
}
.nb-card-sizes {
  display: flex; gap: 6px; margin-bottom: 14px;
}
.nb-cs-btn {
  flex: 1; padding: 7px 0; border-radius: 8px;
  border: 1px solid var(--border-dark);
  background: rgba(255,255,255,0.04);
  color: rgba(238,232,224,0.45);
  font-family: var(--font-sans); font-size: 12px; font-weight: 500;
  cursor: pointer; transition: all 0.18s; text-align: center;
}
.nb-cs-btn:hover { border-color: rgba(160,105,58,0.45); color: var(--walnut-pale); }
.nb-cs-btn.active {
  border-color: var(--walnut); background: rgba(160,105,58,0.18);
  color: var(--parchment);
}
.nb-card-footer {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 12px; border-top: 1px solid var(--border-dark);
}
.nb-card-price {
  font-size: 17px; font-weight: 500; color: var(--parchment);
}
.nb-card-atc {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--walnut); color: var(--parchment);
  display: flex; align-items: center; justify-content: center;
  border: none; cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
.nb-card-atc:hover { background: var(--gold); color: var(--forest-night); transform: scale(1.1); }

/* ── Link panels (non-nut-butter categories) ───── */
.cat-panel--link { padding: 0; }
.cat-link-card {
  display: block; position: relative;
  border-radius: 20px; overflow: hidden;
  aspect-ratio: 16/6;
  max-height: 320px;
  cursor: pointer;
}
.cat-link-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.5s;
}
.cat-link-card:hover .cat-link-img { transform: scale(1.04); }
.cat-link-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to right, rgba(13,43,26,0.85) 0%, rgba(13,43,26,0.35) 60%, transparent 100%);
}
.cat-link-info {
  position: absolute; top: 50%; left: 48px; transform: translateY(-50%);
  color: var(--text-dark); max-width: 400px;
}
.cat-link-info .cat-tag {
  display: inline-block;
  font-size: 10px; font-weight: 500; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--gold);
  background: rgba(212,168,87,0.12); border: 1px solid rgba(212,168,87,0.25);
  padding: 3px 12px; border-radius: 100px; margin-bottom: 12px;
}
.cat-link-info h3 {
  font-family: var(--font-serif); font-size: clamp(24px, 3vw, 38px);
  font-weight: 500; color: var(--parchment);
  line-height: 1.1; margin-bottom: 10px;
}
.cat-link-info p {
  font-size: 14.5px; color: var(--text-dark-muted);
  line-height: 1.7; margin-bottom: 18px; max-width: 340px;
}
.cat-link-cta {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 500; color: var(--walnut-pale);
  border-bottom: 1px solid rgba(237,216,192,0.35); padding-bottom: 2px;
  transition: color 0.2s;
}
.cat-link-card:hover .cat-link-cta { color: var(--gold); border-color: var(--gold); }

/* Responsive */
@media (max-width: 1100px) {
  .nb-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
  .nb-hero { grid-template-columns: 1fr; gap: 36px; padding: 32px; }
  .nb-hero-visual { max-width: 100%; aspect-ratio: 4/3; }
  .nb-grid { grid-template-columns: 1fr 1fr; }
  .cat-link-info { left: 24px; }
}
@media (max-width: 600px) {
  .nb-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cat-pills { gap: 8px; }
  .cat-pill { font-size: 12px; padding: 8px 14px; }
  .shop-sec-header { flex-direction: column; align-items: flex-start; gap: 12px; }
  .nb-hero { padding: 24px; }
  .nb-hero-float { display: none; }
}

/* Hero outline button (Our Story) */
.btn-outline-hero {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 14px 28px;
  border: 1.5px solid rgba(255,255,255,0.22);
  color: rgba(238,232,224,0.8);
  font-size: 13.5px; letter-spacing: 0.04em;
  border-radius: 100px;
  transition: all 0.2s;
  text-decoration: none;
}
.btn-outline-hero:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(212,168,87,0.07);
}

/* Hero jar as clickable link */
a.h-jar-img-wrap {
  display: block;
  text-decoration: none;
  cursor: pointer;
}
a.h-jar-img-wrap:hover {
  transform: translateY(-4px) rotate(0.5deg);
  transition: transform 0.3s ease;
}

/* ══ SAVINGS TICKER ════════════════════════════════════════ */
.savings-ticker {
  background: var(--forest-mid);
  padding: 0;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
}
.savings-ticker.st-visible {
  max-height: 56px;
  opacity: 1;
  padding: 12px 0;
}
.st-inner {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(238,232,224,0.85);
  font-family: var(--font-sans);
}
.st-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--gold);
  animation: st-pulse 1.5s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes st-pulse {
  0%,100% { opacity:1; transform:scale(1); }
  50% { opacity:0.5; transform:scale(0.75); }
}
@media (max-width:768px) { .st-inner { padding: 0 20px; font-size:12.5px; } }

/* ══ BUNDLE NUDGE (product + cart pages) ═══════════════════ */
.bundle-nudge-sec {
  background: var(--forest-night);
  padding: 48px 0;
}
.bundle-nudge-inner {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}
.bn-left { flex: 1; min-width: 200px; }
.bn-tiers {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.bn-tier {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border-dark);
  border-radius: 10px;
  padding: 10px 14px;
  min-width: 72px;
  text-align: center;
  transition: all 0.2s;
}
.bn-tier--best {
  background: rgba(160,105,58,0.2);
  border-color: var(--walnut);
}
.bn-tier-n {
  font-size: 11px;
  color: var(--text-dark-muted);
  font-weight: 500;
}
.bn-tier-save {
  font-size: 13px;
  font-weight: 700;
  color: var(--gold);
  font-family: var(--font-serif);
}
.bn-arrow {
  color: var(--border-dark);
  font-size: 16px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .bundle-nudge-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
  .bn-tiers { flex-wrap: wrap; }
}

/* ══ CATEGORY IMAGE FIX (keep existing) ════════════════════ */
.cat-visual img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.cat-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,43,58,.7) 0%,transparent 50%);pointer-events:none}
.cat-no-img{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cat-visual svg{position:absolute;top:0;left:0;width:100%;height:100%}

/* ══ SAFFRON SPOTLIGHT SECTION ══════════════════════════════ */
.saffron-sec{background:var(--forest-night);overflow:hidden;position:relative}
.saffron-sec::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:rgba(212,168,87,.05);pointer-events:none}
.saffron-new-inner{max-width:1200px;margin:0 auto;padding:96px 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}
.saff-specs{display:flex;gap:0;margin-bottom:28px;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-lg);overflow:hidden}
.saff-spec{flex:1;padding:18px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}
.saff-spec:last-child{border-right:none}
.saff-spec-val{font-family:var(--font-serif);font-size:20px;font-weight:500;color:var(--gold);line-height:1;margin-bottom:4px}
.saff-spec-lbl{font-size:10px;color:var(--text-dark-muted)}
.saff-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.saff-tag{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--walnut-pale);background:rgba(212,168,87,.12);border:1px solid rgba(212,168,87,.22);padding:5px 14px;border-radius:100px}
.saff-buy{display:flex;flex-direction:column;gap:14px}
.saff-price-block{display:flex;align-items:baseline;gap:12px}
.saff-price{font-family:var(--font-serif);font-size:42px;font-weight:500;color:var(--parchment);line-height:1}
.saff-price-og{font-size:20px;color:rgba(255,255,255,.25);text-decoration:line-through}
.saff-atc-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:var(--walnut);color:var(--parchment);font-family:var(--font-sans);font-size:15px;font-weight:500;letter-spacing:.04em;border:none;border-radius:100px;cursor:pointer;transition:background .2s,transform .15s;width:fit-content}
.saff-atc-btn:hover{background:var(--walnut-dark);transform:translateY(-2px)}
.saff-view-link{font-size:13px;color:var(--forest-pale);border-bottom:1px solid rgba(168,196,216,.3);padding-bottom:2px;width:fit-content;transition:color .2s}
.saff-view-link:hover{color:var(--gold)}
.saff-visual-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px}
.saff-product-img{width:340px;height:380px;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.5);position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.saff-no-img{background:var(--forest-deep)}
@media(max-width:960px){.saffron-new-inner{grid-template-columns:1fr;gap:48px;padding:60px 20px}.saff-visual-wrap{min-height:320px}.saff-product-img{width:260px;height:280px}}

/* ══ ACCOUNT PAGE ════════════════════════════════════════════ */
.account-page{padding:48px 0 96px;background:var(--white)}
.acc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}
.acc-logout{font-size:13px;color:var(--forest-soft);border-bottom:1px solid var(--border-light);padding-bottom:2px;cursor:pointer;transition:color .2s}
.acc-logout:hover{color:var(--walnut)}
.acc-section-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}
.jar-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin-bottom:40px}
.jar-card{background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:24px;display:flex;gap:20px;align-items:flex-start}
.jar-illus-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
.jar-body-card{width:60px;height:80px;border-radius:6px 6px 12px 12px;border:2px solid var(--forest-night);overflow:hidden;position:relative;background:var(--white)}
.jar-cap-card{height:14px;background:var(--walnut-dark);border-radius:3px 3px 0 0}
.jar-fill-bg{height:66px;position:relative;overflow:hidden}
.jar-fill-card{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--walnut),var(--walnut-light));transition:height .6s ease;min-height:4px}
.jar-label-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}
.jlc-brand{font-family:var(--font-serif);font-size:5px;letter-spacing:.1em;color:var(--forest-night);opacity:.5}
.jlc-name{font-family:var(--font-serif);font-size:7px;font-weight:500;color:var(--forest-night);text-align:center;line-height:1.2}
.jar-pct-label{font-size:11px;font-weight:500;color:var(--walnut-dark);letter-spacing:.04em}
.jar-info{flex:1}
.jar-product-name{font-family:var(--font-serif);font-size:18px;font-weight:500;color:var(--forest-night);margin-bottom:4px}
.jar-order-meta{font-size:12px;color:var(--text-muted);margin-bottom:14px}
.jar-countdown{margin-bottom:16px}
.jcd-num{font-family:var(--font-serif);font-size:36px;font-weight:400;color:var(--walnut-dark);line-height:1}
.jcd-lbl{font-size:13px;color:var(--forest-soft);display:block;margin-top:2px}
.jcd-done{font-size:16px;color:var(--walnut-dark);font-weight:500}
.jar-progress-track{height:6px;background:var(--border-light);border-radius:3px;overflow:hidden;margin-bottom:6px}
.jar-progress-fill{height:100%;background:linear-gradient(to right,var(--walnut),var(--gold));border-radius:3px;transition:width .8s ease}
.jar-progress-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}
.jar-reorder-btn{display:inline-block;margin-top:14px;padding:10px 22px;background:var(--walnut);color:var(--parchment);font-size:13px;font-weight:500;border-radius:100px;transition:background .2s}
.jar-reorder-btn:hover{background:var(--walnut-dark)}
.acc-empty-jars{text-align:center;padding:48px 0}
.acc-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.acc-stat{background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:20px;text-align:center}
.acc-stat-num{font-family:var(--font-serif);font-size:28px;font-weight:500;color:var(--forest-night);margin-bottom:4px}
.acc-stat-lbl{font-size:11px;color:var(--text-muted)}
.acc-orders{display:flex;flex-direction:column;gap:10px}
.acc-order-row{display:grid;grid-template-columns:140px 1fr auto auto auto;gap:16px;align-items:center;background:var(--parchment);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:16px 20px}
.acc-order-num{font-size:14px;font-weight:500;color:var(--forest-night)}
.acc-order-date{font-size:12px;color:var(--text-muted)}
.acc-order-items{display:flex;flex-wrap:wrap;gap:6px}
.acc-order-item{font-size:12px;background:var(--white);border:1px solid var(--border-light);padding:3px 10px;border-radius:100px;color:var(--forest-soft)}
.acc-status-pill{font-size:11px;font-weight:500;padding:4px 12px;border-radius:100px;background:var(--color-background-success);color:var(--color-text-success)}
.acc-order-total{font-size:15px;font-weight:500;color:var(--forest-night);white-space:nowrap}
.acc-track-btn{font-size:13px;color:var(--walnut);border-bottom:1px solid var(--walnut-light);white-space:nowrap}
@media(max-width:900px){.acc-stats-row{grid-template-columns:1fr 1fr}.acc-order-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.jar-progress-grid{grid-template-columns:1fr}}

/* ═══════════════════════════════════════════════════════════
   PRODUCT PAGE — Clean conversion layout
   ═══════════════════════════════════════════════════════════ */

.pd-wrap { background: var(--white); padding: 0 0 0; }
.pd-breadcrumb {
  max-width: var(--max-w); margin: 0 auto; padding: 16px 40px;
  font-size: 12px; color: var(--text-muted); display: flex; gap: 8px; align-items: center;
}
.pd-breadcrumb a { color: var(--forest-soft); transition: color .2s; }
.pd-breadcrumb a:hover { color: var(--walnut); }

.pd-grid {
  max-width: var(--max-w); margin: 0 auto;
  padding: 0 40px 64px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start;
}

/* Gallery */
.pd-gallery { position: sticky; top: 80px; }
.pd-main-img {
  aspect-ratio: 1; border-radius: 20px; overflow: hidden;
  background: var(--parchment); position: relative; margin-bottom: 12px;
}
.pd-main-photo { width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-no-img {
  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
  font-family: var(--font-serif); font-size: 22px; color: var(--forest-muted);
}
.pd-sale-badge {
  position: absolute; top: 14px; left: 14px;
  background: var(--walnut); color: var(--parchment);
  font-size: 10px; font-weight: 600; letter-spacing: .1em;
  padding: 4px 12px; border-radius: 100px;
}
.pd-best-badge { background: var(--gold); color: var(--forest-night); }
.pd-thumbs { display: flex; gap: 10px; flex-wrap: wrap; }
.pd-thumb {
  width: 68px; height: 68px; border-radius: 10px; overflow: hidden;
  border: 2px solid transparent; cursor: pointer; transition: border-color .2s;
}
.pd-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-thumb.active, .pd-thumb:hover { border-color: var(--walnut); }

/* Info */
.pd-eyebrow { font-size: 10px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }
.pd-title { font-family: var(--font-serif); font-size: clamp(26px,3vw,40px); font-weight: 500; color: var(--forest-night); line-height: 1.1; margin-bottom: 12px; }
.pd-stars-row { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; }
.pd-stars { color: var(--gold); font-size: 14px; }
.pd-rating { font-size: 13px; font-weight: 600; color: var(--forest-night); }
.pd-review-link { font-size: 12px; color: var(--walnut); border-bottom: 1px solid var(--walnut-light); padding-bottom: 1px; }

.pd-price-block {
  display: flex; align-items: baseline; gap: 10px;
  padding: 16px 0; border-top: 1px solid var(--border-light); border-bottom: 1px solid var(--border-light);
  margin-bottom: 20px;
}
.pd-price { font-family: var(--font-serif); font-size: 36px; font-weight: 500; color: var(--forest-night); }
.pd-compare { font-size: 18px; color: var(--forest-pale); text-decoration: line-through; }
.pd-save-pill { background: var(--walnut-pale); color: var(--walnut-dark); font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 100px; }

.pd-variant-lbl { font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--forest-muted); margin-bottom: 10px; }
.pd-variants { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 22px; }
.pd-var-btn {
  padding: 10px 22px; border-radius: 10px;
  border: 1.5px solid var(--border-light); background: var(--white);
  font-family: var(--font-sans); font-size: 14px; font-weight: 500; color: var(--forest-muted);
  cursor: pointer; transition: all .2s;
}
.pd-var-btn:hover { border-color: var(--walnut); color: var(--walnut); }
.pd-var-btn.active { border-color: var(--walnut); background: var(--walnut); color: var(--parchment); }

.pd-atc-row { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.pd-qty {
  display: flex; align-items: center; gap: 0;
  border: 1px solid var(--border-light); border-radius: 100px; overflow: hidden;
  flex-shrink: 0;
}
.pd-qty-btn {
  width: 38px; height: 44px; font-size: 18px; color: var(--forest-muted);
  background: none; border: none; cursor: pointer; transition: background .2s;
  font-family: var(--font-sans);
}
.pd-qty-btn:hover { background: var(--parchment); }
.pd-qty-num { width: 36px; text-align: center; font-size: 15px; font-weight: 500; color: var(--forest-night); }
.pd-atc-btn {
  flex: 1; padding: 14px 24px; background: var(--walnut); color: var(--parchment);
  font-family: var(--font-sans); font-size: 15px; font-weight: 500; letter-spacing: .04em;
  border: none; border-radius: 100px; cursor: pointer; transition: background .2s, transform .15s;
}
.pd-atc-btn:hover { background: var(--walnut-dark); transform: translateY(-2px); }
.pd-atc-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }

.pd-buy-now {
  display: block; width: 100%; padding: 13px;
  background: var(--forest-night); color: var(--text-dark);
  font-family: var(--font-sans); font-size: 14px; font-weight: 500; letter-spacing: .04em;
  border-radius: 100px; text-align: center; text-decoration: none;
  margin-bottom: 18px; transition: background .2s;
}
.pd-buy-now:hover { background: var(--forest-mid); }

.pd-trust-row {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 14px 0; border-top: 1px solid var(--border-light);
  margin-bottom: 22px; font-size: 12px; color: var(--forest-muted);
}
.pd-trust-divider { width: 1px; height: 14px; background: var(--border-light); }

/* Tabs */
.pd-tabs { }
.pd-tab-btns { display: flex; border-bottom: 1.5px solid var(--border-light); margin-bottom: 18px; }
.pd-tab-btn {
  padding: 10px 16px; font-size: 13px; font-weight: 500; color: var(--forest-muted);
  background: none; border: none; border-bottom: 2px solid transparent;
  cursor: pointer; font-family: var(--font-sans); margin-bottom: -1.5px; transition: all .2s;
}
.pd-tab-btn:hover { color: var(--forest-night); }
.pd-tab-btn.active { color: var(--walnut); border-bottom-color: var(--walnut); }
.pd-tab-pane { display: none; font-size: 14.5px; color: var(--forest-muted); line-height: 1.8; }
.pd-tab-pane.active { display: block; }
.pd-tab-pane p { margin-bottom: 10px; }
.pd-ingr-badge {
  display: inline-block; background: var(--parchment); border: 1px solid var(--border-light);
  border-radius: 10px; padding: 10px 16px; font-size: 14px; font-weight: 500;
  color: var(--forest-night); margin-bottom: 12px;
}
.pd-nutr-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 10px; }
.pd-nut-card {
  background: var(--parchment); border-radius: 12px; padding: 14px 10px; text-align: center;
}
.pd-nut-val { font-family: var(--font-serif); font-size: 22px; font-weight: 500; color: var(--forest-night); }
.pd-nut-lbl { font-size: 10px; color: var(--forest-soft); margin-top: 3px; }

@media(max-width:900px) {
  .pd-grid { grid-template-columns: 1fr; gap: 32px; padding: 0 20px 48px; }
  .pd-gallery { position: static; }
  .pd-breadcrumb { padding: 12px 20px; }
}

/* ── Product page bundle ── */
.pd-bundle-sec {
  background: var(--forest-night);
  padding: 56px 0;
}
.pd-bundle-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 40px; }

.pd-bundle-head {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 32px; margin-bottom: 32px; flex-wrap: wrap;
}
.pd-bundle-title {
  font-family: var(--font-serif); font-size: clamp(24px,2.5vw,34px);
  font-weight: 500; color: var(--text-dark); margin-bottom: 6px;
}
.pd-bundle-sub { font-size: 14px; color: var(--text-dark-muted); }

.pd-bundle-tiers { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.pd-bt {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  padding: 10px 14px; border-radius: 10px;
  border: 1px solid var(--border-dark);
  background: rgba(255,255,255,.05);
  min-width: 72px; text-align: center; transition: all .25s;
}
.pd-bt span { font-size: 10px; color: var(--text-dark-muted); }
.pd-bt strong { font-size: 14px; color: var(--text-dark-muted); }
.pd-bt--best { border-color: var(--walnut); }
.pd-bt--best strong { color: var(--gold); }
.pd-bt--active { background: rgba(160,105,58,.18); border-color: var(--walnut); }
.pd-bt--active strong { color: var(--gold); }
.pd-bt-arrow { color: rgba(255,255,255,.2); font-size: 16px; }

/* Bundle product grid */
.pd-bundle-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(140px,1fr));
  gap: 12px; margin-bottom: 24px;
}
.pd-bp-card {
  background: var(--forest-deep); border: 1.5px solid var(--border-dark);
  border-radius: 14px; padding: 14px; cursor: pointer;
  position: relative; transition: all .2s; user-select: none;
}
.pd-bp-card:hover { border-color: rgba(160,105,58,.5); background: rgba(160,105,58,.06); }
.pd-bp-selected { border-color: var(--walnut) !important; background: rgba(160,105,58,.12) !important; }
.pd-bp-ring {
  position: absolute; top: 10px; right: 10px;
  width: 20px; height: 20px; border-radius: 50%;
  border: 1.5px solid var(--border-dark); background: rgba(255,255,255,.05);
  display: flex; align-items: center; justify-content: center;
  transition: all .2s; z-index: 2;
}
.pd-bp-selected .pd-bp-ring { background: var(--walnut); border-color: var(--walnut); }
.pd-bp-tick { font-size: 10px; font-weight: 700; color: transparent; transition: color .2s; }
.pd-bp-selected .pd-bp-tick { color: var(--parchment); }
.pd-bp-save-badge {
  position: absolute; top: 10px; left: 10px; z-index: 2;
  background: var(--walnut); color: var(--parchment);
  font-size: 9px; font-weight: 700; padding: 2px 8px; border-radius: 100px;
}
.pd-bp-img-wrap {
  aspect-ratio: 1; border-radius: 10px; overflow: hidden;
  background: var(--forest-mid); margin-bottom: 10px;
}
.pd-bp-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pd-bp-no-img {
  width: 100%; height: 100%; display: flex; align-items: center;
  justify-content: center; font-size: 24px;
}
.pd-bp-name {
  font-size: 12px; font-weight: 500; color: var(--walnut-pale);
  line-height: 1.3; margin-bottom: 3px;
}
.pd-bp-size { font-size: 10px; color: rgba(255,255,255,.3); margin-bottom: 6px; }
.pd-bp-price-row { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.pd-bp-mrp { font-size: 13px; font-weight: 500; color: var(--text-dark); transition: all .2s; }
.pd-bp-disc { font-size: 13px; font-weight: 700; color: var(--gold); }

/* Bundle bar */
.pd-bundle-bar {
  display: flex; align-items: center; justify-content: space-between;
  background: rgba(255,255,255,.04); border: 1px solid var(--border-dark);
  border-radius: 16px; padding: 18px 24px; gap: 24px; flex-wrap: wrap;
}
.pd-bb-left { flex: 1; }
.pd-bb-msg {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: var(--text-dark-muted);
}
.pd-bb-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--gold); animation: st-pulse 1.5s infinite; flex-shrink: 0;
}
.pd-bb-savings {
  font-size: 14px; font-weight: 500; color: var(--gold);
}
.pd-bb-right { display: flex; align-items: center; gap: 20px; flex-shrink: 0; }
.pd-bb-totals { display: flex; flex-direction: column; gap: 2px; }
.pd-bb-total-lbl { font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--text-dark-muted); }
.pd-bb-total { font-family: var(--font-serif); font-size: 26px; font-weight: 500; color: var(--parchment); }
.pd-bb-strikethrough { font-size: 13px; color: rgba(255,255,255,.3); text-decoration: line-through; }
.pd-bb-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 24px; background: var(--walnut); color: var(--parchment);
  font-family: var(--font-sans); font-size: 13.5px; font-weight: 500; letter-spacing: .04em;
  border: none; border-radius: 100px; cursor: pointer;
  transition: background .2s, transform .15s; white-space: nowrap;
}
.pd-bb-btn:hover:not(:disabled) { background: var(--walnut-dark); transform: translateY(-2px); }
.pd-bb-btn:disabled { opacity: .45; cursor: not-allowed; }

/* ── Bundle discount code reveal ── */
.pd-bb-code {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-top: 14px; padding: 14px 18px;
  background: rgba(212,168,83,.10); border: 1px dashed var(--gold);
  border-radius: 12px;
}
.pd-bb-code-label { font-size: 13px; color: var(--text-dark-muted); }
.pd-bb-code-label strong { color: var(--gold); }
.pd-bb-code-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px; background: var(--gold); color: #1a1a1a;
  font-family: var(--font-sans); font-size: 14px; font-weight: 700; letter-spacing: .08em;
  border: none; border-radius: 8px; cursor: pointer; transition: background .2s, transform .15s;
}
.pd-bb-code-chip:hover { transform: translateY(-1px); filter: brightness(1.05); }
.pd-bb-code-chip--done { background: #6fae6f; color: #fff; }
.pd-bb-copied { font-weight: 600; letter-spacing: .04em; }
@media(max-width:768px) {
  .pd-bundle-inner { padding: 0 20px; }
  .pd-bundle-grid { grid-template-columns: repeat(auto-fill, minmax(120px,1fr)); gap: 8px; }
  .pd-bundle-bar { flex-direction: column; align-items: flex-start; }
  .pd-bb-right { width: 100%; justify-content: space-between; }
}

/* ── Ticker bar ── */
.pd-ticker-bar {
  background: var(--forest-mid); padding: 11px 0;
}
.pd-ticker-inner {
  max-width: var(--max-w); margin: 0 auto; padding: 0 40px;
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: rgba(238,232,224,.8);
}
.pd-ticker-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--gold); flex-shrink: 0;
  animation: st-pulse 1.5s ease-in-out infinite;
}

/* ── People Also Bought carousel ── */
.pd-also-sec { background: var(--parchment); padding: 56px 0; }
.pd-also-inner { max-width: var(--max-w); margin: 0 auto; padding: 0 40px; }
.pd-also-head {
  display: flex; justify-content: space-between; align-items: flex-end;
  margin-bottom: 24px;
}
.pd-also-title {
  font-family: var(--font-serif); font-size: clamp(22px,2.5vw,32px);
  font-weight: 500; color: var(--forest-night);
}
.pd-carousel-nav { display: flex; gap: 8px; }
.pd-nav-btn {
  width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid var(--border-light); background: var(--white);
  font-size: 18px; cursor: pointer; color: var(--forest-muted);
  display: flex; align-items: center; justify-content: center;
  transition: all .2s;
}
.pd-nav-btn:hover { background: var(--walnut); color: var(--parchment); border-color: var(--walnut); }
.pd-carousel {
  display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; padding-bottom: 4px;
}
.pd-carousel::-webkit-scrollbar { display: none; }
.pd-also-card {
  width: 220px; min-width: 220px; max-width: 220px;
  background: var(--white); border: 1px solid var(--border-light);
  border-radius: 16px; overflow: hidden; scroll-snap-align: start; flex-shrink: 0;
  transition: transform .25s, box-shadow .25s;
  display: flex; flex-direction: column;
}
.pd-also-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(28,43,58,.1); }
.pd-also-img-link { display: block; width: 100%; aspect-ratio: 1; overflow: hidden; background: var(--parchment); flex-shrink: 0; }
.pd-also-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.pd-also-card:hover .pd-also-img { transform: scale(1.04); }
.pd-also-no-img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 32px; }
.pd-also-body { padding: 14px 16px; display: flex; flex-direction: column; flex: 1; }
.pd-also-name {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; text-overflow: ellipsis;
  font-family: var(--font-serif); font-size: 15px; font-weight: 500;
  color: var(--forest-night); text-decoration: none; margin-bottom: 4px; line-height: 1.3;
  min-height: 39px;
}
.pd-also-name:hover { color: var(--walnut); }
.pd-also-price { font-size: 15px; font-weight: 500; color: var(--walnut-dark); margin-bottom: 10px; }
.pd-also-form { }
.pd-also-atc {
  width: 100%; padding: 9px; background: var(--parchment); margin-top: auto;
  border: 1px solid var(--border-light); border-radius: 100px;
  font-size: 13px; color: var(--forest-night); cursor: pointer;
  font-family: var(--font-sans); transition: all .2s;
}
.pd-also-atc:hover { background: var(--walnut); color: var(--parchment); border-color: var(--walnut); }
@media(max-width:768px) {
  .pd-also-inner { padding: 0 20px; }
  .pd-also-card { width: 160px; min-width: 160px; max-width: 160px; }
}



/* ── Urgency bar on product page ── */
/* ── Urgency bar — single line, two-part layout ── */
.pd-urgency-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  background: #1a3d26;
  color: #d4a857;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  padding: 9px 14px;
  border-radius: 6px;
  margin-bottom: 14px;
  border: 1px solid rgba(212,168,87,0.2);
}
.pd-urgency-batch {
  color: #c8b88a;
}
.pd-urgency-live {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #d4a857;
  font-weight: 600;
}
.pd-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  display: inline-block;
  animation: livePulse 1.8s ease-in-out infinite;
  flex-shrink: 0;
}
@keyframes livePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}
@media (max-width: 600px) {
  .pd-urgency-bar { font-size: 10.5px; padding: 7px 10px; gap: 6px; }
  .pd-urgency-batch { display: none; }
}

/* ── Hero stats — 4-column layout ── */
.hero-stats { gap: 12px; }
@media (max-width: 600px) {
  .hero-stats { flex-wrap: wrap; }
  .hstat { min-width: 40%; }
}

/* ── Prepaid vs COD payment choice ── */
.pd-payment-choice {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}
.pd-prepaid-btn {
  display: block;
  width: 100%;
  background: #1a3d26;
  color: #d4a857;
  text-align: center;
  padding: 15px 20px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  border: 1.5px solid #d4a857;
  transition: background 0.2s, color 0.2s;
}
.pd-prepaid-btn:hover {
  background: #d4a857;
  color: #1a3d26;
}
.pd-cod-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--color-bg-secondary, #f5f2eb);
}
.pd-cod-label {
  font-size: 12.5px;
  color: #6b6b5f;
}
.pd-cod-link {
  font-size: 12.5px;
  color: #1a3d26;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.pd-cod-note {
  font-size: 11px;
  color: #999;
}
@media (max-width: 600px) {
  .pd-cod-option { flex-direction: column; gap: 3px; text-align: center; }
}

/* ═══════════════════════════════════════════════════════
   UNSWEETENED NUDGE BANNER
   ═══════════════════════════════════════════════════════ */
.pd-unsweetened-banner {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #1a3d26 0%, #2a5c3a 100%);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  padding: 13px 16px;
  margin-bottom: 22px;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.pd-unsweetened-banner::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
  animation: pdUnswShimmer 3s infinite;
}
@keyframes pdUnswShimmer {
  0%   { left: -100%; }
  60%  { left: 140%; }
  100% { left: 140%; }
}
.pd-unsweetened-banner:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.25); }
.pd-unsw-icon { font-size: 22px; flex-shrink: 0; line-height: 1; }
.pd-unsw-text { flex: 1; }
.pd-unsw-label {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: #f0ead8;
  letter-spacing: .02em;
  line-height: 1.2;
  margin-bottom: 2px;
}
.pd-unsw-sub {
  display: block;
  font-size: 11.5px;
  color: rgba(240,234,216,.65);
  line-height: 1.4;
}
.pd-unsw-arrow {
  color: #c8a96e;
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0;
  transition: transform .2s;
}
.pd-unsweetened-banner:hover .pd-unsw-arrow { transform: translateX(4px); }


/* ═══════════════════════════════════════════════════════
   BUNDLE NUDGE BAR
   ═══════════════════════════════════════════════════════ */
.pd-bundle-nudge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #fffbf2;
  border: 1.5px solid #f0d070;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 28px;
}
.pd-bundle-nudge-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
.pd-bundle-nudge-text { font-size: 13.5px; color: #5c4a1a; line-height: 1.55; }
.pd-bundle-nudge-text strong { color: #3d2d00; }


/* ═══════════════════════════════════════════════════════
   PAIR IT WITH
   ═══════════════════════════════════════════════════════ */
.pd-pair-sec {
  background: #f7f4ef;
  padding: 56px 0;
  border-top: 1px solid rgba(28,43,58,.06);
}
.pd-pair-inner {
  max-width: var(--max-w, 1280px);
  margin: 0 auto;
  padding: 0 40px;
}
.pd-pair-title {
  font-family: var(--font-heading, 'Druk Wide', sans-serif);
  font-size: clamp(22px, 3vw, 30px);
  color: var(--walnut-dark, #2d1a00);
  margin: 0 0 28px;
  letter-spacing: .01em;
}
.pd-pair-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.pd-pair-card {
  background: #fff;
  border: 1px solid rgba(28,43,58,.08);
  border-radius: 12px;
  padding: 24px 20px;
  transition: transform .2s, box-shadow .2s;
}
.pd-pair-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(28,43,58,.08); }
.pd-pair-emoji { font-size: 28px; margin-bottom: 12px; line-height: 1; }
.pd-pair-combo {
  font-size: 14px;
  font-weight: 700;
  color: var(--walnut-dark, #2d1a00);
  margin-bottom: 8px;
  line-height: 1.3;
}
.pd-pair-note {
  font-size: 13px;
  color: #6b6b5f;
  line-height: 1.55;
}
@media (max-width: 768px) {
  .pd-pair-inner { padding: 0 20px; }
  .pd-pair-grid { grid-template-columns: 1fr; gap: 14px; }
}


/* ═══════════════════════════════════════════════════════
   CUSTOMER FEEDBACK
   ═══════════════════════════════════════════════════════ */
.pd-feedback-sec {
  background: var(--forest-dark, #1a3d26);
  padding: 64px 0;
}
.pd-feedback-inner {
  max-width: var(--max-w, 1280px);
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}
.pd-feedback-title {
  font-family: var(--font-heading, 'Druk Wide', sans-serif);
  font-size: clamp(22px, 3vw, 32px);
  color: var(--parchment, #f0ead8);
  margin: 0 0 10px;
  letter-spacing: .01em;
  line-height: 1.15;
}
.pd-feedback-sub {
  font-size: 14px;
  color: rgba(240,234,216,.65);
  margin: 0 0 24px;
  line-height: 1.6;
}
.pd-feedback-prompts {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 28px;
}
.pd-fp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: rgba(240,234,216,.8);
}
.pd-fp-icon { font-size: 16px; flex-shrink: 0; }
.pd-feedback-wa-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #25d366;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 22px;
  border-radius: 8px;
  text-decoration: none;
  transition: background .2s, transform .2s;
  letter-spacing: .02em;
}
.pd-feedback-wa-btn:hover { background: #1dba57; transform: translateY(-2px); }
.pd-feedback-wall-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(240,234,216,.45);
  margin-bottom: 16px;
}
.pd-feedback-wall {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pd-fw-card {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  padding: 18px 20px;
  transition: background .2s;
}
.pd-fw-card--accent {
  background: rgba(200,169,110,.12);
  border-color: rgba(200,169,110,.25);
}
.pd-fw-stars { color: #f0c040; font-size: 13px; margin-bottom: 8px; letter-spacing: 1px; }
.pd-fw-text {
  font-size: 13.5px;
  color: rgba(240,234,216,.85);
  line-height: 1.55;
  margin: 0 0 10px;
  font-style: italic;
}
.pd-fw-author {
  font-size: 11.5px;
  color: rgba(240,234,216,.45);
  font-weight: 600;
}
.pd-feedback-cta-note {
  font-size: 11.5px;
  color: rgba(240,234,216,.35);
  margin-top: 14px;
}
@media (max-width: 768px) {
  .pd-feedback-inner { grid-template-columns: 1fr; gap: 36px; padding: 0 20px; }
}

/* ── Variant button as link (for cross-product navigation) ── */
.pd-var-btn--link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  border: 1.5px solid var(--forest, #1a3d26);
  background: transparent;
  font-size: 13.5px;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 6px;
  cursor: pointer;
  transition: background .18s, color .18s;
  letter-spacing: .02em;
}
.pd-var-btn--link:hover {
  background: var(--forest, #1a3d26);
  color: var(--parchment, #f0ead8);
}

/* ═══════════════════════════════════════════════════════
   GLOBAL MOBILE FIX — prevents horizontal overflow site-wide
   All sections, all viewports ≤ 600px
   ═══════════════════════════════════════════════════════ */

/* Hard clamp — nothing escapes the viewport */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: hidden; max-width: 100vw; }

/* ── ≤768px: tighten all containers ── */
@media (max-width: 768px) {
  .container,
  .nav-inner,
  .pd-bundle-inner,
  .pd-also-inner,
  .pd-pair-inner,
  .pd-feedback-inner,
  .saffron-new-inner,
  .bundle-banner { padding-left: 16px !important; padding-right: 16px !important; }

  /* Grids → single column */
  .reviews-grid,
  .team-grid,
  .why-grid { grid-template-columns: 1fr !important; }

  /* Sections that use 2-col grids */
  .bundle-header { flex-direction: column; gap: 20px; }
  .hm-feedback-inner { grid-template-columns: 1fr !important; gap: 32px; padding: 0 16px !important; }

  /* nb-size-row: wrap on small screens so unsweetened button doesn't push out */
  .nb-size-row { flex-wrap: wrap; }

  /* nb-hero buy row */
  .nb-hero-buy { flex-direction: column; align-items: flex-start; gap: 12px; }

  /* process flow */
  .process-flow { gap: 12px; }

  /* bundle picks on mobile */
  .bundle-picks { grid-template-columns: 1fr 1fr !important; }

  /* bundle-banner stacks */
  .bundle-banner { flex-direction: column; text-align: center; gap: 16px; }
}

/* ── ≤480px: phones — squeeze everything further ── */
@media (max-width: 480px) {
  .container,
  .nav-inner,
  .pd-bundle-inner,
  .pd-also-inner,
  .pd-pair-inner,
  .pd-feedback-inner,
  .saffron-new-inner { padding-left: 14px !important; padding-right: 14px !important; }

  /* Headings scale down */
  .display-xl { font-size: clamp(32px, 10vw, 52px) !important; }
  .display-lg { font-size: clamp(26px, 8vw, 40px) !important; }
  .display-md { font-size: clamp(22px, 7vw, 32px) !important; }

  /* nb hero section */
  .nb-hero { padding: 20px !important; }
  .nb-hero-name { font-size: 22px !important; }
  .nb-hero-desc { font-size: 13.5px !important; }
  .nb-size-row { flex-wrap: wrap; gap: 8px; }
  .nb-size-btn, .nb-size-btn--unsw { min-width: 0; flex: 1; }

  /* Section heads */
  .section-head { padding: 0 4px; }

  /* Bundle builder */
  .bundle-builder { padding: 16px !important; }
  .bundle-summary { padding: 14px !important; }
  .bundle-picks { gap: 8px !important; }
  .bp-card { padding: 12px 10px !important; }

  /* Saffron section */
  .saffron-new-inner { padding-top: 48px !important; padding-bottom: 48px !important; }

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr !important; }

  /* Email section */
  .email-form { flex-direction: column; gap: 10px; }
  .email-inp, .email-sub { width: 100%; }

  /* Curated bundles — already 2x2 but keep spacing tight */
  .cb-grid { gap: 8px !important; }

  /* Product page sections */
  .pd-unsweetened-banner { padding: 11px 13px; }
  .pd-pair-grid { grid-template-columns: 1fr !important; }
  .pd-feedback-inner { grid-template-columns: 1fr !important; }
}