:root{--teal:#006f6e;--teal-dark:#004f50;--teal-deep:#003c3d;--orange:#f47b20;--mint:#eaf7f4;--cream:#f7f3eb;--ink:#153535;--white:#fff;--muted:#607271;--shadow:0 24px 60px rgba(0,79,80,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--teal-deep);color:#d8eeee;font-size:12px;letter-spacing:.04em}.topbar-inner{height:38px;display:flex;justify-content:space-between;align-items:center}.topbar-links{display:flex;gap:22px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,79,80,.08)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand img{width:215px}.nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:800;letter-spacing:.03em}.nav>a:not(.nav-cta){position:relative}.nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--orange);transition:.25s}.nav>a:hover:after{right:0}.nav-cta{background:var(--teal);color:#fff;padding:12px 18px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:760px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbf8 0%,#edf7f3 58%,#f9f2e8 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:48px;position:relative;z-index:3}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--teal);text-transform:uppercase}.eyebrow.light{color:#bfe4dd}.hero h1,.section h2{font-family:"Playfair Display",serif;line-height:1.08;margin:16px 0}.hero h1{font-size:clamp(50px,6vw,82px);letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{font-size:18px;max-width:650px;color:#506765;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:800;font-size:13px;transition:.25s}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 12px 28px rgba(0,111,110,.22)}.btn-primary:hover{transform:translateY(-2px);background:var(--teal-dark)}.btn-ghost{border:1px solid rgba(0,79,80,.25);background:rgba(255,255,255,.55)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;padding-top:26px;border-top:1px solid rgba(0,79,80,.12)}.hero-stats strong{display:block;font-size:22px;color:var(--teal)}.hero-stats span{font-size:11px;color:#6c7f7d}.hero-visual{height:640px;position:relative;isolation:isolate}.visual-card{position:absolute;inset:46px 8px 28px 28px;border-radius:52% 48% 45% 55% / 45% 45% 55% 55%;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.98),rgba(235,249,244,.9) 34%,rgba(190,226,215,.78) 62%,rgba(166,214,200,.62));box-shadow:inset 0 0 0 1px rgba(255,255,255,.92),0 30px 80px rgba(0,79,80,.16)}.product{position:absolute;filter:drop-shadow(0 22px 20px rgba(0,66,65,.16));transition:.4s}.product img{width:100%;height:100%;object-fit:contain}.p1{width:340px;height:450px;right:58px;top:72px;z-index:4}.p2{width:238px;height:360px;left:2px;bottom:42px;z-index:5}.p3{width:215px;height:300px;right:-8px;bottom:24px;z-index:6}.hero-visual:hover .p1{transform:translateY(-8px) rotate(1deg)}.hero-visual:hover .p2{transform:translate(-4px,-4px) rotate(-1deg)}.floating-note{position:absolute;left:42px;top:48px;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 24px 50px rgba(0,79,80,.18);z-index:8}.floating-note span{display:block;font-size:9px;letter-spacing:.18em;color:var(--orange);font-weight:800}.floating-note strong{font-family:"Playfair Display",serif;font-size:17px}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.orb-a{width:420px;height:420px;background:rgba(0,111,110,.08);right:-120px;top:20px}.orb-b{width:300px;height:300px;background:rgba(244,123,32,.08);left:-100px;bottom:-80px}.leaf{position:absolute;width:150px;height:70px;background:linear-gradient(135deg,rgba(0,111,110,.15),rgba(0,111,110,.04));border-radius:100% 0 100% 0;transform:rotate(28deg)}.leaf-1{right:27%;top:70px}.leaf-2{left:5%;bottom:70px;transform:rotate(-40deg);width:110px}.leaf-3{right:4%;bottom:120px;transform:rotate(145deg);width:90px}.scroll-cue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;color:#78908e;z-index:4}.scroll-cue span{font-size:16px;margin-left:8px}.brand-strip{background:var(--teal);color:#fff}.strip-grid{min-height:74px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center;font-size:11px;font-weight:800;letter-spacing:.12em}.strip-grid div+div{border-left:1px solid rgba(255,255,255,.18)}.section{padding:110px 0}.about{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.section h2{font-size:clamp(42px,5vw,65px);letter-spacing:-.025em}.about-copy .lead{font-size:24px;line-height:1.45;color:#214f4e;margin-top:4px}.about-copy p{color:#667a78}.text-link{display:inline-block;margin-top:16px;color:var(--teal);font-weight:800}.text-link span{display:inline-block;transition:.2s}.text-link:hover span{transform:translateX(5px)}.split-section{padding-top:30px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.split-card{min-height:570px;border-radius:32px;position:relative;overflow:hidden;padding:48px;box-shadow:var(--shadow)}.split-copy{position:relative;z-index:4;width:57%}.split-card h2{font-size:45px}.split-card p{margin-bottom:28px}.split-card img{position:absolute;right:-20px;bottom:-5px;width:52%;height:75%;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 18px rgba(0,0,0,.12))}.wellness{background:linear-gradient(145deg,#006f6e,#00494b);color:#fff}.beauty{background:linear-gradient(145deg,#f8f2e8,#e6f4ef)}.btn-white{background:#fff;color:var(--teal-dark)}.btn-dark{background:var(--ink);color:#fff}.products-section{background:#f7faf8}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:45px}.section-head-row h2{max-width:760px}.filters{display:flex;gap:8px;background:#fff;border:1px solid #e4ece8;padding:5px;border-radius:999px}.filter{border:0;background:transparent;padding:10px 15px;border-radius:999px;font:inherit;font-size:12px;font-weight:800;color:#637674;cursor:pointer}.filter.active{background:var(--teal);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid #e8efec;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-image{height:360px;background:linear-gradient(160deg,#eaf7f2,#f8fbf9);position:relative;padding:22px}.card-image.soft{background:linear-gradient(160deg,#f8f2ea,#eff8f4)}.card-image img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}.pill{position:absolute;top:18px;left:18px;z-index:2;background:rgba(255,255,255,.9);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--teal)}.card-body{padding:23px}.card-body small{font-size:9px;font-weight:800;letter-spacing:.12em;color:#80908e}.card-body h3{font-family:"Playfair Display",serif;font-size:27px;margin:6px 0}.card-body p{font-size:13px;color:#6d7d7b;min-height:42px}.card-body a{color:var(--teal);font-size:12px;font-weight:800}.product-card.hidden{display:none}.ritual{background:#003f40;color:#fff;padding:90px 0}.ritual-wrap{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.ritual h2{font-size:50px;margin-bottom:0}.ritual-points{display:grid;gap:8px}.ritual-points div{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.ritual-points span{font-family:"Playfair Display",serif;font-size:28px;color:#6fbeb4}.ritual-points p{margin:0;color:#d7e7e5}.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact p{color:#667a78;max-width:550px}.contact-cards{display:grid;gap:12px}.contact-cards>a,.contact-cards>div{padding:22px 24px;border:1px solid #e2ece8;border-radius:18px;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:16px;transition:.2s}.contact-cards>a:hover{border-color:#90c8bf;transform:translateX(3px)}.contact-cards small{font-size:9px;font-weight:800;letter-spacing:.1em;color:#80908e}.contact-cards strong{font-size:14px}.contact-cards span{font-size:11px;color:var(--teal)}.footer{background:#eff5f2;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:45px}.footer-brand img{width:200px;margin-bottom:15px}.footer p{color:#6b7c7a;font-size:13px}.footer h4{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid a{font-size:13px;color:#5f716f}.footer-bottom{border-top:1px solid #dce8e4;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:#7b8b89}.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:980px){.nav{position:absolute;top:84px;left:20px;right:20px;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:18px;display:none;flex-direction:column;align-items:stretch;gap:8px}.nav.open{display:flex}.nav a{padding:10px}.menu-toggle{display:block}.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.hero{min-height:auto;padding:70px 0}.hero-grid,.about-grid,.ritual-wrap,.contact-grid{grid-template-columns:1fr}.hero-visual{height:540px}.about-grid,.ritual-wrap,.contact-grid{gap:35px}.split-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.section-head-row{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.strip-grid{grid-template-columns:1fr 1fr}.strip-grid div{padding:18px 8px}.strip-grid div+div{border-left:0}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.topbar-links{gap:10px;font-size:10px}.brand img{width:175px}.nav-wrap{height:72px}.nav{top:72px}.hero{padding-top:55px}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-stats{grid-template-columns:1fr;gap:10px}.hero-visual{height:430px}.visual-card{inset:28px 4px 18px 12px}.p1{width:232px;height:330px;right:18px;top:34px}.p2{width:160px;height:248px;left:-12px;bottom:22px}.p3{width:132px;height:194px;right:-8px;bottom:10px}.floating-note{left:14px;top:18px;padding:9px 12px}.section{padding:72px 0}.section h2{font-size:39px}.about-copy .lead{font-size:20px}.split-card{min-height:510px;padding:32px}.split-copy{width:72%}.split-card h2{font-size:36px}.split-card img{width:50%;height:60%}.product-grid{grid-template-columns:1fr}.card-image{height:300px}.ritual h2{font-size:38px}.contact-cards>a,.contact-cards>div{grid-template-columns:1fr;gap:5px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.strip-grid{font-size:9px}}


.hero-visual::before{content:"";position:absolute;right:-35px;top:12px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.92) 0%,rgba(199,236,224,.76) 30%,rgba(126,201,180,.30) 58%,rgba(126,201,180,0) 72%);z-index:0;opacity:.95}
.hero-visual::after{content:"";position:absolute;right:28px;top:68px;width:285px;height:285px;border-radius:45% 55% 65% 35% / 38% 52% 48% 62%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.88),rgba(255,255,255,0) 38%),linear-gradient(135deg,rgba(244,123,32,.18),rgba(0,111,110,.16));filter:blur(1px);opacity:.85;z-index:1;transform:rotate(-18deg)}
.visual-card::before,.visual-card::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.visual-card::before{width:210px;height:210px;right:26px;top:38px;background:radial-gradient(circle,rgba(255,255,255,.6),rgba(255,255,255,0) 68%)}
.visual-card::after{width:260px;height:260px;left:18px;bottom:18px;background:radial-gradient(circle,rgba(0,111,110,.12),rgba(0,111,110,0) 70%)}
.product-card:hover .card-image img,.catalog-card:hover img{transform:scale(1.12)}
.card-image img,.catalog-card img{transition:transform .35s ease}

.product-visual::before,.product-visual::after{content:"";position:absolute;pointer-events:none;z-index:0}
.product-visual::before{left:-18px;bottom:-26px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--pv-accent-1,rgba(54,146,108,.20)),rgba(54,146,108,0) 72%);filter:blur(4px)}
.product-visual::after{right:-35px;top:-12px;width:300px;height:300px;border-radius:44% 56% 58% 42% / 44% 43% 57% 56%;background:radial-gradient(circle at 32% 32%,rgba(255,255,255,.7),rgba(255,255,255,0) 32%),linear-gradient(145deg,var(--pv-accent-2,rgba(214,235,226,.65)),rgba(255,255,255,0));opacity:.95}
.product-visual .ingredient-word{position:absolute;right:26px;top:30px;z-index:1;font-family:"Playfair Display",serif;font-size:clamp(54px,6vw,96px);line-height:.9;letter-spacing:.08em;text-transform:uppercase;color:var(--pv-word,rgba(23,53,45,.08));user-select:none}
.product-visual .ingredient-chip{position:absolute;left:28px;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(23,53,45,.08);color:#275948;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 30px rgba(23,53,45,.08)}
.product-visual .ingredient-chip::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--pv-dot,#5a9f7d);display:inline-block}
.product-visual.theme-neem{--pv-accent-1:rgba(80,154,98,.26);--pv-accent-2:rgba(196,235,204,.92);--pv-word:rgba(56,116,68,.10);--pv-dot:#4d9763;background:linear-gradient(150deg,#f7fbf6 0%,#eff8ed 45%,#f7fbf7 100%)}
.product-visual.theme-moisture{--pv-accent-1:rgba(123,190,180,.24);--pv-accent-2:rgba(215,239,236,.95);--pv-word:rgba(48,112,110,.09);--pv-dot:#5ea7a1;background:linear-gradient(150deg,#f7fbfb 0%,#edf8f7 48%,#fff 100%)}
.product-visual.theme-nourish{--pv-accent-1:rgba(205,170,109,.22);--pv-accent-2:rgba(247,229,196,.95);--pv-word:rgba(126,95,44,.10);--pv-dot:#bb8e49;background:linear-gradient(150deg,#fffaf2 0%,#fff7ea 50%,#fff 100%)}
.product-visual.theme-hair{--pv-accent-1:rgba(108,146,86,.22);--pv-accent-2:rgba(226,239,217,.92);--pv-word:rgba(64,95,52,.09);--pv-dot:#6a9258;background:linear-gradient(150deg,#fbfdf8 0%,#f2f8ee 50%,#fff 100%)}
.product-visual.theme-kids{--pv-accent-1:rgba(140,180,238,.24);--pv-accent-2:rgba(245,223,248,.92);--pv-word:rgba(92,110,179,.09);--pv-dot:#7ea2d9;background:linear-gradient(150deg,#fdfbff 0%,#f6f3ff 50%,#fff 100%)}
.product-visual.theme-strawberry{--pv-accent-1:rgba(225,101,124,.24);--pv-accent-2:rgba(255,220,227,.94);--pv-word:rgba(164,62,86,.10);--pv-dot:#d0637d;background:linear-gradient(150deg,#fffafc 0%,#fff1f4 50%,#fff 100%)}
.product-visual.theme-shield{--pv-accent-1:rgba(91,171,136,.24);--pv-accent-2:rgba(225,245,234,.94);--pv-word:rgba(46,110,80,.10);--pv-dot:#57a079;background:linear-gradient(150deg,#fbfefc 0%,#f1faf4 50%,#fff 100%)}
.product-visual.theme-balance{--pv-accent-1:rgba(168,138,96,.22);--pv-accent-2:rgba(243,231,210,.92);--pv-word:rgba(114,84,43,.10);--pv-dot:#a27a45;background:linear-gradient(150deg,#fffdf9 0%,#faf5ee 52%,#fff 100%)}
.product-visual.theme-respire{--pv-accent-1:rgba(96,173,155,.22);--pv-accent-2:rgba(218,242,238,.94);--pv-word:rgba(51,117,107,.10);--pv-dot:#4f9b8c;background:linear-gradient(150deg,#fafdfe 0%,#eef9f8 48%,#fff 100%)}
.product-visual.theme-liver{--pv-accent-1:rgba(192,136,78,.22);--pv-accent-2:rgba(250,231,207,.94);--pv-word:rgba(129,83,36,.10);--pv-dot:#bd8549;background:linear-gradient(150deg,#fffaf7 0%,#fff4ec 48%,#fff 100%)}
.product-visual.theme-root{--pv-accent-1:rgba(162,121,94,.24);--pv-accent-2:rgba(238,223,211,.94);--pv-word:rgba(105,73,54,.10);--pv-dot:#9e7250;background:linear-gradient(150deg,#fffaf8 0%,#f8f0ea 48%,#fff 100%)}
@media(max-width:640px){.product-visual .ingredient-word{font-size:56px;right:14px;top:18px}.product-visual .ingredient-chip{left:18px;bottom:16px;font-size:10px;padding:10px 14px}.hero-visual::before{width:330px;height:330px;right:-30px;top:10px}.hero-visual::after{width:190px;height:190px;right:6px;top:56px}}

/* ===== COMPLETE SITE PAGES ===== */
.page-hero{padding:92px 0 68px;background:linear-gradient(135deg,#f2f8ef 0%,#fff 58%,#edf7f4 100%);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(59,139,120,.08);right:-120px;top:-180px}.page-hero .container{position:relative;z-index:1}.breadcrumbs{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6d7a73;margin-bottom:18px}.breadcrumbs a{color:inherit}.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(42px,6vw,72px);line-height:1.02;margin:0 0 18px;color:#17352d}.page-hero p{max-width:760px;font-size:18px;line-height:1.75;color:#586961;margin:0}.content-section{padding:78px 0}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start}.prose h2,.prose h3{font-family:'Playfair Display',serif;color:#17352d}.prose h2{font-size:38px;margin:0 0 22px}.prose h3{font-size:26px;margin:34px 0 12px}.prose p,.prose li{font-size:16px;line-height:1.8;color:#56635d}.info-panel{background:#f3f8f3;border-radius:28px;padding:32px;position:sticky;top:110px}.info-panel h3{margin:0 0 18px;color:#17352d}.info-panel a{display:block;padding:13px 0;border-bottom:1px solid rgba(23,53,45,.1);color:#355f53}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.category-card{padding:28px;border-radius:24px;background:#f5f9f5;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s;border:1px solid rgba(23,53,45,.06)}.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(20,56,46,.08)}.category-card span{font-size:12px;letter-spacing:.09em;color:#668378;text-transform:uppercase}.category-card h3{font-size:24px;margin:8px 0 0;color:#17352d}.catalog-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.catalog-toolbar input,.catalog-toolbar select{border:1px solid #d7e1dc;background:white;border-radius:14px;padding:13px 16px;font:inherit}.catalog-toolbar input{min-width:260px;flex:1}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.catalog-card{border:1px solid #e5ece8;border-radius:24px;background:#fff;overflow:hidden;transition:.25s}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(28,68,56,.1)}.catalog-card .pic{height:310px;background:#f5f8f5;display:flex;align-items:center;justify-content:center;padding:20px}.catalog-card img{max-width:100%;max-height:100%;object-fit:contain;transform:scale(1.07)}.catalog-card .meta{padding:22px}.catalog-card small{color:#769086;text-transform:uppercase;letter-spacing:.07em}.catalog-card h3{font-size:25px;line-height:1.18;margin:10px 0 12px;color:#17352d;font-weight:700}.catalog-card p{color:#65736d;line-height:1.55;font-size:14px;min-height:44px}.catalog-card a{font-weight:700;color:#2d7c66}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.product-visual{background:#f4f8f4;border-radius:34px;min-height:520px;display:flex;align-items:center;justify-content:center;padding:45px;position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(23,53,45,.06);box-shadow:0 25px 60px rgba(23,53,45,.08)}.product-visual img{max-height:460px;max-width:92%;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 22px 24px rgba(23,53,45,.14))}.product-info .tag{display:inline-block;background:#e9f4ef;padding:8px 12px;border-radius:999px;font-size:12px;color:#317662;text-transform:uppercase;letter-spacing:.08em}.product-info h1{font-family:'Playfair Display',serif;font-size:50px;line-height:1.05;color:#17352d;margin:18px 0}.product-info .lead{font-size:18px;line-height:1.7;color:#5c6a64}.accordion{margin-top:34px;border-top:1px solid #dfe7e3}.acc{border-bottom:1px solid #dfe7e3}.acc button{width:100%;background:none;border:0;text-align:left;padding:19px 0;font:700 16px Manrope;display:flex;justify-content:space-between;color:#17352d;cursor:pointer}.acc .panel{display:none;padding:0 0 20px;color:#5e6a65;line-height:1.75}.acc.open .panel{display:block}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #d9e3de;border-radius:15px;padding:14px 16px;font:inherit}.contact-form textarea{min-height:150px;resize:vertical}.legal{max-width:900px}.legal h2{font-family:'Playfair Display',serif;color:#17352d;margin-top:34px}.mini-banner{margin-top:60px;padding:42px;border-radius:28px;background:#173f34;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.mini-banner h3{font-family:'Playfair Display',serif;font-size:32px;margin:0;color:#fff}.mini-banner p{margin:8px 0 0;color:#d5e8e0}.footer a{text-decoration:none}.nav .dropdown{position:relative}.nav .dropdown-menu{display:none;position:absolute;top:100%;left:-18px;min-width:250px;background:#fff;border-radius:16px;padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.13)}.nav .dropdown:hover .dropdown-menu{display:block}.nav .dropdown-menu a{display:block;padding:10px 12px;border-radius:9px}.nav .dropdown-menu a:hover{background:#f2f7f4}@media(max-width:980px){.content-grid,.product-detail{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.info-panel{position:static}.nav .dropdown-menu{position:static;box-shadow:none;padding-left:15px;display:block;background:transparent}.mini-banner{flex-direction:column;align-items:flex-start}}@media(max-width:620px){.catalog-grid,.category-grid{grid-template-columns:1fr}.catalog-card .pic{height:265px}.product-info h1{font-size:38px}.product-visual{min-height:430px}.page-hero{padding:64px 0 48px}}


/* ===== HIMALAYA HERO V3 ===== */
.hero-himalaya{height:660px;position:relative;isolation:isolate}
.hero-himalaya::before{
  content:"";position:absolute;inset:25px -8px 20px 18px;border-radius:42px;
  background:
    radial-gradient(circle at 72% 18%,rgba(255,244,213,.9) 0 9%,rgba(255,244,213,0) 27%),
    linear-gradient(155deg,#f8fbf6 0%,#e8f4ee 46%,#d4e8df 100%);
  box-shadow:0 34px 75px rgba(0,79,80,.14),inset 0 0 0 1px rgba(255,255,255,.85);
  z-index:0;overflow:hidden
}
.hero-himalaya::after{
  content:"";position:absolute;inset:25px -8px 20px 18px;border-radius:42px;
  background:linear-gradient(110deg,rgba(255,255,255,.25),transparent 45%,rgba(0,93,84,.08));
  z-index:1;pointer-events:none
}
.mountain-stage{position:absolute;inset:25px -8px 20px 18px;border-radius:42px;overflow:hidden;z-index:1}
.mountains{position:absolute;left:0;right:0;bottom:0;width:100%;height:74%}
.mountains-back path{fill:rgba(69,126,109,.16)}
.mountains-front{height:61%}
.mountains-front path{fill:rgba(33,101,86,.20)}
.mountain-sun{position:absolute;width:160px;height:160px;border-radius:50%;right:82px;top:58px;background:radial-gradient(circle,rgba(255,245,215,.98),rgba(244,192,112,.22) 58%,rgba(244,192,112,0) 72%);z-index:2}
.hero-origin{position:absolute;left:48px;top:58px;z-index:7;display:flex;flex-direction:column;gap:2px}
.hero-origin span{font-size:10px;letter-spacing:.28em;color:#6c847c;font-weight:800}
.hero-origin strong{font-family:"Playfair Display",serif;font-size:18px;color:#244d43}
.hero-himalaya .p1{width:365px;height:480px;right:70px;top:86px;z-index:5}
.hero-himalaya .p2{width:250px;height:385px;left:5px;bottom:40px;z-index:6}
.hero-himalaya .p3{width:230px;height:325px;right:-8px;bottom:28px;z-index:7}
.hero-himalaya .product img{filter:drop-shadow(0 25px 22px rgba(30,80,67,.19))}
.hero-botanical{position:absolute;z-index:3;width:170px;height:82px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,rgba(44,124,91,.22),rgba(44,124,91,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.hero-botanical.leaf-a{right:18px;top:168px;transform:rotate(136deg)}
.hero-botanical.leaf-b{left:56px;bottom:70px;width:125px;height:62px;transform:rotate(-28deg);opacity:.75}

/* ===== CENTER BRAND MESSAGE ===== */
.brand-message{position:relative;overflow:hidden;background:#053f3d;color:#fff;padding:105px 0 110px;text-align:center}
.brand-message::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 12%,rgba(103,188,161,.18),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.015),transparent);pointer-events:none}
.brand-message-inner{position:relative;z-index:3;max-width:930px}
.brand-message-kicker{display:inline-block;font-size:11px;letter-spacing:.24em;font-weight:800;color:#a9d9c9;margin-bottom:24px}
.brand-message h2{font-family:"Playfair Display",serif;font-size:clamp(44px,5.4vw,72px);line-height:1.08;letter-spacing:-.025em;margin:0}
.brand-message h2 em{font-style:normal;color:#f0b56c}
.brand-message p{max-width:680px;margin:25px auto 0;color:#d1e4de;font-size:17px}
.brand-message-mountain{position:absolute;left:0;right:0;bottom:-3px;height:185px;opacity:.22;background:
linear-gradient(145deg,transparent 0 16%,#78b7a4 16% 25%,transparent 25%),
linear-gradient(35deg,transparent 0 20%,#78b7a4 20% 30%,transparent 30%),
linear-gradient(155deg,transparent 0 42%,#6da895 42% 53%,transparent 53%),
linear-gradient(25deg,transparent 0 52%,#6da895 52% 63%,transparent 63%);
filter:blur(.2px)}
.brand-message + .split-section{padding-top:90px}

@media(max-width:980px){
  .hero-himalaya{height:590px}
  .hero-himalaya .p1{width:315px;height:430px;right:58px;top:80px}
  .hero-himalaya .p2{width:220px;height:340px;left:0;bottom:35px}
  .hero-himalaya .p3{width:198px;height:285px;right:-4px;bottom:20px}
}
@media(max-width:640px){
  .hero-himalaya{height:450px}
  .hero-himalaya::before,.hero-himalaya::after,.mountain-stage{inset:18px -4px 12px 2px;border-radius:28px}
  .hero-origin{left:18px;top:34px}
  .mountain-sun{width:105px;height:105px;right:35px;top:42px}
  .hero-himalaya .p1{width:242px;height:340px;right:14px;top:55px}
  .hero-himalaya .p2{width:165px;height:250px;left:-15px;bottom:18px}
  .hero-himalaya .p3{width:145px;height:215px;right:-13px;bottom:6px}
  .hero-botanical.leaf-a{width:110px;height:50px;right:0;top:135px}
  .hero-botanical.leaf-b{width:90px;height:45px;left:15px;bottom:44px}
  .brand-message{padding:78px 0 85px}
  .brand-message h2{font-size:42px}
  .brand-message p{font-size:15px}
}


/* ===== V4 PHOTO HERO + VIVID PRODUCT CARDS ===== */
.hero-himalaya::before{
  background:
    linear-gradient(90deg,rgba(1,54,53,.03) 0%,rgba(1,54,53,.08) 35%,rgba(0,77,69,.34) 100%),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,50,46,.14)),
    url("https://images.unsplash.com/photo-1616249140849-affc0f141c7e?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000") center/cover no-repeat !important;
  box-shadow:0 34px 80px rgba(0,79,80,.22),inset 0 0 0 1px rgba(255,255,255,.68) !important
}
.hero-himalaya::after{
  background:
    radial-gradient(circle at 75% 20%,rgba(255,169,67,.34),transparent 26%),
    linear-gradient(105deg,rgba(255,255,255,.10),transparent 40%,rgba(0,101,92,.18)) !important;
  backdrop-filter:saturate(1.22) contrast(1.04)
}
.mountain-stage{display:none}
.hero-origin{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  padding:10px 14px;
  border-radius:14px;
  box-shadow:0 12px 28px rgba(0,59,55,.16)
}
.hero-origin span{color:#48756b}
.hero-origin strong{color:#074f49}
.hero-himalaya .product img{filter:drop-shadow(0 28px 24px rgba(0,43,39,.32))}
.hero-botanical{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(30,143,109,.18));backdrop-filter:blur(2px)}
.mountain-sun{background:radial-gradient(circle,rgba(255,216,143,.97),rgba(255,144,39,.30) 52%,rgba(255,144,39,0) 73%)}

.product-image-link{display:block;width:100%;height:100%;position:relative;z-index:3}
.product-image-link img{width:100%;height:100%;object-fit:contain}
.catalog-card h3 a,.product-card h3 a{color:inherit;text-decoration:none}
.catalog-card h3 a:hover,.product-card h3 a:hover{color:var(--teal)}

.catalog-card .pic,.product-card .card-image{position:relative;overflow:hidden;isolation:isolate}
.catalog-card .pic::before,.product-card .card-image::before{
  content:attr(data-product-title);
  position:absolute;left:18px;right:18px;bottom:5px;z-index:1;
  font-family:"Playfair Display",serif;
  font-size:clamp(34px,3vw,58px);line-height:.88;letter-spacing:-.035em;
  color:rgba(255,255,255,.27);text-transform:uppercase;text-align:left;
  pointer-events:none
}
.catalog-card .pic::after,.product-card .card-image::after{
  content:"";position:absolute;right:-36px;bottom:-76px;width:185px;height:185px;
  border-radius:50%;background:rgba(255,255,255,.14);z-index:0
}

.tone-root .pic,.tone-root .card-image{background:linear-gradient(145deg,#efc07d 0%,#b86d42 100%)!important}
.tone-immune .pic,.tone-immune .card-image{background:linear-gradient(145deg,#60c79c 0%,#087064 100%)!important}
.tone-balance .pic,.tone-balance .card-image{background:linear-gradient(145deg,#e8be64 0%,#9d6d2d 100%)!important}
.tone-respire .pic,.tone-respire .card-image{background:linear-gradient(145deg,#65d2d1 0%,#137e8c 100%)!important}
.tone-liver .pic,.tone-liver .card-image{background:linear-gradient(145deg,#f5af58 0%,#bf6236 100%)!important}
.tone-neem .pic,.tone-neem .card-image{background:linear-gradient(145deg,#82cf72 0%,#218454 100%)!important}
.tone-skin .pic,.tone-skin .card-image{background:linear-gradient(145deg,#f3bc99 0%,#d77668 100%)!important}
.tone-hair .pic,.tone-hair .card-image{background:linear-gradient(145deg,#9bc86d 0%,#4a7b43 100%)!important}
.tone-oral .pic,.tone-oral .card-image{background:linear-gradient(145deg,#79c5ef 0%,#3673b2 100%)!important}
.tone-lip .pic,.tone-lip .card-image{background:linear-gradient(145deg,#f296ac 0%,#c9426c 100%)!important}
.tone-kids .pic,.tone-kids .card-image{background:linear-gradient(145deg,#9cccf3 0%,#a272d0 100%)!important}
.tone-herbal .pic,.tone-herbal .card-image{background:linear-gradient(145deg,#72c5a5 0%,#28786a 100%)!important}

.catalog-card .pic img,.product-card .card-image img{
  position:relative;z-index:3;
  filter:drop-shadow(0 18px 18px rgba(0,44,39,.20))
}
.catalog-card:hover .pic img,.product-card:hover .card-image img{transform:scale(1.12) translateY(-4px)}
.catalog-card,.product-card{border-color:rgba(20,80,69,.09)}
.catalog-card:hover,.product-card:hover{box-shadow:0 24px 60px rgba(20,80,69,.16)}

@media(max-width:640px){
  .catalog-card .pic::before,.product-card .card-image::before{font-size:36px;left:14px;right:14px;bottom:8px}
}


/* ===== V5 FULL PHOTO BANNER ===== */
.hero.hero-photo{
  min-height:820px;
  background:
    linear-gradient(90deg,rgba(3,44,44,.72) 0%,rgba(3,44,44,.48) 38%,rgba(3,44,44,.22) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(2,44,42,.18)),
    url("https://images.unsplash.com/photo-1616249140849-affc0f141c7e?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=84&w=2600") center center/cover no-repeat;
}
.hero.hero-photo .hero-orb,
.hero.hero-photo > .leaf{display:none}
.hero.hero-photo .hero-grid{align-items:end;gap:38px;padding:54px 0 34px}
.hero.hero-photo .hero-copy-panel{
  background:rgba(7,58,57,.42);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 60px rgba(0,33,31,.28);
  backdrop-filter:blur(12px);
  border-radius:32px;
  padding:38px 36px;
}
.hero.hero-photo .eyebrow{color:#bdeadd}
.hero.hero-photo h1{color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.18)}
.hero.hero-photo h1 em{color:#f7c67b}
.hero.hero-photo .hero-copy>p{color:#edf5f3}
.hero.hero-photo .btn-ghost{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff}
.hero.hero-photo .btn-ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.hero.hero-photo .hero-stats{border-top:1px solid rgba(255,255,255,.18)}
.hero.hero-photo .hero-stats strong{color:#fff}
.hero.hero-photo .hero-stats span{color:#d7e8e6}
.hero.hero-photo .scroll-cue{color:#eef7f5}
.hero.hero-photo .hero-photo-products{height:660px}
.hero.hero-photo .hero-himalaya::before{
  content:"";
  position:absolute;
  inset:42px 0 18px 20px;
  border-radius:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 26px 60px rgba(0,33,31,.18);
}
.hero.hero-photo .hero-himalaya::after{display:none}
.hero.hero-photo .mountain-stage{display:none!important}
.hero.hero-photo .mountain-sun{right:96px;top:38px;width:150px;height:150px;opacity:.95}
.hero.hero-photo .hero-origin{background:rgba(255,255,255,.90)}
.hero.hero-photo .hero-botanical{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(69,173,135,.20))}
.hero.hero-photo .p1{width:390px;height:500px;right:64px;top:92px}
.hero.hero-photo .p2{width:255px;height:390px;left:4px;bottom:30px}
.hero.hero-photo .p3{width:236px;height:332px;right:-2px;bottom:18px}
.hero.hero-photo .product img{filter:drop-shadow(0 30px 28px rgba(0,27,26,.34))}

@media(max-width:980px){
  .hero.hero-photo{min-height:auto;padding:72px 0}
  .hero.hero-photo .hero-grid{align-items:center}
  .hero.hero-photo .hero-photo-products{height:580px}
  .hero.hero-photo .p1{width:332px;height:442px;right:40px;top:84px}
  .hero.hero-photo .p2{width:222px;height:338px;left:0;bottom:28px}
  .hero.hero-photo .p3{width:196px;height:284px;right:0;bottom:20px}
}
@media(max-width:640px){
  .hero.hero-photo{padding-top:40px}
  .hero.hero-photo .hero-grid{padding:28px 0 14px;gap:18px}
  .hero.hero-photo .hero-copy-panel{padding:24px 20px;border-radius:24px}
  .hero.hero-photo .hero-photo-products{height:420px}
  .hero.hero-photo .hero-himalaya::before{inset:18px 0 10px 2px;border-radius:24px}
  .hero.hero-photo .mountain-sun{width:96px;height:96px;right:28px;top:24px}
  .hero.hero-photo .p1{width:240px;height:334px;right:12px;top:50px}
  .hero.hero-photo .p2{width:162px;height:244px;left:-10px;bottom:18px}
  .hero.hero-photo .p3{width:136px;height:202px;right:-10px;bottom:8px}
}


/* ===== V6 BETTER HERO ===== */
.hero.hero-photo{
  min-height:820px;
  background:
    linear-gradient(90deg, rgba(3,43,43,.78) 0%, rgba(3,43,43,.58) 34%, rgba(3,43,43,.18) 72%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(3,43,43,.16)),
    url("https://images.unsplash.com/photo-1616249140849-affc0f141c7e?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=84&w=2600") center center/cover no-repeat !important;
}
.hero.hero-photo .hero-grid{align-items:center;gap:24px;padding:42px 0 26px}
.hero.hero-photo .hero-copy-overlay{padding:0 10px 0 0;max-width:640px}
.hero.hero-photo .hero-copy-overlay .eyebrow{color:#b7e7d8;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.hero.hero-photo .hero-copy-overlay h1{font-size:clamp(52px,6.4vw,86px);margin:12px 0 18px;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.28)}
.hero.hero-photo .hero-copy-overlay h1 em{color:#ffd18a}
.hero.hero-photo .hero-copy-overlay > p{font-size:19px;max-width:590px;color:#eef8f5;text-shadow:0 2px 14px rgba(0,0,0,.22)}
.hero.hero-photo .hero-actions{margin-top:22px}
.hero.hero-photo .btn-primary{background:#f47b20;box-shadow:0 14px 28px rgba(244,123,32,.28)}
.hero.hero-photo .btn-primary:hover{background:#db6a14}
.hero.hero-photo .btn-ghost{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.10);color:#fff}
.hero.hero-photo .btn-ghost:hover{background:rgba(255,255,255,.16)}
.hero.hero-photo .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;border-top:1px solid rgba(255,255,255,.18);margin-top:34px;padding-top:22px}
.hero.hero-photo .hero-stats strong{color:#fff}
.hero.hero-photo .hero-stats span{color:#d6e8e3}
.hero.hero-photo .scroll-cue{color:#eef6f3}

.hero-modern{height:660px;position:relative;isolation:isolate}
.hero-modern::before{content:"";position:absolute;inset:20px 8px 18px 18px;border-radius:38px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 60px rgba(0,0,0,.14)}
.hero-modern::after{content:"";position:absolute;inset:auto 26px 42px auto;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,173,88,.20),rgba(255,173,88,0) 70%);z-index:0}
.hero-portrait-wrap{position:absolute;right:90px;top:56px;width:380px;height:470px;z-index:2}
.hero-portrait-ring{position:absolute;inset:-14px;border-radius:42% 58% 52% 48% / 44% 44% 56% 56%;background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.12));backdrop-filter:blur(4px);box-shadow:0 22px 60px rgba(0,0,0,.12)}
.hero-portrait{position:absolute;inset:0;border-radius:42% 58% 52% 48% / 44% 44% 56% 56%;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.2)}
.hero-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.hero-product{position:absolute;filter:drop-shadow(0 28px 22px rgba(0,35,33,.3));z-index:4}
.hero-product img{width:100%;height:100%;object-fit:contain;display:block}
.hero-product-main{width:270px;height:380px;left:14px;bottom:18px}
.hero-product-secondary{width:190px;height:270px;right:18px;bottom:24px;z-index:3}
.hero-badge{position:absolute;left:28px;top:46px;z-index:5;background:rgba(255,255,255,.92);padding:14px 18px;border-radius:18px;box-shadow:0 20px 40px rgba(0,0,0,.12)}
.hero-badge span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ea7b26;font-weight:800;margin-bottom:6px}
.hero-badge strong{font-family:"Playfair Display",serif;font-size:24px;color:#174945}

@media(max-width:980px){
  .hero.hero-photo{min-height:auto;padding:72px 0}
  .hero.hero-photo .hero-grid{grid-template-columns:1fr;gap:18px}
  .hero.hero-photo .hero-copy-overlay{max-width:none}
  .hero.hero-photo .hero-stats{max-width:none}
  .hero-modern{height:540px}
  .hero-portrait-wrap{right:44px;top:54px;width:320px;height:390px}
  .hero-product-main{width:228px;height:320px;left:12px;bottom:18px}
  .hero-product-secondary{width:168px;height:232px;right:18px;bottom:20px}
}
@media(max-width:640px){
  .hero.hero-photo{padding-top:40px}
  .hero.hero-photo .hero-grid{padding:22px 0 10px}
  .hero.hero-photo .hero-copy-overlay h1{font-size:44px}
  .hero.hero-photo .hero-copy-overlay > p{font-size:16px}
  .hero.hero-photo .hero-stats{grid-template-columns:1fr;gap:10px}
  .hero-modern{height:390px}
  .hero-modern::before{inset:8px 0 10px 0;border-radius:26px}
  .hero-portrait-wrap{right:18px;top:28px;width:212px;height:252px}
  .hero-product-main{width:152px;height:216px;left:0;bottom:10px}
  .hero-product-secondary{width:114px;height:160px;right:2px;bottom:8px}
  .hero-badge{left:12px;top:16px;padding:10px 12px;border-radius:14px}
  .hero-badge strong{font-size:18px}
}


/* ===== V7 HERO WITHOUT MODEL ===== */
.hero.hero-photo{
  min-height:840px;
  background:
    linear-gradient(92deg, rgba(1,40,40,.74) 0%, rgba(1,40,40,.52) 34%, rgba(1,40,40,.18) 72%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(2,36,35,.18)),
    url("https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=84&w=2600") center center/cover no-repeat !important;
}
.hero.hero-photo .hero-grid{align-items:center;gap:28px;padding:42px 0 28px}
.hero.hero-photo .hero-copy-overlay{padding:0 12px 0 0;max-width:650px}
.hero.hero-photo .hero-copy-overlay h1{font-size:clamp(54px,6.5vw,86px)}
.hero.hero-photo .hero-copy-overlay>p{font-size:19px;max-width:600px}
.hero.hero-photo .hero-stats{max-width:540px}

.hero-products-motion{height:660px;position:relative;isolation:isolate}
.hero-products-motion::before{
  content:"";position:absolute;inset:22px 6px 18px 20px;border-radius:40px;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 70px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.06);
}
.hero-products-stage{
  position:absolute;inset:22px 6px 18px 20px;border-radius:40px;overflow:hidden;
  background:radial-gradient(circle at 70% 20%, rgba(255,189,96,.18), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.hero-glow{position:absolute;border-radius:50%;filter:blur(4px);z-index:1}
.hero-glow-a{width:230px;height:230px;left:44px;bottom:54px;background:radial-gradient(circle, rgba(85,196,150,.22), rgba(85,196,150,0) 70%)}
.hero-glow-b{width:210px;height:210px;right:52px;top:66px;background:radial-gradient(circle, rgba(255,170,78,.24), rgba(255,170,78,0) 72%)}
.hero-product-card{position:absolute;z-index:4;filter:drop-shadow(0 28px 26px rgba(0,31,30,.34));transition:transform .35s ease}
.hero-product-card img{width:100%;height:100%;object-fit:contain;display:block}
.hero-main-product{width:340px;height:470px;right:86px;top:86px;z-index:6}
.hero-left-product{width:240px;height:360px;left:18px;bottom:38px;z-index:5}
.hero-right-product{width:215px;height:302px;right:0;bottom:30px;z-index:5}
.hero-products-motion:hover .hero-main-product{transform:translateY(-8px) rotate(1deg)}
.hero-products-motion:hover .hero-left-product{transform:translate(-3px,-7px) rotate(-2deg)}
.hero-products-motion:hover .hero-right-product{transform:translate(3px,-6px) rotate(2deg)}
.hero-mini-badge{position:absolute;z-index:7;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);padding:14px 18px;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.14)}
.hero-mini-badge span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#e57a24;margin-bottom:6px}
.hero-mini-badge strong{font-family:"Playfair Display",serif;font-size:22px;color:#174945}
.badge-left{left:36px;top:44px}
.badge-right{right:116px;top:34px}
.float-a{animation:floatA 5s ease-in-out infinite}
.float-b{animation:floatB 6.2s ease-in-out infinite}
.float-c{animation:floatC 5.6s ease-in-out infinite}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes floatC{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-11px) rotate(-1deg)}}

@media(max-width:980px){
  .hero.hero-photo{min-height:auto;padding:72px 0}
  .hero.hero-photo .hero-grid{grid-template-columns:1fr;gap:20px}
  .hero-products-motion{height:560px}
  .hero-products-motion::before,.hero-products-stage{inset:16px 0 12px 0}
  .hero-main-product{width:292px;height:404px;right:46px;top:72px}
  .hero-left-product{width:206px;height:310px;left:8px;bottom:28px}
  .hero-right-product{width:182px;height:254px;right:0;bottom:24px}
  .badge-right{right:58px;top:28px}
}
@media(max-width:640px){
  .hero.hero-photo{padding-top:42px}
  .hero.hero-photo .hero-grid{padding:22px 0 10px;gap:16px}
  .hero.hero-photo .hero-copy-overlay h1{font-size:42px}
  .hero.hero-photo .hero-copy-overlay>p{font-size:16px}
  .hero.hero-photo .hero-stats{grid-template-columns:1fr;gap:10px}
  .hero-products-motion{height:400px}
  .hero-products-motion::before,.hero-products-stage{inset:10px 0 10px 0;border-radius:26px}
  .hero-main-product{width:188px;height:266px;right:18px;top:58px}
  .hero-left-product{width:132px;height:196px;left:-2px;bottom:18px}
  .hero-right-product{width:122px;height:170px;right:-8px;bottom:12px}
  .hero-mini-badge{padding:10px 12px;border-radius:14px}
  .hero-mini-badge strong{font-size:16px}
  .badge-left{left:12px;top:14px}
  .badge-right{right:18px;top:12px}
}


/* ===== V8 CONTACT + BORDERLESS HERO PRODUCTS ===== */
/* Remove every visual frame behind the products in the hero */
.hero-products-motion::before{display:none!important}
.hero-products-stage{display:none!important}
.hero-products-motion{background:transparent!important}
.hero-products-motion .hero-glow{opacity:.9}
.hero-main-product{right:76px}
.hero-left-product{left:10px}
.hero-right-product{right:-8px}

/* Premium contact section */
.contact-premium{
  background:linear-gradient(180deg,#f7faf8 0%,#ffffff 100%);
  padding:105px 0;
  position:relative;
  overflow:hidden;
}
.contact-premium::before{
  content:"";position:absolute;left:-120px;bottom:-150px;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(32,131,109,.08),rgba(32,131,109,0) 72%);
}
.contact-premium-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:34px;align-items:stretch;position:relative;z-index:1}
.contact-intro{
  position:relative;overflow:hidden;
  min-height:430px;
  border-radius:32px;
  padding:50px 46px;
  color:#fff;
  background:linear-gradient(145deg,#075d59 0%,#034642 58%,#023936 100%);
  box-shadow:0 28px 70px rgba(1,62,58,.16);
}
.contact-intro .eyebrow{color:#9fd7c8}
.contact-intro h2{font-family:"Playfair Display",serif;font-size:clamp(43px,4.7vw,66px);line-height:1.03;margin:16px 0 22px;letter-spacing:-.035em}
.contact-intro h2 em{font-style:normal;color:#f2b86d}
.contact-intro p{max-width:460px;color:#d5e9e4;font-size:16px;line-height:1.75;margin:0 0 30px}
.contact-main-cta{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:13px;font-weight:800;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.45)}
.contact-main-cta span{transition:.25s}
.contact-main-cta:hover span{transform:translateX(5px)}
.contact-decor{position:absolute;right:-70px;bottom:-90px;width:265px;height:265px;border-radius:46% 54% 58% 42%;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(111,209,177,.16));transform:rotate(26deg)}
.contact-decor::after{content:"";position:absolute;width:130px;height:60px;left:32px;top:42px;border-radius:100% 0 100% 0;background:rgba(255,255,255,.07);transform:rotate(-18deg)}
.contact-options{display:grid;grid-template-rows:repeat(3,1fr);gap:14px}
.contact-option{
  display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:25px 28px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(13,70,61,.07);
  transition:.28s ease;
  position:relative;
  overflow:hidden;
}
.contact-option::after{content:"";position:absolute;right:-50px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:rgba(18,125,102,.04);transition:.3s}
.contact-option:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(13,70,61,.11)}
.contact-option:hover::after{transform:scale(1.18)}
.contact-icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8f6f1,#d9eee6);color:#087066;font-size:21px;font-weight:700}
.contact-meta{display:flex;flex-direction:column;gap:5px;min-width:0}
.contact-meta small{font-size:9px;letter-spacing:.16em;color:#78918a;font-weight:800}
.contact-meta strong{font-size:15px;color:#143e39;overflow-wrap:anywhere}
.contact-arrow{font-size:11px;color:#0b756b;white-space:nowrap;z-index:1}
.contact-arrow b{font-size:14px;margin-left:4px}

@media(max-width:980px){
  .contact-premium-grid{grid-template-columns:1fr;gap:18px}
  .contact-intro{min-height:auto}
}
@media(max-width:640px){
  .contact-premium{padding:72px 0}
  .contact-intro{padding:34px 26px;border-radius:26px}
  .contact-intro h2{font-size:44px}
  .contact-option{grid-template-columns:50px 1fr;padding:20px;border-radius:20px}
  .contact-icon{width:46px;height:46px;border-radius:15px}
  .contact-arrow{grid-column:2;margin-top:-2px}
  .contact-meta strong{font-size:14px}
}

/* ===== V9 MISSION STATEMENT ===== */
.about-mission-copy .mission-text{font-size:16px;line-height:1.9;color:#5b706b;max-width:720px;margin-top:18px}.mission-signature{margin:28px 0 4px;display:grid;grid-template-columns:38px auto;grid-template-areas:"line title" "line sub";column-gap:14px;align-items:center}.mission-signature>span{grid-area:line;width:38px;height:2px;background:var(--orange);display:block}.mission-signature strong{grid-area:title;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);font-weight:800}.mission-signature em{grid-area:sub;font-style:normal;font-family:"Playfair Display",serif;font-size:20px;color:#234d46;margin-top:2px}@media(max-width:640px){.about-mission-copy .mission-text{font-size:15px;line-height:1.8}.mission-signature em{font-size:18px}}


/* ===== V10 CONTACT PANEL READABILITY ===== */
.contact-premium{padding:96px 0 104px;background:linear-gradient(180deg,#f4f8f6 0%,#fff 100%)}
.contact-premium-grid{grid-template-columns:.84fr 1.16fr;gap:28px;align-items:stretch}
.contact-intro{min-height:420px;padding:50px 46px;border-radius:34px;box-shadow:0 26px 65px rgba(1,62,58,.14)}
.contact-intro h2{font-size:clamp(45px,4.8vw,68px)}

.contact-options{
  display:grid;
  grid-template-rows:repeat(3,1fr);
  gap:0;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(12,92,80,.08);
  border-radius:34px;
  padding:12px 22px;
  box-shadow:0 26px 65px rgba(13,70,61,.10);
  overflow:hidden;
}
.contact-option{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  padding:28px 8px;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  position:relative;
  transition:.25s ease;
}
.contact-option + .contact-option{border-top:1px solid #dce9e4}
.contact-option::before{
  content:"";
  position:absolute;
  left:-22px;
  top:22px;
  bottom:22px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#0c8275,#f28a2c);
  opacity:0;
  transition:.25s;
}
.contact-option::after{display:none}
.contact-option:hover{transform:none;box-shadow:none;background:linear-gradient(90deg,rgba(229,245,239,.62),rgba(255,255,255,0));}
.contact-option:hover::before{opacity:1}
.contact-icon{
  width:56px;height:56px;border-radius:18px;
  background:linear-gradient(145deg,#dff3eb,#cce9df);
  color:#006f68;
  font-size:22px;
  box-shadow:inset 0 0 0 1px rgba(0,111,104,.06)
}
.contact-meta{gap:6px}
.contact-meta small{
  font-size:10px;
  letter-spacing:.18em;
  color:#6d8981;
  font-weight:800
}
.contact-meta strong{
  font-size:18px;
  line-height:1.35;
  color:#073f3a;
  font-weight:800;
  letter-spacing:-.01em;
  overflow-wrap:anywhere
}
.contact-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:126px;
  padding:11px 15px;
  border-radius:999px;
  background:#edf7f3;
  color:#006f68;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  transition:.22s;
  z-index:2
}
a.contact-option:hover .contact-arrow{background:#006f68;color:#fff;transform:translateX(2px)}
.contact-arrow b{font-size:15px;margin-left:6px}
.contact-option:last-child .contact-arrow{background:#f6f0e7;color:#8a5a25;min-width:116px}

@media(max-width:980px){
  .contact-premium-grid{grid-template-columns:1fr;gap:20px}
  .contact-options{min-height:360px}
}
@media(max-width:640px){
  .contact-premium{padding:68px 0}
  .contact-options{padding:8px 16px;border-radius:26px}
  .contact-option{grid-template-columns:52px 1fr;gap:14px;padding:21px 4px}
  .contact-option::before{left:-16px;top:15px;bottom:15px}
  .contact-icon{width:48px;height:48px;border-radius:15px;font-size:19px}
  .contact-meta strong{font-size:15px}
  .contact-arrow{grid-column:2;justify-self:start;min-width:0;padding:8px 12px;margin-top:2px}
  .contact-option:last-child .contact-arrow{min-width:0}
}


/* ===== V11 LANGUAGE SWITCHER ===== */
.lang-switch{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
  margin-right:18px;
  padding:8px 12px;
  border-radius:999px;
  background:#f2f7f5;
  border:1px solid rgba(0,79,80,.10);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  color:#6b7d78;
  white-space:nowrap;
}
.lang-option{line-height:1;border:0;background:transparent;font:inherit;padding:0;color:inherit}
.lang-option.active{color:var(--teal);font-weight:900}
.lang-option.disabled{opacity:.45;cursor:not-allowed}
.lang-separator{opacity:.35}
.lang-coming{
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#9aa9a5;
  margin-left:1px;
}
@media(max-width:980px){
  .lang-switch{margin-left:auto;margin-right:10px;padding:7px 10px}
}
@media(max-width:640px){
  .lang-switch{gap:5px;margin-right:6px;padding:6px 8px;font-size:10px}
  .lang-coming{display:none}
}


/* ===== V12 EXACT HERO + GLOBAL LEFT LEAVES ===== */
body{
  position:relative;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  left:-6px;
  top:170px;
  width:min(18vw,220px);
  height:520px;
  background:url("assets/leaf-cluster-left.svg") left center / contain no-repeat;
  opacity:.78;
  pointer-events:none;
  z-index:0;
}
body > *{position:relative;z-index:1}
.topbar,.header{z-index:60}
.page-hero,.content-section,.section,.footer,.brand-strip,.brand-message,.ritual{position:relative}
.page-hero::before,
.content-section::before,
.section::before{
  content:"";
  position:absolute;
  left:-26px;
  top:34px;
  width:156px;
  height:340px;
  background:url("assets/leaf-cluster-left.svg") left top / contain no-repeat;
  opacity:.16;
  pointer-events:none;
}
.page-hero > .container,
.content-section > .container,
.section > .container,
.brand-message > .container,
.footer > .container{position:relative;z-index:1}

.hero-exact-banner{
  background:#fff;
  padding:0 0 10px;
}
.hero-banner-figure{
  margin:0;
  position:relative;
  line-height:0;
  box-shadow:0 24px 65px rgba(7,56,54,.12);
}
.hero-banner-figure img{
  display:block;
  width:100%;
  height:auto;
}
.hero-banner-hotspot{
  position:absolute;
  display:block;
  border-radius:999px;
}
.hero-banner-cta{
  left:5.4%;
  bottom:6.2%;
  width:22.8%;
  height:11.6%;
}
.hero-banner-products{
  right:18.8%;
  top:14%;
  width:31%;
  height:70%;
  border-radius:32px;
}
.hero-banner-hotspot:focus-visible{
  outline:3px solid rgba(255,255,255,.95);
  outline-offset:4px;
}

@media(max-width:980px){
  body::before{width:150px;height:360px;top:146px;opacity:.62}
  .page-hero::before,.content-section::before,.section::before{width:110px;height:240px;left:-18px;top:24px;opacity:.12}
}
@media(max-width:640px){
  body::before,.page-hero::before,.content-section::before,.section::before{display:none}
  .hero-exact-banner{padding-bottom:0}
  .hero-banner-cta{left:5%;bottom:5.2%;width:31%;height:13%}
  .hero-banner-products{right:8%;top:12%;width:45%;height:72%}
}


/* ===== V13 VERIFIED REAL PRODUCTS + CLEANER BANNER ===== */
body::before{
  background:url("assets/left-leaves-sample.png") left top / contain no-repeat !important;
  width:188px !important;
  height:580px !important;
  left:0 !important;
  top:150px !important;
  opacity:.95 !important;
}
.page-hero::before,
.content-section::before,
.section::before{
  background:url("assets/left-leaves-sample.png") left top / contain no-repeat !important;
  width:110px !important;
  height:320px !important;
  left:0 !important;
  top:28px !important;
  opacity:.14 !important;
}
.hero.hero-verified{
  min-height:740px;
  padding:0;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg, rgba(3,57,55,.82) 0%, rgba(3,57,55,.58) 38%, rgba(3,57,55,.20) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.06)),
    url("https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&fm=jpg&q=90&w=3200") center center/cover no-repeat !important;
  overflow:hidden;
}
.hero.hero-verified::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:180px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(6,46,45,.34));
  pointer-events:none;
}
.hero-verified-grid{
  display:grid;
  grid-template-columns: 1.02fr .98fr;
  align-items:center;
  gap:28px;
  position:relative;
  z-index:2;
  padding:52px 0 56px;
}
.hero-copy-verified{max-width:590px;padding-top:8px}
.hero-copy-verified .eyebrow{color:#caeee4;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.hero-copy-verified h1{
  margin:16px 0 18px;
  color:#fff;
  font-size:clamp(56px,6.4vw,84px);
  line-height:.98;
  letter-spacing:-.04em;
  text-shadow:0 6px 28px rgba(0,0,0,.26);
}
.hero-copy-verified h1 em{font-style:normal;color:#f0af63}
.hero-copy-verified p{
  margin:0 0 30px;
  color:#ecf7f4;
  font-size:18px;
  line-height:1.55;
  max-width:560px;
  text-shadow:0 2px 16px rgba(0,0,0,.18);
}
.hero-copy-verified .btn-primary{
  background:#f2a245;
  box-shadow:0 18px 36px rgba(242,162,69,.30);
  color:#fff;
}
.hero-copy-verified .btn-primary:hover{background:#e19133}
.hero-products-verified{
  position:relative;
  min-height:600px;
  height:600px;
}
.hero-products-verified::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 60%, rgba(255,255,255,.12), rgba(255,255,255,0) 58%);
}
.hero-note-verified{
  position:absolute;
  right:18px;
  top:92px;
  color:#f7f2ee;
  font-family:"Playfair Display", serif;
  font-style:italic;
  font-size:36px;
  line-height:1.18;
  text-align:left;
  text-shadow:0 4px 18px rgba(0,0,0,.18);
  opacity:.96;
}
.hero-seal-verified{
  position:absolute;
  right:28px;
  bottom:22px;
  width:120px;
  height:120px;
  border:2px solid rgba(244,201,151,.72);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#f7d6ad;
  font-size:15px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:rgba(6,44,42,.15);
  backdrop-filter:blur(2px);
}
.hero-product-verified{
  position:absolute;
  display:block;
  filter:drop-shadow(0 24px 28px rgba(0,31,29,.36));
  transition:transform .3s ease;
  z-index:4;
}
.hero-product-verified:hover{transform:translateY(-4px)}
.hero-product-verified img{width:100%;height:100%;object-fit:contain;display:block}
.product-liv52{left:34px;bottom:118px;width:220px;height:300px;z-index:3}
.product-ashva{left:190px;bottom:76px;width:300px;height:410px;z-index:5}
.product-septilin{right:78px;bottom:80px;width:200px;height:280px;z-index:4}
.hero-botanical-accent{
  position:absolute;
  background:url("assets/left-leaves-sample.png") center / contain no-repeat;
  opacity:.88;
  pointer-events:none;
  z-index:2;
}
.accent-a{right:112px;top:122px;width:98px;height:190px;transform:scaleX(-1) rotate(-6deg)}
.accent-b{left:238px;bottom:126px;width:88px;height:170px;transform:rotate(18deg)}

@media(max-width:980px){
  body::before{width:132px !important;height:420px !important;top:130px !important;opacity:.84 !important}
  .page-hero::before,.content-section::before,.section::before{width:84px !important;height:220px !important;opacity:.11 !important}
  .hero-verified-grid{grid-template-columns:1fr;gap:12px;padding:42px 0 44px}
  .hero-copy-verified{max-width:none}
  .hero-products-verified{height:500px;min-height:500px}
  .hero-note-verified{right:18px;top:38px;font-size:28px}
  .hero-seal-verified{right:12px;bottom:16px;width:102px;height:102px;font-size:13px}
  .product-liv52{left:10px;bottom:98px;width:180px;height:244px}
  .product-ashva{left:132px;bottom:58px;width:246px;height:338px}
  .product-septilin{right:40px;bottom:64px;width:166px;height:232px}
  .accent-a{right:78px;top:78px;width:84px;height:160px}
  .accent-b{left:174px;bottom:116px;width:72px;height:138px}
}
@media(max-width:640px){
  body::before,.page-hero::before,.content-section::before,.section::before{display:none}
  .hero.hero-verified{min-height:auto}
  .hero-verified-grid{padding:30px 0 32px}
  .hero-copy-verified h1{font-size:46px}
  .hero-copy-verified p{font-size:16px;margin-bottom:22px}
  .hero-products-verified{height:340px;min-height:340px}
  .hero-note-verified{right:10px;top:20px;font-size:19px;max-width:130px}
  .hero-seal-verified{right:10px;bottom:10px;width:82px;height:82px;font-size:10px}
  .product-liv52{left:0;bottom:78px;width:118px;height:160px}
  .product-ashva{left:82px;bottom:48px;width:168px;height:230px}
  .product-septilin{right:12px;bottom:46px;width:112px;height:156px}
  .accent-a{right:48px;top:52px;width:58px;height:110px}
  .accent-b{left:122px;bottom:82px;width:48px;height:94px}
}


/* ===== V14 FIXED LEFT-SIDE LEAVES ONLY ===== */
/* One single fixed decorative leaf cluster on the left edge of the viewport. */
body::before{
  content:"" !important;
  position:fixed !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:150px !important;
  height:420px !important;
  background:url("assets/left-leaves-sample.png") left center / contain no-repeat !important;
  opacity:.92 !important;
  pointer-events:none !important;
  z-index:25 !important;
  display:block !important;
}

/* Absolutely no repeated leaves inside sections/pages. */
.page-hero::before,
.content-section::before,
.section::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Keep page content above normal backgrounds, but below the fixed decorative leaves. */
body > *{position:relative;z-index:1}
.header,.topbar{z-index:60}

@media(max-width:980px){
  body::before{
    width:118px !important;
    height:340px !important;
    opacity:.86 !important;
  }
}
@media(max-width:640px){
  body::before{
    width:82px !important;
    height:240px !important;
    left:-8px !important;
    opacity:.72 !important;
  }
}


/* ===== V15: RESTORE APPROVED BANNER + LEAVES ONLY AT SPLIT SECTION ===== */
body::before,
.page-hero::before,
.content-section::before,
.section::before{display:none !important;content:none !important;background:none !important;}

/* approved exact banner */
.hero-exact-banner{background:#fff;padding:0 0 10px;position:relative;overflow:hidden;}
.hero-banner-figure{margin:0;position:relative;line-height:0;box-shadow:0 24px 65px rgba(7,56,54,.12);}
.hero-banner-figure img{display:block;width:100%;height:auto;}
.hero-banner-hotspot{position:absolute;display:block;border-radius:999px;}
.hero-banner-cta{left:5.4%;bottom:6.2%;width:22.8%;height:11.6%;}
.hero-banner-products{right:18.8%;top:14%;width:31%;height:70%;border-radius:32px;}
.hero-banner-hotspot:focus-visible{outline:3px solid rgba(255,255,255,.95);outline-offset:4px;}

/* leaves only beside the two-card section */
.split-section{position:relative;overflow:visible;}
.split-section-leaves{
  position:sticky;
  top:150px;
  height:0;
  width:0;
  z-index:6;
  pointer-events:none;
}
.split-section-leaves img{
  position:absolute;
  left:0;
  top:10px;
  width:150px;
  max-width:none;
  height:auto;
  display:block;
  filter:drop-shadow(0 10px 22px rgba(32,83,68,.06));
}

@media(max-width:980px){
  .split-section-leaves img{width:115px;}
}
@media(max-width:640px){
  .split-section-leaves{display:none;}
  .hero-exact-banner{padding-bottom:0;}
  .hero-banner-cta{left:5%;bottom:5.2%;width:31%;height:13%;}
  .hero-banner-products{right:8%;top:12%;width:45%;height:72%;}
}


/* ===== V16: FIXED LEAVES ONLY AT TARGET SECTION + SHARPER BANNER ===== */
/* Keep approved banner layout, just render the image cleaner */
.hero-banner-figure img{
  image-rendering:auto;
}

/* Leaves only for the two-card section, fixed on the left while that section is active */
.split-section-leaves{display:none !important;}
.split-fixed-leaves{
  position:fixed;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:130px;
  z-index:22;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
.split-fixed-leaves img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 8px 18px rgba(32,83,68,.08));
}
body.show-split-fixed-leaves .split-fixed-leaves{opacity:.96;}

/* absolutely no other leaves anywhere */
body::before,
.page-hero::before,
.content-section::before,
.section::before{display:none !important;content:none !important;background:none !important;}

@media(max-width:980px){
  .split-fixed-leaves{width:108px;}
}
@media(max-width:640px){
  .split-fixed-leaves{display:none !important;}
}


/* ===== V17: LEAVES FIXED EXACTLY LEFT OF TARGET SECTION ===== */
.split-fixed-leaves{
  position:fixed !important;
  left:0 !important;
  top:180px !important;
  transform:none !important;
  width:132px !important;
  z-index:22 !important;
  pointer-events:none !important;
  opacity:0 !important;
  transition:opacity .18s ease !important;
}
.split-fixed-leaves img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  filter:drop-shadow(0 8px 18px rgba(32,83,68,.08)) !important;
}
body.show-split-fixed-leaves .split-fixed-leaves{opacity:.98 !important;}
.split-section-leaves{display:none !important;}
.hero-banner-figure img{width:100% !important;height:auto !important;display:block !important;}

@media(max-width:980px){
  .split-fixed-leaves{
    top:170px !important;
    width:108px !important;
  }
}
@media(max-width:640px){
  .split-fixed-leaves{display:none !important;}
}

/* New Himalaya products */
.product-visual.theme-nourish{--pv-accent-1:rgba(185,112,160,.18);--pv-accent-2:rgba(242,220,238,.90);--pv-word:rgba(148,67,125,.09);--pv-dot:#a34b8d;background:linear-gradient(150deg,#fffafd 0%,#fbf2f9 48%,#fff 100%)}
.product-visual.theme-moisture{--pv-accent-1:rgba(44,177,181,.20);--pv-accent-2:rgba(211,245,245,.94);--pv-word:rgba(21,133,138,.09);--pv-dot:#20a3a7;background:linear-gradient(150deg,#f9ffff 0%,#effafa 48%,#fff 100%)}
.product-visual.theme-strawberry{--pv-accent-1:rgba(221,50,109,.18);--pv-accent-2:rgba(255,220,232,.94);--pv-word:rgba(191,40,91,.09);--pv-dot:#d82f6b;background:linear-gradient(150deg,#fffafd 0%,#fff0f5 48%,#fff 100%)}
.product-visual.theme-liver{--pv-accent-1:rgba(243,167,27,.22);--pv-accent-2:rgba(255,239,200,.94);--pv-word:rgba(202,133,0,.09);--pv-dot:#eda10f;background:linear-gradient(150deg,#fffdf7 0%,#fff7e6 48%,#fff 100%)}

/* ===== V19: HOMEPAGE REAL-TEXT HERO CAROUSEL ===== */
.hero-exact-banner{display:none!important}
.hero-carousel{position:relative;overflow:hidden;background:#f8f5f6;isolation:isolate}
.hero-carousel-track{position:relative;aspect-ratio:1011/389;min-height:480px;max-height:760px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;pointer-events:none}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.hero-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.hero-slide-copy{position:absolute;z-index:3;left:max(5.2vw,42px);top:50%;transform:translateY(-50%);width:min(42vw,650px);padding:28px 0;color:#124c49}
.hero-slide-kicker{display:block;margin-bottom:14px;font-size:12px;line-height:1.2;letter-spacing:.19em;font-weight:800;color:#0b7d77}
.hero-slide h1,.hero-slide h2{font-family:"Playfair Display",serif;font-size:clamp(44px,4.4vw,76px);line-height:1.01;letter-spacing:-.035em;margin:0 0 18px;color:#174e4a;text-wrap:balance}
.hero-slide h1 em,.hero-slide h2 em{font-style:normal;color:#e8792d}
.hero-slide p{font-size:clamp(15px,1.25vw,19px);line-height:1.55;max-width:560px;color:#536e6b;margin:0 0 26px}
.hero-slide-btn{display:inline-flex;align-items:center;gap:11px;padding:14px 20px;border-radius:999px;background:#08766f;color:#fff;font-size:13px;font-weight:800;box-shadow:0 12px 25px rgba(0,85,80,.18);transition:.25s ease}
.hero-slide-btn:hover{transform:translateY(-2px);background:#055f5a}
.hero-slide-btn span{font-size:17px;line-height:1}
.hero-carousel-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(0,89,84,.12);border-radius:50%;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);color:#0b6964;font-size:31px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:.2s}
.hero-carousel-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
.hero-carousel-prev{left:18px}.hero-carousel-next{right:18px}
.hero-carousel-dots{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.70);backdrop-filter:blur(9px)}
.hero-carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(7,100,95,.25);cursor:pointer;transition:.25s}
.hero-carousel-dots button.is-active{width:28px;background:#08766f}
@media(max-width:980px){
  .hero-carousel-track{aspect-ratio:auto;height:620px;min-height:0}
  .hero-slide-bg{object-position:65% center}
  .hero-slide-copy{left:34px;width:48%;padding:20px 0}
  .hero-slide h1,.hero-slide h2{font-size:clamp(38px,5.4vw,58px)}
  .hero-slide p{font-size:15px}
}
@media(max-width:700px){
  .hero-carousel-track{height:680px}
  .hero-slide-bg{object-fit:cover;object-position:72% bottom;filter:saturate(.94)}
  .hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,250,249,.98) 0%,rgba(255,250,249,.94) 38%,rgba(255,250,249,.28) 61%,rgba(255,250,249,0) 100%);z-index:1}
  .hero-slide-copy{left:22px;right:22px;top:34px;transform:none;width:auto;padding:0;z-index:3}
  .hero-slide-kicker{font-size:10px;margin-bottom:10px}
  .hero-slide h1,.hero-slide h2{font-size:41px;line-height:1.02;margin-bottom:12px;max-width:92%}
  .hero-slide p{font-size:14px;line-height:1.45;max-width:92%;margin-bottom:18px}
  .hero-slide-btn{padding:12px 17px;font-size:12px}
  .hero-carousel-arrow{width:38px;height:38px;top:auto;bottom:16px;transform:none}
  .hero-carousel-arrow:hover{transform:scale(1.05)}
  .hero-carousel-prev{left:18px}.hero-carousel-next{right:18px}
  .hero-carousel-dots{bottom:19px}
}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-slide-btn,.hero-carousel-arrow,.hero-carousel-dots button{transition:none}}

/* ===== V20: COMPACT HOMEPAGE CAROUSEL ===== */
@media(min-width:981px){
  .hero-carousel-track{
    aspect-ratio:auto;
    height:clamp(390px,30vw,500px);
    min-height:0;
    max-height:none;
  }
  .hero-slide-bg{
    left:0;
    right:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .hero-slide-copy{
    left:max(7.8vw,76px);
    width:min(39vw,590px);
  }
  .hero-slide h1,.hero-slide h2{
    font-size:clamp(40px,3.8vw,64px);
  }
  .hero-slide p{
    font-size:clamp(14px,1.05vw,17px);
    max-width:520px;
  }
}


/* ===== V22: REMOVE LEFT MOVING LEAVES ===== */
.split-fixed-leaves,.split-section-leaves{display:none !important;}
body.show-split-fixed-leaves .split-fixed-leaves{display:none !important;opacity:0 !important;}


/* ===== V23: READABLE BRAND STRIP + PREMIUM CONTACT FORM ===== */
.brand-strip{background:linear-gradient(90deg,#006d68 0%,#087a72 52%,#075f5b 100%);box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(0,0,0,.08)}
.strip-grid{min-height:88px;grid-template-columns:repeat(4,1fr);gap:0;font-size:14px;letter-spacing:.015em;text-transform:none}
.strip-item{min-height:88px;display:flex;align-items:center;justify-content:center;gap:11px;padding:16px 18px;color:#fff}
.strip-item+.strip-item{border-left:1px solid rgba(255,255,255,.18)}
.strip-item strong{font-size:14px;font-weight:800;line-height:1.25;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.12)}
.strip-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:14px;color:#fff}

.contact-page-section{padding:90px 0 110px;background:linear-gradient(180deg,#fbfdfc 0%,#f4faf7 100%)}
.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.contact-page-info{padding:28px 0}
.contact-page-info h2{font-family:"Playfair Display",serif;font-size:clamp(42px,4.4vw,62px);line-height:1.05;margin:14px 0 18px;color:#173f3b}
.contact-page-info>p{max-width:500px;color:#637773;font-size:16px;line-height:1.75}
.contact-page-details{display:grid;gap:10px;margin-top:30px}
.contact-page-details>a,.contact-page-details>div{display:grid;gap:4px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #e2ece8;box-shadow:0 10px 24px rgba(17,75,65,.04)}
.contact-page-details span{font-size:9px;letter-spacing:.13em;font-weight:800;color:#80918d}
.contact-page-details strong{font-size:13px;color:#234d47;line-height:1.45}
.contact-page-details a:hover{border-color:#9bcfc4;transform:translateY(-1px)}
.contact-form-card{position:relative;background:#fff;border:1px solid rgba(0,111,104,.10);border-radius:30px;padding:38px;box-shadow:0 28px 70px rgba(17,75,65,.10);overflow:hidden}
.contact-form-card:before{content:"";position:absolute;right:-80px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(83,188,164,.16),rgba(83,188,164,0) 70%);pointer-events:none}
.contact-form-head{position:relative;z-index:1;margin-bottom:26px}
.contact-form-head>span{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#0a8178;text-transform:uppercase;margin-bottom:8px}
.contact-form-head h3{font-family:"Playfair Display",serif;font-size:32px;line-height:1.15;margin:0 0 7px;color:#173f3b}
.contact-form-head p{margin:0;color:#7a8b87;font-size:14px}
.contact-form-premium{position:relative;z-index:1;gap:16px}
.contact-form-premium .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-premium label{display:grid;gap:7px}
.contact-form-premium label>span{font-size:11px;font-weight:800;color:#405e58}
.contact-form-premium input,.contact-form-premium textarea{border:1px solid #dbe8e4;background:#f9fcfb;border-radius:14px;padding:15px 16px;outline:none;color:#173f3b;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form-premium textarea{min-height:150px}
.contact-form-premium input:focus,.contact-form-premium textarea:focus{background:#fff;border-color:#66b9ab;box-shadow:0 0 0 4px rgba(69,172,153,.10)}
.contact-form-premium input::placeholder,.contact-form-premium textarea::placeholder{color:#9badA8}
.form-actions{display:flex;align-items:center;gap:18px;margin-top:4px}
.contact-submit{border:0;border-radius:999px;background:linear-gradient(90deg,#08766f,#075f5a);color:#fff;padding:15px 22px;font:800 13px Manrope;cursor:pointer;box-shadow:0 12px 25px rgba(0,93,87,.18);display:inline-flex;align-items:center;gap:10px;transition:.2s}
.contact-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,93,87,.22)}
.form-actions small{max-width:250px;color:#899995;font-size:10px;line-height:1.45}
@media(max-width:900px){.contact-page-grid{grid-template-columns:1fr;gap:28px}.contact-page-info{padding-bottom:0}.strip-grid{grid-template-columns:repeat(2,1fr)}.strip-item:nth-child(3){border-left:0}.strip-item:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}}
@media(max-width:620px){.strip-grid{grid-template-columns:1fr 1fr}.strip-item{min-height:72px;padding:12px 8px;gap:7px}.strip-item strong{font-size:11px}.strip-icon{width:25px;height:25px;flex-basis:25px;font-size:12px}.contact-page-section{padding:60px 0 70px}.contact-form-card{padding:24px 18px;border-radius:22px}.contact-form-premium .form-row{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}.contact-form-head h3{font-size:27px}}


/* ===== V25: SMALLER / FULLY VISIBLE HERO PRODUCTS — SAME BANNER IMAGES ===== */
/* Keep the existing carousel image files unchanged; fit the complete artwork inside the banner
   so the product group is slightly smaller and no product is cropped. Applies to EL + EN. */
.hero-carousel{background:linear-gradient(90deg,#f8f2f4 0%,#f5f2f8 50%,#edf4f5 100%)}
.hero-slide-bg{
  object-fit:contain !important;
  object-position:center center !important;
}
@media(min-width:981px){
  .hero-carousel-track{
    height:clamp(370px,28vw,470px) !important;
  }
  .hero-slide-bg{
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    transform:scale(.94);
    transform-origin:center center;
  }
}
@media(max-width:980px) and (min-width:701px){
  .hero-carousel-track{height:560px !important;}
  .hero-slide-bg{transform:scale(.96);transform-origin:center center;}
}
@media(max-width:700px){
  .hero-carousel-track{height:600px !important;}
  .hero-slide-bg{
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:scale(.96);
    transform-origin:center bottom;
  }
}


/* ===== V26: EXTEND ONLY THE HERO BACKGROUNDS EDGE-TO-EDGE ===== */
/* The banner artwork/product scale stays exactly as in V25. Only the empty background
   behind each image is extended to the full carousel width, so no product is enlarged/cropped. */
.hero-slide:nth-child(1){
  background:
    radial-gradient(circle at 82% 45%,rgba(224,217,242,.72),rgba(224,217,242,0) 37%),
    linear-gradient(90deg,#fbf6f6 0%,#f8f2f5 37%,#f1eef7 68%,#edf3f5 100%);
}
.hero-slide:nth-child(2){
  background:
    radial-gradient(circle at 82% 48%,rgba(231,231,215,.62),rgba(231,231,215,0) 38%),
    linear-gradient(90deg,#fbf6f2 0%,#f8f0ef 34%,#f2eee9 67%,#eaf2ec 100%);
}
.hero-slide:nth-child(3){
  background:
    radial-gradient(circle at 82% 46%,rgba(221,231,226,.66),rgba(221,231,226,0) 38%),
    linear-gradient(90deg,#faf4f1 0%,#f7f0f3 35%,#f1eef4 66%,#e8f1ef 100%);
}
.hero-carousel{background:#f7f3f4 !important;}


/* ===== V27: EXTEND THE IMAGE BACKGROUND ONLY, PRODUCTS UNCHANGED ===== */
/* Carousel source canvases were widened left + right while the original artwork in the center
   remains pixel-for-pixel unchanged. The banner now fills edge-to-edge without scaling the products. */
.hero-slide-bg{
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
}
@media(max-width:980px){
  .hero-slide-bg{object-fit:cover !important;object-position:center center !important;transform:none !important;}
}

/* ===== V30: HIMALAYA MOUNTAIN PHOTO BRAND MESSAGE ===== */
.brand-message{
  background-image:
    linear-gradient(90deg,rgba(6,28,38,.56),rgba(5,31,41,.34) 45%,rgba(4,24,35,.44)),
    url("assets/himalaya-mountains-brand-message.webp") !important;
  background-size:cover !important;
  background-position:center 48% !important;
  background-repeat:no-repeat !important;
  color:#fff !important;
}
.brand-message::before{
  background:linear-gradient(180deg,rgba(2,15,24,.08),rgba(2,15,24,.34)) !important;
}
.brand-message-mountain{display:none !important;}
.brand-message-inner{text-shadow:0 2px 18px rgba(0,0,0,.32);}
.brand-message-kicker{color:#f1f7f5 !important;}
.brand-message p{color:#f5f8f7 !important;}
@media(max-width:700px){
  .brand-message{background-position:58% center !important;}
}


/* V32 — official product images only */
img[data-official-page]{object-fit:contain;transition:opacity .25s ease;opacity:.86}
img[data-official-page][data-official-loaded="true"]{opacity:1}
.product-visual img[data-official-page]{position:relative;z-index:2}

/* ===== V33 CONSISTENT GLOBAL MENU ===== */
.nav-wrap{gap:20px}.nav{white-space:nowrap}.nav .nav-products{position:relative}.nav .mega-menu{display:none;position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%);width:min(760px,86vw);grid-template-columns:repeat(3,1fr);gap:12px;padding:18px;background:#fff;border:1px solid rgba(23,53,45,.08);border-radius:20px;box-shadow:0 24px 60px rgba(14,55,46,.16);z-index:100}.nav .nav-products:hover .mega-menu,.nav .nav-products:focus-within .mega-menu{display:grid}.mega-col{padding:6px}.mega-col strong{display:block;color:#17352d;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 10px}.mega-col a{display:block;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:700;color:#355f53}.mega-col a:hover{background:#eef6f2;color:#176a59}.header .nav-wrap{min-height:84px;height:auto}.header .brand img{width:215px}.lang-switch{flex:0 0 auto}.nav{flex:0 0 auto}
@media(max-width:1100px){.nav{gap:16px;font-size:12px}.brand img{width:180px!important}.nav .mega-menu{left:auto;right:-80px;transform:none}}
@media(max-width:980px){.nav .mega-menu{position:static!important;display:grid!important;transform:none!important;width:100%!important;grid-template-columns:1fr!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:8px 0 0 12px!important}.mega-col{padding:0}.mega-col strong{padding:8px 0 4px}.mega-col a{padding:7px 0}.nav .dropdown>a{font-weight:800}}


/* ===== V34: STABLE DESKTOP SUBMENU ===== */
@media(min-width:981px){
  .header{overflow:visible!important;}
  .nav,.nav-wrap{overflow:visible!important;}
  .nav .nav-products{position:relative;padding-bottom:18px;margin-bottom:-18px;}
  .nav .mega-menu{
    display:grid!important;
    position:absolute!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%) translateY(8px)!important;
    width:min(760px,86vw)!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:12px!important;
    padding:18px!important;
    background:#fff!important;
    border:1px solid rgba(23,53,45,.08)!important;
    border-radius:20px!important;
    box-shadow:0 24px 60px rgba(14,55,46,.16)!important;
    z-index:9999!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  }
  .nav .nav-products:hover .mega-menu,
  .nav .nav-products:focus-within .mega-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0)!important;
  }
  .nav .mega-menu::before{
    content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent;
  }
}

@media(max-width:980px){
  .nav .nav-products .mega-menu{display:none!important;}
  .nav .nav-products.submenu-open .mega-menu{display:grid!important;}
  .nav .nav-products>a{cursor:pointer;}
}


/* ===== V36 hero contact strip above banner ===== */
.hero-contact-strip{background:#fff;border-top:1px solid rgba(0,89,84,.08);border-bottom:1px solid rgba(0,89,84,.08)}
.hero-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px 0}
.hero-contact-card{display:flex;align-items:center;gap:14px;padding:12px 10px;color:#133c3b;text-decoration:none;min-width:0}
.hero-contact-card:hover{color:#0b6964}
.hero-contact-card.is-static{cursor:default}
.hero-contact-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#0b7f78;background:rgba(10,123,115,.08);flex:0 0 auto}
.hero-contact-meta{display:flex;flex-direction:column;min-width:0}
.hero-contact-meta strong{font-size:13px;line-height:1.15;color:#224e4c}
.hero-contact-meta span{font-size:15px;line-height:1.35;color:#0f2d2d;word-break:break-word}
@media(max-width:980px){.hero-contact-grid{grid-template-columns:1fr;gap:6px;padding:14px 0}.hero-contact-card{padding:10px 4px}}
@media(max-width:640px){.hero-contact-meta span{font-size:14px}.hero-contact-icon{width:34px;height:34px;font-size:18px}}


/* ===== V37 apricot feature card ===== */
.apricot-feature{background:linear-gradient(135deg,#f7d5b9 0%,#f6dfc7 54%,#fff2e5 100%);color:#184846;display:flex;align-items:center;gap:18px;min-height:570px}
.apricot-feature .split-copy{width:41%;z-index:3}
.apricot-feature .split-copy .eyebrow{color:#fff;opacity:.95}
.apricot-feature .split-copy h2{font-size:46px;color:#0d4f4b}
.apricot-feature .split-copy p{color:#214947;max-width:360px}
.apricot-feature .btn-white{color:#0b6964}
.split-feature-visual{position:absolute;right:22px;bottom:18px;top:18px;width:47%;display:flex;align-items:center;justify-content:center;z-index:2}
.split-feature-visual::before{content:"";position:absolute;inset:16px;border-radius:36px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.14));box-shadow:0 22px 46px rgba(147,88,45,.10);pointer-events:none}
.split-feature-visual img{position:relative !important;right:auto !important;bottom:auto !important;width:86% !important;height:88% !important;max-height:none;object-fit:cover;border-radius:30px;box-shadow:0 24px 34px rgba(120,65,17,.16);filter:none}
@media(max-width:980px){.apricot-feature{min-height:520px}.apricot-feature .split-copy{width:50%}.split-feature-visual{width:43%}.split-feature-visual img{width:92% !important;height:84% !important}}
@media(max-width:640px){.apricot-feature{padding:28px;display:block}.apricot-feature .split-copy{width:100%;position:relative}.apricot-feature .split-copy h2{font-size:38px}.split-feature-visual{position:relative;inset:auto;width:100%;margin-top:18px;height:auto;min-height:360px}.split-feature-visual::before{inset:10px;border-radius:28px}.split-feature-visual img{height:320px !important;width:88% !important}}

/* ===== V37 CSR page ===== */
.csr-hero{position:relative;overflow:hidden;padding:0;min-height:520px;display:flex;align-items:stretch;background:#0b6964;color:#fff}
.csr-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center center}
.csr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,61,59,.78) 0%,rgba(6,61,59,.62) 37%,rgba(6,61,59,.18) 72%,rgba(6,61,59,.08) 100%)}
.csr-hero-inner{position:relative;z-index:2;padding:90px 0 80px;color:#fff}
.csr-hero .breadcrumbs,.csr-hero .breadcrumbs a{color:rgba(255,255,255,.8)}
.csr-hero h1{font-size:clamp(48px,6vw,78px);margin-top:14px}
.csr-hero p{max-width:650px;color:rgba(255,255,255,.92);font-size:20px;line-height:1.6}
.csr-pillars{background:#f7faf8}
.csr-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.csr-pillar{background:#fff;border:1px solid #e4ece8;border-radius:26px;padding:30px 24px;box-shadow:0 18px 40px rgba(5,68,63,.06)}
.csr-pillar-icon{width:64px;height:64px;display:grid;place-items:center;background:#edf6f3;border-radius:20px;font-size:28px;margin-bottom:18px}
.csr-pillar h3{font-size:24px;margin-bottom:10px}
.csr-pillar p{color:#617674}
.csr-story{padding-top:72px;padding-bottom:72px}
.csr-story.alt{background:#fbf8f5}
.csr-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.csr-story-grid.reverse .csr-story-copy{order:1}.csr-story-grid.reverse .csr-story-media{order:2}
.csr-story-media img{width:100%;height:420px;object-fit:cover;border-radius:32px;box-shadow:0 26px 60px rgba(0,0,0,.12)}
.csr-story-copy h2{font-size:52px;margin-bottom:14px}
.csr-story-copy p{color:#586c6b}
.csr-list{display:grid;gap:10px;margin-top:18px;padding-left:18px;color:#114f4b;font-weight:600}
.csr-quote{margin-top:22px;padding:22px 24px;background:#eff6f2;border-left:4px solid var(--teal);border-radius:18px;color:#28524f;font-size:18px;line-height:1.6}
@media(max-width:980px){.csr-pillars-grid{grid-template-columns:repeat(2,1fr)}.csr-story-grid,.csr-story-grid.reverse{grid-template-columns:1fr}.csr-story-grid.reverse .csr-story-copy,.csr-story-grid.reverse .csr-story-media{order:initial}.csr-hero{min-height:460px}.csr-hero p{font-size:18px}}
@media(max-width:640px){.csr-pillars-grid{grid-template-columns:1fr}.csr-hero-inner{padding:72px 0 60px}.csr-story-copy h2{font-size:40px}.csr-story-media img{height:300px}}

/* ===== V39 CSR HERO: remove inherited circular page-hero decoration ===== */
.csr-hero.page-hero::after{
  content:"";
  position:absolute;
  inset:0;
  width:auto;
  height:auto;
  border-radius:0;
  background:linear-gradient(90deg,rgba(6,61,59,.78) 0%,rgba(6,61,59,.62) 37%,rgba(6,61,59,.18) 72%,rgba(6,61,59,.08) 100%);
  pointer-events:none;
}


/* Subtle header logo motion */
.header .brand img{
  transform-origin:center center;
  animation:himalayaLogoFloat 5.5s ease-in-out infinite;
  will-change:transform;
}
.header .brand:hover img{
  animation-play-state:paused;
  transform:scale(1.045);
}
@keyframes himalayaLogoFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-2px) scale(1.025);}
}
@media (prefers-reduced-motion: reduce){
  .header .brand img{animation:none!important;transform:none!important;}
}


/* ===== V31: BRAND MESSAGE VIDEO BACKGROUND ===== */
.brand-message{
  background:#053f3d !important;
}
.brand-message-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  pointer-events:none;
}
.brand-message-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(3,35,34,.22),rgba(3,35,34,.46));
  pointer-events:none;
}
.brand-message::before{display:none !important;}
.brand-message-mountain{display:none !important;}
.brand-message-inner{position:relative;z-index:2;}
@media (max-width:640px){
  .brand-message-video{object-position:58% center;}
}
@media (prefers-reduced-motion:reduce){
  .brand-message-video{display:none;}
  .brand-message{
    background:
      linear-gradient(rgba(3,35,34,.28),rgba(3,35,34,.46)),
      url("assets/himalaya-mountains-brand-message.webp") center/cover no-repeat !important;
  }
}

/* ===== BLOG V1 ===== */
.blog-hero{padding:92px 0 72px;background:linear-gradient(135deg,#eef7f2 0%,#fff 60%,#f7eee3 100%)}
.blog-hero.blog-hero-photo{position:relative;overflow:hidden;padding:120px 0 96px;background:url("assets/blog-articles/blog-family-banner.png") center center/cover no-repeat}
.blog-hero.blog-hero-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,42,36,.72) 0%,rgba(15,42,36,.48) 42%,rgba(15,42,36,.18) 72%,rgba(15,42,36,.12) 100%),linear-gradient(180deg,rgba(15,42,36,.20) 0%,rgba(15,42,36,.10) 35%,rgba(15,42,36,.36) 100%)}
.blog-hero .container{position:relative;z-index:1}
.blog-hero.blog-hero-photo .eyebrow{color:rgba(255,255,255,.88)}
.blog-hero h1{font-family:"Playfair Display",serif;font-size:clamp(48px,6vw,78px);line-height:1.03;margin:10px 0 18px;color:#17352d}
.blog-hero.blog-hero-photo h1{max-width:820px;color:#fff;text-shadow:0 6px 24px rgba(0,0,0,.22)}
.blog-hero p{max-width:780px;color:#5b6f68;font-size:18px}
.blog-hero.blog-hero-photo p{max-width:820px;color:rgba(255,255,255,.95);text-shadow:0 4px 16px rgba(0,0,0,.16)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:70px 0 95px}
.blog-card{border:1px solid #e4ece8;border-radius:26px;overflow:hidden;background:#fff;transition:.25s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(23,53,45,.10)}
.blog-card .thumb{height:245px;background:linear-gradient(145deg,#e8f3ee,#f8f3ea);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}
.blog-card .thumb img{width:100%;height:100%;object-fit:contain}
.blog-card .thumb.photo img{object-fit:cover}
.blog-card .body{padding:24px;display:flex;flex-direction:column;flex:1}
.blog-card .kicker{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#2d7c66}
.blog-card h2{font-family:"Playfair Display",serif;font-size:26px;line-height:1.15;margin:9px 0 12px;color:#17352d}
.blog-card p{color:#66756f;font-size:14px;line-height:1.65;margin:0 0 18px}
.blog-card .readmore{margin-top:auto;font-weight:800;color:#2d7c66;font-size:13px}
.article-hero{padding:72px 0 42px;background:#f4f8f5}
.article-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.article-hero h1{font-family:"Playfair Display",serif;font-size:clamp(44px,5.5vw,70px);line-height:1.04;color:#17352d;margin:12px 0 18px}
.article-hero .lead{font-size:19px;color:#596b65;line-height:1.75}
.article-image{height:440px;border-radius:30px;background:linear-gradient(145deg,#eaf5ef,#f8f0e8);padding:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.article-image img{width:100%;height:100%;object-fit:contain}
.article-image.photo{padding:0}.article-image.photo img{object-fit:cover}

.article-body{max-width:850px;margin:0 auto;padding:60px 20px 90px}
.article-body h2{font-family:"Playfair Display",serif;color:#17352d;font-size:34px;margin:38px 0 12px}
.article-body p{font-size:17px;line-height:1.85;color:#52625c}
.article-disclaimer{margin-top:50px;padding:22px 24px;border-radius:18px;background:#f4f7f5;border:1px solid #e0e9e4;color:#66756f;font-size:13px;line-height:1.7}
.article-back{display:inline-flex;margin-top:32px;color:#2d7c66;font-weight:800}

.article-product{margin:44px 0 0;padding:28px;border-radius:28px;background:linear-gradient(135deg,#eef7f2 0%,#fff 58%,#f8efe5 100%);border:1px solid #dde9e2;box-shadow:0 20px 42px rgba(23,53,45,.06)}
.article-product-kicker{display:inline-block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#2d7c66;margin-bottom:16px}
.article-product-inner{display:grid;grid-template-columns:190px 1fr;gap:26px;align-items:center}
.article-product-media{display:flex;align-items:center;justify-content:center;min-height:190px;border-radius:22px;background:#fff;padding:18px;box-shadow:inset 0 0 0 1px #e6eeea}
.article-product-media img{max-width:100%;max-height:168px;object-fit:contain}
.article-product-content h3{font-family:"Playfair Display",serif;font-size:30px;line-height:1.12;color:#17352d;margin:0 0 12px}
.article-product-content h3 a{color:inherit}
.article-product-content p{margin:0 0 18px;color:#5c6d67;font-size:16px;line-height:1.75}
.article-product-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-size:13px;font-weight:800;border:1px solid #17352d;color:#17352d;background:transparent}
.article-product-btn:hover{background:#17352d;color:#fff}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-hero-grid{grid-template-columns:1fr}.article-image{height:360px}.article-product-inner{grid-template-columns:1fr}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr;padding-top:45px}.blog-card .thumb{height:220px}.article-hero{padding-top:52px}.article-body h2{font-size:29px}.article-product{padding:22px}.article-product-content h3{font-size:26px}.article-product-media{min-height:170px}.blog-hero.blog-hero-photo{padding:88px 0 74px;background-position:62% center}.blog-hero.blog-hero-photo h1{font-size:clamp(40px,10vw,58px)}.blog-hero.blog-hero-photo p{font-size:16px;max-width:560px}}



@media(max-width:640px){.catalog-card h3{font-size:23px!important}}


.page-hero.page-hero-photo{padding:124px 0 112px;background-size:cover;background-position:center center;background-repeat:no-repeat;isolation:isolate}
.page-hero.page-hero-photo::after{display:none}
.page-hero.page-hero-photo::before{
content:"";
position:absolute;
inset:0;
width:auto;
height:auto;
border-radius:0;
left:0;
top:0;
background:
linear-gradient(270deg,rgba(6,24,21,.70) 0%,rgba(6,24,21,.46) 28%,rgba(6,24,21,.18) 52%,rgba(6,24,21,.03) 72%,rgba(6,24,21,0) 100%),
linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.14) 100%);
z-index:0;
opacity:1
}
.page-hero.company-photo-hero{background-image:url("assets/menu-company-banner.png")}
.page-hero.products-photo-hero{background-image:url("assets/menu-products-banner.png")}
.page-hero.page-hero-photo .container{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.page-hero.page-hero-photo .breadcrumbs,.page-hero.page-hero-photo .breadcrumbs a{color:rgba(255,255,255,.84)}
.page-hero.page-hero-photo .breadcrumbs{margin-left:auto}
.page-hero.page-hero-photo h1{max-width:700px;color:#fff;text-shadow:0 10px 28px rgba(0,0,0,.30);margin:0 0 18px 0}
.page-hero.page-hero-photo p{max-width:640px;color:rgba(255,255,255,.94);text-shadow:0 6px 18px rgba(0,0,0,.24);margin-left:auto}
@media(max-width:980px){.page-hero.page-hero-photo{padding:100px 0 88px;background-position:center center}.page-hero.page-hero-photo h1{font-size:clamp(38px,7vw,58px);max-width:620px}.page-hero.page-hero-photo p{max-width:560px}}
@media(max-width:620px){.page-hero.page-hero-photo{padding:82px 0 72px;background-position:62% center}.page-hero.page-hero-photo .container{align-items:flex-end;text-align:right}.page-hero.page-hero-photo h1{font-size:34px;max-width:92%}.page-hero.page-hero-photo p{font-size:16px;line-height:1.65;max-width:92%}}

.page-hero.page-hero-photo .container{position:relative;z-index:2}
.page-hero.page-hero-photo .container::after{content:"";position:absolute;right:-18px;top:50%;transform:translateY(-50%);width:min(690px,64%);height:calc(100% + 34px);background:linear-gradient(135deg,rgba(3,24,21,.58),rgba(3,24,21,.34));border:1px solid rgba(255,255,255,.12);border-radius:28px;backdrop-filter:blur(3px);z-index:-1;box-shadow:0 18px 46px rgba(0,0,0,.18)}
.page-hero.page-hero-photo .breadcrumbs,.page-hero.page-hero-photo .breadcrumbs a{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.page-hero.page-hero-photo h1{color:#fff!important;text-shadow:0 4px 16px rgba(0,0,0,.70),0 1px 2px rgba(0,0,0,.85)!important}
.page-hero.page-hero-photo p{color:#fff!important;font-weight:600;text-shadow:0 3px 12px rgba(0,0,0,.72),0 1px 2px rgba(0,0,0,.8)!important}
@media(max-width:980px){.page-hero.page-hero-photo .container::after{width:min(650px,76%);right:-10px}}
@media(max-width:620px){.page-hero.page-hero-photo .container::after{right:-6px;width:96%;height:calc(100% + 26px);border-radius:22px}.page-hero.page-hero-photo p{font-weight:600}}

/* V48 readable hero text without box */
.page-hero.page-hero-photo .container{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  text-align:right;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
  padding-left:20px;
  padding-right:20px;
}
.page-hero.page-hero-photo h1{
  color:#fff !important;
  text-shadow:
    0 2px 3px rgba(0,0,0,.55),
    0 6px 18px rgba(0,0,0,.55),
    0 0 2px rgba(0,0,0,.95);
}
.page-hero.page-hero-photo p,
.page-hero.page-hero-photo .breadcrumbs,
.page-hero.page-hero-photo .breadcrumbs a{
  color:#fff !important;
  text-shadow:
    0 2px 3px rgba(0,0,0,.65),
    0 5px 14px rgba(0,0,0,.55),
    0 0 2px rgba(0,0,0,.95);
}

/* V49: soft blurred hero photos like the Blog, no text box */
.page-hero.page-hero-photo{
  position:relative;
  overflow:hidden;
  background-image:none !important;
  isolation:isolate;
}
.page-hero.page-hero-photo::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-12px !important;
  z-index:-2 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  filter:blur(5px) !important;
  transform:scale(1.035) !important;
}
.page-hero.company-photo-hero::after{
  background-image:url("assets/menu-company-banner.png") !important;
}
.page-hero.products-photo-hero::after{
  background-image:url("assets/menu-products-banner.png") !important;
}
.page-hero.page-hero-photo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  background:
    linear-gradient(270deg,rgba(7,28,24,.58) 0%,rgba(7,28,24,.36) 32%,rgba(7,28,24,.15) 58%,rgba(7,28,24,.04) 78%,rgba(7,28,24,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.14)) !important;
  opacity:1 !important;
}
.page-hero.page-hero-photo .container::after{
  display:none !important;
  content:none !important;
}
.page-hero.page-hero-photo .container{
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.page-hero.page-hero-photo h1{
  color:#fff !important;
  text-shadow:0 3px 12px rgba(0,0,0,.62),0 1px 2px rgba(0,0,0,.9) !important;
}
.page-hero.page-hero-photo p,
.page-hero.page-hero-photo .breadcrumbs,
.page-hero.page-hero-photo .breadcrumbs a{
  color:#fff !important;
  text-shadow:0 2px 9px rgba(0,0,0,.68),0 1px 2px rgba(0,0,0,.85) !important;
}
@media(max-width:620px){
  .page-hero.page-hero-photo::after{
    filter:blur(4px) !important;
    transform:scale(1.045) !important;
  }
}


/* V50: make company/products hero a full rectangular banner, not circular */
.page-hero.page-hero-photo{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  padding:124px 0 112px !important;
}
.page-hero.company-photo-hero{
  background-image:url("assets/menu-company-banner.png") !important;
}
.page-hero.products-photo-hero{
  background-image:url("assets/menu-products-banner.png") !important;
}
.page-hero.page-hero-photo::after{
  display:none !important;
  content:none !important;
  background:none !important;
}
.page-hero.page-hero-photo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  left:0 !important;
  top:0 !important;
  border-radius:0 !important;
  z-index:0 !important;
  opacity:1 !important;
  background:
    linear-gradient(270deg, rgba(8,28,24,.62) 0%, rgba(8,28,24,.38) 34%, rgba(8,28,24,.15) 58%, rgba(8,28,24,.03) 78%, rgba(8,28,24,0) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.16) 100%) !important;
}
.page-hero.page-hero-photo .container{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  text-align:right !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.page-hero.page-hero-photo .breadcrumbs,
.page-hero.page-hero-photo .breadcrumbs a,
.page-hero.page-hero-photo h1,
.page-hero.page-hero-photo p{
  color:#fff !important;
}
.page-hero.page-hero-photo h1{
  max-width:700px !important;
  margin:0 0 18px 0 !important;
  text-shadow:0 3px 12px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.85) !important;
}
.page-hero.page-hero-photo p{
  max-width:640px !important;
  margin-left:auto !important;
  text-shadow:0 2px 9px rgba(0,0,0,.60), 0 1px 2px rgba(0,0,0,.85) !important;
}
.page-hero.page-hero-photo .breadcrumbs,
.page-hero.page-hero-photo .breadcrumbs a{
  text-shadow:0 2px 9px rgba(0,0,0,.60), 0 1px 2px rgba(0,0,0,.85) !important;
}
@media(max-width:980px){
  .page-hero.page-hero-photo{
    padding:100px 0 88px !important;
  }
  .page-hero.page-hero-photo h1{
    font-size:clamp(38px,7vw,58px) !important;
    max-width:620px !important;
  }
  .page-hero.page-hero-photo p{max-width:560px !important;}
}
@media(max-width:620px){
  .page-hero.page-hero-photo{
    padding:82px 0 72px !important;
    background-position:62% center !important;
  }
  .page-hero.page-hero-photo h1{
    font-size:34px !important;
    max-width:92% !important;
  }
  .page-hero.page-hero-photo p{
    font-size:16px !important;
    line-height:1.65 !important;
    max-width:92% !important;
  }
}
