/* Customer website — base design. Colours, fonts and sizes come from Admin → Website (CSS variables set in the page). */
:root{--y:#ffc907;--r:#d92b1c;--m:#8b1a10;--i:#3b2e9e;--g:#1a8f3c;--bg:#fff8e7;--c:#fff;--t:#2b1d16;--mu:#7a6a60;--b:#eadfc8;--cream:#fff3c4}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:auto}
body{margin:0;background:var(--bg);color:var(--t);font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--i);outline-offset:2px}
.in{max-width:1180px;margin:auto}

/* ---------- header (centred) ---------- */
.hd{background:var(--y);padding:16px 14px 14px}
.brand{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left}
.brand img{width:62px;height:62px;border-radius:50%;border:2px solid var(--m);object-fit:cover;background:#fff;flex:none}
.brand h1{margin:0;font-size:26px;color:var(--m);line-height:1.05;letter-spacing:-.3px}.brand small{display:block;color:var(--i);font-weight:700;font-size:15px;margin-top:3px}
.tags{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px auto 0;max-width:520px}
.tags span{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:12px;padding:9px 6px;font-size:13.5px;font-weight:800;color:var(--m);text-align:center;line-height:1.2}
.gd{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--g);flex:none}
.tools{display:flex;gap:8px;margin:12px auto 0;max-width:520px}.tools input{flex:1;min-width:0;font:inherit;padding:12px 14px;border:0;border-radius:12px;background:#fff}
.jt{white-space:nowrap;border:2px solid var(--m);background:transparent;color:var(--m);border-radius:12px;padding:0 14px;font-weight:800}.jt.on{background:var(--m);color:#fff}
#jn{display:none;background:#e8f6ec;color:#14632b;padding:9px 14px;text-align:center;font-size:14px;font-weight:600}
#note{background:var(--cream);color:var(--m);padding:8px 14px;text-align:center;font-size:14px;font-weight:600}

/* ---------- category bar ---------- */
#nav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--b);box-shadow:0 3px 8px #0000000f}
#nav .in{display:flex;align-items:center}
.allb{flex:none;margin:8px 0 8px 10px;border:0;background:var(--m);color:#fff;border-radius:99px;padding:8px 14px;font-weight:800;font-size:14px}
#chips{display:flex;gap:8px;overflow-x:auto;padding:8px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1}#chips::-webkit-scrollbar{display:none}
#chips a{flex:none;text-decoration:none;color:var(--m);background:var(--cream);border:1.5px solid #f3dc8a;border-radius:99px;padding:7px 13px;font-size:14px;font-weight:700;white-space:nowrap}
#chips a.on{background:var(--r);border-color:var(--r);color:#fff}

/* category sheet */
#cs{position:fixed;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;background:#fff;z-index:55;border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .25s;padding:6px 16px calc(16px + env(safe-area-inset-bottom))}
#cs.open{transform:none}#cs h3{margin:10px 0 12px;display:flex;justify-content:space-between;align-items:center}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cg a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--t);background:var(--bg);border:1px solid var(--b);border-radius:14px;padding:12px;font-weight:700;font-size:15px;line-height:1.2}
.cg a i{font-style:normal;font-size:24px}.cg a small{display:block;color:var(--mu);font-weight:600;font-size:12px;margin-top:2px}.cg a.on{border-color:var(--r);background:#fff1ef}

/* ---------- menu ---------- */
.wrap{max-width:1180px;margin:auto;padding:4px 14px;display:grid;grid-template-columns:1fr;gap:18px}
section{scroll-margin-top:62px}h2{margin:18px 0 8px;color:var(--m);font-size:22px}h2 small{color:var(--mu);font-size:13px;font-weight:600}
.g{display:grid;grid-template-columns:1fr;gap:10px}
.it{background:var(--c);border:1px solid var(--b);border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:76px}
.nm{font-weight:700}.pr{color:var(--mu);font-weight:700;margin-top:2px}
.j{display:inline-block;background:var(--cream);color:var(--m);border:1px solid var(--y);border-radius:6px;font-size:11px;font-weight:800;padding:0 5px;margin-left:6px;vertical-align:1px}
.vd{display:inline-block;width:14px;height:14px;border:2px solid var(--g);border-radius:3px;position:relative;vertical-align:-2px;margin-right:6px}.vd:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--g);border-radius:50%}
.add{min-width:88px;height:42px;border:2px solid var(--r);background:#fff;color:var(--r);font-weight:800;border-radius:10px}
.st{display:flex;align-items:center;background:var(--r);color:#fff;border-radius:10px;height:42px;flex:none}.st button{width:42px;height:42px;background:none;border:0;color:#fff;font-size:24px;font-weight:700}.st b{min-width:24px;text-align:center}
.pri{background:var(--r);color:#fff;border:0;border-radius:12px;padding:14px 18px;font-weight:800;font-size:17px}.pri:disabled{opacity:.6}
#bar{position:fixed;left:0;right:0;bottom:0;background:var(--m);color:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:center;z-index:30}#bar .pri{background:var(--y);color:var(--m);padding:11px 18px}
#shade{position:fixed;top:0;left:0;right:0;bottom:0;background:#0007;z-index:40;display:none}#shade.on{display:block}

/* ---------- cart ---------- */
#cart{position:fixed;left:0;right:0;bottom:0;max-height:90vh;background:#fff;z-index:50;border-radius:20px 20px 0 0;transform:translateY(105%);transition:transform .25s;display:flex;flex-direction:column}#cart.open{transform:none}
.cb{overflow:auto;padding:14px 16px;flex:1}.cf{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--b)}
.ch{display:flex;justify-content:space-between;align-items:center;gap:8px}.ch h3{margin:0;flex:1}.lk{border:0;background:none;color:var(--r);font-weight:700;padding:0}.x{border:0;background:none;font-size:24px;padding:4px 8px}
.ci{padding:10px 0;border-bottom:1px solid var(--b)}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.nb{border:0;background:none;color:var(--i);font-size:13.5px;font-weight:700;padding:6px 0 0}
.ci input{margin:8px 0 0!important;padding:10px 12px!important;font-size:14.5px!important}
.tot{display:flex;justify-content:space-between;padding:12px 0 4px;font-size:18px}
.box{background:var(--bg);border:1px solid var(--b);border-radius:14px;padding:12px;margin:12px 0}
.box b{display:block;margin-bottom:8px}.qc{display:flex;flex-wrap:wrap;gap:7px}
.qc button{border:1.5px solid var(--b);background:#fff;border-radius:99px;padding:6px 12px;font-size:14px;font-weight:700;color:var(--t)}
.io{margin-top:8px}.io button{padding:5px 11px;font-size:13.5px}
.qc button.on{border-color:var(--g);background:#e8f6ec;color:var(--g)}
.tg{display:flex;gap:8px;margin:14px 0 8px}.tg button{flex:1;padding:12px;border-radius:12px;border:2px solid var(--b);background:#fff;font-weight:800}.tg button.on{border-color:var(--r);color:var(--r);background:#fff1ef}
.cb input,.cb textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--b);border-radius:12px;margin:5px 0;background:#fff}.box textarea{margin:0}
.err{color:var(--r);font-weight:700;margin:6px 0 0}.mu{color:var(--mu)}
#ok{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:60;display:none;text-align:center;padding:70px 20px}
footer{text-align:center;color:var(--mu);font-size:13px;padding:24px 14px 0}
@media(min-width:640px){.g{grid-template-columns:1fr 1fr}.tags{grid-template-columns:repeat(4,1fr);max-width:760px}.tools{max-width:760px}.cg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){body{padding-bottom:20px}.wrap{grid-template-columns:1fr 390px;align-items:start}#bar,#shade{display:none!important}
#cart{position:sticky;top:76px;left:auto;right:auto;bottom:auto;transform:none;max-height:calc(100vh - 96px);border:1px solid var(--b);border-radius:16px;margin-top:18px;z-index:1}.x{display:none}.cf{padding-bottom:12px}
#cs{left:50%;right:auto;width:640px;margin-left:-320px;box-shadow:0 -10px 40px #0004}}
.mn{display:block;font-size:12px;font-weight:700;opacity:.9}.mnb{background:#fff4e5;border:1px solid #f5c26b;color:#7a4b00;border-radius:12px;padding:10px 12px;margin:10px 0;font-size:14px}
.pri:disabled{opacity:.6}
.it.hi{justify-content:flex-start}.it .iz{flex:1;min-width:0}.ip{width:72px;height:72px;border-radius:12px;object-fit:cover;flex:none;background:#f3f3f3}
h2 .ch{display:inline-block;width:32px;height:32px;border-radius:8px;object-fit:cover;vertical-align:-7px;margin:0 8px 0 0}.cg a .ci{display:block;width:42px!important;height:42px!important;min-height:42px;border-radius:10px;object-fit:cover;flex:none;border:0}
/* ---------- item cards (details left, photo right) + details sheet ---------- */
.g{gap:0!important;background:var(--c);border:1px solid var(--b);border-radius:18px;padding:0 14px;box-shadow:0 4px 18px #8b1a1008}
.it2{display:flex;gap:14px;padding:16px 0;border-bottom:1px dashed var(--b);cursor:pointer;align-items:flex-start}.g>.it2:last-child{border-bottom:0}
.itx{flex:1;min-width:0}.tg2{display:flex;align-items:center;gap:6px;min-height:18px}.tg2 .vd{margin:0}.tg2 .j{margin:0}
.it2 .nm{font-size:17px;font-weight:800;line-height:1.25;margin-top:6px;color:var(--t)}.it2 .pr{color:var(--t);font-weight:800;font-size:16px;margin-top:6px}
.it2 .ds{color:var(--mu);font-size:14px;line-height:1.35;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.itp{flex:none;width:112px;position:relative;display:flex;flex-direction:column;align-items:center;align-self:center}
.it2.hp .itp{width:136px;align-self:flex-start}.itp img{width:136px;height:126px;border-radius:16px;object-fit:cover;display:block;background:#f3eee3;box-shadow:0 2px 10px #0000001a}
.itp .ab{position:relative;z-index:1}.it2.hp .itp .ab{margin-top:-24px}
.itp .add{min-width:108px;height:42px;background:#fff;box-shadow:0 3px 10px #00000026;font-size:16px;letter-spacing:.5px}.itp .st{box-shadow:0 3px 10px #00000026}
#dt{position:fixed;left:0;right:0;bottom:0;box-shadow:0 -8px 30px #0003;max-height:92vh;display:flex;flex-direction:column;background:var(--bg);z-index:60;border-radius:22px 22px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .25s,visibility .25s}
#dt:not(.open){box-shadow:none}#dt.open{transform:none;visibility:visible}.dx{position:absolute;top:-58px;left:50%;margin-left:-23px;width:46px;height:46px;border-radius:50%;border:0;background:#2b1d16;color:#fff;font-size:20px;box-shadow:0 4px 14px #0004}
.dsc{overflow:auto;padding:14px 14px 0}.dimg{width:100%;max-height:44vh;object-fit:cover;border-radius:18px;display:block;background:#f3eee3}
.dinf{background:var(--c);border:1px solid var(--b);border-radius:18px;padding:14px 16px;margin:12px 0 14px}.dinf h3{margin:8px 0 4px;font-size:21px;line-height:1.25}.dpr{font-weight:800;font-size:18px}.dinf p{margin:8px 0 6px;color:var(--mu);line-height:1.45}
.dft{display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--b);background:var(--c)}.dft .st{height:52px;border-radius:12px}.dft .st button{height:52px}.dft .pri{flex:1;height:52px;border-radius:12px;font-size:17px}
body.noscroll{overflow:hidden}
@media(min-width:640px){.g{grid-template-columns:1fr!important;padding:0 20px}.it2 .nm{font-size:18px}#dt{left:50%;right:auto;width:560px;margin-left:-280px}}
/* never let long words / names push the page wider than the screen */
html,body{max-width:100%;overflow-x:clip}.wrap{grid-template-columns:minmax(0,1fr)}.wrap>*{min-width:0}
.g{grid-template-columns:minmax(0,1fr)!important}.it2{min-width:0}.it2 .nm,.it2 .ds,.dinf h3,.dinf p{overflow-wrap:anywhere;word-break:break-word}
@media(min-width:1024px){.wrap{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:380px){.it2.hp .itp{width:112px}.itp img{width:112px;height:104px}.itp .add{min-width:92px;height:38px;font-size:15px}.it2 .nm{font-size:16px}}
/* sticky top bar: search + Jain + categories always visible while scrolling */
nav#nav{position:sticky;position:-webkit-sticky;top:0;z-index:30;background:var(--y);border-bottom:0;box-shadow:0 4px 12px #0000001f}
nav#nav .tools{display:flex;gap:8px;margin:0 auto;max-width:760px;padding:8px 12px 6px}nav#nav .tools input{padding:10px 14px;box-shadow:0 1px 3px #0000001a}
nav#nav .jt{min-height:42px}nav#nav>.in{background:#fff;max-width:none}nav#nav>.in>*{max-width:1180px}
.hd{padding-bottom:12px}section{scroll-margin-top:130px}

/* ===== website sections, theme hooks ===== */
/* ================= WEBSITE (theme + sections, controlled from Admin → 🌐 Website) ================= */
body{font-family:var(--font,system-ui,sans-serif);font-size:var(--fs,16px)}h1,h2,h3,.nm,.fn{font-family:var(--hfont,inherit)}
h2{font-size:var(--h2,22px);font-weight:var(--hw,800)}.it2 .nm{font-size:var(--fi,17px)}.it2 .ds,.mu,small{font-size:var(--fsm,14px)}
.g{border-radius:var(--rd,16px)}.itp img{border-radius:calc(var(--rd,16px) - 2px)}
.ann{text-align:center;padding:8px 14px;font-weight:700;font-size:var(--fsm,14px)}
.top{display:flex;align-items:center;gap:8px;padding:8px max(14px,calc((100% - 1180px)/2 + 18px));background:var(--y)}.top .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--m);min-width:0}
.top .logo img{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid var(--m);flex:none}.top .logo b{font-family:var(--hfont);font-weight:var(--hw);font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .sp{flex:1}.ib{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffffcc;text-decoration:none;font-size:19px;flex:none}.ib[hidden]{display:none}
.hero{position:relative;background:var(--y);color:var(--m);overflow:hidden}.hero .hin{position:relative;max-width:1180px;margin:auto;padding:26px 18px 30px}
.hero.hi{color:#fff;min-height:300px;display:flex;align-items:flex-end}.hero.hi .hin{width:100%;padding-top:80px}.hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero.hi:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--shade,.45)*.4)) 0%,rgba(0,0,0,var(--shade,.45)) 100%)}.hero.hi .hin{z-index:1}
.hero h1{margin:0;font-family:var(--hfont);font-weight:var(--hw);font-size:var(--h1,34px);line-height:1.1;letter-spacing:-.5px}.hs{margin:10px 0 0;font-size:calc(var(--fs) + 1px);opacity:.95;max-width:620px}
.hc{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hc span{background:#ffffffe6;color:var(--m);border-radius:99px;padding:6px 12px;font-size:var(--fsm);font-weight:700}
.hb{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.hb .pri{text-decoration:none;display:inline-block;border-radius:calc(var(--rd) - 2px)}.op{font-weight:800;color:#16a34a;background:#fff;border-radius:99px;padding:6px 12px;font-size:var(--fsm)}.cl{font-weight:800;background:#fff;color:#b91c1c;border-radius:99px;padding:6px 12px;font-size:var(--fsm)}
body>.tags{max-width:760px;margin:14px auto 4px;padding:0 14px}
.best{max-width:1180px;margin:18px auto 0;padding:0 14px}.best h2{margin:0 0 10px}.br{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:none}.br::-webkit-scrollbar{display:none}
.bc{flex:none;width:156px;background:var(--c);border:1px solid var(--b);border-radius:var(--rd);overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.bc img,.bc .bi{width:100%;height:112px;object-fit:cover;background:var(--cream);display:grid;place-items:center;font-size:40px}
.bc div.bt{padding:8px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.bc b{font-size:var(--fsm);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bc span{font-weight:800}
.about,.contact{max-width:1180px;margin:26px auto 0;padding:0 14px}.ain{display:grid;gap:16px;background:var(--c);border:1px solid var(--b);border-radius:var(--rd);padding:16px;align-items:center}.ain img{width:100%;max-height:300px;object-fit:cover;border-radius:calc(var(--rd) - 4px)}.ain h2{margin:0 0 6px}.ain p{margin:6px 0;line-height:1.6;color:var(--t)}
.cc{background:var(--c);border:1px solid var(--b);border-radius:var(--rd);padding:16px}.cc p{margin:4px 0 8px}.cb2{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.cb2 a{text-decoration:none;display:inline-block;border-radius:12px;padding:12px 16px;font-weight:800}.sec{border:2px solid var(--r);color:var(--r)}
.ft{background:var(--m);color:#fff;margin-top:30px;padding:24px 16px calc(96px + env(safe-area-inset-bottom));text-align:left;font-size:var(--fsm)}.ft .fi{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.ft p{margin:6px 0;opacity:.92}.ft a{color:#fff}.fn{font-size:20px;font-weight:var(--hw)}
.fs{display:flex;flex-direction:column;gap:8px}.fs a{text-decoration:none;font-weight:700}.fl{max-width:1180px;margin:14px auto 0;display:flex;flex-wrap:wrap;gap:14px}.fl a{opacity:.9}.ft .fc{max-width:1180px;margin:14px auto 0;opacity:.75}
#ft{display:none}
.bill{font-size:var(--fs)}.bill .row{padding:3px 0}.fh{background:#ecfdf3;color:#166534;border-radius:10px;padding:8px 10px;font-size:var(--fsm);font-weight:700;margin:6px 0}
/* order tracking */
.tl{list-style:none;padding:0;margin:18px auto;max-width:360px;text-align:left}.tl li{display:flex;gap:12px;align-items:flex-start;padding:0 0 18px;position:relative;color:var(--mu)}
.tl li:before{content:"";width:22px;height:22px;border-radius:50%;border:3px solid var(--b);background:var(--c);flex:none;z-index:1}.tl li:after{content:"";position:absolute;left:10px;top:22px;bottom:0;width:2px;background:var(--b)}.tl li:last-child:after{display:none}
.tl li.on{color:var(--t);font-weight:700}.tl li.on:before{border-color:var(--g);background:var(--g);box-shadow:0 0 0 4px #1a8f3c33}.tl li.now:before{animation:pl 1.2s infinite}@keyframes pl{50%{box-shadow:0 0 0 8px #1a8f3c22}}
.tk{max-width:440px;margin:auto}.tk .card{background:var(--c);border:1px solid var(--b);border-radius:var(--rd);padding:14px;text-align:left;margin:12px 0}.upi{display:inline-block;text-decoration:none;background:#5f259f;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;margin:6px 0}

/* sizes / add-ons */
.cz{display:block;text-align:center;font-size:11px;color:var(--mu);margin-top:4px;font-weight:600}
.og{background:var(--c);border:1px solid var(--b);border-radius:var(--rd);padding:12px 14px;margin:0 0 12px}.og>b{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.og>b small{color:var(--mu);font-weight:600}
.oc{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px dashed var(--b);cursor:pointer}.oc:first-of-type{border-top:0}.oc input{width:20px;height:20px;accent-color:var(--r);flex:none;margin:0}.oc span{flex:1;font-weight:600}.oc em{font-style:normal;font-weight:700}.oc.na{opacity:.5;cursor:not-allowed}
/* GRID layout (big category banners, card grid) */
.cbn{position:relative;display:flex;align-items:center;min-height:92px;margin:28px 0 14px;padding:16px 20px;border-radius:var(--rd);background:linear-gradient(115deg,var(--r) 0%,var(--m) 100%);color:#fff;overflow:hidden;text-transform:uppercase;font-size:calc(var(--h2) * 1.15);letter-spacing:.6px;line-height:1.1;box-shadow:0 6px 18px #0000001f}
.cbn img{position:absolute;right:0;top:0;height:100%;width:48%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%)}.cbn span{position:relative;z-index:1;text-shadow:0 2px 10px #0006;max-width:70%}
body.lay-grid .g{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))!important;gap:12px!important;background:none;border:0;padding:0!important;box-shadow:none}
body.lay-grid .it2{background:var(--c);border:1px solid var(--b)!important;border-radius:var(--rd);padding:14px;box-shadow:0 2px 10px #0000000d;transition:transform .15s,box-shadow .15s}
body.lay-grid .it2:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000017}body.lay-grid .it2.hp .itp,body.lay-grid .itp{width:118px}body.lay-grid .itp img{width:118px;height:108px}
/* banner photo slider */
.sl{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sl::-webkit-scrollbar{display:none}.sl .hbg{position:static;flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.hero.only{min-height:0;aspect-ratio:16/8;display:block}.hero.only:after{display:none}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:2}.dots i{width:9px;height:9px;border-radius:99px;background:#fff9;cursor:pointer;transition:width .2s}.dots i.on{width:24px;background:#fff}
.hc2{max-width:1180px;margin:12px auto 0;padding:0 14px}.hc2 span{background:var(--c);border:1px solid var(--b)}
@media(min-width:760px){.hero.only{aspect-ratio:3/1;max-height:520px}}

/* show / hide (Admin → Website → Show / hide) */
.no-search nav#nav .tools input{display:none}.no-jain .jt{display:none}.no-search.no-jain nav#nav .tools{display:none}.no-chips nav#nav>.in{display:none}.no-veg .vd{display:none!important}.no-desc .it2 .ds{display:none}
.no-photos .itp img,.no-photos .dimg,.no-photos .bc img{display:none}.no-photos .it2.hp .itp{width:112px;align-self:center}.no-photos .it2.hp .itp .ab{margin-top:0}
.hl{display:none;gap:16px;margin-left:18px}.hl a{color:var(--m);text-decoration:none;font-weight:700;font-size:var(--fsm)}@media(min-width:760px){.hl{display:flex}}
.fwa{position:fixed!important;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:58px;height:58px;min-width:58px;border-radius:50%;background:#128c4a;display:grid;place-items:center;box-shadow:0 8px 24px #0004;border:2px solid #fff;text-decoration:none;z-index:9999;visibility:visible;opacity:1;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease}.fwa:hover,.fwa:focus-visible{transform:translateY(-2px);box-shadow:0 10px 28px #0005;outline:3px solid #128c4a;outline-offset:3px}@media(min-width:1024px){.fwa{bottom:24px}}@media(prefers-reduced-motion:reduce){.fwa{transition:none}}
.ft .fa{max-width:340px}

/* ===== design controls (Admin → Website → Look) ===== */
.tbar{background:var(--m);color:#fff;font-size:var(--fsm);padding:6px 14px}.tbi{max-width:1180px;margin:auto;display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center}.tbi a{color:#fff;text-decoration:none;font-weight:800}
@media(max-width:759px){.tbi span:first-child{display:none}}
.top .logo img{width:var(--logo,44px);height:var(--logo,44px)}
.phn{display:flex;align-items:center;gap:6px;background:var(--r);color:#fff;text-decoration:none;border-radius:99px;padding:8px 14px;font-weight:800;white-space:nowrap}.phn b{font-size:15px}
@media(max-width:600px){.phn b{display:none}.phn{padding:0;width:40px;height:40px;justify-content:center}}
.cbtn{position:relative;border:0;cursor:pointer;display:none}.cbtn em{position:absolute;top:-4px;right:-4px;background:var(--r);color:#fff;font-style:normal;font-size:11px;font-weight:800;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px}.cbtn em[hidden]{display:none}
.hero.hi{min-height:var(--hM,230px)}.hero.only{aspect-ratio:auto!important;height:var(--hM,230px);min-height:0}
.sl .hbg{object-fit:var(--fit,cover);object-position:center var(--pos,center);background:var(--y)}
.hero.hasm .sd{display:none}.hero.hasm .sm{display:flex}.dots.sm{display:flex}
/* banner layout: full width or boxed, text position & colour */
.hero.box{max-width:1180px;margin:14px auto 0;border-radius:var(--rd);width:calc(100% - 28px)}.hero.hi .hin{color:var(--htc,#fff)}
.hero.tc .hin{text-align:center}.hero.tc .hc,.hero.tc .hb{justify-content:center}.hero.tc .hs{margin-left:auto;margin-right:auto}.hero.tr .hin{text-align:right}.hero.tr .hc,.hero.tr .hb{justify-content:flex-end}.hero.tr .hs{margin-left:auto}
.hero.vt{align-items:flex-start}.hero.vm{align-items:center}.hero.vt .hin,.hero.vm .hin{padding-top:30px}.hero.nocta .hb .pri{display:none}
@media(min-width:760px){.hero.hi{min-height:var(--hD,420px)}.hero.only{height:var(--hD,420px);max-height:none!important}.hero.hasm .sd{display:flex}.hero.hasm .sm{display:none!important}}
.itp img{width:var(--img)!important;height:calc(var(--img) * .92)!important}.it2.hp .itp{width:var(--img)!important}
.pri,.add,.st,.cb2 a,.hb .pri{border-radius:var(--btnR)!important}.pr,.dpr,.bc span{color:var(--pc)!important}
.ft{background:var(--fbg)!important;color:var(--ftx)!important}.ft a{color:var(--flk,var(--ftx))!important}
/* round + button */
.add-plus .itp .add{min-width:0;width:44px;height:44px;border-radius:50%!important;background:var(--r);border-color:var(--r);color:#fff;font-size:0;display:grid;place-items:center;box-shadow:0 4px 12px #0003}.add-plus .itp .add:after{content:"+";font-size:28px;line-height:1;font-weight:700}
.add-plus .it2.hp .itp .ab{margin-top:-24px;align-self:flex-end;margin-right:-8px}.add-plus .cz{display:none}
/* photo on top cards */
.card-top.lay-grid .it2{flex-direction:column;padding:0;overflow:hidden;gap:0}.card-top .it2 .itp{order:-1;width:100%!important;align-self:stretch;position:relative}
.card-top .it2 .itp img{width:100%!important;height:calc(var(--img) * 1.45)!important;border-radius:0!important;box-shadow:none}.card-top .it2 .itx{padding:12px 14px 16px}
.card-top .it2.hp .itp .ab{position:absolute;right:10px;bottom:-20px;margin:0}.card-top .it2:not(.hp) .itp{order:2;align-items:flex-end;padding:0 14px 14px}
/* category banner styles */
.cbn{min-height:var(--catH,96px)}.cat-solid .cbn{background:var(--r)}.cat-plain .cbn{background:none;color:var(--m);box-shadow:none;border-bottom:3px solid var(--r);border-radius:0;min-height:0;padding:10px 0}.cat-plain .cbn img{display:none}.cat-plain .cbn span{text-shadow:none}
.cat-photo .cbn img{width:100%;-webkit-mask-image:none;mask-image:none;filter:brightness(.55)}.cat-center .cbn{justify-content:center;text-align:center}.cat-center .cbn span{max-width:none}
/* desktop columns */
@media(min-width:1024px){body.lay-grid.cart-drawer .g{grid-template-columns:repeat(var(--cols),minmax(0,1fr))!important}body.lay-grid.cart-side.cols-4 .g,body.lay-grid.cart-side.cols-3 .g{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* cart as a side drawer on computers (menu gets the full width) */
@media(min-width:1024px){body.cart-drawer .wrap{grid-template-columns:minmax(0,1fr)!important}
 body.cart-drawer #cart{position:fixed;top:0;right:0;bottom:0;left:auto;width:430px;max-height:none;border-radius:0;border:0;margin:0;transform:translateX(105%);z-index:50;box-shadow:-12px 0 40px #0003}
 body.cart-drawer #cart.open{transform:none}body.cart-drawer #cart .x{display:block}body.cart-drawer #shade.on{display:block!important}
 body.cart-drawer #bar[style*="flex"]{display:flex!important;left:50%;right:auto;transform:translateX(-50%);bottom:18px;width:min(560px,90vw);border-radius:16px;box-shadow:0 10px 30px #0004}
 body.cart-drawer .cbtn{display:grid}body.cart-drawer{padding-bottom:90px}}

/* food type, badges, old price */
.vd.nonveg{border-color:#b91c1c}.vd.nonveg:after{background:none;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #b91c1c;border-radius:0;width:0;height:0;top:1px;left:1px}
.vd.egg{border-color:#d97706}.vd.egg:after{background:#d97706}
.bdg{display:inline-block;font-size:11px;font-weight:800;border-radius:6px;padding:1px 7px;background:#fff1e6;color:#9a3412;border:1px solid #fed7aa}.b-new{background:#ecfeff;color:#155e75;border-color:#a5f3fc}.b-spicy{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.b-chef,.b-must{background:#fefce8;color:#854d0e;border-color:#fde68a}.b-value{background:#f0fdf4;color:#166534;border-color:#bbf7d0}
.pr s{color:var(--mu);font-weight:600;font-size:.85em}.pr .off{color:#16a34a;font-weight:800}
@media(min-width:760px){.ain{grid-template-columns:1fr 1.2fr}.hero h1{font-size:calc(var(--h1) * 1.25)}.ft{padding-bottom:30px}}

/* ===== every colour comes from Admin → 🌐 Website → 🎨 Colours (Auto = always readable, also on black) ===== */
.top,nav#nav{background:var(--y)}.top,.top .logo,.top .logo b{color:var(--ht)}.jt{border-color:var(--ht);color:var(--ht)}.jt.on{background:var(--ht);color:var(--y)}
.brand img,.top .logo img,.ib{background:var(--c)}.tags span,.hc span{background:var(--c);color:var(--hc)}
.tools input,nav#nav .tools input,.cb input,.cb textarea,#dt textarea,#dt input[type=text]{background:var(--sb)!important;color:var(--stx)!important}input::placeholder,textarea::placeholder{color:var(--mu);opacity:1}
#nav,nav#nav>.in{background:var(--nb)!important}.allb{background:var(--m);color:var(--mt)}
#chips a{background:var(--chb);color:var(--cht);border-color:var(--b)}#chips a.on{background:var(--r);border-color:var(--r);color:var(--bt)}
#cs,#cart,#dt{background:var(--sh);color:var(--t)}.cg a.on,.tg button.on,.qc button.on{background:var(--cream)!important}.qc button,.tg button{background:var(--c);color:var(--t)}
.add,.itp .add{background:var(--ab);color:var(--at);border-color:var(--at)}.add-plus .itp .add{background:var(--r);border-color:var(--r);color:var(--bt)}
.st,.st button,.pri,.phn,.cbtn em,#chips a.on{color:var(--bt)}#bar{background:var(--cbg);color:var(--ctx)}#bar .pri{background:var(--cbb);color:var(--cbx)}
.tbar{background:var(--tb);color:var(--tbt)}.tbi a{color:var(--tbt)}.cbn{color:var(--cbt)}body.cat-plain .cbn{color:var(--hc)}
.brand h1,.hero,.hl a{color:var(--ht)}#note,.j{color:var(--cht)}.j{border-color:var(--b)}
h2,.sh2{color:var(--hc)}.nm{color:var(--itc)}.it2 .ds,.ds,.mu{color:var(--mu)}.ip,.itp img,.dimg{background:var(--cream)}.dx{background:var(--t);color:var(--c)}.op,.cl{background:var(--c)}

/* ===== icons (Admin → 🌐 Website → 🔣 Icons) ===== */
.ic{width:var(--s,var(--ics,18px));height:var(--s,var(--ics,18px));stroke:var(--icc,currentColor);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:none;margin-right:5px;display:inline-block}
.ici{object-fit:contain;stroke:none}.ice{font-style:normal;width:auto;height:auto;font-size:var(--s,var(--ics,18px));line-height:1;stroke:none;color:inherit}.ib .ic{margin:0;width:var(--s,calc(var(--ics,18px) + 3px));height:var(--s,calc(var(--ics,18px) + 3px))}.ib .ice{width:auto;height:auto}.phn span .ic{margin:0}
.hasq{position:relative}.qic{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;color:var(--mu);pointer-events:none;z-index:1}.qic .ic{margin:0}.hasq #q{padding-left:40px!important}
/* ===== welcome pop-up: Delivery / Pickup / Dine-in ===== */
html.nos{overflow:hidden}
.stp{position:fixed;inset:0;z-index:90;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .2s}.stp.blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.stp.on{opacity:1}
.stb{position:relative;width:min(460px,100%);max-height:92vh;overflow:auto;background:var(--sbg,var(--sh,#fff));color:var(--stc,var(--t));border-radius:var(--srd,20px);padding:22px 18px 18px;text-align:center;box-shadow:0 20px 60px #0006;transform:translateY(16px);transition:transform .25s}
.stp.on .stb{transform:none}.st-sheet{align-items:flex-end;padding:0}.st-sheet .stb{width:min(560px,100%);border-radius:var(--srd,20px) var(--srd,20px) 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
.st-full{padding:0}.st-full .stb{width:100%;height:100%;max-height:none;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:24px max(18px,calc(50% - 260px))}
.stx{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:#0000000f;color:inherit;font-size:16px;cursor:pointer}
.stl{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 auto 6px;display:block;border:2px solid var(--b)}.sti{width:100%;max-height:170px;object-fit:cover;border-radius:calc(var(--srd,20px) - 6px);margin-bottom:10px;display:block}
.stb h3{margin:4px 0;font-family:var(--hfont);font-size:calc(var(--h2,22px) * 1.05);color:inherit}.sts{margin:0 0 14px;opacity:.75;font-size:var(--fsm,14px)}
.sto{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
.sto button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:calc(var(--srd,20px) - 6px);border:2px solid var(--b);background:var(--c);color:inherit;cursor:pointer;font:inherit;transition:transform .12s,border-color .12s}
.sto button:hover{transform:translateY(-2px)}.sto button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.sto button:disabled:hover{transform:none}.sto button.on{border-color:var(--sbn,var(--r));box-shadow:0 0 0 3px color-mix(in srgb,var(--sbn,var(--r)) 25%,transparent)}
.sti2{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--cream);color:var(--sbn,var(--r));font-size:26px}.sti2 .ic{margin:0;width:var(--s,26px);height:var(--s,26px);stroke-width:1.8}.sti2 .ice{width:auto;height:auto}.sto b{font-size:16px}.sto small{opacity:.7;font-size:12px;line-height:1.3}.stnotice{margin:12px 0 0;padding:10px 12px;background:var(--cream);border:1px solid var(--b);border-radius:10px;color:var(--m);font-size:13px}
#stn{display:grid;gap:8px;margin-top:12px}#stn:empty{display:none}#stn textarea,#stn input{width:100%;font:inherit;padding:12px;border:1px solid var(--b);border-radius:12px;background:var(--sb,#fff);color:var(--stx,var(--t));box-sizing:border-box}
.stgo{background:var(--sbn,var(--r))!important;color:var(--sbt,var(--bt,#fff))!important;width:100%}
.stg{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border-radius:12px;border:2px dashed var(--sbn,var(--r));background:transparent;color:var(--sbn,var(--r));font:inherit;font-weight:800;cursor:pointer;margin:6px 0 2px}.stg .ic{margin:0}
.tg button{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.tg button .ic{margin:0}
.geos{margin:0;font-size:13px;font-weight:700;color:var(--mu)}.geos:empty{display:none}

.stb{width:min(var(--stw,460px),100%)!important;padding:0!important;overflow:auto}.stin{padding:18px 18px 18px}.stb.im-none .stin,.stb.im-logo .stin{padding-top:22px}.stb h3{font-size:var(--sts2,22px)!important}
.stband{height:calc(var(--sis,90px) * .75 + 26px);background:var(--sbd,var(--sbn,var(--r)));display:flex;justify-content:center;align-items:flex-end;margin-bottom:calc(var(--sis,90px) * .5 + 6px)}
.stlw{display:grid;place-items:center;width:var(--sis,90px);height:var(--sis,90px);background:#fff;box-shadow:0 8px 24px #0002;overflow:hidden;flex:none}.stband .stlw{transform:translateY(50%)}.stlw img{width:86%;height:86%;object-fit:contain}
.stlw.plain{margin:22px auto 0;background:none;box-shadow:none}.stlw.plain img{width:100%;height:100%}.stlw.sh-rounded{border-radius:22%}.stlw.sh-circle{border-radius:50%}.stlw.sh-square{border-radius:0}.stlw.sh-none{background:none;box-shadow:none;border-radius:0}.stlw.sh-none img{width:100%;height:100%}
.stb .sti{width:100%;height:var(--sih,170px);max-height:none;object-fit:var(--sfit,cover);border-radius:0;margin:0;display:block;background:var(--cream)}
.sto.seg{display:flex;gap:4px;padding:4px;background:var(--cream);border-radius:14px;width:max-content;max-width:100%;margin:4px auto 0}.sto.seg button{flex-direction:row;padding:10px 20px;border:0;border-radius:11px;background:transparent;font-weight:700}.sto.seg button.on{background:var(--sbn,var(--r));color:var(--sbt,var(--bt,#fff));box-shadow:0 4px 12px #0002}.sto.seg button:hover{transform:none}.sto.seg b{font-size:15px}
.stbr{display:flex;gap:12px;text-align:left;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--sbn,var(--r)) 7%,var(--c));border:1px solid var(--b)}.stbr>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c);flex:none;color:var(--sbn,var(--r))}.stbr>span .ic{margin:0}.stbr b{font-size:14px}.stbr p{margin:2px 0 6px;font-size:13px;opacity:.8}.stbr a{color:var(--sbn,var(--r));font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.stx{z-index:2;background:#ffffffcc!important;color:#222!important}

/* footer reaches the bottom of the page (no empty strip); space for the cart bar only when it shows */
body,body.cart-drawer{padding-bottom:0!important}.ft{margin-bottom:0!important;padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}body:has(#bar[style*="flex"]) .ft{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}

/* ===== header & footer ===== */
.top{padding-top:var(--hp);padding-bottom:var(--hp)}
.top .logo b{font-size:var(--hns)!important}
.top .logo .tg3{display:block;font-size:var(--hts);font-weight:600;opacity:.8;line-height:1.2}
.top .logo .nm2{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.hl a{font-size:var(--hls)!important;color:var(--hdl)!important}
.top .logo img.sh-rounded{border-radius:12px!important}
.top .logo img.sh-square{border-radius:0!important}
.top .logo img.sh-none{border-radius:0!important;border:0!important;background:none!important;width:auto!important;max-width:240px;object-fit:contain}
.top .logo img.nob{border:0!important}
body.hd-sticky .top{position:sticky;position:-webkit-sticky;top:0;z-index:32;box-shadow:0 2px 10px #0000001a}
body.hd-sticky nav#nav{top:var(--hdh,0px)}
.ft{font-size:var(--ffs)!important;padding-top:var(--fpd)!important}
.ft h4{margin:0 0 12px;font-size:var(--fts);font-family:var(--hfont);font-weight:var(--hw);color:var(--fhd)}
.ft a{color:var(--flk)!important}
.ft.ft2 .fi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.2fr);gap:28px;align-items:start}
.ft2 .flg{display:block;height:var(--fls);width:auto;max-width:100%;object-fit:contain;margin-bottom:10px}
.ft .flg.sh-circle{width:var(--fls);border-radius:50%;object-fit:cover}
.ft .flg.sh-rounded{border-radius:14px}
.ft .flg.sh-square{width:var(--fls);object-fit:cover}
.ft2 .fn{display:block;font-size:var(--fts);margin-bottom:6px;color:var(--fhd)}
.ft2 .fr{display:flex;gap:6px;margin:0 0 9px;align-items:baseline}
.ft2 .fr b{white-space:nowrap}
.fsi{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.soc{display:inline-grid;place-items:center;width:var(--soc);height:var(--soc);border-radius:50%;border:1.5px solid currentColor}
.soc .ic{margin:0;width:calc(var(--soc) * .5);height:calc(var(--soc) * .5)}
.soc .ici{width:calc(var(--soc) * .6);height:calc(var(--soc) * .6)}
.fst{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ft2 .fl{margin:0;flex-direction:row;gap:10px 18px}
.fbt{max-width:1180px;margin:22px auto 0;padding-top:16px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;align-items:center;opacity:.9}
.ft.fline .fbt{border-top:1px solid color-mix(in srgb,var(--ftx) 22%,transparent)}
.ft.fa-center,.ft.fa-center .fi{text-align:center}
.ft.fa-center .fr,.ft.fa-center .fsi,.ft.fa-center .fl{justify-content:center}
.ft.fa-center .flg{margin-left:auto;margin-right:auto}
.ft.ft3 .fi{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.ft3 .flg{display:block;height:var(--fls);width:auto;margin:auto}
.ft3 .fr,.ft3 .fsi,.ft3 .fl{justify-content:center}
@media(max-width:760px){.ft.ft2 .fi{grid-template-columns:1fr;gap:20px}
}
.seot{max-width:1180px;margin:30px auto 0;padding:0 16px}
.seot>div{background:var(--c);border:1px solid var(--b);border-radius:var(--rd,16px);padding:20px 22px}
.seot h2{margin:0 0 8px;font-size:var(--h2)}
.seot .sx{color:var(--t);line-height:1.7;max-height:calc(var(--sln) * 1.7em);overflow:hidden;position:relative}
.seot .sx:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.7em;background:linear-gradient(transparent,var(--c))}
.seot .sx p{margin:0 0 8px}
#smx:checked~.sx{max-height:none}
#smx:checked~.sx:after{display:none}
.seot label{display:inline-block;margin-top:8px;font-weight:700;cursor:pointer;color:var(--r)}
#smx:checked~label .m1,.seot label .m2{display:none}
#smx:checked~label .m2{display:inline}
.faq{max-width:1180px;margin:30px auto 0;padding:0 16px}
.faq h2{margin:0 0 12px}
.faq details{background:var(--c);border:1px solid var(--b);border-radius:var(--rd,14px);margin-bottom:8px;overflow:hidden}
.faq summary{cursor:pointer;padding:14px 16px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px;color:var(--t)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-size:20px;line-height:1;color:var(--r)}
.faq details[open] summary:after{content:"−"}
.faq details p{margin:0;padding:0 16px 14px;color:var(--mu);line-height:1.6}
.totop{position:fixed;left:16px;bottom:calc(84px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:14px;border:0;background:var(--r);color:var(--bt,#fff);display:grid;place-items:center;font-size:22px;box-shadow:0 6px 18px #0004;z-index:34;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .2s}
.totop.on{opacity:1;pointer-events:auto}

/* ===================================================================== v3 parts ===================================================================== */
.cls{background:#b91c1c;color:#fff;text-align:center;padding:10px 14px;font-weight:700}
.empty{text-align:center;padding:36px 16px}
.sm{font-size:13px!important}.okm{color:#15803d;font-weight:700;margin:6px 0}.gr span:last-child{color:#15803d;font-weight:700}
.pri{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer}.pri.big{width:100%;min-height:52px}
.sec2{border:1.5px solid var(--r);background:transparent;color:var(--r);border-radius:var(--btnR,12px);padding:10px 14px;font-weight:800;white-space:nowrap}
button.sec{background:transparent;border:2px solid var(--r);color:var(--r);border-radius:12px;padding:12px 16px;font-weight:800;font:inherit;font-weight:800}
.cb select,#pnl select,.stin select,#pnl input,#pnl textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--b);border-radius:12px;margin:5px 0;background:var(--sb,#fff);color:var(--stx,var(--t))}
.vd.vegan{border-color:#15803d}.vd.vegan:after{background:#15803d;border-radius:2px;transform:rotate(45deg)}
/* sold-out item */
.it2.so{opacity:.55}.it2.so .itp img{filter:grayscale(1)}.add:disabled{border-color:var(--b)!important;color:var(--mu)!important;background:var(--c)!important;cursor:not-allowed}
/* diet labels in the item sheet */
.dgs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.dg{font-size:12px;font-weight:700;background:var(--cream);color:var(--cht,var(--m));border-radius:99px;padding:3px 9px}
/* chosen outlet bar */
.bbar{display:flex;align-items:center;gap:10px;max-width:1180px;margin:10px auto 0;padding:10px 14px;background:var(--c);border:1px solid var(--b);border-radius:var(--rd,16px);width:calc(100% - 28px)}
.bbi{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cream);color:var(--r);flex:none}.bbi .ic{margin:0}
.bbt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.bbt small{color:var(--mu);font-size:12px}.bbt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbar .op,.bbar .cl{font-size:12px;padding:4px 10px;border:1px solid var(--b)}
.cbr{margin:6px 0 2px;font-size:14px}
/* outlets list (pop-up) */
.bl{display:grid;gap:8px;text-align:start;margin:6px 0 4px}.blc{display:flex;gap:12px;align-items:center;width:100%;padding:12px;border-radius:14px;border:2px solid var(--b);background:var(--c);color:inherit;font:inherit;text-align:start;cursor:pointer}
.blc.on{border-color:var(--sbn,var(--r))}.bli{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cream);color:var(--sbn,var(--r));flex:none}.bli .ic{margin:0}
.blt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.blt small{font-size:12px;opacity:.75}.blc em{font-style:normal;font-weight:800;font-size:13px;white-space:nowrap}
.op2{color:#15803d!important;font-weight:700;opacity:1!important}.cl2{color:#b91c1c!important;font-weight:700;opacity:1!important}.stbn{font-size:14px;margin:-6px 0 12px}
/* offers */
.offs{max-width:1180px;margin:16px auto 0;padding:0 14px}.offs h2{margin:0 0 10px}.ofl{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.ofl::-webkit-scrollbar{display:none}
.ofc{flex:none;display:flex;gap:10px;align-items:center;text-align:start;min-width:240px;max-width:320px;padding:12px 14px;border-radius:var(--rd,16px);border:1.5px dashed var(--r);background:var(--c);color:var(--t);font:inherit;cursor:pointer}
.ofi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cream);color:var(--r);flex:none}.ofi .ic{margin:0}.ofc b{display:block;font-size:14px;line-height:1.25}.ofc small{color:var(--mu);font-size:12px}
.ofc code{font-weight:800;color:var(--r);letter-spacing:.5px;font-family:inherit}
/* reviews */
.revs{max-width:1180px;margin:30px auto 0;padding:0 14px}.revs h2{margin:0 0 12px}.rvl{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.rv{margin:0;background:var(--c);border:1px solid var(--b);border-radius:var(--rd,16px);padding:16px}.rs{color:#f59e0b;font-size:18px;letter-spacing:2px}.rs i{color:var(--b);font-style:normal}
.rv blockquote{margin:8px 0;line-height:1.55;color:var(--t)}.rv figcaption{font-weight:700;font-size:var(--fsm)}.rr{margin:10px 0 0;padding:10px 12px;background:var(--cream);border-radius:12px;font-size:var(--fsm)}
/* outlets section */
.brs{max-width:1180px;margin:30px auto 0;padding:0 14px}.brs h2{margin:0 0 12px}.brl{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.brc{background:var(--c);border:1px solid var(--b);border-radius:var(--rd,16px);padding:16px}.brc b{font-size:18px;font-family:var(--hfont)}.brc p{margin:6px 0;color:var(--t)}.brc .cb2 a,.brc .cb2 button{padding:10px 14px;font-size:14px}
/* cart parts */
.whn{display:flex;gap:8px;margin-top:8px}.whn select{flex:1}
.cpr{display:flex;gap:8px;align-items:center}.cpr input{flex:1;margin:0!important;text-transform:uppercase}
.chk{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.chk input{width:20px;height:20px;accent-color:var(--r)}
.phw{display:flex;align-items:stretch;border:1px solid var(--b);border-radius:12px;overflow:hidden;margin:5px 0;background:var(--sb,#fff)}
.phw .cc{display:grid;place-items:center;padding:0 12px;background:var(--cream);color:var(--cht,var(--m));font-weight:800;border-inline-end:1px solid var(--b);direction:ltr}
.phw input{border:0!important;margin:0!important;border-radius:0!important;flex:1;min-width:0;direction:ltr;text-align:start}
.pms{display:grid;gap:8px}.pm{display:flex;gap:10px;align-items:flex-start;padding:12px;border:2px solid var(--b);border-radius:12px;cursor:pointer;background:var(--c)}
.pm.on{border-color:var(--r);background:color-mix(in srgb,var(--r) 6%,var(--c))}.pm input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--r);flex:none}.pm span{display:flex;flex-direction:column;gap:2px}.pm small{color:var(--mu);font-size:12px}
.box label{display:block}
/* toast */
#toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--t);color:var(--c);padding:12px 18px;border-radius:14px;font-weight:700;font-size:14px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:min(92vw,480px);text-align:center;box-shadow:0 10px 30px #0004}
#toast.on{opacity:1;transform:translate(-50%,0)}
/* panel: my orders / table booking */
#pnl{position:fixed;left:0;right:0;bottom:0;max-height:90vh;overflow:auto;background:var(--sh,#fff);color:var(--t);z-index:58;border-radius:20px 20px 0 0;transform:translateY(105%);visibility:hidden;transition:transform .25s,visibility .25s;padding:6px 16px calc(18px + env(safe-area-inset-bottom))}
#pnl.open{transform:none;visibility:visible;box-shadow:0 -10px 40px #0004}#pnl .px{position:sticky;top:0;float:right;margin-top:6px}[dir=rtl] #pnl .px{float:left}
.pin h3{margin:14px 0 6px;font-size:21px;display:flex;align-items:center;gap:6px}.pin h4{margin:16px 0 8px}.pin label{display:block;font-weight:700;font-size:14px;margin-top:8px}.pin .pri{margin-top:10px}
.ptc{display:flex;gap:12px;align-items:center;background:var(--cream);border-radius:14px;padding:14px;margin:10px 0}.ptc>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--c);color:var(--r);flex:none}.ptc b{font-size:20px;display:block}.ptc small{color:var(--mu)}
.oh{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--b)}.oh small{font-size:12px}.ohb{display:flex;gap:6px;flex:none}.ohb .sec2{padding:8px 10px}
.st2{display:inline-block;font-weight:800;border-radius:99px;padding:1px 8px;background:var(--cream)}.s-Rejected,.s-Expired{background:#fee2e2!important;color:#b91c1c}.s-Delivered,.s-Completed{background:#dcfce7!important;color:#15803d}
@media(min-width:760px){#pnl{left:auto;top:0;width:440px;max-height:none;border-radius:0;transform:translateX(105%)}[dir=rtl] #pnl{right:auto;left:0;transform:translateX(-105%)}#pnl.open{transform:none}}
/* tracking page */
#ok{overflow:auto}.tk{text-align:center}.tki{font-size:56px}.tk h2{color:var(--hc,var(--m));margin:6px 0}.tk .card .row{padding:4px 0}.tk details summary{cursor:pointer;font-weight:700}
.tkb{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}.pbox b{display:block;margin-bottom:8px}.bk{margin:8px 0}.bk .row{border-bottom:1px dashed var(--b);padding:7px 0;gap:10px}.bk .row span:last-child{text-align:end;overflow-wrap:anywhere}
.qrw{display:flex;justify-content:center;margin:8px 0}.qrw svg{border-radius:12px;border:1px solid var(--b)}@media(max-width:600px){.qrw{display:none}}
.stars{display:flex;gap:6px;justify-content:center;margin:10px 0}.stars button{font-size:36px;line-height:1;background:none;border:0;color:var(--b);padding:2px;transition:transform .1s}.stars button.on{color:#f59e0b}.stars button:active{transform:scale(1.2)}
.rate textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--b);border-radius:12px;margin:6px 0;background:var(--sb,#fff);color:var(--stx,var(--t))}
.upi{color:#fff!important}
/* sub-pages (About / Privacy …) */
.pg .cbtn,.pg .trk,.pg .acb{display:none!important}
.pgw{max-width:860px;margin:28px auto 0;padding:0 16px}.pgb{font-size:13px;color:var(--mu);margin:0 0 12px}.pgb a{color:var(--r);text-decoration:none;font-weight:700}.pgb a:hover{text-decoration:underline}
.pgc{background:var(--c);border:1px solid var(--b);border-radius:var(--rd,16px);padding:clamp(20px,4vw,40px);box-shadow:0 4px 18px #0000000a}.pgc h1{margin:0 0 18px;font-family:var(--hfont);font-weight:var(--hw);color:var(--hc,var(--m));font-size:clamp(26px,4vw,calc(var(--h1) * .85));line-height:1.15}
.pgc p{margin:0 0 14px;line-height:1.75;color:var(--t);font-size:var(--fs,16px)}.pgc a{color:var(--r)}.pgc a.pgo{color:var(--bt,#fff)!important}body.pg{min-height:100vh;display:flex;flex-direction:column}body.pg .ft{margin-top:auto!important}body.pg .pgw{width:100%;box-sizing:border-box;margin-bottom:34px}
.pgo{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:var(--r);color:var(--bt,#fff);text-decoration:none;font-weight:800;padding:12px 18px;border-radius:var(--btnR,12px)}
/* right-to-left languages (Arabic, Urdu) */
[dir=rtl] .cbtn em{right:auto;left:-4px}[dir=rtl] .stx{right:auto;left:10px}[dir=rtl] .fwa{right:auto;left:16px}[dir=rtl] .totop{left:auto;right:16px}
[dir=rtl] .qic{left:auto;right:12px}[dir=rtl] .hasq #q{padding-left:14px!important;padding-right:40px!important}[dir=rtl] .cbn img{right:auto;left:0;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 45%);mask-image:linear-gradient(270deg,transparent 0,#000 45%)}
[dir=rtl] .allb{margin:8px 10px 8px 0}[dir=rtl] .ic{margin-right:0;margin-left:5px}[dir=rtl] .add-plus .it2.hp .itp .ab{margin-right:0;margin-left:-8px}
@media(min-width:1024px){[dir=rtl] body.cart-drawer #cart{right:auto;left:0;transform:translateX(-105%)}[dir=rtl] body.cart-drawer #cart.open{transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
a:focus-visible,select:focus-visible,label:focus-within{outline:3px solid var(--i,#3b2e9e);outline-offset:2px}

/* Compact scan-and-pay table bills */
.qr-bill-list{display:grid;gap:10px;margin-top:10px}.qr-bill{border:1px solid var(--b);border-radius:12px;padding:12px;background:var(--bg)}.qr-bill p{margin:5px 0}.qr-bill ul{list-style:none;padding:0;margin:8px 0}.qr-bill li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px dashed var(--b);font-size:13px}.qr-bill label{display:block;font-size:13px;margin:8px 0}.qr-bill select{display:block;width:100%;min-height:40px;border:1px solid var(--b);border-radius:8px;padding:8px;background:var(--bg);color:var(--t)}.qr-bill .pri{width:100%;margin-top:6px}

/* Multi-branch dine-in selection: readable and usable on phones. */
.stbranchpick{display:grid;gap:9px;text-align:left;margin:10px 0 12px}.stbranchpick label{display:grid;gap:6px;font-size:13px;font-weight:800}.stbranchpick select{display:block;width:100%;min-width:0;max-width:100%;padding:12px 38px 12px 12px;border:1px solid var(--b);border-radius:12px;background:var(--c);color:inherit;font:inherit;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.stbranchpick option{white-space:normal}.stbranchpick .mu{margin:0}.stbranchpick .stg{margin:0}