/* =========================================
   ELARA HERBAL — SHARED DESIGN SYSTEM
   Playfair Display + Jost | Cream/Green/Gold
   ========================================= */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
:root{
  --g:  #3A4A2C;
  --gd: #2C3820;
  --gl: #EFF5EA;
  --au: #C2922E;
  --al: #F5E6C8;
  --cr: #FBF7EF;
  --be: #F3EAD8;
  --dk: #2E2A22;
  --bd: #5B5648;
  --wh: #FFFFFF;
  --br: #ECE3D2;
  --rd: #C0392B;
  --sh: rgba(46,42,34,.08);
  --r:  16px;
  --rs: 8px;
  --tr: .25s ease;
  --mx: 1200px;
}
body{font-family:'Jost',sans-serif;color:var(--bd);background:var(--wh);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;}
input,select{font-family:inherit;}

/* ---- STICKY HEADER ---- */
.eh{position:sticky;top:0;z-index:990;background:var(--wh);box-shadow:0 1px 0 var(--br),0 4px 20px rgba(0,0,0,.05);}
.eh-trust{background:var(--be);border-bottom:1px solid var(--br);}
.eh-trust-inner{max-width:var(--mx);margin:0 auto;padding:7px 32px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;}
.et-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--dk);}
.et-item i{color:var(--g);font-size:12px;}
.eh-nav{max-width:var(--mx);margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:64px;}
.eh-logo{display:flex;align-items:center;gap:10px;}
.eh-logo-img{height:46px;width:auto;display:block;object-fit:contain;}
.eh-logo svg{width:38px;height:38px;flex-shrink:0;}
.eh-logo-text{display:flex;flex-direction:column;line-height:1;}
.eh-logo-text b{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--dk);letter-spacing:.3px;}
.eh-logo-text small{font-family:'Playfair Display',serif;font-size:10px;font-weight:400;color:var(--g);letter-spacing:3px;text-transform:uppercase;margin-top:2px;}
.eh-links{display:flex;gap:28px;}
.eh-links a{font-size:13.5px;font-weight:500;color:var(--dk);position:relative;padding-bottom:2px;transition:color var(--tr);}
.eh-links a.active{color:var(--g);}
.eh-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--g);transition:width var(--tr);}
.eh-links a.active::after{width:100%;}
.eh-links a:hover{color:var(--g);}
.eh-links a:hover::after{width:100%;}
.eh-actions{display:flex;align-items:center;gap:14px;}
.eh-actions a{color:var(--dk);font-size:17px;transition:color var(--tr);position:relative;}
.eh-actions a:hover{color:var(--g);}
.cart-badge{position:absolute;top:-7px;right:-9px;background:var(--au);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.btn-nav{display:inline-flex;align-items:center;gap:8px;background:var(--g);color:var(--wh)!important;padding:10px 22px;border-radius:6px;font-size:13.5px;font-weight:600;letter-spacing:.4px;transition:background var(--tr),transform var(--tr),box-shadow var(--tr);border:none;}
.btn-nav:hover{background:var(--gd);transform:translateY(-1px);box-shadow:0 4px 18px rgba(58,74,44,.28);}

/* ---- TRUST STRIP ---- */
.ts{background:var(--be);border-top:1px solid var(--br);border-bottom:1px solid var(--br);}
@media(max-width:768px){
  .ts{display:none!important;}
}
.ts-inner{max-width:var(--mx);margin:0 auto;padding:13px 32px;display:flex;justify-content:center;gap:56px;flex-wrap:wrap;}
.ts-item{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--bd);}
.ts-item i{color:var(--g);font-size:13px;}

/* ---- BREADCRUMB ---- */
.crumb{background:var(--be);border-bottom:1px solid var(--br);}
.crumb-inner{max-width:var(--mx);margin:0 auto;padding:13px 32px;font-size:13px;color:var(--bd);}
.crumb-inner a{color:var(--bd);transition:color var(--tr);}
.crumb-inner a:hover{color:var(--g);}
.crumb-inner span{color:var(--dk);font-weight:500;}

/* ---- BUTTONS (shared) ---- */
.btn-cta{display:inline-flex;align-items:center;gap:10px;background:var(--g);color:var(--wh);padding:16px 36px;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.5px;box-shadow:0 6px 24px rgba(58,74,44,.22);transition:background var(--tr),transform var(--tr),box-shadow var(--tr);border:none;}
.btn-cta:hover{background:var(--gd);transform:translateY(-2px);box-shadow:0 10px 32px rgba(58,74,44,.32);}
.btn-cta i{font-size:14px;}
.btn-outline{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--g);padding:14px 32px;border-radius:8px;font-size:14px;font-weight:600;border:1.5px solid var(--g);transition:all var(--tr);}
.btn-outline:hover{background:var(--g);color:var(--wh);}
.btn-gold{display:inline-flex;align-items:center;gap:10px;background:var(--au);color:var(--wh);padding:16px 36px;border-radius:8px;font-size:15px;font-weight:600;letter-spacing:.5px;box-shadow:0 6px 24px rgba(194,146,46,.25);transition:all var(--tr);border:none;}
.btn-gold:hover{background:#a97d24;transform:translateY(-2px);}

/* ---- SECTION SHELL ---- */
.sec{padding:90px 32px;}
.sec-sm{padding:60px 32px;}
.sec-inner{max-width:var(--mx);margin:0 auto;}
.sec-head{text-align:center;margin-bottom:56px;}
.sec-ey{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--au);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:12px;}
.sec-ey::before,.sec-ey::after{content:'';width:24px;height:1.5px;background:var(--au);display:inline-block;}
.sec-h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;color:var(--dk);line-height:1.15;}
.sec-h2-ref{text-transform:uppercase;font-size:22px;letter-spacing:2px;font-weight:700;font-family:'Playfair Display',serif;color:var(--dk);}
.sec-sub{font-size:15px;color:var(--bd);margin-top:10px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7;}
.ref-ornament{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;}
.ref-ornament span{display:block;width:40px;height:1.5px;background:var(--au);opacity:.6;}

/* ---- TESTIMONIALS (shared) ---- */
.tes-sec{background:var(--be);}
.tes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.tes-card{background:var(--wh);border-radius:var(--r);padding:30px;border:1px solid var(--br);display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 10px var(--sh);transition:transform var(--tr),box-shadow var(--tr);position:relative;}
.tes-card::before{content:'\201C';position:absolute;top:18px;right:24px;font-family:'Playfair Display',serif;font-size:60px;color:var(--al);line-height:1;pointer-events:none;}
.tes-card:hover{transform:translateY(-5px);box-shadow:0 14px 48px rgba(0,0,0,.1);}
.tes-stars{color:var(--au);font-size:14px;letter-spacing:2px;}
.tes-q{font-size:14px;line-height:1.8;color:var(--bd);font-style:italic;flex:1;position:relative;}
.tes-auth{display:flex;align-items:center;gap:12px;margin-top:4px;padding-top:14px;border-top:1px solid var(--br);}
.tes-av{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--al);}
.tes-name{font-weight:600;font-size:14px;color:var(--dk);}
.tes-tag{font-size:11px;color:var(--au);font-weight:600;letter-spacing:.5px;}

/* ---- CTA BANNER (shared) ---- */
.cta-sec{background:linear-gradient(135deg,var(--be) 0%,#EDE3CA 100%);}
.cta-inner{max-width:var(--mx);margin:0 auto;padding:90px 32px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.cta-h2{font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:var(--dk);line-height:1.12;margin-bottom:6px;}
.cta-tagline{font-family:'Playfair Display',serif;font-size:19px;font-style:italic;color:var(--au);margin-bottom:18px;}
.cta-desc{font-size:15px;color:var(--bd);line-height:1.8;margin-bottom:32px;max-width:440px;}
.cta-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid rgba(194,146,46,.25);}
.cta-ti{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--bd);}
.cta-ti i{color:var(--g);}
.cta-img-w{position:relative;display:flex;justify-content:center;align-items:center;}
.cta-img{max-width:380px;width:100%;border-radius:20px;box-shadow:0 20px 64px rgba(46,42,34,.14);}
.cta-pill{position:absolute;bottom:-12px;left:-12px;background:var(--g);color:var(--wh);padding:12px 20px;border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.5px;box-shadow:0 6px 20px rgba(58,74,44,.28);}
.cta-pill i{margin-right:6px;}

/* ---- FOOTER (shared) ---- */
.ft{background:var(--dk);padding:60px 32px 0;}
.ft-top{max-width:var(--mx);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.08);}
.ft-brand-name{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:var(--wh);margin-bottom:6px;}
.ft-brand-sub{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:20px;}
.ft-social{display:flex;gap:10px;}
.ft-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:13px;transition:all var(--tr);}
.ft-social a:hover{background:var(--au);border-color:var(--au);color:var(--wh);}
.ft-credit{font-size:12px;color:rgba(255,255,255,.45);margin-top:18px;}
.ft-credit a{color:var(--au);text-decoration:none;font-weight:600;}
.ft-credit a:hover{text-decoration:underline;}
.ft-col h5{font-family:'Playfair Display',serif;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--wh);margin-bottom:20px;}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:11px;}
.ft-links a{font-size:13.5px;color:rgba(255,255,255,.5);transition:color var(--tr);}
.ft-links a:hover{color:var(--au);}
.nl-txt{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:16px;}
.nl-form{display:flex;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);}
.nl-form input{flex:1;padding:13px 16px;border:none;outline:none;font-size:13.5px;background:rgba(255,255,255,.07);color:var(--wh);font-family:'Jost',sans-serif;}
.nl-form input::placeholder{color:rgba(255,255,255,.3);}
.nl-form button{background:var(--au);color:var(--wh);border:none;padding:13px 18px;transition:background var(--tr);font-size:14px;}
.nl-form button:hover{background:#a97d24;}
.ft-bot{max-width:var(--mx);margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.ft-bot p{font-size:12.5px;color:rgba(255,255,255,.35);}
.ft-bot-links{display:flex;gap:20px;}
.ft-bot-links a{font-size:12.5px;color:rgba(255,255,255,.35);transition:color var(--tr);}
.ft-bot-links a:hover{color:var(--au);}

/* ---- SCROLL REVEAL ---- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.reveal.show{opacity:1;transform:none;}
.reveal-l{opacity:0;transform:translateX(-28px);transition:opacity .6s ease,transform .6s ease;}
.reveal-l.show{opacity:1;transform:none;}
.reveal-r{opacity:0;transform:translateX(28px);transition:opacity .6s ease,transform .6s ease;}
.reveal-r.show{opacity:1;transform:none;}

/* ---- RESPONSIVE SHARED ---- */
@media(max-width:1024px){
  .cta-inner{grid-template-columns:1fr;gap:40px;padding:60px 24px;}
  .cta-h2{font-size:34px;}
  .cta-img-w{order:-1;}
  .ft-top{grid-template-columns:1fr 1fr;gap:36px;}
  .sec{padding:70px 24px;}
}
@media(max-width:768px){
  .eh-links{display:none;}
  .tes-grid{grid-template-columns:1fr;}
  .sec-h2{font-size:30px;}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr;}
}


/* ---- HERO ---- */
.hero{background:var(--cr);overflow:hidden;position:relative;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 80% 50%,rgba(194,146,46,.06) 0%,transparent 70%);pointer-events:none;}
.hero-inner{max-width:var(--mx);margin:0 auto;padding:90px 32px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--au);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.hero-eyebrow::before{content:'';width:28px;height:1.5px;background:var(--au);display:inline-block;}
.hero-h1{font-family:'Playfair Display',serif;font-size:58px;font-weight:700;line-height:1.08;color:var(--dk);margin-bottom:10px;}
.hero-h1 em{font-style:italic;color:var(--au);display:block;}
.hero-sub{font-family:'Playfair Display',serif;font-size:17px;font-weight:400;color:var(--g);margin-bottom:22px;letter-spacing:.3px;}
.hero-desc{font-size:15px;line-height:1.8;color:var(--bd);margin-bottom:32px;max-width:480px;}
.hero-tags{display:flex;gap:20px;margin-bottom:36px;flex-wrap:wrap;}
.hero-tag{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--bd);}
.hero-tag-ic{width:38px;height:38px;border-radius:50%;background:var(--gl);display:flex;align-items:center;justify-content:center;color:var(--g);font-size:15px;flex-shrink:0;}
.hero-right{position:relative;display:flex;justify-content:center;align-items:center;}
.hero-img-wrap{position:relative;}
.hero-img{width:100%;max-width:460px;border-radius:24px;object-fit:contain;box-shadow:0 24px 80px rgba(46,42,34,.16);background:var(--cr);}
.hero-floater{position:absolute;top:28px;right:-10px;background:var(--au);color:var(--wh);width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;box-shadow:0 4px 20px rgba(194,146,46,.4);}
.hero-floater span{font-size:7.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;line-height:1.35;font-family:'Jost',sans-serif;}
.hero-stats{position:absolute;bottom:-10px;left:-10px;background:var(--wh);border-radius:12px;padding:14px 20px;box-shadow:0 8px 32px var(--sh);display:flex;gap:20px;}
.hero-stat{text-align:center;}
.hero-stat-n{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--g);line-height:1;}
.hero-stat-l{font-size:10px;font-weight:600;color:var(--bd);letter-spacing:.8px;text-transform:uppercase;margin-top:3px;}
.hero-stat-sep{width:1px;background:var(--br);}

/* ---- BEFORE/AFTER 3D ---- */
.ba-sec{background:var(--cr);}
.ba-cols{display:flex;justify-content:center;gap:80px;margin-bottom:32px;}
.ba-col h4{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.ba-col.bc h4{color:var(--dk);}
.ba-col.ac h4{color:var(--g);}
.ba-list{list-style:none;display:flex;flex-direction:column;gap:10px;}
.ba-list li{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--bd);}
.bc .ba-list li i{color:var(--au);font-size:11px;}
.ac .ba-list li i{color:var(--g);font-size:11px;}

.ba-stage{max-width:820px;margin:0 auto;perspective:1600px;}
.ba-wrap{
  border-radius:20px;overflow:hidden;cursor:col-resize;user-select:none;position:relative;
  box-shadow:0 30px 70px -10px rgba(46,42,34,.30),0 10px 30px rgba(46,42,34,.12);
  transform:rotateY(0deg) rotateX(0deg) translateZ(0);
  transform-style:preserve-3d;
  transition:transform .15s ease-out, box-shadow .3s ease;
  will-change:transform;
}
.ba-wrap:hover{box-shadow:0 40px 90px -10px rgba(46,42,34,.36),0 14px 36px rgba(46,42,34,.16);}
.ba-cont{position:relative;width:100%;padding-top:54%;}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.ba-img.after{clip-path:inset(0 50% 0 0);}
.ba-line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:2.5px;height:100%;background:rgba(255,255,255,.95);z-index:10;pointer-events:none;box-shadow:0 0 12px rgba(0,0,0,.25);}
.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:var(--wh);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(0,0,0,.28);cursor:col-resize;border:2px solid var(--br);transition:transform .2s;}
.ba-knob:hover{transform:translate(-50%,-50%) scale(1.1);}
.ba-knob i{color:var(--dk);font-size:15px;}
.ba-tag{position:absolute;top:20px;padding:6px 16px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;z-index:11;}
.ba-tag.before{left:20px;background:rgba(46,42,34,.82);color:var(--wh);backdrop-filter:blur(4px);}
.ba-tag.after{right:20px;background:rgba(194,146,46,.9);color:var(--wh);backdrop-filter:blur(4px);}
.ba-shadow-layer{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%,rgba(0,0,0,.12));pointer-events:none;z-index:5;mix-blend-mode:overlay;}
.ba-note{text-align:center;font-size:12px;color:#A09589;font-style:italic;margin-top:16px;}
.ba-hint{text-align:center;font-size:11.5px;color:var(--au);margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.8;}

/* ---- BENEFITS (ref style) ---- */
.ben-sec{background:#FEFCF8;}
.ben-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ben-card{background:#FFFFFF;border-radius:16px;padding:36px 22px 32px;text-align:center;border:1px solid #F0E8D8;box-shadow:0 2px 16px rgba(194,146,46,.06);transition:transform .25s ease,box-shadow .25s ease;}
.ben-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(194,146,46,.12);}
.ben-ic-ref{width:80px;height:80px;border-radius:50%;background:#FFFAF2;border:1.5px solid #F0E8D8;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.ben-card h4{font-family:'Playfair Display',serif;font-size:17px;font-weight:600;color:#2E2A22;margin-bottom:10px;}
.ben-card p{font-size:13px;line-height:1.7;color:#5B5648;}

/* ---- INGREDIENTS (ref style) ---- */
.ing-sec{background:#FBF7EF;}
.ing-grid-ref{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.ing-card-ref{background:#FFFFFF;border-radius:16px;padding:32px 28px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border:1px solid #F0E8D8;box-shadow:0 2px 16px rgba(0,0,0,.05);overflow:hidden;position:relative;min-height:220px;}
.ing-text-ref{flex:1;min-width:0;padding-bottom:8px;}
.ing-title-ref{font-family:'Playfair Display',serif;font-size:22px;font-weight:600;color:#C2922E;margin-bottom:4px;}
.ing-sub-ref{font-size:12px;font-weight:600;color:#5B5648;margin-bottom:14px;display:block;}
.ref-chk-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.ref-chk-list li{font-size:13.5px;color:#5B5648;padding-left:14px;position:relative;line-height:1.5;}
.ref-chk-list li::before{content:"•";position:absolute;left:0;color:#C2922E;font-weight:700;}
.ing-img-ref{flex-shrink:0;width:160px;align-self:flex-end;margin-bottom:-28px;margin-right:-28px;}
.ing-img-ref img{width:100%;height:180px;object-fit:cover;object-position:center bottom;border-radius:12px 0 0 0;display:block;}

/* ---- HOW IT WORKS (ref style) ---- */
.hiw-sec{background:#FEFCF8;}
.hiw-ref-track{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start;}
.hiw-ref-card{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;}
.hiw-ref-circle{width:100px;height:100px;border-radius:50%;background:#FFFFFF;border:1.5px solid #ECE3D2;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(0,0,0,.06);position:relative;z-index:1;}
.hiw-ref-arrow{position:absolute;right:-20px;top:36px;color:#C2922E;font-size:16px;z-index:2;opacity:.5;}
.hiw-ref-label{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;color:#2E2A22;font-family:'Playfair Display',serif;}
.hiw-ref-num{width:22px;height:22px;border-radius:50%;background:#3A4A2C;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:'Jost',sans-serif;flex-shrink:0;}
.hiw-ref-card p{font-size:13px;color:#5B5648;line-height:1.65;max-width:150px;margin:0 auto;}

/* =========================================
   POLISH LAYER — typography, motion, CTAs,
   testimonials, icons, ingredient tiles
   ========================================= */

/* --- Typography refinement --- */
.hero-h1{letter-spacing:-.5px;}
.hero-h1 em{letter-spacing:-.2px;}
.hero-desc{letter-spacing:.1px;}
.sec-h2-ref{letter-spacing:2.4px;}
.sec-h2{letter-spacing:-.3px;}
.ing-title-ref{letter-spacing:.2px;}
.ben-card h4{letter-spacing:.2px;}

/* --- Premium primary CTA --- */
.btn-cta-hero{position:relative;display:inline-flex;align-items:center;gap:11px;background:linear-gradient(135deg,var(--g) 0%,var(--gd) 100%);color:var(--wh);padding:18px 40px;border-radius:10px;font-size:15.5px;font-weight:600;letter-spacing:.6px;box-shadow:0 8px 28px rgba(58,74,44,.28),0 2px 6px rgba(58,74,44,.18);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;border:none;overflow:hidden;isolation:isolate;}
.btn-cta-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease;z-index:1;}
.btn-cta-hero:hover::before{transform:translateX(120%);}
.btn-cta-hero:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 14px 38px rgba(58,74,44,.36),0 4px 10px rgba(58,74,44,.22);}
.btn-cta-hero:active{transform:translateY(-1px) scale(.99);}
.btn-cta-hero i{font-size:14px;position:relative;z-index:2;transition:transform .3s ease;}
.btn-cta-hero:hover i{transform:translateX(3px);}
.btn-cta-hero span{position:relative;z-index:2;}

.btn-cta-pulse{position:absolute;inset:0;border-radius:10px;border:1.5px solid var(--au);opacity:0;pointer-events:none;}
.cta-pulse-wrap{position:relative;display:inline-block;}
.cta-pulse-wrap .btn-cta-pulse{animation:ctaPulse 2.8s ease-out infinite;}
@keyframes ctaPulse{
  0%{opacity:.55;transform:scale(1);}
  100%{opacity:0;transform:scale(1.18);}
}

/* --- Secondary CTA in CTA banner --- */
.cta-sec .btn-cta-hero{padding:18px 42px;}

/* --- Brand-consistent icon badges (Benefits) --- */
.ben-ic-ref{position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease;}
.ben-card{position:relative;}
.ben-card:hover .ben-ic-ref{transform:translateY(-3px) scale(1.06);background:linear-gradient(150deg,#FFFAF2,#FBF0DC);border-color:#E7D6AE;}
.ben-card:hover{border-color:#E7D6AE;}
.ben-card::after{content:'';position:absolute;left:50%;bottom:0;width:0;height:2px;background:linear-gradient(90deg,var(--au),var(--g));transform:translateX(-50%);transition:width .35s ease;border-radius:2px;}
.ben-card:hover::after{width:46%;}

/* --- How It Works: brand-consistent circle hover --- */
.hiw-ref-circle{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease;}
.hiw-ref-card:hover .hiw-ref-circle{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 28px rgba(194,146,46,.18);border-color:#E7D6AE;}
.hiw-ref-num{transition:transform .3s ease,background .3s ease;}
.hiw-ref-card:hover .hiw-ref-num{transform:scale(1.12);background:var(--au);}

/* --- Ingredient visual tiles (replace broken stock photos) --- */
.ing-card-ref{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;}
.ing-card-ref:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.08);}
.ing-visual-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:160px;height:180px;border-radius:12px 0 0 0;flex-shrink:0;align-self:flex-end;margin-bottom:-28px;margin-right:-28px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1);}
.ing-card-ref:hover .ing-visual-tile{transform:scale(1.04);}
.ing-visual-tile i{font-size:40px;position:relative;z-index:1;}
.ing-visual-tile span{font-family:'Playfair Display',serif;font-size:14px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;position:relative;z-index:1;}
.ing-tile-turmeric{background:linear-gradient(160deg,#F7E0A0 0%,#E8A93A 55%,#C2922E 100%);}
.ing-tile-turmeric i,.ing-tile-turmeric span{color:#5A3D0A;}
.ing-tile-turmeric::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 55%);}
.ing-tile-saffron{background:linear-gradient(160deg,#E59A6B 0%,#C0392B 55%,#8E2A1F 100%);}
.ing-tile-saffron i,.ing-tile-saffron span{color:#FFF3EA;}
.ing-tile-saffron::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 55%);}

/* --- Testimonials: richer cards + entrance + monogram avatars --- */
.tes-card{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .3s ease;}
.tes-card:hover{transform:translateY(-7px);box-shadow:0 20px 54px rgba(46,42,34,.14);border-color:#E7D6AE;}
.tes-card::before{transition:transform .4s ease,opacity .4s ease;}
.tes-card:hover::before{transform:scale(1.12) translateY(-2px);opacity:.9;}
.tes-stars{position:relative;}
.tes-stars{transition:transform .3s ease;}
.tes-card:hover .tes-stars{transform:translateX(2px);}
.tes-av-mono{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:16px;color:var(--wh);background:linear-gradient(150deg,var(--g),var(--gd));border:2px solid var(--al);flex-shrink:0;transition:transform .35s ease;}
.tes-card:hover .tes-av-mono{transform:scale(1.08);}
.tes-tag{display:inline-flex;align-items:center;gap:5px;}
.tes-tag i{font-size:9px;color:var(--g);}

/* --- Section heading underline micro-detail --- */
.sec-head{position:relative;}

/* --- General link/nav underline polish carried from eh-links already present --- */

/* --- Reduced motion respect --- */
@media (prefers-reduced-motion: reduce){
  .btn-cta-hero,.btn-cta-hero::before,.ben-ic-ref,.hiw-ref-circle,.hiw-ref-num,.ing-visual-tile,.ing-card-ref,.tes-card,.tes-card::before,.tes-av-mono,.tes-stars{transition:none!important;animation:none!important;}
}

/* --- Responsive additions for polish layer --- */
@media(max-width:480px){
  .ing-visual-tile{width:120px;height:140px;}
  .ing-visual-tile i{font-size:30px;}
  .btn-cta-hero{padding:16px 30px;font-size:14px;}
}

/* ---- RESPONSIVE ---- */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:40px;padding:60px 24px;}
  .hero-h1{font-size:44px;}
  .hero-stats{display:none;}
}
@media(max-width:768px){
  .hero-h1{font-size:36px;}
  .ben-grid{grid-template-columns:1fr 1fr;}
  .ing-grid-ref{grid-template-columns:1fr;}
  .hiw-ref-track{grid-template-columns:1fr 1fr;}
  .hiw-ref-arrow{display:none;}
  .ba-cols{gap:40px;}
  .ing-img-ref{width:120px;}
}
@media(max-width:480px){
  .hero-h1{font-size:30px;}
  .ben-grid,.hiw-ref-track{grid-template-columns:1fr;}
  .ba-cols{flex-direction:column;align-items:center;gap:24px;text-align:left;}
  .hero-tags{gap:14px;}
}

/* ===== ELARA HEADER — MOBILE NAV (hamburger) ===== */
.eh-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px!important;height:42px!important;padding:9px!important;background:transparent!important;border:1px solid var(--br)!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer;}
.eh-burger span{display:block;width:100%;height:2px;background:var(--dk)!important;border-radius:2px;transition:transform .3s ease,opacity .3s ease;}
.eh-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.eh-burger.open span:nth-child(2){opacity:0;}
.eh-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.eh-mobile-menu{display:none;flex-direction:column;background:var(--wh);border-top:1px solid var(--br);box-shadow:0 16px 32px rgba(0,0,0,.12);position:absolute;top:100%;left:0;right:0;z-index:1000;padding:8px 0;max-height:calc(100vh - 60px);overflow-y:auto;}
.eh-mobile-menu.open{display:flex;}
.eh-mobile-menu a{padding:14px 24px;font-size:15px;font-weight:500;color:var(--dk);border-bottom:1px solid #f3eee3;display:flex;align-items:center;gap:10px;}
.eh-mobile-menu a:hover{background:var(--be);color:var(--g);}
.eh-mobile-menu a i{width:18px;color:var(--g);}
.eh-mobile-divider{height:1px;background:var(--br);margin:6px 0;}
.eh-mobile-shop-btn{background:var(--g);color:var(--wh)!important;justify-content:center;margin:10px 24px;border-radius:6px;font-weight:600;border-bottom:none!important;}
.eh-mobile-shop-btn:hover{background:var(--gd);color:var(--wh)!important;}

@media(max-width:921px){
  /*.eh-trust{display:none;}*/
  .eh{position:relative;}
  .eh-links{display:none!important;}
  .eh-actions .btn-nav{display:none;}
  .eh-burger{display:flex;}
  .eh-trust-inner{gap:18px;padding:7px 18px;font-size:11px;}
  .eh-actions{gap:16px;}
  .eh-nav{padding:0 18px;height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;}
  .eh-burger{grid-column:1;justify-self:start;}
  .eh-logo{grid-column:2;justify-self:center;}
  .eh-actions{grid-column:3;justify-self:end;}
}

@media(max-width:560px){
  .eh-logo-img{height:38px;}
  .eh-trust-inner{gap:12px;}
  .eh-trust-inner .et-item{font-size:10px;}
  .eh-logo-text b{font-size:16px;}
  .eh-logo svg{width:32px;height:32px;}
  .eh-actions a{font-size:16px;}
}


/* ===== Before/After list — center text ===== */
.ba-list li{justify-content:center;}
.ba-col{text-align:center;}
.ba-col h4{justify-content:center;}


/* ===== Hero image — larger on desktop ===== */
@media(min-width:901px){
  .hero-inner{grid-template-columns:1fr 1.25fr;gap:48px;padding:80px 32px;}
  .hero-img{max-width:600px;width:100%;}
  .hero-img-wrap{width:100%;}
  .hero-right{justify-content:flex-end;}
}
@media(min-width:1200px){
  .hero-img{max-width:660px;}
}


/* ===== HERO BANNER (Style 1) — full-width image bg, text left overlay ===== */
.hero-banner{position:relative;background-size:cover;background-position:center right;background-repeat:no-repeat;overflow:hidden;}
.hero-banner::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,234,216,0.97) 0%,rgba(243,234,216,0.92) 30%,rgba(243,234,216,0.55) 55%,rgba(243,234,216,0.12) 75%,rgba(243,234,216,0) 100%);z-index:1;pointer-events:none;}
.hero-banner .hero-inner{position:relative;z-index:2;display:block;grid-template-columns:none;min-height:560px;padding:70px 32px;display:flex;flex-direction:column;justify-content:center;}
.hero-banner .hero-left{max-width:560px;}
.hero-banner .hero-right{display:none;}
.hero-banner .hero-stats-inline{display:flex;gap:24px;margin-top:30px;background:rgba(255,255,255,.9);backdrop-filter:blur(4px);border-radius:12px;padding:16px 24px;box-shadow:0 8px 32px var(--sh);width:fit-content;}
@media(max-width:900px){
  .hero-banner{background-position:center top;}
  .hero-banner::before{background:linear-gradient(180deg,rgba(243,234,216,0.55) 0%,rgba(243,234,216,0.9) 45%,rgba(243,234,216,0.98) 100%);}
  .hero-banner .hero-inner{min-height:auto;padding:300px 22px 50px;}
  .hero-banner .hero-left{max-width:100%;}
}
@media(max-width:560px){
  .hero-banner .hero-inner{padding:230px 18px 40px;}
  .hero-banner .hero-stats-inline{gap:14px;padding:12px 16px;}
}


/* ===== Before/After clean center alignment ===== */
.ba-cols{display:flex;justify-content:center;align-items:flex-start;gap:60px;text-align:center;}
.ba-col{display:flex;flex-direction:column;align-items:center;min-width:200px;}
.ba-col h4{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;}
.ba-list{align-items:center;width:100%;}
.ba-list li{display:inline-flex;justify-content:center;}
@media(max-width:560px){.ba-cols{flex-direction:column;align-items:center;gap:20px;}}


/* ===== HERO + BA refinement v2 (designer pass) ===== */
.hero-banner .hero-inner{align-items:flex-start;text-align:left;padding-left:max(40px,calc((100vw - var(--mx))/2 + 24px));padding-right:32px;}
.hero-banner .hero-left{max-width:540px;width:100%;text-align:left;}
.hero-banner .hero-eyebrow{justify-content:flex-start;}
.hero-banner .hero-tags{justify-content:flex-start;}
.hero-banner .cta-pulse-wrap{align-self:flex-start;}
.hero-banner .hero-stats-inline{margin-left:0;}
.hero-banner::before{background:linear-gradient(90deg,rgba(243,234,216,0.98) 0%,rgba(243,234,216,0.95) 32%,rgba(243,234,216,0.6) 56%,rgba(243,234,216,0.12) 78%,rgba(243,234,216,0) 100%);}
.ba-cols{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:560px;margin:0 auto 36px;background:var(--wh);border:1px solid var(--br);border-radius:16px;overflow:hidden;box-shadow:0 6px 28px var(--sh);}
.ba-col{padding:24px 28px;min-width:0;align-items:flex-start;text-align:left;}
.ba-col.bc{border-right:1px solid var(--br);}
.ba-col h4{font-family:'Playfair Display',serif;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;justify-content:flex-start;width:auto;color:var(--dk);}
.ba-col.bc h4{color:var(--bd);}
.ba-col.ac h4{color:var(--g);}
.ba-list{align-items:flex-start;gap:14px;width:100%;}
.ba-list li{display:flex;justify-content:flex-start;align-items:center;gap:10px;font-size:14px;}
@media(max-width:560px){
  .ba-cols{grid-template-columns:1fr 1fr;}
  .ba-col{padding:18px 16px;}
  .ba-col h4{margin-top:0;}
  .ba-list{margin:0;padding:0;}
  .ba-list li i,
  .ba-col h4 i{width:14px;flex-shrink:0;text-align:center;}
}


/* ===== HERO hard-left fix v3 ===== */
.hero-banner .hero-inner{max-width:100%!important;width:100%;margin:0;padding-left:140px!important;padding-right:32px!important;align-items:flex-start;text-align:left;}
.hero-banner .hero-left{margin-left:0;margin-right:auto;max-width:560px;}
@media(max-width:900px){.hero-banner .hero-inner{padding-left:22px!important;padding-right:22px!important;}}
@media(max-width:560px){.hero-banner .hero-inner{padding-left:18px!important;padding-right:18px!important;}}


/* ===== MOBILE HERO revert to original boxed layout (banner is desktop-only) ===== */
@media(max-width:900px){
  .hero-banner{background-image:none!important;background-color:var(--cr)!important;}
  .hero-banner::before{display:none!important;content:none!important;}
  .hero-banner .hero-inner{display:grid!important;grid-template-columns:1fr!important;gap:40px!important;padding:60px 24px!important;min-height:auto!important;align-items:stretch!important;}
  .hero-banner .hero-left{max-width:100%!important;}
  .hero-banner .hero-right{display:flex!important;justify-content:center;align-items:center;position:relative;}
  .hero-banner .hero-stats-inline{display:none!important;}
  .hero-banner .hero-stats{display:none!important;}
}
@media(max-width:560px){
  .hero-banner .hero-inner{padding:40px 18px!important;}
}


@media(max-width:480px){.ben-grid{grid-template-columns:1fr!important;}}


/* ===== Before/After Results CTA button (home transformation section) ===== */
.ba-results-cta{text-align:center;margin-top:34px;}
.ba-results-btn{display:inline-flex;align-items:center;gap:10px;background:var(--g);color:var(--wh)!important;padding:15px 34px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;text-decoration:none;box-shadow:0 8px 24px rgba(58,74,44,.22);transition:background .25s ease,transform .2s ease;}
.ba-results-btn:hover{background:var(--gd);transform:translateY(-2px);}
.ba-results-btn i{font-size:15px;}



 /* Mobile Only */
@media (max-width: 768px) {

    .eh-nav{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 15px;
    }

    /* Burger button left */
    .eh-burger{
        order: 1;
        display: flex;
        z-index: 10;
    }

    /* Center logo */
    .eh-logo{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        z-index: 5;
    }

    .eh-logo-img{
        max-height: 50px; /* adjust as needed */
        width: auto;
    }

    /* Right side icons */
    .eh-actions{
        order: 2;
        margin-left: auto;
    }

    /* Hide desktop menu */
    .eh-links{
        display: none;
    }
    
    .eh-trust-inner {
        padding: 8px 10px !important;
        gap: 15px !important;
       
    }
}

/* ---- LEGAL / INFO PAGES ---- */
.legal-page{max-width:840px;margin:0 auto;padding:64px 24px 80px;}
.legal-page .legal-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--g);margin-bottom:10px;}
.legal-page h1{font-family:'Playfair Display',serif;font-size:38px;color:var(--dk);margin-bottom:8px;line-height:1.2;}
.legal-page .legal-updated{font-size:13px;color:var(--bd);opacity:.75;margin-bottom:36px;}
.legal-page h2{font-family:'Playfair Display',serif;font-size:21px;color:var(--dk);margin:34px 0 12px;}
.legal-page p{font-size:15.5px;line-height:1.75;color:var(--bd);margin-bottom:14px;}
.legal-page ul{margin:0 0 16px 22px;}
.legal-page li{font-size:15.5px;line-height:1.7;color:var(--bd);margin-bottom:8px;}
.legal-page a{color:var(--g);text-decoration:underline;}
.legal-page strong{color:var(--dk);}
.legal-page .legal-divider{height:1px;background:var(--br);margin:40px 0;}
.legal-page .faq-item{border-bottom:1px solid var(--br);padding:18px 0;}
.legal-page .faq-item summary{font-family:'Playfair Display',serif;font-size:16.5px;color:var(--dk);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;}
.legal-page .faq-item summary::-webkit-details-marker{display:none;}
.legal-page .faq-item summary::after{content:'+';color:var(--g);font-size:20px;font-weight:600;flex-shrink:0;}
.legal-page .faq-item[open] summary::after{content:'\u2212';}
.legal-page .faq-item p{margin-top:12px;margin-bottom:0;}
@media(max-width:560px){
  .legal-page{padding:44px 18px 60px;}
  .legal-page h1{font-size:28px;}
}

#post-160 .entry-header,#post-161 .entry-header,#post-162 .entry-header,#post-163 .entry-header{display:none;}


/* ===== Products Dropdown (added) ===== */
.eh-dropdown{position:relative;display:flex;align-items:center;}
.eh-dropdown-toggle{display:flex!important;align-items:center;gap:6px;}
.eh-dropdown .eh-caret{font-size:9px;transition:transform var(--tr);}
.eh-dropdown:hover .eh-caret{transform:rotate(180deg);}
.eh-dropdown-menu{position:absolute;top:100%;left:0;margin-top:14px;min-width:190px;background:var(--wh);border:1px solid var(--br);border-radius:var(--rs);box-shadow:0 16px 32px var(--sh);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--tr),transform var(--tr),visibility var(--tr);z-index:1000;}
.eh-dropdown-menu a{display:block;padding:10px 18px;font-size:13.5px;font-weight:500;color:var(--dk);white-space:nowrap;}
.eh-dropdown-menu a::after{display:none;}
.eh-dropdown-menu a:hover{background:var(--be);color:var(--g);}
.eh-dropdown:hover .eh-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.eh-mobile-sub{padding-left:44px!important;font-size:13.5px!important;color:var(--bd)!important;}
.eh-mobile-parent{font-weight:600!important;}