:root{
  --ink:#1b0f08;--ink2:#2b170c;--cream:#f7f0e6;--paper:#fffaf3;--gold:#f5bd5e;--gold2:#d99231;--muted:#cbb8a7;--line:rgba(255,255,255,.14);--darkline:rgba(40,20,10,.12);--shadow:0 20px 60px rgba(25,9,2,.16);--radius:24px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:#25160d}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;padding:0 clamp(20px,4.3vw,68px);display:flex;align-items:center;gap:28px;color:#fff;background:linear-gradient(to bottom,rgba(17,8,3,.78),transparent);transition:.3s}.site-header.scrolled,.site-header.solid{background:rgba(26,15,8,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-family:"Playfair Display",serif;font-weight:700;color:var(--gold)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand b{font-family:"Playfair Display",serif;font-size:18px}.brand small{font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;color:#d7c7b9;margin-top:4px}.nav{display:flex;gap:24px;font-size:13px}.nav a{opacity:.84}.nav a:hover{opacity:1;color:var(--gold)}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.desktop-cta{margin-left:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),#ffd78a);color:#2a1609;box-shadow:0 10px 26px rgba(240,172,69,.2)}.btn-ghost{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.05)}.btn-ghost.dark{color:#4b2a17;border-color:#bd9f87;background:transparent}.btn-ghost.light{border-color:rgba(255,255,255,.35)}.btn-wide{width:100%}
.hero{min-height:86svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#130b06;color:#fff}.hero-video-wrap{position:absolute;inset:0}.hero-video{width:100%;height:100%;object-fit:cover;object-position:68% center;transform:scale(1.02);will-change:transform}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,6,3,.96) 0%,rgba(13,7,3,.84) 32%,rgba(13,7,3,.30) 62%,rgba(13,7,3,.12) 100%),linear-gradient(0deg,rgba(10,5,2,.48),transparent 42%)}
.hero-content{position:relative;z-index:2;max-width:650px;padding:118px 0 78px clamp(24px,6vw,92px)}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:11px;color:var(--gold);margin-bottom:14px}.eyebrow.dark{color:#8d5426}.hero h1,.section h2,.franchise-hero h1,.application-aside h2,.subhero h1{font-family:"Playfair Display",serif;margin:0;line-height:.98}.hero h1{font-size:clamp(46px,5.4vw,76px);max-width:690px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-content>p{max-width:585px;color:#decfc1;line-height:1.68;font-size:15px;margin:20px 0 24px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;max-width:620px}.hero-proof div{border-top:1px solid rgba(255,255,255,.22);padding-top:11px;display:flex;flex-direction:column;gap:4px}.hero-proof strong{color:var(--gold);font-size:11px}.hero-proof span{font-size:11px;color:#cdbdaf}.scroll-cue{position:absolute;z-index:4;bottom:26px;left:clamp(24px,6vw,92px);display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c8b5a6}.scroll-cue span{display:block;width:22px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:20px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;border-radius:4px;background:var(--gold);top:7px;left:9px;animation:scrollDot 1.6s infinite}@keyframes scrollDot{50%{transform:translateY(10px);opacity:.2}}
.section{padding:88px clamp(24px,6vw,92px)}.section>*,.section-grid{max-width:var(--max);margin-left:auto;margin-right:auto}.two-col{display:grid;grid-template-columns:.95fr 1.05fr;gap:62px;align-items:center}.copy h2,.section-head h2,.franchise-intro h2{font-family:"Playfair Display",serif;font-size:clamp(38px,4.2vw,60px);line-height:1.03;margin:0 0 20px}.copy p,.section-head p,.franchise-intro p{font-size:15px;line-height:1.75;color:#765c49;max-width:650px}.text-link{display:inline-block;margin-top:12px;color:#8d5426;font-weight:700;font-size:14px}.story{background:#fbf4e9}.story-card{position:relative;background:#f5eadb;border-radius:var(--radius);overflow:hidden}.story-card img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:var(--radius);box-shadow:var(--shadow);background:#f5eadb;padding:10px}.story-float{position:absolute;right:-18px;bottom:22px;max-width:275px;background:#25140b;color:#fff;padding:18px 20px;border-radius:16px;box-shadow:var(--shadow)}.story-float b{display:block;color:var(--gold);margin-bottom:5px}.story-float span{font-size:11px;line-height:1.5;color:#d7c7b9}
.chai{background:#271309;color:#fff}.section-head{max-width:760px!important;margin-bottom:34px!important}.chai .section-head p{color:#c9b8ab}.cards{display:grid;gap:16px}.cards.four{grid-template-columns:repeat(4,1fr)}.chai-card,.benefit{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px;min-height:195px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.01));position:relative;overflow:hidden}.chai-card:before{content:"";position:absolute;width:110px;height:110px;background:radial-gradient(circle,rgba(245,189,94,.18),transparent 70%);right:-25px;top:-25px}.chai-card span{color:var(--gold);font-size:11px}.chai-card h3,.benefit h3{font-family:"Playfair Display",serif;font-size:24px;margin:48px 0 8px}.chai-card p{color:#cbbbad;line-height:1.55;font-size:13px}.section-cta{margin-top:28px!important}
.products-preview{background:#fffaf4}.product-grid{display:grid;gap:16px}.preview-grid{grid-template-columns:repeat(6,1fr)}.full-grid{grid-template-columns:repeat(3,1fr)}.product-card{background:#fff;border:1px solid #ead9c9;border-radius:20px;padding:14px;box-shadow:0 10px 30px rgba(45,19,7,.06);transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(45,19,7,.1)}.product-art{height:145px;border-radius:14px;display:grid;place-items:center;font-family:"Playfair Display",serif;font-weight:700;font-size:32px;color:#fff;background:radial-gradient(circle at 30% 25%,#f8cf83,#9a5725 52%,#3a1b0b)}.preview-grid .product-art{height:120px}.product-art.lemon{background:radial-gradient(circle at 30% 25%,#f8e18b,#929326 55%,#3b4310)}.product-art.black{background:radial-gradient(circle at 30% 25%,#a76d44,#392319 55%,#130b07)}.product-art.green{background:radial-gradient(circle at 30% 25%,#bdd17b,#587431 55%,#23330e)}.product-art.sugar{background:radial-gradient(circle at 30% 25%,#f5d7ad,#ba7c4d 55%,#58321e)}.product-art.coffee{background:radial-gradient(circle at 30% 25%,#c19068,#6a4029 55%,#2a160d)}.product-art.bake{background:radial-gradient(circle at 30% 25%,#f4ca82,#ba773e 55%,#683719)}.product-art.cake{background:radial-gradient(circle at 30% 25%,#f2b889,#bd664b 55%,#6b2f27)}.product-art.roll{background:radial-gradient(circle at 30% 25%,#f4d598,#b87e48 55%,#6a3c1c)}.product-art.toast{background:radial-gradient(circle at 30% 25%,#edc38a,#a56a35 55%,#573018)}.product-art.snack{background:radial-gradient(circle at 30% 25%,#e8ae68,#9e5226 55%,#4b2312)}.product-art.cookies{background:radial-gradient(circle at 30% 25%,#f1c579,#ad6f32 55%,#593117)}.product-card>span{display:block;color:#9a6639;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:700;margin:14px 2px 5px}.product-card h3{font-family:"Playfair Display",serif;font-size:21px;margin:0 2px 6px}.product-card p{font-size:12px;line-height:1.55;color:#806552;margin:0 2px 8px}.split-actions{display:flex;gap:10px;margin-top:28px!important;flex-wrap:wrap}
.cinematic{min-height:620px;position:relative;background:#130a04;color:#fff;overflow:hidden;display:flex;align-items:flex-end}.transition-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cinematic-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,6,2,.94) 0%,rgba(13,6,2,.14) 60%),linear-gradient(90deg,rgba(13,6,2,.5),transparent)}.cinematic-copy{position:relative;z-index:2;max-width:750px;padding:66px clamp(24px,6vw,92px)}.cinematic h2{font-family:"Playfair Display",serif;font-size:clamp(40px,4.5vw,60px);line-height:1.02;margin:0 0 16px}.cinematic p{color:#d8c9bd;line-height:1.7;max-width:650px;font-size:14px}
.franchise{background:#fffaf4}.franchise-intro{max-width:820px!important;margin-left:0!important}.franchise-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px auto}.flow-step{padding:21px;border-top:1px solid #d7c3b0}.flow-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2c160a;color:var(--gold);font-size:11px}.flow-step h3{font-family:"Playfair Display",serif;font-size:23px;margin:16px 0 7px}.flow-step p{color:#806552;line-height:1.55;font-size:13px}.franchise-panel{background:#241208;border-radius:26px;color:#fff;padding:36px;display:grid;grid-template-columns:1.35fr .8fr;gap:42px;align-items:center;box-shadow:var(--shadow)}.franchise-panel h3{font-family:"Playfair Display",serif;font-size:36px;margin:7px 0 13px}.franchise-panel p{color:#d0beb0;line-height:1.65;font-size:14px}.mini{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:0;list-style:none;color:#eaded5;font-size:13px}.check-list li:before{content:"✓";color:var(--gold);margin-right:8px}.franchise-cta-card{background:#fff5e7;color:#2a1609;padding:24px;border-radius:20px}.franchise-cta-card span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#9a6639}.franchise-cta-card strong{display:block;font-family:"Playfair Display",serif;font-size:28px;margin:10px 0}.franchise-cta-card p{color:#765c49;font-size:13px}.franchise-cta-card small{display:block;margin-top:10px;color:#9a836f;text-align:center;font-size:10px}
.contact{background:#180d07}.contact-card{border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:36px;background:radial-gradient(circle at 90% 30%,rgba(243,179,77,.18),transparent 30%),#241208;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact h2,.product-franchise-cta h2{font-size:clamp(34px,3.8vw,50px)}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-card p{color:#cdbbac;max-width:620px;line-height:1.6;font-size:13px}footer{background:#100804;color:#a99584;padding:28px clamp(24px,6vw,92px);display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:11px}.footer-brand{color:#fff;margin:0}
.wa-float{position:fixed;z-index:60;right:20px;bottom:20px;display:flex;align-items:center;gap:9px;background:#1f9d55;color:#fff;padding:9px 15px 9px 9px;border-radius:999px;box-shadow:0 16px 38px rgba(0,0,0,.26);font-size:12px}.wa-float span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#168047;font-weight:800;font-size:10px}.wa-float b{font-size:11px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
/* Product page */
.products-page{background:#fffaf4}.subhero{min-height:58svh;position:relative;display:flex;align-items:center;color:#fff;background:#1a0d06;overflow:hidden}.subhero-bg{position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(245,189,94,.22),transparent 24%),linear-gradient(115deg,#180c06 0%,#2f170a 56%,#6b3a16 120%)}.subhero-bg:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:6%;top:20%;box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.012)}.subhero-copy{position:relative;z-index:2;max-width:720px;padding:120px clamp(24px,6vw,92px) 62px}.subhero h1{font-size:clamp(44px,5vw,68px)}.subhero p{color:#d9c7b8;line-height:1.7;max-width:620px;font-size:15px;margin:18px 0 24px}.product-range{background:#fbf4e9}.bakery-range{background:#fffaf4}.product-franchise-cta{background:#180d07;color:#fff}.products-nav{margin-left:auto}.products-page .site-header .brand{margin-right:0}
/* Franchise page */
.franchise-page{background:#fff9f0}.franchise-hero{min-height:70svh;background:#120904;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden}.franchise-hero-bg{position:absolute;inset:0}.franchise-hero-bg video{width:100%;height:100%;object-fit:cover;object-position:72% center}.franchise-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,7,3,.96) 0%,rgba(15,7,3,.78) 38%,rgba(15,7,3,.12) 72%)}.franchise-hero-copy{position:relative;z-index:2;padding:118px clamp(24px,6vw,92px) 58px;max-width:720px}.franchise-hero h1{font-size:clamp(46px,5vw,68px)}.franchise-hero p{max-width:610px;line-height:1.7;color:#ddcfc3;font-size:15px;margin:18px 0 23px}.franchise-benefits .benefit{background:#fff;border-color:#ead9c9;color:#2a1609;min-height:185px}.benefit h3{margin:36px 0 8px}.benefit p{color:#7b6250;line-height:1.6;font-size:13px}.note{margin-top:22px!important;padding:14px 16px;background:#f5eadc;border-left:3px solid var(--gold2);color:#755e4b;font-size:12px;line-height:1.55}.application-section{background:#241208;color:#fff;padding:78px clamp(24px,6vw,92px)}.application-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;max-width:var(--max);margin:auto}.application-aside{position:sticky;top:105px;align-self:start}.application-aside h2{font-size:clamp(38px,4.2vw,56px)}.application-aside p{color:#cdbbac;line-height:1.7;font-size:14px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#bba694;margin-top:25px}.progress{height:4px;background:rgba(255,255,255,.1);border-radius:999px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;width:25%;background:var(--gold);transition:.3s}.wa-side-note{margin-top:22px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 15px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#cdbbac}.wa-side-note b{color:var(--gold)}.franchise-form{background:#fff9f0;color:#2b180d;border-radius:24px;padding:30px;min-height:460px}.form-step{display:none}.form-step.active{display:block;animation:fade .28s ease}@keyframes fade{from{opacity:.2;transform:translateX(8px)}to{opacity:1;transform:none}}.step-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#a46b39;font-weight:700}.form-step h3{font-family:"Playfair Display",serif;font-size:31px;margin:9px 0 22px}.form-step label{display:block;font-weight:700;font-size:12px;margin:13px 0;color:#553824}.form-step input,.form-step select,.form-step textarea{width:100%;margin-top:7px;border:1px solid #dfcbb7;background:#fff;border-radius:11px;padding:12px 13px;outline:none}.form-step input:focus,.form-step select:focus,.form-step textarea:focus{border-color:#bc7d3d;box-shadow:0 0 0 3px rgba(188,125,61,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.consent{display:flex!important;gap:9px;align-items:flex-start!important;font-weight:500!important}.consent input{width:auto!important;margin-top:2px!important}.submit-hint{font-size:11px;line-height:1.5;color:#8b6c54;background:#f2e6d6;padding:11px 12px;border-radius:10px}.form-actions{display:flex;justify-content:space-between;gap:9px;margin-top:24px}.form-status{font-size:12px;color:#7b5e47;line-height:1.5}.form-status.success{background:#e8f5e8;color:#2b6f33;padding:11px;border-radius:10px}
@media(max-width:1050px){.preview-grid{grid-template-columns:repeat(3,1fr)}.full-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.nav,.desktop-cta{display:none}.nav-toggle{display:block}.site-header.open .nav{display:flex;position:absolute;top:70px;left:18px;right:18px;background:#201108;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;flex-direction:column}.hero-video{object-position:64% center}.hero-vignette{background:linear-gradient(90deg,rgba(11,6,3,.94),rgba(11,6,3,.58) 66%,rgba(11,6,3,.22))}.two-col,.franchise-panel,.application-wrap{grid-template-columns:1fr}.cards.four,.franchise-flow{grid-template-columns:1fr 1fr}.application-aside{position:static}.story-float{right:12px}.contact-card{flex-direction:column;align-items:flex-start}.products-nav{display:flex}.products-page .desktop-cta{display:inline-flex}.franchise-page .products-nav{display:flex}}
@media(max-width:700px){.site-header{height:68px;padding:0 17px}.brand-mark{width:37px;height:37px}.brand b{font-size:15px}.products-nav{display:none!important}.products-page .desktop-cta{display:none}.hero{min-height:88svh}.hero-video{object-position:67% center;filter:saturate(.93)}.hero-vignette{background:linear-gradient(0deg,rgba(11,6,3,.94) 0%,rgba(11,6,3,.58) 62%,rgba(11,6,3,.28)),linear-gradient(90deg,rgba(11,6,3,.48),transparent)}.hero-content{padding:105px 19px 100px;align-self:flex-end}.hero h1{font-size:46px}.hero-content>p{font-size:14px}.hero-proof{grid-template-columns:1fr;gap:3px;margin-top:22px}.hero-proof div{padding:7px 0}.section{padding:66px 19px}.cards.four,.franchise-flow,.check-list,.form-row,.preview-grid,.full-grid{grid-template-columns:1fr}.product-art,.preview-grid .product-art{height:160px}.story-float{position:relative;right:auto;bottom:auto;margin:-28px 12px 0}.cinematic{min-height:560px}.transition-video{object-position:58% center}.cinematic-copy{padding:48px 19px}.franchise-panel{padding:24px 18px}.franchise-panel h3{font-size:31px}.contact{padding:58px 19px}.contact-card{padding:25px 20px}.contact-actions{width:100%}.contact-actions .btn{width:100%}footer{padding:27px 19px;flex-direction:column;align-items:flex-start}.franchise-hero{min-height:68svh}.franchise-hero-copy{padding:108px 19px 48px}.franchise-hero h1{font-size:48px}.franchise-hero-bg video{object-position:66% center}.application-section{padding:66px 19px}.franchise-form{padding:22px 16px;min-height:520px}.form-step h3{font-size:28px}.form-actions{position:sticky;bottom:8px;background:#fff9f0;padding-top:9px}.form-actions .btn{flex:1}.scroll-cue{left:19px}.subhero{min-height:56svh}.subhero-copy{padding:110px 19px 48px}.subhero h1{font-size:44px}.wa-float{right:12px;bottom:12px}.wa-float b{display:none}.wa-float{padding-right:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-video,.transition-video{display:none}.hero{background:#1a0e07}.cinematic{background:#1a0e07}}

/* MB CHAI V3 — compact desktop rhythm, coherent product catalogue. */
:root{--max:1180px}
html{scroll-padding-top:72px}
.site-header{height:68px;padding:0 clamp(18px,4.8vw,74px)}
.site-header .nav{gap:clamp(12px,1.65vw,25px)}
.site-header .nav a{font-size:12.5px}
.site-header .brand-mark{width:40px;height:40px}
.site-header .brand b{font-size:17px}
.hero{min-height:clamp(500px,73svh,680px);max-height:none}
.hero-content{max-width:610px;padding:110px 0 75px clamp(24px,6vw,92px)}
.hero h1{font-size:clamp(37px,3.6vw,56px);line-height:1.085;max-width:580px;letter-spacing:-.025em}
.hero h1 em{display:inline;color:var(--gold)}
.hero-content>p{font-size:14px;line-height:1.6;margin:15px 0 21px;max-width:520px}
.hero .hero-proof{margin-top:24px;max-width:530px;gap:12px}
.hero-proof div{padding-top:8px}
.scroll-cue{bottom:18px}
.section{padding:65px clamp(22px,5vw,82px)}
.copy h2,.section-head h2,.franchise-intro h2{font-size:clamp(31px,3.1vw,44px);line-height:1.12;max-width:840px}
.section-head{max-width:860px!important;margin-bottom:24px!important}
.section-head p{margin-top:6px}
.section .two-col{gap:36px}
.story-card img{max-height:none}
.cinematic{min-height:440px}
.cinematic h2{font-size:clamp(31px,3.2vw,46px);line-height:1.14}
.franchise-panel{padding:28px}
.franchise-panel h3{font-size:30px}
.contact h2,.product-franchise-cta h2{font-size:clamp(30px,3vw,42px);line-height:1.13}
.subhero{min-height:335px;max-height:400px}
.subhero-copy{padding:108px clamp(22px,5vw,82px) 42px;max-width:920px}
.subhero h1{font-size:clamp(34px,3.8vw,52px);line-height:1.09;letter-spacing:-.02em;max-width:830px}
.subhero p{font-size:14px;max-width:690px;margin:12px 0 18px}
.product-range,.bakery-range{padding-top:55px;padding-bottom:60px}
.product-grid,.product-grid.preview-grid,.product-grid.full-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px;width:100%;max-width:var(--max);margin-inline:auto}
.product-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #ecddcb;border-radius:18px;padding:0;box-shadow:0 8px 25px rgba(59,31,13,.07)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(59,31,13,.14)}
.product-visual-link{display:block;overflow:hidden;aspect-ratio: 4/3;background:#f3dfc0}
.product-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.product-card:hover .product-image{transform:scale(1.045)}
.product-details{padding:16px 17px 18px;display:flex;flex-direction:column;flex:1;align-items:flex-start;min-height:131px}
.product-type{display:block!important;font-size:10px!important;letter-spacing:.11em!important;color:#99612d!important;margin:0 0 8px!important;text-transform:uppercase;font-weight:750}
.product-card h3{font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:750;letter-spacing:-.015em;line-height:1.3;margin:0 0 8px}
.product-card p{font-size:12px;color:#806958;line-height:1.6;margin:0 0 16px}
.product-inquire{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:#785025;border-bottom:1px solid #cda679;font-size:12px;font-weight:750;padding-bottom:4px}
.product-inquire:hover{color:#9e622c}
.products-preview .product-card .product-details{min-height:82px;padding:15px}
.products-preview .product-card h3{font-size:16px}
.franchise-hero{min-height:clamp(415px,61svh,545px)}
.franchise-hero-copy{padding:100px clamp(22px,5vw,82px) 52px;max-width:780px}
.franchise-hero h1{font-size:clamp(36px,3.9vw,55px);line-height:1.08;max-width:700px}
.franchise-hero p{font-size:14px;max-width:560px}
.application-aside h2{font-size:clamp(32px,3vw,43px)}
.product-card .reveal{opacity:1}
@media(min-width:1400px){.hero-video{object-position:72% center}.hero-content{padding-left:max(5vw,calc((100vw - 1180px)/2))}}
@media(max-width:1100px){.product-grid,.product-grid.preview-grid,.product-grid.full-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nav{gap:12px}.hero h1{font-size:clamp(37px,4.2vw,54px)}}
@media(max-width:980px){.nav{display:none}.nav-toggle{display:block}.site-header.open .nav{display:flex}.products-page .site-header .nav,.franchise-page .site-header .nav{display:none}.products-page .site-header.open .nav,.franchise-page .site-header.open .nav{display:flex;position:absolute;top:66px;left:18px;right:18px;background:#201108;border-radius:15px;padding:18px;flex-direction:column}.products-page .site-header .desktop-cta{display:none}.franchise-page .site-header .btn-ghost{margin-left:0}.hero{min-height:clamp(540px,74svh,680px)}.hero-content{padding-left:5vw}.franchise-hero-copy{padding-left:5vw}}
@media(max-width:760px){.product-grid,.product-grid.preview-grid,.product-grid.full-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.section{padding:49px 17px}.hero{min-height:clamp(590px,87svh,760px)}.hero-content{max-width:100%;padding:120px 20px 110px;align-self:flex-end}.hero h1{font-size:clamp(34px,8.7vw,46px);max-width:560px}.hero-content>p{max-width:510px}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-proof div{padding:10px 0}.hero-proof span{font-size:9px}.section-head h2,.copy h2{font-size:clamp(30px,7.6vw,40px)}.subhero{min-height:335px}.subhero-copy{padding:103px 19px 40px}.subhero h1{font-size:clamp(32px,8vw,43px)}.product-details{padding:12px;min-height:142px}.product-card h3{font-size:14px}.product-card p{font-size:11px;line-height:1.4}.product-inquire{font-size:11px}.products-preview .product-card .product-details{padding:11px;min-height:72px}.products-preview .product-card h3{font-size:14px}.franchise-hero{min-height:535px}.franchise-hero-copy{padding:95px 19px 48px}.franchise-hero h1{font-size:42px}.franchise-page .site-header .btn-ghost{font-size:12px;padding:0 13px}}
@media(max-width:400px){.product-grid,.product-grid.preview-grid,.product-grid.full-grid{grid-template-columns:1fr 1fr!important;gap:9px}.product-details{padding:10px}.product-card h3{font-size:13px}.product-card p{font-size:10.5px}.product-inquire{font-size:10px}.hero h1{font-size:36px}.brand small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.product-card:hover,.product-card:hover .product-image{transform:none}}

/* Keep product catalogue visible even when JS or animation effects are unavailable. */
.products-page .reveal{opacity:1!important;transform:none!important}


/* MB CHAI V4 — consistent navigation + media gallery */
.site-header .nav a.active,.site-header .nav a[aria-current="page"]{color:var(--gold)}
.gallery-subhero-bg{background:
  radial-gradient(circle at 78% 40%,rgba(211,140,63,.26),transparent 34%),
  radial-gradient(circle at 62% 110%,rgba(118,52,19,.4),transparent 42%),
  linear-gradient(115deg,#160a04 0%,#2b1207 48%,#5b2c12 100%)}
.gallery-section{background:#fbf5ec}
.gallery-toolbar{max-width:var(--max);margin:0 auto 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.gallery-toolbar h2{font-family:'Playfair Display',serif;font-size:clamp(32px,3.1vw,46px);line-height:1.08;margin:7px 0 8px;color:#2a1409}
.gallery-toolbar p{max-width:680px;color:#7d654f;line-height:1.65;margin:0}
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.gallery-filter{appearance:none;border:1px solid #d9c3aa;background:#fff8ef;color:#5c3a20;border-radius:999px;padding:10px 16px;font:700 12px/1 Inter,sans-serif;cursor:pointer;transition:.25s ease}
.gallery-filter:hover,.gallery-filter.active{background:#251207;border-color:#251207;color:#ffd17a}
.gallery-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gallery-card{min-width:0;border:1px solid #ead8c5;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(74,39,17,.07);transition:transform .25s ease,box-shadow .25s ease}
.gallery-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(74,39,17,.13)}
.gallery-card.featured{grid-column:span 1}
.gallery-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#241108}
.gallery-media img,.gallery-media video{display:block;width:100%;height:100%;object-fit:cover}
.gallery-media video{background:#140a05}
.media-badge{position:absolute;top:12px;left:12px;background:rgba(24,12,6,.82);color:#ffd17a;border:1px solid rgba(255,209,122,.24);backdrop-filter:blur(10px);border-radius:999px;padding:7px 10px;font:700 9px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.gallery-meta{padding:15px 16px 18px}
.gallery-meta h3{font:750 16px/1.3 Inter,sans-serif;letter-spacing:-.01em;color:#28150b;margin:0 0 6px}
.gallery-meta p{font-size:12px;line-height:1.55;color:#846b57;margin:0}
.gallery-image-button{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in;text-align:left}
.gallery-cta{padding-top:28px}
.gallery-lightbox{width:min(920px,92vw);max-height:90vh;border:0;border-radius:20px;padding:0;background:#150b06;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.5);overflow:visible}
.gallery-lightbox::backdrop{background:rgba(8,4,2,.78);backdrop-filter:blur(5px)}
.gallery-lightbox #galleryLightboxContent{padding:14px}
.gallery-lightbox img{display:block;width:100%;max-height:78vh;object-fit:contain;border-radius:12px;background:#fff4e6}
.gallery-lightbox p{margin:12px 5px 4px;font-weight:700}
.gallery-close{position:absolute;right:-12px;top:-12px;width:38px;height:38px;border:0;border-radius:50%;background:#ffd17a;color:#241108;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25)}
@media(max-width:1220px){
  .site-header .nav,.site-header .desktop-cta{display:none}
  .nav-toggle{display:block}
  .site-header.open .nav{display:flex;position:absolute;top:66px;left:18px;right:18px;background:#201108;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100vh - 90px);overflow:auto}
  .site-header.open .nav a{padding:10px 8px;font-size:14px}
}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-toolbar{align-items:flex-start;flex-direction:column}.gallery-filters{justify-content:flex-start}}
@media(max-width:560px){.gallery-grid{grid-template-columns:1fr}.gallery-card.featured{grid-column:span 1}.gallery-media{aspect-ratio:16/11}.gallery-filter{padding:9px 13px}.gallery-lightbox{width:94vw}.gallery-close{right:5px;top:5px;z-index:2}}

/* ===== MB CHAI V5 — separate pages, live gallery admin, franchise map ===== */
body[class^="page-"]{background:#fffaf4}
.site-header{z-index:100}
.site-header .nav a{white-space:nowrap}
.site-header .nav{margin-left:auto}
.page-home .site-header .nav{margin-left:auto}
.product-visual{display:block;overflow:hidden;aspect-ratio:4/3;background:#f3dfc0}
.product-visual .product-image{display:block;width:100%;height:100%;object-fit:cover}
.light-link{color:#ffd078;border-bottom-color:rgba(255,208,120,.5)}
.dark-section{background:#1d0e07;color:#fff}.dark-section .section-head p{color:#ccb9a7}.dark-section .chai-card{background:#2a150b;border-color:rgba(255,255,255,.1)}
.story-page-hero .subhero-bg{background:radial-gradient(circle at 78% 30%,rgba(255,189,89,.22),transparent 28%),linear-gradient(115deg,#160a04,#3a1b0b 70%,#7a421b)}
.chai-page-hero .subhero-bg{background:radial-gradient(circle at 78% 50%,rgba(255,189,89,.22),transparent 26%),linear-gradient(115deg,#180b05,#311508 62%,#6a3512)}
.contact-page-hero .subhero-bg{background:radial-gradient(circle at 80% 45%,rgba(255,183,73,.24),transparent 28%),linear-gradient(115deg,#160b05,#2e160a 62%,#5f3217)}
.experience-hero{min-height:clamp(430px,64svh,620px);position:relative;display:flex;align-items:center;background:#170b05;color:white;overflow:hidden}.experience-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.experience-hero .subhero-copy{position:relative;z-index:2;padding-top:120px;padding-bottom:58px}.experience-card-video{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:20px}
.contact-wrap{align-items:start}
.empty-state{grid-column:1/-1;padding:40px 28px;border:1px dashed #d7bea3;border-radius:18px;background:#fff8ee;color:#6f513d}.empty-state h3{font:700 25px 'Playfair Display',serif;margin:0 0 8px}.empty-state p{margin:0;line-height:1.6}
/* Franchise network */
.presence-section{background:#fbf4e9}.stats-grid{max-width:var(--max);margin:0 auto 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{background:#281309;color:white;border-radius:18px;padding:22px 20px;border:1px solid rgba(255,255,255,.08)}.stat-card strong{display:block;font:700 clamp(34px,4vw,52px)/1 'Playfair Display',serif;color:var(--gold);margin-bottom:7px}.stat-card span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d6c1af}.presence-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px}.franchise-map-wrap,.location-list-wrap{background:white;border:1px solid #ead8c5;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(74,39,17,.06)}.franchise-map{height:520px;background:#efe5d9}.map-note{padding:11px 15px;color:#8a6e59;font-size:11px;border-top:1px solid #ead8c5}.location-list-head{padding:20px 20px 10px}.location-list-head h3{font:700 28px 'Playfair Display',serif;margin:2px 0 0}.location-list{max-height:480px;overflow:auto;padding:8px 14px 16px;display:grid;gap:10px}.location-card{border:1px solid #ead8c5;border-radius:14px;padding:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.location-card h4{margin:7px 0 3px;font-size:15px}.location-card p{margin:0;color:#6f5442;font-size:12px}.location-card small{display:block;margin-top:6px;color:#967764;font-size:10px;line-height:1.45}.location-status{display:inline-flex;background:#e8f5e8;color:#26713a;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.location-status.coming{background:#fff0cf;color:#9a6313}.location-link{white-space:nowrap;font-size:11px;font-weight:800;color:#855021;border-bottom:1px solid #cda679}.mb-map-marker{background:transparent;border:0}.mb-map-marker span{display:block;width:25px;height:25px;border-radius:50% 50% 50% 0;background:#7b2e12;border:4px solid #ffd078;transform:rotate(-45deg);box-shadow:0 4px 12px rgba(0,0,0,.3)}.mb-map-marker span.coming{background:#c27a11}.leaflet-popup-content-wrapper{border-radius:12px}.leaflet-popup-content{font-family:Inter,sans-serif;line-height:1.5}.leaflet-popup-content a{color:#8d4c1b;font-weight:700}
/* PHP page names still get all reveal content visible when JS is blocked. */
.page-products .reveal,.page-gallery .reveal{opacity:1;transform:none}
/* Gallery server-rendered cards */
.gallery-card[hidden]{display:none!important}
/* keep consistent page top spacing / header */
.page-story .subhero,.page-chai .subhero,.page-products .subhero,.page-gallery .subhero,.page-contact .subhero{margin-top:0}
/* stop product card clicks from changing page layout; only explicit CTA links are interactive */
.product-card .product-visual{cursor:default}
@media(max-width:1100px){.presence-grid{grid-template-columns:1fr}.location-list{max-height:none}.franchise-map{height:430px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:17px 14px}.franchise-map{height:360px}.location-card{align-items:flex-start;flex-direction:column}.experience-hero{min-height:560px}.experience-hero .subhero-copy{padding:110px 19px 52px}.experience-card-video{min-height:300px}}


/* ==============================================================
   MB CHAI V6 — iPhone / Safari + modern mobile-first hardening
   ============================================================== */
html{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}
a,button,.btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
img,svg,video{max-width:100%}

/* Video fallbacks stay visible even when Safari blocks autoplay, Low Power Mode is on,
   or Reduce Motion is enabled. */
.hero-video-wrap{background:#160b05 url('assets/img/hero-kettle-gemini-v11.jpg') 67% center/cover no-repeat}
.cinematic{background:#160b05 url('assets/img/splash-poster.jpg') 58% center/cover no-repeat}
.franchise-hero-bg{background:#160b05 url('assets/img/hero-kettle-gemini-v11.jpg') 68% center/cover no-repeat}
.experience-hero{background:#160b05 url('assets/img/splash-poster.jpg') 58% center/cover no-repeat}
.hero-video,.transition-video,.franchise-hero-bg video,.experience-hero>video,.experience-card-video{
  -webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;
}
.hero-video,.transition-video,.franchise-hero-bg video,.experience-hero>video{background:transparent}
video[poster]{object-fit:cover}

/* Safer fixed header on iPhone notches and browser chrome. */
.site-header{
  padding-left:max(clamp(20px,4.3vw,68px),env(safe-area-inset-left));
  padding-right:max(clamp(20px,4.3vw,68px),env(safe-area-inset-right));
}
.wa-float{bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));right:max(14px,calc(env(safe-area-inset-right) + 10px))}

/* Do not remove videos for Reduce Motion; poster remains if JS pauses playback. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .hero-video,.transition-video,.franchise-hero-bg video,.experience-hero>video,.experience-card-video{display:block!important}
  .scroll-cue span:after{animation:none}
}

/* Tablet / compact laptop navigation */
@media(max-width:1220px){
  .site-header{height:70px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .site-header.open .nav{
    top:calc(70px + env(safe-area-inset-top));
    max-height:calc(100dvh - 92px - env(safe-area-inset-bottom));
    overflow-y:auto;-webkit-overflow-scrolling:touch;
  }
}

/* iPhone / modern phone layout */
@media(max-width:760px){
  :root{--mobile-pad:16px}
  .site-header{
    height:66px;
    padding-top:env(safe-area-inset-top);
    padding-left:max(var(--mobile-pad),env(safe-area-inset-left));
    padding-right:max(var(--mobile-pad),env(safe-area-inset-right));
    gap:10px;
  }
  .site-header.open .nav{
    position:fixed;top:calc(66px + env(safe-area-inset-top));
    left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));
    max-height:calc(100dvh - 82px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius:18px;padding:10px;background:rgba(29,14,7,.985);box-shadow:0 22px 60px rgba(0,0,0,.36)
  }
  .site-header.open .nav a{min-height:44px;display:flex;align-items:center;padding:0 13px;border-radius:10px;font-size:14px}
  .site-header.open .nav a.active,.site-header.open .nav a[aria-current="page"]{background:rgba(245,189,94,.12)}
  .nav-toggle{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:12px;font-size:22px}
  .brand{min-width:0;gap:8px}.brand-mark{width:36px;height:36px;flex:0 0 36px}.brand b{font-size:15px}.brand small{font-size:7px;letter-spacing:.11em;white-space:nowrap}

  .hero{min-height:100vh;min-height:100svh;max-height:860px;align-items:flex-end}
  .hero-video{object-position:66% center;transform:scale(1.01)}
  .hero-vignette{background:linear-gradient(0deg,rgba(10,5,2,.96) 0%,rgba(10,5,2,.66) 48%,rgba(10,5,2,.30) 72%,rgba(10,5,2,.16) 100%)}
  .hero-content{width:100%;max-width:620px;padding:calc(94px + env(safe-area-inset-top)) var(--mobile-pad) max(66px,calc(42px + env(safe-area-inset-bottom)));align-self:flex-end}
  .hero h1{font-size:clamp(34px,10.1vw,44px);line-height:1.00;letter-spacing:-.025em;max-width:520px}
  .hero-content>p{font-size:14px;line-height:1.55;margin:14px 0 18px;max-width:520px}
  .eyebrow{font-size:9px;margin-bottom:10px}
  .hero-actions{gap:8px}.hero-actions .btn{flex:1;min-width:145px}
  .btn{min-height:46px;padding:0 16px;font-size:12px}
  .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}
  .hero-proof div{padding-top:8px}.hero-proof span{font-size:8.5px;line-height:1.25}.hero-proof strong{font-size:9px}
  .scroll-cue{display:none}

  .section{padding:48px var(--mobile-pad)}
  .section-grid,.two-col,.franchise-panel,.application-wrap{gap:24px}
  .section-head h2,.copy h2,.franchise-intro h2{font-size:clamp(30px,8.5vw,40px);line-height:1.04}
  .section-head p,.copy p,.franchise-intro p{font-size:13px;line-height:1.6}

  .story-card{border-radius:18px}.story-card img{min-height:unset;object-fit:contain}
  .story-float{margin:-34px 10px 0;padding:14px;border-radius:14px}
  .cards.four,.franchise-flow{grid-template-columns:1fr 1fr;gap:10px}
  .chai-card,.flow-step{min-height:auto;padding:17px 14px;border-radius:16px}.chai-card h3,.flow-step h3{font-size:17px}.chai-card p,.flow-step p{font-size:11px}

  .product-grid,.product-grid.preview-grid,.product-grid.full-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product-card{border-radius:15px;min-width:0}.product-details{padding:10px!important;min-height:118px!important}.products-preview .product-card .product-details{min-height:70px!important}
  .product-card h3{font-size:13px!important;line-height:1.22}.product-card p{font-size:10.5px!important;line-height:1.35}.product-type{font-size:8.5px}.product-inquire{font-size:10px!important}
  .split-actions{gap:8px}.split-actions .btn{flex:1}

  .cinematic{min-height:480px}.transition-video{object-position:58% center}.cinematic-copy{padding:42px var(--mobile-pad) max(48px,calc(30px + env(safe-area-inset-bottom)))}.cinematic h2{font-size:clamp(32px,9vw,42px)}

  .subhero{min-height:300px;max-height:none}.subhero-copy{padding:calc(92px + env(safe-area-inset-top)) var(--mobile-pad) 38px}.subhero h1{font-size:clamp(31px,9vw,41px)}.subhero p{font-size:13px;line-height:1.55}
  .subhero-bg:after{width:280px;height:280px;right:-80px;top:20%}

  .franchise-hero{min-height:540px}.franchise-hero-bg video{object-position:66% center}.franchise-hero-copy{padding:calc(92px + env(safe-area-inset-top)) var(--mobile-pad) 48px}.franchise-hero h1{font-size:clamp(36px,9.7vw,44px)}.franchise-hero p{font-size:13px;line-height:1.55}
  .application-section{padding:48px var(--mobile-pad) max(58px,calc(40px + env(safe-area-inset-bottom)))}
  .application-aside{position:static}.application-aside h2{font-size:36px}
  .franchise-form{padding:18px 14px;min-height:auto;border-radius:18px}.form-row{grid-template-columns:1fr}.form-step h3{font-size:27px}.form-step input,.form-step select,.form-step textarea{font-size:16px;min-height:46px}.form-step textarea{min-height:110px}
  .form-actions{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:3;margin:20px -4px -4px;padding:10px 4px 4px;background:linear-gradient(0deg,#fff9f0 72%,rgba(255,249,240,0))}
  .form-actions .btn{flex:1}

  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:15px 12px;border-radius:14px}.stat-card strong{font-size:34px}.stat-card span{font-size:9px}
  .presence-grid{gap:14px}.franchise-map{height:330px}.location-list{padding:8px 10px 14px}.location-card{padding:12px}.location-list-head{padding:16px 14px 8px}.location-list-head h3{font-size:25px}

  .gallery-toolbar{margin-bottom:18px;gap:16px}.gallery-grid{grid-template-columns:1fr!important;gap:14px}.gallery-media{aspect-ratio:16/11}.gallery-meta{padding:13px 14px 15px}.gallery-filters{gap:6px}.gallery-filter{min-height:42px;padding:0 14px}.gallery-lightbox{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);margin:auto}.gallery-lightbox img{max-height:72dvh}

  .experience-hero{min-height:500px}.experience-hero .subhero-copy{padding:calc(96px + env(safe-area-inset-top)) var(--mobile-pad) 48px}.experience-card-video{min-height:280px;max-height:420px}

  .contact-card{padding:22px 17px;border-radius:18px}.contact-actions{display:grid;grid-template-columns:1fr;gap:8px}.contact-actions .btn{width:100%}
  footer{padding:26px var(--mobile-pad) max(28px,calc(16px + env(safe-area-inset-bottom)))}
  .wa-float{min-height:48px;min-width:48px;padding:5px 8px 5px 5px}.wa-float span{width:38px;height:38px}.wa-float b{display:none}
}

@media(max-width:360px){
  .product-grid,.product-grid.preview-grid,.product-grid.full-grid{grid-template-columns:1fr!important}
  .hero h1{font-size:33px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}
  .cards.four,.franchise-flow{grid-template-columns:1fr}
}

/* iOS Safari-specific rendering improvements */
@supports (-webkit-touch-callout:none){
  .hero{min-height:-webkit-fill-available}
  .hero-video,.transition-video,.franchise-hero-bg video,.experience-hero>video{width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover}
  input,select,textarea{font-size:16px}
}

/* ==============================================================
   MB CHAI V7 — language switch, premium footer, 2-column mobile grids
   ============================================================== */
html[data-site-lang="mr"] body,html[data-site-lang="hi"] body{font-family:"Noto Sans Devanagari",Inter,system-ui,sans-serif}
html[data-site-lang="mr"] h1,html[data-site-lang="mr"] h2,html[data-site-lang="mr"] h3,html[data-site-lang="mr"] h4,
html[data-site-lang="hi"] h1,html[data-site-lang="hi"] h2,html[data-site-lang="hi"] h3,html[data-site-lang="hi"] h4{font-family:"Noto Serif Devanagari","Playfair Display",serif;letter-spacing:-.02em}
html[data-site-lang="mr"] .brand b,html[data-site-lang="hi"] .brand b{font-family:"Playfair Display",serif}

.lang-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);flex:0 0 auto}
.lang-switch button{border:0;background:transparent;color:#e7d8c9;min-width:31px;height:29px;padding:0 7px;border-radius:999px;font-size:10px;font-weight:700;cursor:pointer;transition:.2s;line-height:1}
.lang-switch button:hover{color:#fff}.lang-switch button.active{background:var(--gold);color:#241208;box-shadow:0 4px 14px rgba(245,189,94,.25)}

.site-footer{background:radial-gradient(circle at 14% 8%,rgba(245,189,94,.12),transparent 28%),linear-gradient(180deg,#170b05,#0d0603);color:#c7b3a1;padding:0!important;display:block!important;font-size:13px!important;border-top:1px solid rgba(255,255,255,.08)}
.footer-shell{max-width:1380px;margin:0 auto;padding:54px clamp(20px,5vw,70px) 22px}
.footer-top{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.5fr);gap:70px;align-items:start}
.footer-about{max-width:380px}.footer-about p{font-size:13px;line-height:1.7;margin:19px 0 22px;color:#b9a493}.footer-brand{display:inline-flex!important;color:#fff!important;margin:0!important}.footer-brand .brand-mark{width:48px;height:48px}.footer-brand b{font-size:21px}
.footer-socials{display:flex;gap:8px;flex-wrap:wrap}.footer-socials a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:5px 11px 5px 5px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#eadfd5;font-size:10px;transition:.2s;background:rgba(255,255,255,.035)}.footer-socials a:hover{border-color:rgba(245,189,94,.5);color:var(--gold);transform:translateY(-1px)}.footer-socials a.social-disabled{opacity:.55;cursor:default}.social-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(245,189,94,.12);color:var(--gold);font-size:10px;font-weight:800}
.footer-links{display:grid;grid-template-columns:.65fr .8fr 1.25fr;gap:36px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links h4{margin:0 0 8px;color:#fff;font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.footer-links a{font-size:12px;color:#bda997;transition:.2s}.footer-links a:hover{color:var(--gold)}.footer-franchise p{margin:0 0 2px;line-height:1.55;font-size:12px}.footer-franchise .footer-phone{font-size:18px;font-family:"Playfair Display",serif;color:#fff;margin:2px 0 7px}.footer-franchise .btn{color:#241208!important;font-size:10px!important;min-height:42px!important;padding:0 17px!important}
.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#836f60;font-size:10px;letter-spacing:.02em}

@media(max-width:1180px){
  .site-header{gap:15px}.nav{gap:15px}.nav a{font-size:12px}.desktop-cta{padding-left:15px;padding-right:15px}.lang-switch button{min-width:29px;padding:0 6px}
}
@media(max-width:980px){
  .lang-switch{margin-left:auto}.site-header .brand{margin-right:0}.site-header .nav-toggle{order:4}.site-header .lang-switch{order:3}.site-header .brand{order:1}.site-header .nav{order:5}.site-header .desktop-cta{order:6}
  .footer-top{grid-template-columns:1fr;gap:34px}.footer-about{max-width:580px}.footer-links{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .lang-switch{padding:2px;gap:1px}.lang-switch button{min-width:29px;height:28px;font-size:9px;padding:0 5px}
  .site-header{gap:7px}.site-header .brand{margin-right:auto}.site-header .nav-toggle{order:4}.site-header .lang-switch{order:3;margin-left:0}
  html[data-site-lang="mr"] .hero h1,html[data-site-lang="hi"] .hero h1{font-size:clamp(31px,8.8vw,40px);line-height:1.12}
  html[data-site-lang="mr"] .section-head h2,html[data-site-lang="hi"] .section-head h2,html[data-site-lang="mr"] .copy h2,html[data-site-lang="hi"] .copy h2{line-height:1.16}

  /* User-requested two items per row in Our Chai on phones. */
  .page-home .chai .cards.four{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .page-home .chai .chai-card{padding:14px 11px!important;min-height:150px!important}.page-home .chai .chai-card h3{font-size:15px!important;margin:32px 0 6px!important}.page-home .chai .chai-card p{font-size:10px!important;line-height:1.42!important}

  /* Gallery keeps two photos/videos in one mobile row. */
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.gallery-card{border-radius:13px!important}.gallery-media{aspect-ratio:1/1!important}.gallery-meta{padding:9px 9px 11px!important}.gallery-meta h3{font-size:12px!important;line-height:1.25;margin:0 0 3px!important}.gallery-meta p{font-size:9px!important;line-height:1.3;margin:0!important}.media-badge{font-size:8px!important;padding:5px 7px!important;top:7px!important;left:7px!important}.gallery-media video{object-fit:cover}

  .footer-shell{padding:38px 16px max(20px,calc(12px + env(safe-area-inset-bottom)))}.footer-top{gap:30px}.footer-about p{font-size:12px;margin:15px 0 18px}.footer-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.footer-socials a{width:100%;justify-content:flex-start}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.footer-franchise{grid-column:1/-1;padding-top:8px}.footer-bottom{margin-top:30px;display:grid;gap:5px;font-size:9px}.footer-brand .brand-mark{width:43px;height:43px}.footer-brand b{font-size:19px}
}
@media(max-width:360px){
  .page-home .chai .cards.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .brand small{display:none}.lang-switch button{min-width:27px;padding:0 4px}.site-header{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
}


/* ==============================================================
   MB CHAI V8 — official brand assets + franchise model data
   ============================================================== */
:root{--mb-red:#9f160c;--mb-deep-red:#781109;--mb-orange:#ee7600;--mb-cream:#fff7ec}
.official-brand{display:flex!important;align-items:center!important;min-width:0}
.brand-logo-shell{display:flex;align-items:center;justify-content:center;background:#fff9ef;border:1px solid rgba(255,255,255,.22);border-radius:11px;padding:4px 10px;box-shadow:0 6px 18px rgba(0,0,0,.12);height:58px;min-width:188px;overflow:hidden}
.brand-logo-img{display:block;width:auto;height:50px;max-width:230px;object-fit:contain}
.footer-logo-shell{height:72px;min-width:230px;padding:6px 12px}.footer-logo-shell .brand-logo-img{height:60px;max-width:260px}
.official-model-section{background:linear-gradient(135deg,#fff7eb 0%,#f6e6ce 100%)}
.official-model-grid,.official-franchise-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.official-model-media img,.official-franchise-image img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:24px;box-shadow:0 26px 70px rgba(87,33,9,.18);border:1px solid rgba(126,50,15,.12);background:#f5eadb;padding:10px}
.official-model-copy h2,.official-franchise-copy h2{font:700 clamp(38px,4.1vw,58px)/1.02 "Playfair Display",serif;margin:0 0 18px;color:#291307}
.official-model-copy>p,.official-franchise-copy>p{color:#765743;font-size:15px;line-height:1.75;margin:0 0 22px;max-width:650px}
.model-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 24px}.model-points span{background:#fff;border:1px solid #ead2b8;border-radius:13px;padding:12px 13px;font-size:11px;font-weight:750;color:#6a341d}
.franchise-model-official{background:#fff8ee}.official-franchise-grid{grid-template-columns:.92fr 1.08fr}.official-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}.official-facts article{background:linear-gradient(135deg,#98180f,#6d110b);color:#fff;border-radius:16px;padding:17px}.official-facts strong{display:block;font:700 31px/1 "Playfair Display",serif;color:#ffd063;margin-bottom:6px}.official-facts span{font-size:10px;line-height:1.45;color:#f5d9cb;text-transform:uppercase;letter-spacing:.05em}
.franchise-kit{background:#f9ecdc}.kit-grid{max-width:var(--max);margin:28px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kit-card{background:#fff;border:1px solid #ead4bd;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(81,41,15,.06)}.kit-card h3{font:700 20px/1.15 "Playfair Display",serif;color:#421c0c;margin:0 0 14px}.kit-card ul{padding-left:18px;margin:0;color:#775b48;font-size:11px;line-height:1.7}.kit-card li::marker{color:var(--mb-orange)}
.franchise-model-official .btn{background:linear-gradient(90deg,#ef7900,#ffb22f);color:#32140a}
@media(max-width:980px){.official-model-grid,.official-franchise-grid{grid-template-columns:1fr;gap:30px}.official-franchise-image{order:2}.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo-shell{height:50px;min-width:160px}.brand-logo-img{height:42px;max-width:190px}}
@media(max-width:700px){.brand-logo-shell{height:46px;min-width:140px;padding:3px 8px;border-radius:9px}.brand-logo-img{height:38px;max-width:168px}.official-model-section,.franchise-model-official,.franchise-kit{padding-left:19px!important;padding-right:19px!important}.official-model-media img,.official-franchise-image img{border-radius:18px}.official-model-copy h2,.official-franchise-copy h2{font-size:35px}.model-points,.official-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.model-points span{padding:10px;font-size:9.5px}.official-facts article{padding:13px 11px}.official-facts strong{font-size:25px}.official-facts span{font-size:8.5px}.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kit-card{padding:14px 11px;border-radius:14px}.kit-card h3{font-size:15px}.kit-card ul{font-size:9px;line-height:1.55;padding-left:14px}.footer-logo-shell{height:60px;min-width:184px}.footer-logo-shell .brand-logo-img{height:48px;max-width:205px}}
@media(max-width:370px){.brand-logo-shell{min-width:126px}.brand-logo-img{max-width:150px}.kit-grid{grid-template-columns:1fr}}

/* V10 count-only franchise + gallery load more */
.network-count-shell{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;background:#fff;border:1px solid #ead7c4;border-radius:28px;padding:42px;box-shadow:0 20px 60px rgba(71,34,14,.08)}.network-count-copy h2{font-family:"Playfair Display",serif;font-size:clamp(38px,4vw,58px);line-height:1.02;margin:10px 0 18px}.network-count-copy p{color:#765c49;line-height:1.75;font-size:14px;max-width:680px}.network-count-card{min-height:250px;border-radius:24px;background:radial-gradient(circle at 80% 15%,rgba(247,187,82,.32),transparent 32%),#211006;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;border:1px solid rgba(255,255,255,.08)}.network-count-card span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#d7bd9e;font-weight:700}.network-count-card strong{font-family:"Playfair Display",serif;font-size:clamp(72px,8vw,112px);line-height:.95;color:var(--gold);margin:14px 0}.network-count-card small{color:#bca58f;font-size:11px}.gallery-card.gallery-page-hidden{display:none!important}.gallery-load-wrap{display:flex;justify-content:center;margin-top:30px}.gallery-load-more{min-width:160px}@media(max-width:800px){.network-count-shell{grid-template-columns:1fr;padding:24px 18px;gap:20px}.network-count-card{min-height:190px}.network-count-card strong{font-size:72px}.gallery-load-wrap{margin-top:20px}}


/* ==============================================================
   V10.6 — compact home story + Upsarpanch brand-family story
   ============================================================== */
.home-story .section-grid{grid-template-columns:1.08fr .92fr;gap:52px}
.home-story .story-card{width:min(88%,620px);justify-self:end}
.home-story .story-card img{width:100%;max-height:515px;object-fit:contain;padding:8px}
.home-story .copy p+p{margin-top:12px}
.legacy-mini{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 4px}
.legacy-mini span{display:inline-flex;align-items:baseline;gap:6px;background:#fff;border:1px solid #ead6c1;border-radius:999px;padding:8px 11px;font-size:10px;color:#775945}
.legacy-mini strong{font:700 17px/1 "Playfair Display",serif;color:#8d5426}
.story-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:4px}
.story-actions .text-link{margin-top:10px}
.secondary-link{color:#6e5a4b}

.compact-story-card{width:min(92%,560px);justify-self:end}
.compact-story-card img{max-height:430px}

.heritage-section{background:#fff8ef}
.heritage-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:42px;align-items:stretch}
.heritage-brand-card{background:
  radial-gradient(circle at 84% 15%,rgba(250,190,79,.22),transparent 26%),
  linear-gradient(145deg,#1b0d07,#3b1b0b 72%,#6b3514);
  color:#fff;border-radius:26px;padding:34px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;min-height:430px}
.heritage-brand-card .eyebrow{color:#f4b85d}
.heritage-brand-card p{color:#d8c4b3;font-size:13px;line-height:1.75;margin:20px 0 24px}
.heritage-mark{font:500 clamp(36px,4vw,54px)/.94 "Playfair Display",serif;letter-spacing:-.02em}
.heritage-mark b{color:var(--gold);font-weight:700}
.heritage-brand-card .btn{align-self:flex-start}

.heritage-copy h2{font-family:"Playfair Display",serif;font-size:clamp(36px,4.2vw,58px);line-height:1.02;margin:0 0 18px}
.heritage-copy>p{color:#755b49;line-height:1.75;font-size:14px;max-width:760px}
.heritage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 18px}
.heritage-stats>div{border:1px solid #ead8c5;background:white;border-radius:18px;padding:17px}
.heritage-stats strong{display:block;font:700 30px/1 "Playfair Display",serif;color:#8d5426;margin-bottom:5px}
.heritage-stats span{font-size:10px;color:#806650;line-height:1.35}
.heritage-points{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.heritage-points span{position:relative;background:#f5eadb;border-radius:13px;padding:12px 12px 12px 34px;font-size:11px;color:#6d503d}
.heritage-points span:before{content:"✓";position:absolute;left:12px;top:11px;color:#9b5b25;font-weight:900}
.source-note{font-size:10px!important;color:#9a8170!important;margin-top:16px;max-width:780px!important}

.experience-legacy{background:#fff8ef}
.upsarpanch-panel{background:
  radial-gradient(circle at 78% 24%,rgba(255,198,93,.25),transparent 23%),
  linear-gradient(145deg,#1b0d07,#35180a 70%,#633315);
  color:#fff;border-radius:25px;padding:34px;box-shadow:var(--shadow)}
.upsarpanch-panel p{color:#d8c3b2;font-size:13px;line-height:1.7;margin:16px 0 22px}
.upsarpanch-title{font:500 clamp(36px,4vw,52px)/.95 "Playfair Display",serif}
.upsarpanch-title b{color:var(--gold)}
.upsarpanch-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 24px}
.upsarpanch-numbers div{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px}
.upsarpanch-numbers strong{display:block;font:700 24px/1 "Playfair Display",serif;color:var(--gold)}
.upsarpanch-numbers span{display:block;font-size:9px;color:#cfbbaa;margin-top:5px;text-transform:uppercase;letter-spacing:.06em}
.experience-learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.experience-learning-grid article{border:1px solid #ead7c4;background:#fff;border-radius:15px;padding:15px}
.experience-learning-grid b{display:block;color:#5f3c25;margin-bottom:5px}
.experience-learning-grid span{font-size:11px;line-height:1.45;color:#836955}
.experience-video-card{max-width:640px;justify-self:end}

@media(max-width:980px){
  .home-story .section-grid,.heritage-grid{grid-template-columns:1fr}
  .home-story .story-card,.compact-story-card,.experience-video-card{width:100%;max-width:680px;justify-self:center}
  .heritage-brand-card{min-height:unset}
}
@media(max-width:700px){
  .home-story .story-card img{max-height:420px}
  .legacy-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .legacy-mini span{display:block;text-align:center;border-radius:14px;padding:9px 5px;font-size:8px}
  .legacy-mini strong{display:block;font-size:16px;margin-bottom:3px}
  .story-actions{display:grid;gap:2px}
  .heritage-brand-card,.upsarpanch-panel{padding:24px 20px;border-radius:20px}
  .heritage-stats{grid-template-columns:repeat(3,1fr);gap:6px}
  .heritage-stats>div{padding:12px 8px;border-radius:14px}
  .heritage-stats strong{font-size:22px}
  .heritage-stats span{font-size:8px}
  .heritage-points,.experience-learning-grid{grid-template-columns:1fr}
  .upsarpanch-numbers{gap:6px}
  .upsarpanch-numbers div{padding:11px 7px}
  .upsarpanch-numbers strong{font-size:21px}
}


/* ==============================================================
   V10.7 — responsive QA pass
   Goals:
   - keep desktop premium and spacious
   - reduce oversized phone sections
   - preserve two-column mobile product/gallery layout
   - harden iPhone safe areas and Safari hero rendering
   ============================================================== */

/* Desktop: slightly tighter Story visual so it does not overpower copy. */
@media (min-width:981px){
  .home-story .story-card{
    width:min(80%,540px);
    justify-self:end;
  }
  .home-story .story-card img{
    max-height:455px;
  }
}

/* Tablet: comfortable single-column rhythm without giant media. */
@media (min-width:761px) and (max-width:980px){
  .section{padding-top:54px;padding-bottom:54px}
  .home-story .story-card,
  .compact-story-card,
  .experience-video-card{
    width:min(86%,590px);
    max-width:590px;
  }
  .home-story .story-card img{max-height:430px}
  .official-model-media,
  .official-franchise-image{
    width:min(86%,610px);
    justify-self:center;
  }
  .cinematic{min-height:410px}
  .franchise-hero{min-height:490px}
  .experience-hero{min-height:455px}
}

/* Phones / iPhone portrait. This block intentionally sits LAST in the file
   to override older V2–V10 mobile rules. */
@media (max-width:760px){
  :root{--mobile-pad:14px}

  /* Header */
  .site-header{
    height:60px!important;
    min-height:60px;
    padding-top:env(safe-area-inset-top);
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
    gap:6px!important;
  }
  .site-header .brand-logo-shell{
    width:124px!important;
    min-width:124px!important;
    height:40px!important;
    padding:2px 6px!important;
    border-radius:8px!important;
  }
  .site-header .brand-logo-img{
    height:33px!important;
    max-height:33px!important;
    max-width:116px!important;
  }
  .lang-switch{padding:2px!important;gap:0!important}
  .lang-switch button{
    min-width:25px!important;
    height:25px!important;
    padding:0 4px!important;
    font-size:8px!important;
  }
  .nav-toggle{
    width:38px!important;
    height:38px!important;
    font-size:20px!important;
    border-radius:10px!important;
  }
  .site-header.open .nav{
    top:calc(60px + env(safe-area-inset-top))!important;
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    padding:8px!important;
    border-radius:14px!important;
    max-height:calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  }
  .site-header.open .nav a{
    min-height:40px!important;
    padding:0 11px!important;
    font-size:13px!important;
  }

  /* Home hero */
  .hero{
    min-height:clamp(560px,82svh,700px)!important;
    max-height:700px!important;
  }
  @supports(height:100dvh){
    .hero{min-height:clamp(560px,82dvh,700px)!important}
  }
  .hero-video{
    object-position:64% center!important;
    transform:scale(1.005)!important;
  }
  .hero-content{
    width:100%!important;
    padding:
      calc(78px + env(safe-area-inset-top))
      var(--mobile-pad)
      max(46px,calc(32px + env(safe-area-inset-bottom)))!important;
  }
  .hero h1{
    font-size:clamp(30px,8.7vw,39px)!important;
    line-height:1.02!important;
    max-width:470px!important;
  }
  html[data-site-lang="mr"] .hero h1,
  html[data-site-lang="hi"] .hero h1{
    font-size:clamp(29px,8.2vw,37px)!important;
    line-height:1.12!important;
  }
  .hero-content>p{
    font-size:12.5px!important;
    line-height:1.5!important;
    margin:11px 0 14px!important;
    max-width:470px!important;
  }
  .eyebrow{
    font-size:8px!important;
    margin-bottom:8px!important;
  }
  .btn{
    min-height:41px!important;
    padding:0 13px!important;
    font-size:11px!important;
  }
  .hero-actions{gap:7px!important}
  .hero-actions .btn{min-width:0!important}
  .hero-proof{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:14px!important;
  }
  .hero-proof div{padding-top:6px!important}
  .hero-proof strong{font-size:8px!important}
  .hero-proof span{font-size:7.8px!important;line-height:1.22!important}

  /* Global vertical rhythm */
  .section{
    padding:38px var(--mobile-pad)!important;
  }
  .section-head{
    margin-bottom:19px!important;
  }
  .section-head h2,
  .copy h2,
  .franchise-intro h2{
    font-size:clamp(27px,7.7vw,35px)!important;
    line-height:1.08!important;
    margin-bottom:12px!important;
  }
  .section-head p,
  .copy p,
  .franchise-intro p{
    font-size:12px!important;
    line-height:1.55!important;
  }
  .section-grid,
  .two-col,
  .franchise-panel,
  .application-wrap{
    gap:18px!important;
  }

  /* Our Story */
  .home-story .story-card,
  .compact-story-card,
  .experience-video-card{
    width:min(92%,430px)!important;
    max-width:430px!important;
    justify-self:center!important;
  }
  .home-story .story-card img,
  .compact-story-card img{
    max-height:320px!important;
    padding:6px!important;
  }
  .story-card{border-radius:16px!important}
  .story-card img{border-radius:16px!important}
  .story-float{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:8px auto 0!important;
    padding:11px 12px!important;
    border-radius:12px!important;
  }
  .story-float b{font-size:12px!important}
  .story-float span{font-size:9px!important;line-height:1.4!important}

  .legacy-mini{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:14px 0 2px!important;
  }
  .legacy-mini span{
    padding:7px 3px!important;
    font-size:7.5px!important;
    border-radius:11px!important;
  }
  .legacy-mini strong{
    font-size:14px!important;
    margin-bottom:2px!important;
  }
  .story-actions{gap:0!important}
  .story-actions .text-link{
    font-size:11px!important;
    margin-top:8px!important;
  }

  /* Official model: keep full image visible but compact. */
  .official-model-grid,
  .official-franchise-grid{
    gap:18px!important;
  }
  .official-model-media,
  .official-franchise-image{
    width:min(91%,430px)!important;
    justify-self:center!important;
  }
  .official-model-media img,
  .official-franchise-image img{
    max-height:340px!important;
    object-fit:contain!important;
    padding:6px!important;
    border-radius:15px!important;
  }
  .official-model-copy h2,
  .official-franchise-copy h2{
    font-size:clamp(27px,7.5vw,34px)!important;
    line-height:1.07!important;
    margin-bottom:11px!important;
  }
  .official-model-copy>p,
  .official-franchise-copy>p{
    font-size:11.5px!important;
    line-height:1.55!important;
    margin-bottom:15px!important;
  }
  .model-points,
  .official-facts{
    gap:6px!important;
  }
  .model-points span{
    padding:8px!important;
    font-size:8.5px!important;
  }

  /* Chai / content cards */
  .page-home .chai .cards.four,
  .cards.four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .chai-card,
  .benefit,
  .flow-step{
    min-height:0!important;
    padding:13px 10px!important;
    border-radius:14px!important;
  }
  .chai-card h3,
  .benefit h3,
  .flow-step h3{
    font-size:15px!important;
    margin:27px 0 5px!important;
  }
  .chai-card p,
  .benefit p,
  .flow-step p{
    font-size:9.5px!important;
    line-height:1.42!important;
  }

  /* Products — always 2 per row on phones, including 320–360px. */
  .product-grid,
  .product-grid.preview-grid,
  .product-grid.full-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .product-card{
    border-radius:13px!important;
  }
  .product-visual,
  .product-visual-link{
    aspect-ratio:1.12/1!important;
  }
  .product-details{
    padding:8px!important;
    min-height:88px!important;
  }
  .products-preview .product-card .product-details{
    min-height:58px!important;
    padding:8px!important;
  }
  .product-card h3,
  .products-preview .product-card h3{
    font-size:12px!important;
    line-height:1.18!important;
  }
  .product-card p{
    font-size:9px!important;
    line-height:1.35!important;
  }
  .product-type{font-size:7.5px!important}

  /* Video sections */
  .cinematic{
    min-height:390px!important;
  }
  .cinematic-copy{
    padding:32px var(--mobile-pad) max(36px,calc(24px + env(safe-area-inset-bottom)))!important;
  }
  .cinematic h2{
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.08!important;
  }
  .cinematic p{
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  /* Inner-page hero areas */
  .subhero{
    min-height:270px!important;
    max-height:340px!important;
  }
  .subhero-copy{
    padding:calc(78px + env(safe-area-inset-top)) var(--mobile-pad) 30px!important;
  }
  .subhero h1{
    font-size:clamp(28px,8vw,37px)!important;
    line-height:1.06!important;
  }
  .subhero p{
    font-size:11.5px!important;
    line-height:1.5!important;
    margin:10px 0 14px!important;
  }

  /* Franchise */
  .franchise-hero{
    min-height:450px!important;
    max-height:570px!important;
  }
  .franchise-hero-copy{
    padding:calc(80px + env(safe-area-inset-top)) var(--mobile-pad) 36px!important;
  }
  .franchise-hero h1{
    font-size:clamp(31px,8.5vw,39px)!important;
    line-height:1.05!important;
  }
  .franchise-hero p{
    font-size:11.5px!important;
    line-height:1.5!important;
    margin:11px 0 15px!important;
  }
  .franchise-flow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:22px auto!important;
  }
  .franchise-panel{
    padding:18px 14px!important;
    border-radius:18px!important;
  }
  .franchise-panel h3{
    font-size:25px!important;
  }
  .franchise-panel p{font-size:11.5px!important}
  .check-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .application-section{
    padding:38px var(--mobile-pad) max(46px,calc(30px + env(safe-area-inset-bottom)))!important;
  }
  .application-aside h2{font-size:31px!important}
  .application-aside p{font-size:11.5px!important}
  .franchise-form{
    padding:15px 12px!important;
    min-height:0!important;
    border-radius:16px!important;
  }
  .form-step h3{
    font-size:24px!important;
    margin-bottom:15px!important;
  }
  .form-step label{font-size:11px!important}
  .form-step input,
  .form-step select,
  .form-step textarea{
    min-height:44px!important;
    padding:10px 11px!important;
    font-size:16px!important; /* avoids Safari auto zoom */
  }
  .form-step textarea{min-height:95px!important}
  .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .stat-card{
    padding:12px 10px!important;
    border-radius:12px!important;
  }
  .stat-card strong{font-size:29px!important}
  .stat-card span{font-size:8px!important}

  /* Experience */
  .experience-hero{
    min-height:410px!important;
    max-height:520px!important;
  }
  .experience-hero .subhero-copy{
    padding:calc(80px + env(safe-area-inset-top)) var(--mobile-pad) 34px!important;
  }
  .experience-card-video{
    min-height:220px!important;
    max-height:320px!important;
    object-fit:cover!important;
  }
  .upsarpanch-panel,
  .heritage-brand-card{
    padding:20px 16px!important;
    border-radius:16px!important;
  }
  .heritage-stats{
    gap:5px!important;
    margin:16px 0 12px!important;
  }
  .heritage-stats>div{padding:9px 6px!important}
  .heritage-stats strong{font-size:19px!important}
  .upsarpanch-numbers{gap:5px!important;margin:16px 0 18px!important}
  .upsarpanch-numbers div{padding:9px 5px!important}
  .upsarpanch-numbers strong{font-size:18px!important}

  /* Gallery: requested two items per row. */
  .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .gallery-media{aspect-ratio:1/1!important}
  .gallery-meta{padding:8px!important}
  .gallery-meta h3{font-size:11px!important}
  .gallery-meta p{font-size:8.5px!important}
  .gallery-filter{
    min-height:38px!important;
    padding:0 11px!important;
    font-size:10px!important;
  }

  /* Footer + floating WhatsApp */
  .footer-shell{
    padding:30px var(--mobile-pad) max(18px,calc(10px + env(safe-area-inset-bottom)))!important;
  }
  .footer-top{gap:23px!important}
  .footer-about p{
    font-size:11px!important;
    margin:12px 0 15px!important;
  }
  .footer-links{gap:20px 12px!important}
  .footer-links h4{font-size:9px!important}
  .footer-links a,
  .footer-franchise p{font-size:10px!important}
  .footer-franchise .footer-phone{font-size:16px!important}
  .footer-bottom{margin-top:22px!important}

  .wa-float{
    min-width:44px!important;
    min-height:44px!important;
    right:max(9px,calc(env(safe-area-inset-right) + 6px))!important;
    bottom:max(9px,calc(env(safe-area-inset-bottom) + 6px))!important;
  }
  .wa-float span{
    width:34px!important;
    height:34px!important;
  }
}

/* Extra-small phones: keep content usable without collapsing cards to 1 column. */
@media(max-width:370px){
  :root{--mobile-pad:12px}
  .site-header .brand-logo-shell{
    width:112px!important;
    min-width:112px!important;
  }
  .site-header .brand-logo-img{max-width:104px!important}
  .lang-switch button{min-width:23px!important;padding:0 3px!important}
  .hero h1{font-size:30px!important}
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .product-grid,
  .product-grid.preview-grid,
  .product-grid.full-grid,
  .gallery-grid,
  .page-home .chai .cards.four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}