/* ===== DESIGN SYSTEM: change colours here ===== */
:root{--blue:#2F8CE8;--navy:#14213D;--plum:#14213D;--cream:#FFF6E4;--pink:#F9A8C9;--sage:#CDEBB0;--peach:#FFE27A;--yellow:#FFD23F;--green:#2F7D3A;--orange:#FF8A1F;--red:#E8402A}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--navy);font:17px/1.65 'Nunito',system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.logo{font-family:'Lilita One','Arial Black',sans-serif;font-weight:400;line-height:1.02}
h2{font-size:clamp(34px,5.5vw,64px);text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}
a{color:inherit}
:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.wrap{max-width:1120px;margin:auto;padding:0 22px}
.panel{padding:72px 0}
.lead{max-width:560px;margin-bottom:34px;font-size:19px}
.hand{font:700 30px/1.1 'Caveat',cursive}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--navy);color:#fff;padding:13px 28px;border-radius:99px;font:800 16px 'Nunito';text-decoration:none;border:0;cursor:pointer;transition:transform .2s,background .2s,color .2s;box-shadow:0 5px 0 rgba(0,0,0,.18)}
.btn:hover{transform:translateY(-3px);background:var(--orange)}
.btn.white{background:#fff;color:var(--navy)}.btn.yellow{background:var(--yellow);color:var(--navy)}.btn.yellow:hover{background:#fff}
.btn.soft{background:var(--pink);color:var(--navy)}
.btn.wa{background:#25D366;color:#073B1B}.btn.wa:hover{background:#1ebd5a}
header{position:sticky;top:0;z-index:20;background:var(--blue);transition:background .4s}
.bar{max-width:1120px;margin:auto;display:flex;align-items:center;gap:16px;padding:8px 22px;flex-wrap:wrap}
.logo{display:flex;margin-right:auto}.logo img{height:56px;width:auto;display:block}
.bar nav{display:flex;gap:6px}.bar nav a{padding:6px 14px;border-radius:99px;text-decoration:none;font-weight:800;font-size:15px;color:#fff}
.bar nav a:hover{background:rgba(255,255,255,.2)}.bar nav a[aria-current]{background:#fff;color:var(--blue)}
.hero{background:var(--blue);color:#fff;position:relative;overflow:hidden;padding:40px 0 110px;border-radius:0 0 50px 50px;transition:background .4s;background-image:radial-gradient(circle at 8% 104%,rgba(255,255,255,.9) 0 80px,transparent 81px),radial-gradient(circle at 22% 108%,rgba(255,255,255,.9) 0 70px,transparent 71px),radial-gradient(circle at 92% 104%,rgba(255,255,255,.9) 0 90px,transparent 91px)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.hero h1{font-size:clamp(46px,7.4vw,96px);text-transform:uppercase;text-shadow:4px 4px 0 var(--navy);line-height:.95}
.hero h1 em{font-style:normal;color:var(--yellow)}
.tags{margin:22px 0}.tags span{display:block;width:max-content;background:var(--yellow);color:var(--navy);padding:3px 16px;font:400 18px 'Lilita One';text-transform:uppercase;margin:6px 0;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--navy)}
.tags span:nth-child(even){transform:rotate(1.5deg);margin-left:14px}
.hero p.sub{max-width:430px;margin-bottom:26px;font-size:18px}
.hv{position:relative}
.frame{aspect-ratio:4/5;max-width:370px;margin-left:auto;border:8px solid #fff;border-radius:44px;overflow:hidden;transform:rotate(3deg);box-shadow:0 26px 40px rgba(0,0,0,.28)}
.frame img{width:100%;height:100%;object-fit:cover;display:block}
.hv .hand{position:absolute;right:-6px;top:-18px;transform:rotate(6deg);text-align:center;max-width:150px;z-index:2}
@keyframes bob{50%{transform:translateY(-14px) rotate(6deg)}}
.strip{background:#fff;padding:26px 0;margin-top:-50px;position:relative;z-index:1;border-radius:30px;max-width:1040px;margin-inline:auto;box-shadow:0 10px 30px rgba(20,33,61,.1)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.strip svg{width:42px;height:42px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.strip b{display:block;font:700 15px/1.25 'Nunito'}
.label{display:inline-block;background:var(--yellow);padding:3px 18px;font:400 20px 'Lilita One';text-transform:uppercase;transform:rotate(-2deg);margin-bottom:12px}
.fhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.pouches{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:start}
.pouch{text-decoration:none;display:flex;flex-direction:column;gap:14px;align-items:center;transition:transform .25s}
.pouch:hover{transform:translateY(-8px) rotate(-1.5deg)}
.pk{position:relative;width:100%;aspect-ratio:3/4.3;background:var(--c);border-radius:10px 10px 22px 22px;box-shadow:0 14px 24px rgba(20,33,61,.22);padding:24px 9px 9px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;overflow:hidden}
.pk::before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 3px,transparent 3px 7px)}
.pk .badge{background:#fff;border-radius:12px;padding:3px 8px}.pk .badge img{height:24px;width:auto;display:block}
.pk b{font:400 16px/1.05 'Lilita One';text-transform:uppercase;text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.pimg{margin-top:auto;width:100%;flex:1;min-height:0;border-radius:80px 80px 10px 10px;overflow:hidden}.pimg img{width:100%;height:100%;object-fit:cover;display:block}
.pill{background:var(--c);color:#fff;padding:6px 16px;border-radius:99px;font:800 14px 'Nunito';text-shadow:0 1px 0 rgba(0,0,0,.25);white-space:nowrap}
.smallbite{background:var(--green);color:#fff;padding:90px 0;clip-path:polygon(0% 0,5% 3%,10% 0,15% 3%,20% 0,25% 3%,30% 0,35% 3%,40% 0,45% 3%,50% 0,55% 3%,60% 0,65% 3%,70% 0,75% 3%,80% 0,85% 3%,90% 0,95% 3%,100% 0,100% 100%,95% 97%,90% 100%,85% 97%,80% 100%,75% 97%,70% 100%,65% 97%,60% 100%,55% 97%,50% 100%,45% 97%,40% 100%,35% 97%,30% 100%,25% 97%,20% 100%,15% 97%,10% 100%,5% 97%,0% 100%);margin:20px 0}
.smallbite h2{font-size:clamp(40px,6vw,76px);line-height:.98}
.smallbite p{max-width:420px;margin:14px 0 24px;font-size:18px}
.bigpuff{position:relative;max-width:420px;margin:auto;width:100%}
.circ{aspect-ratio:1;border-radius:50%;overflow:hidden;border:8px solid #fff;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.circ img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:scale(1.5);display:block}
.note{position:absolute;padding:6px 14px;font:400 17px/1.1 'Lilita One';text-transform:uppercase;color:var(--navy);box-shadow:3px 3px 0 var(--navy);text-align:center}
.n1{background:var(--pink);left:-18px;top:14px;transform:rotate(-6deg)}.n2{background:var(--yellow);right:-14px;top:0;transform:rotate(5deg)}.n3{background:#8EC8FF;left:-14px;bottom:30px;transform:rotate(4deg)}.n4{background:#BDE87F;right:-10px;bottom:10px;transform:rotate(-5deg)}
.rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 6px 26px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
.pol{flex:0 0 min(260px,74vw);scroll-snap-align:start;background:#fff;padding:12px 12px 14px;box-shadow:0 12px 26px rgba(20,33,61,.18);transform:rotate(-2deg);transition:transform .25s;text-decoration:none}
.pol:nth-child(even){transform:rotate(2deg)}.pol:hover{transform:rotate(0) translateY(-6px)}
.pol img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.pol span{display:block;margin-top:10px;font:400 18px 'Lilita One';text-transform:uppercase}
.ctl{display:flex;gap:10px}.ctl button{width:46px;height:46px;border-radius:50%;border:2px solid var(--navy);background:#fff;font-size:20px;cursor:pointer}.ctl button:hover{background:var(--navy);color:#fff}
.testi{background:var(--pink);border-radius:60px;margin:0 14px;padding:70px 0;overflow:hidden}
.testi .wrap{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:22px;align-items:center}
.testi h2{text-transform:none;font-size:clamp(34px,5vw,60px)}
.testi .ctl button{background:#fff}
.cta{background:var(--yellow);border-radius:50px 120px 50px 90px;margin:30px 14px;padding:60px 0;position:relative;overflow:hidden}
.cta .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.cta .cp{display:flex;gap:14px;justify-content:center}.cta .cp div{width:140px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid #fff;box-shadow:0 10px 20px rgba(0,0,0,.2)}.cta .cp div:nth-child(2){margin-top:34px}
.cta img{width:100%;height:100%;object-fit:cover;display:block}
.phero{background:var(--blue);color:#fff;padding:54px 0 70px;border-radius:0 0 50px 50px}
.phero h1{font-size:clamp(44px,8vw,92px);text-transform:uppercase;text-shadow:4px 4px 0 var(--navy)}.phero p{max-width:540px;font-size:19px;margin-top:14px}
.row4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:20px}
.why,.ing,.big,.card{background:#fff;border-radius:26px;box-shadow:0 10px 26px rgba(20,33,61,.1)}
.why{padding:26px}.why svg{width:46px;height:46px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;background:var(--yellow);border-radius:50%;padding:9px;margin-bottom:12px}
.why h3,.card h3{font-size:24px;text-transform:uppercase}
.ing{display:flex;gap:14px;align-items:center;padding:10px 24px 10px 10px;border-radius:99px}.ing b{width:54px;height:54px;border-radius:50%;background:var(--c);flex:none;box-shadow:inset 0 0 0 3px rgba(20,33,61,.15)}.ing h3{font-size:20px}.ing p{font-size:14px;line-height:1.3}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:24px}
.card{padding:16px;display:flex;flex-direction:column;gap:10px;transition:transform .25s}.card:hover{transform:translateY(-6px)}
.card small{font-weight:800;background:var(--yellow);align-self:flex-start;padding:1px 12px;border-radius:99px}.card p{font-size:15px;line-height:1.5}
.pic{position:relative;border-radius:20px;overflow:hidden}.pic.photo{aspect-ratio:4/5}
.pic.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s,transform .7s}
.pic.photo img+img{opacity:0}.pic.photo:hover img+img,.pic.photo.flip img+img{opacity:1}.pic.photo:hover img:first-child{transform:scale(1.05)}.card .pic.photo{cursor:pointer}
.buy{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:6px}.buy .btn{padding:10px 18px;font-size:15px}
.qty{display:inline-flex;align-items:center;border:2px solid var(--navy);border-radius:99px;overflow:hidden;background:#fff}
.qty button{width:38px;height:38px;border:0;background:var(--yellow);color:var(--navy);font:800 20px 'Nunito';cursor:pointer}.qty button:hover{background:var(--navy);color:#fff}.qty output{min-width:40px;text-align:center;font-weight:800}
.big{padding:28px}
form{display:grid;gap:14px}label{font-weight:800;display:grid;gap:4px}
input,textarea{width:100%;padding:13px 16px;border:2px solid var(--navy);border-radius:16px;background:#fff;color:var(--navy);font:inherit}
.cinfo p{margin-bottom:16px}
.mapbox{margin-top:26px;border-radius:26px;overflow:hidden;box-shadow:0 12px 28px rgba(20,33,61,.18);background:#fff}.mapbox iframe{display:block;width:100%;height:230px;border:0}
.mapbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;background:var(--yellow);font-weight:800}.mapbar a{background:var(--navy);color:#fff;padding:6px 16px;border-radius:99px;text-decoration:none}
footer{background:#fff;padding:50px 0 24px;margin-top:30px;border-radius:50px 50px 0 0}
footer .wrap{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.3fr;gap:30px}
footer h3{font-size:19px;text-transform:uppercase;margin-bottom:10px}footer a{display:block;text-decoration:none}footer a:hover{color:var(--orange)}
footer .logo img{height:80px}
.soc{display:flex;gap:10px;margin-top:12px}.soc a{width:38px;height:38px;border-radius:50%;background:var(--navy);display:grid;place-items:center}.soc svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:2}
.nf{display:flex;gap:8px}.nf input{border-radius:99px}.nf button{width:48px;height:48px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:20px;cursor:pointer;flex:none}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:14px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(20,33,61,.15)}.copy a{display:inline;margin-left:14px}
.fab{position:fixed;right:16px;bottom:16px;z-index:30}.fab .btn{box-shadow:0 5px 0 #073B1B}
.cartp{position:fixed;right:16px;bottom:78px;z-index:30;width:min(350px,calc(100vw - 32px));max-height:68vh;overflow:auto;background:#fff;border-radius:26px;padding:20px;box-shadow:0 14px 34px rgba(20,33,61,.3)}
.cartp[hidden]{display:none}.cartp h3{font-size:24px;margin-bottom:10px;text-transform:uppercase}
.row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:2px dashed rgba(20,33,61,.25)}.row button{border:0;background:none;font-size:22px;cursor:pointer;color:inherit}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.js .rv.in{opacity:1;transform:none}
@media(max-width:900px){.hero .wrap,.two,.cta .wrap{grid-template-columns:1fr}.frame{margin:10px auto 0}.hv .hand{right:4%}.pouches{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.pouch{flex:0 0 150px;scroll-snap-align:start}.strip{margin-inline:14px}.strip .wrap{grid-template-columns:repeat(2,1fr)}.testi .wrap{grid-template-columns:1fr 1fr}.testi .ctl{display:none}.testi .tq,.testi .tp{grid-column:1/-1}footer .wrap{grid-template-columns:1fr 1fr}.bar{justify-content:center}.logo{margin:0 auto 0 0}.bar nav{order:5;width:100%;justify-content:center;flex-wrap:wrap}}
@media(max-width:520px){.wrap{padding:0 16px}.panel{padding:46px 0}.logo img{height:44px}.bar{gap:8px;padding:6px 14px}.bar .btn{padding:9px 16px;font-size:14px}.bar nav a{padding:5px 11px;font-size:14px}.hero{padding:26px 0 90px;border-radius:0 0 32px 32px}.tags span{font-size:15px}.smallbite{padding:60px 0}.note{font-size:13px;padding:4px 9px}.testi{border-radius:34px;margin:0 8px;padding:44px 0}.cta{margin:20px 8px;border-radius:34px 70px 34px 50px}.cta .cp div{width:104px}footer .wrap{grid-template-columns:1fr}.qty button{width:42px;height:42px}.buy .btn{flex:1}.big{padding:20px}.phero{border-radius:0 0 32px 32px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.cta .cp div{flex:0 0 140px;height:140px}
footer .wrap.copy{display:flex;grid-template-columns:none}
@media(max-width:520px){.cta .cp div{flex-basis:104px;height:104px}}
/* Why section: photo medallions popping out of the cards */
.why-grid{margin-top:96px;gap:100px 22px}
.why{position:relative;padding:104px 22px 28px;text-align:center;transition:transform .3s}
.why:hover{transform:translateY(-6px)}
.why:nth-child(odd){transform:rotate(-1.2deg)}.why:nth-child(even){transform:rotate(1.2deg)}.why:hover{transform:rotate(0) translateY(-6px)}
.wimg{position:absolute;left:50%;top:-84px;width:170px;height:170px;margin-left:-85px;border-radius:50%;border:6px solid #fff;box-shadow:0 16px 28px rgba(20,33,61,.25);animation:bob 6s ease-in-out infinite;transition:transform .5s}
.why:nth-child(2) .wimg{animation-delay:-1.5s}.why:nth-child(3) .wimg{animation-delay:-3s}.why:nth-child(4) .wimg{animation-delay:-4.5s}
.why:hover .wimg{animation:none;transform:rotate(14deg) scale(1.08)}
.why h3{margin-bottom:6px}
/* Ingredients: floating bowls with name tags */
.ings{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 34px;padding-bottom:30px}
.ingr{width:158px;text-align:center}
.ingr:nth-child(even){transform:translateY(28px)}
.orb{width:158px;height:158px;border-radius:50%;border:6px solid #fff;box-shadow:0 16px 26px rgba(20,33,61,.22);overflow:hidden;transition:transform .4s}
.orb img{width:100%;height:100%;display:block;object-fit:cover}
.ingr:hover .orb{transform:rotate(-10deg) scale(1.1)}
.ingr h3{display:inline-block;background:#fff;border-radius:99px;padding:4px 16px;margin-top:-18px;position:relative;font-size:20px;text-transform:uppercase;box-shadow:0 6px 12px rgba(20,33,61,.15)}
.ingr p{font-size:14px;margin-top:6px;font-weight:700}
@media(max-width:520px){.why-grid{gap:96px 20px}.ings{gap:34px 14px}.ingr,.orb{width:140px}.ingr{width:calc(50% - 10px)}.orb{width:min(140px,100%);height:auto;aspect-ratio:1;margin:auto}}
.why-grid{margin-top:124px}
.ings{gap:40px 26px}.ingr,.orb{width:146px}.orb{height:146px}
@media(max-width:520px){.why-grid{margin-top:110px}.ings{gap:34px 14px}.ingr{width:calc(50% - 10px)}.orb{width:min(140px,100%);height:auto}}
/* FSSAI */
.fssai{background:var(--navy);color:#fff;border-radius:50px;margin:30px 14px;padding:80px 0;overflow:hidden}
.fssai h2{margin:18px 0 12px}.fssai p{max-width:480px}
.stamp{display:inline-flex;align-items:center;gap:12px;border:4px dashed #6CD27A;color:#6CD27A;border-radius:99px;padding:8px 24px 8px 14px;font:400 22px/1 'Lilita One';text-transform:uppercase;transform:rotate(-4deg)}
.stamp svg{width:40px;height:40px;stroke:#6CD27A;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.facts{list-style:none;padding:0;margin:20px 0 10px;display:grid;gap:10px;max-width:480px}
.facts li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;background:rgba(255,255,255,.1);border-radius:16px;padding:10px 16px}
.facts b{color:var(--yellow)}.facts span{font-weight:800}
.hint{font-size:14px;opacity:.8}
.lany{position:relative;width:min(380px,100%);margin:0 auto;padding-top:96px;transform-origin:50% 0;animation:sway 7s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
.strap{position:absolute;left:50%;top:-80px;width:34px;height:170px;margin-left:-17px;background:var(--green);background-image:repeating-linear-gradient(180deg,transparent 0 16px,rgba(255,255,255,.3) 16px 18px);border-radius:0 0 4px 4px}
.clip{position:absolute;left:50%;top:84px;width:56px;height:34px;margin-left:-28px;background:linear-gradient(#E4E8EE,#AEB5C0);border-radius:8px;z-index:2;box-shadow:0 3px 6px rgba(0,0,0,.35)}
.clip::after{content:"";position:absolute;left:50%;top:9px;width:24px;height:8px;margin-left:-12px;border-radius:6px;background:var(--navy)}
.idcard{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:16px;overflow:hidden;cursor:zoom-in;box-shadow:0 24px 44px rgba(0,0,0,.5);transition:transform .3s}
.idcard:hover{transform:scale(1.03)}.idcard img{width:100%;height:auto;display:block}
.lany:hover{animation-play-state:paused}
.lb{position:fixed;inset:0;z-index:60;background:rgba(20,33,61,.88);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.lb img{max-width:min(760px,100%);max-height:90vh;border-radius:14px;background:#fff}
.lb button{position:absolute;top:14px;right:18px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:24px;cursor:pointer}
.fchip{display:none;align-items:center;gap:10px;background:#fff;color:var(--navy);border-radius:99px;padding:6px 18px 6px 8px;margin-top:20px;font-weight:800;font-size:14px;text-decoration:none;box-shadow:0 5px 0 rgba(0,0,0,.15)}
.fchip img{height:34px;width:auto;display:block}.fchip small{display:block;font-weight:700;opacity:.75;font-size:12px}
.strip .wrap{grid-template-columns:repeat(5,1fr)}
.fsl{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;margin-top:12px}.fsl img{height:36px;width:auto;background:#fff;border-radius:8px;padding:2px}
@media(max-width:900px){.strip .wrap{grid-template-columns:repeat(2,1fr)}.strip .wrap>div:last-child{grid-column:1/-1}}
@media(max-width:520px){.fssai{border-radius:32px;margin:20px 8px;padding:56px 0}.stamp{font-size:18px}}
.clip{top:66px;height:36px}.strap{height:150px}

/* ---- v13: flavour colours, makhana, hamburger, reveal animations ---- */
.pk{color:var(--t,#fff)}.pk b{text-shadow:var(--ts,0 2px 0 rgba(0,0,0,.25))}
.pill{color:var(--t,#fff);text-shadow:var(--ts,0 1px 0 rgba(0,0,0,.25))}
.panel,.testi,.cta,.smallbite,.phero{position:relative}
.wrap{position:relative;z-index:1}
.mk{position:absolute;width:var(--s,44px);aspect-ratio:1;background:url(images/mk1.png) center/contain no-repeat;rotate:var(--r,0deg);animation:bob 6s ease-in-out infinite;pointer-events:none;z-index:0;filter:drop-shadow(0 6px 8px rgba(20,33,61,.28))}
.mk2{background-image:url(images/mk2.png)}.mk3{background-image:url(images/mk3.png)}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:transparent;cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:3px;background:#fff;border-radius:3px;transition:transform .3s,opacity .2s,top .3s}
.burger span:nth-child(1){top:11px}.burger span:nth-child(2){top:18px}.burger span:nth-child(3){top:25px}
.bar.open .burger span:nth-child(1){top:18px;transform:rotate(45deg)}.bar.open .burger span:nth-child(2){opacity:0}.bar.open .burger span:nth-child(3){top:18px;transform:rotate(-45deg)}
@keyframes drop{from{opacity:0;translate:0 -10px}}
@media(max-width:900px){.burger{display:block}.bar{justify-content:flex-start}.logo{margin:0 auto 0 0}.bar nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:6px;padding:8px 0 14px;animation:drop .3s ease}.bar.open nav{display:flex}.bar nav a{text-align:center;font-size:18px;padding:12px 14px;background:rgba(255,255,255,.14)}.bar nav a[aria-current]{background:#fff}}
@keyframes inl{from{opacity:0;translate:-44px 0}}@keyframes inr{from{opacity:0;translate:54px 0}}
.hero .wrap>div:first-child{animation:inl .9s ease both}.hv{animation:inr 1s .15s ease both}.phero .wrap{animation:inl .8s ease both}
.js .rv{opacity:0;transform:none;translate:0 28px;transition:opacity .8s ease,translate .8s ease}
.js .rv-l{translate:-56px 0}.js .rv-r{translate:56px 0}
.js .rv.in{opacity:1;translate:none}
.js .rv-st>*{opacity:0;translate:0 34px;scale:.94;transition:opacity .6s ease,translate .6s ease,scale .6s ease,transform .3s;transition-delay:calc(var(--i,0)*90ms)}
.js .rv-st.in>*{opacity:1;translate:none;scale:1}
.js .rv-st.done>*{transition-delay:0s}
main{overflow-x:clip}
.logo img{height:60px}
@media(max-width:520px){.logo img{height:46px}}
@media(max-width:900px){.smallbite>.mk:first-of-type{left:auto!important;right:6%;top:18px!important}}

/* ---- v15 ---- */
/* header: logo left, menu truly centred, button right; mobile = logo + hamburger only */
.bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.bar .logo{justify-self:start;margin:0}
.bar nav{justify-self:center;gap:10px}
.hr{justify-self:end;display:flex;align-items:center;gap:10px}
.bar nav .navcta{display:none}
@media(max-width:900px){
.bar{grid-template-columns:1fr auto;gap:0 10px}
.hr .btn{display:none}.burger{display:block}
.bar nav{grid-column:1/-1;justify-self:stretch;order:3;display:none;flex-direction:column;align-items:stretch;gap:6px;padding:10px 0 14px}
.bar.open nav{display:flex}
.bar nav a{text-align:center;font-size:18px;padding:12px 14px;background:rgba(255,255,255,.14);border-radius:99px}
.bar nav a[aria-current]{background:#fff;color:var(--blue)}
.bar nav a.navcta{display:flex;justify-content:center;background:var(--navy);color:#fff;margin-top:8px;font-weight:800;box-shadow:0 5px 0 rgba(0,0,0,.2)}
}
/* footer */
footer .wrap{grid-template-columns:1.3fr .8fr 1.1fr 1.2fr}
.ql a{padding:9px 0;line-height:1.4}
.pl a{padding:6px 0;line-height:1.35;font-weight:700}.pl em{display:block;font-style:normal;font-weight:400;font-size:14px;opacity:.75}
.sp a{padding:6px 0;font-weight:700}.sp p{margin-top:10px;line-height:1.6}
footer .copy{justify-content:center;text-align:center}
.soc{gap:12px;margin-top:16px}
.soc a{width:42px;height:42px;transition:transform .25s,box-shadow .25s}
.soc a svg{width:22px;height:22px;stroke:none;fill:none}.soc a.ig svg{stroke:#fff}
.soc a:hover{transform:translateY(-5px) rotate(-6deg) scale(1.1);box-shadow:0 8px 14px rgba(20,33,61,.3);color:inherit}
.soc a.fb{background:#1877F2}.soc a.ig{background:linear-gradient(45deg,#F9CE34 0%,#EE2A7B 55%,#6228D7 100%)}.soc a.yt{background:#FF0000}.soc a.in{background:#0A66C2}
@media(max-width:900px){footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:520px){footer .wrap{grid-template-columns:1fr}}
/* contact: creative Say hello */
.cinfo h2{margin:6px 0 4px}
.cinfo .hand{margin-bottom:22px;transform:rotate(-2deg);display:inline-block}
.ctiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ct{position:relative;display:flex;flex-direction:column;gap:2px;border-radius:26px;padding:18px 18px 18px 18px;text-decoration:none;box-shadow:0 12px 24px rgba(20,33,61,.14);transition:transform .3s,box-shadow .3s;overflow:hidden}
.ct::after{content:"";position:absolute;right:-26px;top:-26px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.28)}
.ct:nth-child(odd){transform:rotate(-1.4deg)}.ct:nth-child(even){transform:rotate(1.4deg)}
.ct:hover{transform:rotate(0) translateY(-6px);box-shadow:0 18px 30px rgba(20,33,61,.22)}
.ct small{font:700 13px 'Nunito';text-transform:uppercase;letter-spacing:1px;opacity:.75}
.ct b,.ct>a{font:400 20px/1.2 'Lilita One';word-break:break-word;text-decoration:none}
.ct>a:hover{text-decoration:underline}
.ci{width:46px;height:46px;border-radius:50%;background:var(--navy);display:grid;place-items:center;margin-bottom:10px;transition:transform .4s}
.ct:hover .ci{transform:rotate(-12deg) scale(1.12)}
.ci svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ct-mail{background:var(--yellow)}.ct-call{background:var(--pink)}.ct-wa{background:#7FE3A0}.ct-addr{background:#fff}
.ct-addr b{font:700 16px/1.4 'Nunito'}
@media(max-width:520px){.ctiles{grid-template-columns:1fr}}
.mapbox{margin-top:26px}
/* makhana: float + drift + slow spin */
@keyframes mkfloat{0%,100%{translate:0 0;scale:1}25%{translate:10px -16px;scale:1.07}50%{translate:-6px -28px;scale:.96}75%{translate:-12px -10px;scale:1.04}}
@keyframes mkspin{to{rotate:calc(var(--r,0deg) + 360deg)}}
.mk{animation:mkfloat var(--ft,7s) ease-in-out infinite,mkspin var(--st,26s) linear infinite}
.mk2{--ft:8.5s;--st:34s;animation-direction:normal,reverse}.mk3{--ft:6s;--st:20s}
/* A small bite: the bowl and notes come alive */
@keyframes wob{0%,100%{rotate:-2.5deg;translate:0 0}50%{rotate:2.5deg;translate:0 -14px}}
@keyframes kb{from{transform:scale(1.5) translate(0,0)}to{transform:scale(1.64) translate(-3%,3%)}}
@keyframes nt{0%,100%{translate:0 0}50%{translate:0 -9px}}
.bigpuff .circ{animation:wob 7s ease-in-out infinite}
.bigpuff .circ img{animation:kb 12s ease-in-out infinite alternate}
.note{animation:nt 4s ease-in-out infinite}.n2{animation-delay:-1s}.n3{animation-delay:-2s}.n4{animation-delay:-3s}

/* ---- v16: product details ---- */
.pk .pt{font:800 11px/1 'Nunito';text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-top:2px}
.pill{white-space:normal;text-align:center}
.tagrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wt{font:800 13px 'Nunito';background:var(--navy);color:#fff;border-radius:99px;padding:1px 12px}
.more{background:none;border:0;padding:6px 0 0;font:800 14px 'Nunito';color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.more:hover{color:var(--orange)}
@keyframes fade{from{opacity:0}}
.pm{position:fixed;inset:0;z-index:70;background:rgba(20,33,61,.82);display:grid;place-items:center;padding:14px;animation:fade .25s}
.pms{position:relative;background:#fff;border-radius:28px;width:min(660px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.pmh{padding:28px 30px 22px}.pmh h3{font-size:clamp(32px,6vw,46px);text-transform:uppercase;margin-top:10px}.pmh b{font:400 22px 'Lilita One';text-transform:uppercase;opacity:.95}
.pmx{position:absolute;top:12px;right:14px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--navy);font-size:26px;cursor:pointer;z-index:2}
.pmb{padding:6px 30px 30px}.pmb h4{font:400 21px 'Lilita One';text-transform:uppercase;margin:22px 0 8px}.pmb p{font-size:16px;line-height:1.6}
.alg{background:#FFF1C9;border-left:6px solid var(--yellow);border-radius:12px;padding:12px 16px;margin-top:14px;font-size:16px}
.ntw{overflow-x:auto}
.nt{width:100%;border-collapse:collapse;font-size:15px}
.nt th,.nt td{padding:7px 10px;border-bottom:1px solid rgba(20,33,61,.14);text-align:right}
.nt th[scope=row]{text-align:left;font-weight:700}
.nt thead th{background:var(--navy);color:#fff;font-size:13px}.nt thead th:first-child{text-align:left;border-radius:10px 0 0 0}.nt thead th:last-child{border-radius:0 10px 0 0}
.nt tbody tr:nth-child(even){background:#F7F3EA}
.srv{font-size:14px!important;opacity:.8;margin-top:8px}
.pmb .btn{margin-top:22px}
@media(max-width:520px){.pmh,.pmb{padding-left:18px;padding-right:18px}.nt{font-size:13px}.nt th,.nt td{padding:6px 5px}}

.pouches{grid-template-columns:repeat(5,1fr)}


#fssai.fssai.rv.in.done{
    display:none;
}