@font-face{font-family:'Anek Latin';src:url('/fonts/AnekLatin-Roman-Variable.woff2') format('woff2');font-weight:100 800;font-stretch:75% 125%;font-style:normal;font-display:swap}
@font-face{font-family:'PNP Figures';src:url('/fonts/PNPFigures-Variable.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap;unicode-range:U+25,U+2C,U+2E,U+30-39,U+20B9}
@font-face{font-family:'PNP Text';src:url('/fonts/PNPText-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{color-scheme:light dark;
--canvas:#f6f5f1;--surface:#fff;--panel:#e6e6e3;--ink:#1b333b;--ink-muted:#4b626a;--line:#cbcbc7;--line-strong:#6b7f86;
--brand:#ffb614;--brand-hover:#f9a80d;--on-brand:#1b333b;--brand-text:#9f5102;--focus:#1b333b;--veg:#047f21;--veg-plate:#fff;
--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;
--r-control:.75rem;--r-card:1rem;--r-pill:999px;
--font-display:'Anek Latin','Arial Narrow',system-ui,sans-serif;--font-body:'PNP Figures','PNP Text',system-ui,sans-serif;--gutter:16px}
@media (prefers-color-scheme:dark){:root{--canvas:#0d2329;--surface:#1b333b;--panel:#2b4148;--ink:#e6e6e3;--ink-muted:#b3b5b1;--line:#3c5158;--line-strong:#758c94;--brand-text:#ffb614;--focus:#e6e6e3}}
:root{--slate:#1b333b;--slate-deep:#0d2329;--saffron:#ffb614;--saffron-hi:#ffdb53;--silver:#e6e6e3;--white:#fff;--s10:2.5rem;--s24:6rem}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.5;overflow-wrap:break-word;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.2em}
ul{list-style:none;margin:0;padding:0}
p{margin:0 0 var(--s4)}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:var(--gutter);top:-4rem;background:var(--saffron);color:var(--slate);padding:var(--s2) var(--s4);border-radius:var(--r-control);z-index:30}
.skip:focus{top:var(--s2)}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding-inline:var(--gutter)}
h1,h2,h3{font-family:var(--font-display);font-weight:800;font-stretch:87.5%;font-variation-settings:'wdth' 87.5;margin:0;line-height:1.05;letter-spacing:-.01em}
h2{font-size:clamp(2.25rem,5.5vw,4rem)}
h3{font-size:1.25rem}

.site-header{position:sticky;top:0;z-index:20;background:var(--slate);color:var(--white)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:68px}
.logo img{height:44px;width:auto}
.nav{display:flex;gap:var(--s6);font-weight:600}
.nav a{padding:var(--s2) 0;text-decoration:none}
.nav a:hover{color:var(--saffron)}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s6);background:var(--saffron);color:var(--slate);border:2px solid transparent;border-radius:var(--r-control);font-family:var(--font-display);font-weight:800;font-size:1.0625rem;text-decoration:none;transition:transform .15s ease,background .15s ease}
.btn:hover{background:var(--saffron-hi);transform:translateY(-2px)}
.btn-lg{min-height:56px;font-size:1.1875rem;padding:0 var(--s8)}
.btn-block{width:100%}
.btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.btn-ghost:hover{background:transparent;color:var(--saffron)}
.btn-dark{background:var(--slate);color:var(--white)}
.btn-dark:hover{background:var(--slate-deep)}
.chip{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--s3);border-radius:var(--r-pill);background:var(--slate);color:var(--saffron);font-weight:700;font-size:.8125rem}
.chip-line{background:transparent;border:1.5px solid var(--saffron)}

.hero{background:var(--slate);color:var(--white);overflow:hidden}
.hero-grid{display:grid;gap:var(--s8);align-items:center;padding-block:var(--s10) var(--s12)}
.hero h1{font-size:clamp(3.5rem,14.5vw,8.25rem);line-height:.9;font-stretch:75%;font-variation-settings:'wdth' 75;margin-top:var(--s4)}
.hero h1 em{display:block;font-style:normal;color:var(--saffron)}
.hero-sub{font-size:1.25rem;line-height:1.6;max-width:30rem;margin:var(--s6) 0 var(--s8);color:var(--silver)}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--s3)}
.stage{position:relative;width:100%;max-width:620px;aspect-ratio:1/1;margin-inline:auto}
.sun{position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--saffron-hi),var(--saffron) 58%,#f19703)}
.orbit{position:absolute;inset:-2%;width:104%;height:104%;overflow:visible}
.orbit ellipse{fill:none;stroke:var(--saffron);stroke-width:5;opacity:.55}
.p{position:absolute;height:auto;filter:drop-shadow(0 18px 22px rgba(13,35,41,.45))}
.p-laddoos{--r:-7deg;width:47%;left:5%;top:3%;transform:rotate(var(--r));animation:bob 6s ease-in-out infinite}
.p-chana{--r:6deg;width:47%;right:4%;top:10%;transform:rotate(var(--r));animation:bob 6s ease-in-out -2s infinite}
.p-bar{--r:0deg;width:88%;left:6%;bottom:3%;animation:bob 6s ease-in-out -4s infinite}
@keyframes bob{50%{transform:translateY(-10px) rotate(var(--r))}}

.ticker{background:var(--saffron);color:var(--slate);overflow:hidden;padding-block:var(--s3)}
.ticker-track{display:flex;width:max-content;animation:slide 38s linear infinite}
.ticker-track>div{display:flex;flex:none}
.ticker span{font-family:var(--font-display);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75;font-size:clamp(1.5rem,3.6vw,2.25rem);line-height:1.2;white-space:nowrap;padding-inline:var(--s6);position:relative}
.ticker span::after{content:'';position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--slate)}
@keyframes slide{to{transform:translateX(-50%)}}

.band{padding-block:var(--s16)}
.band-panel{background:var(--panel)}
.band-slate{background:var(--slate);color:var(--white)}
.band-head{display:grid;gap:var(--s4);margin-bottom:var(--s10)}
.band-head p{font-size:1.125rem;color:var(--ink-muted);max-width:26rem;margin:0}
.pgrid{display:grid;gap:var(--s4);grid-template-columns:1fr}
.pcard{border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;height:100%}
.g-slate{background:var(--slate);color:var(--white)}
.g-saffron{background:var(--saffron);color:var(--slate)}
.g-silver{background:var(--silver);color:var(--slate)}
.g-saffron .btn,.g-silver .btn{background:var(--slate);color:var(--white)}
.g-saffron .btn:hover,.g-silver .btn:hover{background:var(--slate-deep)}
.g-slate .chip{background:var(--saffron);color:var(--slate)}
.pcard-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:var(--s6)}
.pcard-img img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(13,35,41,.35));transition:transform .25s ease}
.pcard:hover .pcard-img img{transform:translateY(-6px) rotate(-2deg) scale(1.03)}
.pcard-body{padding:0 var(--s5) var(--s5);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s2)}
.pcard h3{font-size:1.75rem;font-stretch:75%;font-variation-settings:'wdth' 75;line-height:1.05}
.pcard h3 a{text-decoration:none}
.pcard h3 a:hover{text-decoration:underline}
.pcard p{margin:0 0 var(--s3)}
.pcard .btn{margin-top:auto}
.veg{display:inline-flex}
.closer{display:grid;gap:var(--s8);align-items:end}
.closer-copy p{font-size:1.125rem;color:var(--ink-muted);margin:var(--s3) 0 0;max-width:24rem}
.mosaic{display:grid;gap:var(--s3);grid-template-columns:1.25fr 1fr;grid-template-rows:auto auto}
.mosaic img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-card)}
.m1{grid-row:span 2;min-height:320px}
.m2,.m3{aspect-ratio:4/3}
.label-row{display:grid;gap:var(--s8);align-items:center}
.label-art{max-width:400px;margin-inline:auto;transform:rotate(-3deg)}
.label-art img{border-radius:var(--s2);box-shadow:0 24px 40px rgba(0,0,0,.4)}
.label-copy p{font-size:1.125rem;color:var(--silver);margin:var(--s4) 0 var(--s6);max-width:30rem}
.final{background:var(--saffron);color:var(--slate);text-align:center;padding-block:var(--s16)}
.final h2{font-size:clamp(3rem,10vw,6.5rem);font-stretch:75%;font-variation-settings:'wdth' 75;line-height:.95}
.final p{font-size:1.125rem;margin:var(--s4) 0 var(--s6)}

.site-footer{background:var(--slate-deep);color:var(--silver);padding-block:var(--s12);font-size:.9375rem}
.foot{display:grid;gap:var(--s8)}
.foot-brand img{height:60px;width:auto;margin-bottom:var(--s3)}
.foot-nav{display:grid;gap:var(--s2);align-content:start}
.foot-nav a{text-decoration:none}
.foot-nav a:hover{color:var(--saffron)}
.foot-legal p{margin:0 0 var(--s3)}
.fssai{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3);color:var(--white)}
.plate{background:#fff;border-radius:var(--s1);padding:var(--s1) var(--s2);display:inline-flex}
.plate img{height:32px;width:auto}

main{display:block;padding-block:var(--s6) var(--s16)}
main.bare{padding:0}
.pdp{display:grid;gap:var(--s6)}
.gallery{min-width:0}
.viewer{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:var(--r-card);background:var(--silver);scrollbar-width:none}
.viewer::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.slide img{width:100%;height:100%}
.slide.contain{padding:var(--s6)}
.slide.contain img{object-fit:contain}
.slide.cover img{object-fit:cover}
.thumbs{display:flex;gap:var(--s2);margin-top:var(--s3);overflow-x:auto;padding:3px;scrollbar-width:none}
.thumbs::-webkit-scrollbar{display:none}
.thumbs button{flex:0 0 68px;height:68px;padding:0;border:2px solid transparent;border-radius:var(--r-control);background:var(--silver);overflow:hidden;cursor:pointer}
.thumbs button[aria-current]{border-color:var(--saffron)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.buy{min-width:0}
.crumb{font-size:.875rem;color:var(--ink-muted);margin-bottom:var(--s4)}
.buy-tags{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}
.buy .chip{background:var(--panel);color:var(--ink)}
.buy h1{font-size:clamp(2.75rem,7vw,4.25rem);font-stretch:75%;font-variation-settings:'wdth' 75;line-height:.98}
.common{font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin:var(--s2) 0 var(--s4);color:var(--ink-muted)}
.blurb{font-size:1.125rem;line-height:1.6}
.price{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s4);margin-bottom:var(--s4);border-block:1px solid var(--line)}
.price strong{font-family:var(--font-display);font-weight:800;font-size:2.5rem;line-height:1}
.price span{font-size:.875rem;line-height:1.35;color:var(--ink-muted)}
.buy-note{font-size:.9375rem;color:var(--ink-muted);text-align:center;margin:var(--s3) 0 var(--s5)}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}
.quick li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-control);padding:var(--s3);font-weight:700;font-size:.9375rem;line-height:1.25}
.quick span{display:block;font-weight:400;font-size:.75rem;color:var(--ink-muted);margin-bottom:2px}
.specs{display:grid;gap:var(--s4);margin-top:var(--s12)}
.spec-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s5);min-width:0}
.spec-card h2{font-size:1.75rem;font-stretch:75%;font-variation-settings:'wdth' 75;margin-bottom:var(--s3)}
.spec-card h3{margin:var(--s5) 0 var(--s2)}
.spec-card p:last-child{margin-bottom:0}
.ingredients{font-size:1.125rem;line-height:1.6}
.meta{color:var(--ink-muted);margin-bottom:var(--s3)}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:.9375rem}
th,td{padding:var(--s2) var(--s2);border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
thead th{font-size:.8125rem;color:var(--ink-muted);font-weight:700;border-bottom:2px solid var(--line-strong)}
th:first-child{text-align:left;padding-left:0}
tbody th{font-weight:600}
tbody th.sub{font-weight:400;padding-left:var(--s4)}
td:last-child,th:last-child{padding-right:0}
.note{font-size:.8125rem;color:var(--ink-muted);margin:var(--s3) 0 0}
.more{margin-top:var(--s16)}
.more h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--s6)}
.prose{max-width:44rem;padding-block:var(--s8)}
.prose h1{font-size:clamp(2.75rem,7vw,4.25rem);font-stretch:75%;font-variation-settings:'wdth' 75;margin-bottom:var(--s4)}
.prose h2{font-size:1.5rem;margin:var(--s6) 0 var(--s2)}
.lead{font-size:1.25rem;line-height:1.6;color:var(--ink-muted)}
.facts{margin:0}
.facts div{padding-block:var(--s3);border-bottom:1px solid var(--line)}
.facts dt{font-size:.875rem;color:var(--ink-muted)}
.facts dd{margin:0;font-weight:600}

@media (min-width:640px){
:root{--gutter:24px}
.pgrid{grid-template-columns:repeat(3,1fr)}
.pgrid-2{grid-template-columns:repeat(2,1fr)}
.foot{grid-template-columns:1fr 1fr}
.specs{grid-template-columns:1fr 1fr}
.spec-nutrition{grid-row:span 2}
}
@media (min-width:960px){
:root{--gutter:40px}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding-block:var(--s12) var(--s16);min-height:calc(100vh - 68px - 60px)}
.band{padding-block:var(--s24)}
.final{padding-block:var(--s24)}
.band-head{grid-template-columns:1fr auto;align-items:end}
.closer{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.label-row{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s16)}
.foot{grid-template-columns:1.1fr 1fr 1.5fr}
.pdp{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s12);align-items:start}
.buy{position:sticky;top:88px}
.pgrid-2{max-width:800px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.p,.ticker-track{animation:none}
.ticker-track>div:last-child{display:none}
.ticker-track{width:auto;flex-wrap:wrap}
.btn,.pcard-img img{transition:none}
}