/* 499vat.info — Lal khata & printing calculator (Dhaka shop counter) */
:root{
 --counter:#E7E2D6;--counter-2:#DBD5C6;--paper:#F8F3E7;--paper-2:#EEE7D6;--receipt:#FCFBF7;
 --ink:#1D1C22;--ink-2:#46444D;--ink-3:#6A6770;--rule:#C9D5E8;--rule-2:#9FB3D3;
 --red:#C8323A;--red-t:#A2222B;--cloth:#7C1721;--cloth-d:#530E17;--cloth-l:#9A2330;
 --graph:#24282D;--graph-2:#33383F;--graph-3:#4A5058;--lcd:#C3CCB0;--lcd-ink:#1E2719;
 --key:#E5E1D7;--key-e:#B9B3A5;--orange:#E2592C;--orange-d:#A83A15;--amber:#F0B640;--green:#1D6A3E;
 --f-disp:"Sofia Sans Condensed","Noto Sans Bengali","Hind Siliguri",sans-serif;
 --f-bn:"Noto Sans Bengali","Hind Siliguri",sans-serif;
 --f-body:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;
 --f-mono:"Sometype Mono","Hind Siliguri",ui-monospace,monospace;
 --font-head:var(--f-disp);--font-body:var(--f-body);--font-mono:var(--f-mono);
 --m:58px;--r:4px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--counter);color:var(--ink);font:400 17px/1.65 var(--f-body);overflow-x:hidden}
.lang-bn body,body.lang-bn{line-height:1.8}
img,svg{max-width:100%}
a{color:var(--red-t);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
@media(min-width:768px){.wrap{padding:0 28px}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--receipt);padding:12px 16px;border-radius:var(--r);font-weight:600}
.skip:focus{top:12px}
h1,h2,h3{color:var(--ink);margin:0}
.lang-en h1,.lang-en h2{font-family:var(--f-disp);font-weight:800;letter-spacing:-.005em}
.lang-bn h1,.lang-bn h2{font-family:var(--f-bn);font-stretch:82%;font-weight:750;letter-spacing:0}
p{margin:0 0 1em}

/* keys (calculator buttons) */
.key{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:9px;border:0;
 font:700 16px/1.2 var(--f-body);text-decoration:none;color:var(--ink);background:var(--key);cursor:pointer;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -4px 0 var(--key-e),0 2px 0 rgba(29,28,34,.25);transition:transform .08s,box-shadow .08s,background .15s}
.key:hover{color:var(--ink);background:#EEEAE0}
.key:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 0 var(--key-e),0 0 0 rgba(0,0,0,0)}
.key-eq{background:var(--orange);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -4px 0 var(--orange-d),0 2px 0 rgba(29,28,34,.3)}
.key-eq:hover{background:#EC6A3C;color:var(--ink)}
.key-eq::after{content:"=";font:700 20px/1 var(--f-mono);opacity:.75}
.key-eq:active{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 var(--orange-d)}
.key-ghost{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}
.key-ghost:hover{background:var(--paper-2)}
.key-ghost:active{box-shadow:inset 0 0 0 1.5px var(--ink)}

/* ---------- header: receipt paper bar with perforated edge ---------- */
.hd{position:sticky;top:0;z-index:50;background:var(--receipt);box-shadow:0 1px 0 rgba(29,28,34,.08)}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:7px;pointer-events:none;
 background:conic-gradient(from -45deg at 50% 100%,var(--receipt) 90deg,transparent 0) 0 0/14px 7px repeat-x}
.hd-in{display:flex;align-items:center;gap:12px;min-height:66px}
.brand{display:inline-flex;align-items:center;gap:0;text-decoration:none;color:var(--ink);flex:none;min-height:44px}
.b-num{font:900 34px/1 "Sofia Sans Condensed",sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.b-vat{position:relative;margin-left:7px;padding:3px 9px 4px 17px;background:var(--red);color:var(--receipt);
 font:700 15px/1 var(--f-mono);letter-spacing:.06em;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%);border-radius:0 3px 3px 0}
.b-vat::before{content:"";position:absolute;left:7px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--receipt)}
.brand small{margin-left:10px;padding-left:10px;border-left:1px dashed var(--ink-3);font:500 13px/1.3 var(--f-mono);color:var(--ink-2);display:none}
@media(min-width:420px){.brand small{display:inline}}
.menu-btn{order:3;margin-left:0;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;border-radius:9px;border:0;cursor:pointer;
 background:var(--graph);color:var(--receipt);font:600 15px/1 var(--f-body);box-shadow:inset 0 -3px 0 #0F1113}
.bars{display:grid;gap:4px;width:18px}
.bars i{display:block;height:2px;background:currentColor;border-radius:1px;transition:transform .2s,opacity .2s}
.hd.is-open .bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hd.is-open .bars i:nth-child(2){opacity:0}
.hd.is-open .bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mlbl{display:none}
@media(min-width:400px){.mlbl{display:inline}}
.tools{margin-left:auto;display:flex;align-items:center;gap:10px}
.lsw{display:flex;gap:4px;padding:3px;background:var(--paper-2);border-radius:10px}
.lsw a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 8px;border-radius:7px;text-decoration:none;color:var(--ink-2);font:600 14px/1 var(--f-mono)}
.lsw a[lang=bn]{font:600 15px/1 var(--f-bn)}
.lsw a[aria-current]{background:var(--graph);color:var(--receipt)}
.lsw a:not([aria-current]):hover{background:var(--receipt);color:var(--ink)}
.hd-cta{display:none;min-height:44px;padding:8px 14px;font-size:15px}
@media(min-width:620px){.hd-cta{display:inline-flex}}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--receipt);padding:6px 16px 18px;border-top:1px dashed var(--key-e);
 box-shadow:0 20px 30px -20px rgba(29,28,34,.4)}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:conic-gradient(from -45deg at 50% 100%,var(--receipt) 90deg,transparent 0) 0 0/16px 8px repeat-x}
.hd.is-open .nav{display:block}
.nav ol{list-style:none;margin:0 auto;padding:0;max-width:640px}
.nav li+li{border-top:1px dashed var(--key-e)}
.nav a{display:flex;align-items:center;gap:14px;min-height:54px;padding:6px 2px;text-decoration:none;color:var(--ink);font:600 18px/1.4 var(--f-body)}
.nav .n{font:600 14px/1 var(--f-mono);color:var(--red-t);min-width:28px}
.lang-bn .nav .n{font:600 16px/1 var(--f-bn)}
.nav a[aria-current] .l{box-shadow:inset 0 -3px 0 var(--amber)}
.nav a:hover .l{color:var(--red-t)}
.nav-foot{margin:10px auto 0;max-width:640px;font:500 13px/1.4 var(--f-mono);color:var(--ink-3);text-align:center}
@media(min-width:980px){
 .menu-btn{display:none}
 .nav{display:block;position:static;background:none;padding:0;border:0;box-shadow:none;max-height:none;overflow:visible;margin-left:18px}
 .nav::after,.nav-foot{display:none}
 .nav ol{display:flex;gap:2px;max-width:none}
 .nav li+li{border:0}
 .nav a{flex-direction:column;align-items:flex-start;gap:0;min-height:52px;padding:6px 12px;font-size:16px;line-height:1.35;border-radius:6px}
 .nav .n{font-size:12px;min-width:0}
 .lang-bn .nav .n{font-size:13px}
 .nav a:hover{background:var(--paper-2)}
}

/* ---------- home hero: ledger sheet + printing calculator ---------- */
.hero{padding:30px 0 44px}
.hero-grid{display:grid;gap:34px;align-items:start}
@media(min-width:980px){.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;padding-top:10px}}
.sheet{position:relative;background:var(--paper);padding:0 18px 24px var(--m);border-radius:2px 6px 6px 2px;
 box-shadow:-7px 7px 0 var(--cloth),-7px 7px 0 1px var(--cloth-d),0 1px 0 rgba(29,28,34,.1);
 background-image:linear-gradient(90deg,transparent calc(var(--m) - 12px),var(--red) calc(var(--m) - 12px) calc(var(--m) - 10.5px),transparent calc(var(--m) - 10.5px) calc(var(--m) - 8px),var(--red) calc(var(--m) - 8px) calc(var(--m) - 6.5px),transparent calc(var(--m) - 6.5px))}
@media(min-width:768px){.sheet{--m:78px;padding-right:34px;padding-bottom:30px}}
.sheet-head{position:relative;background:var(--paper);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 22px calc(-1*var(--m) + 18px);padding:14px 0 10px;
 border-bottom:3px double var(--rule-2);font:500 13.5px/1.4 var(--f-mono);color:var(--ink-2)}
.lang-bn .sheet-head span:first-child{font:600 14.5px/1.6 var(--f-body)}
.sheet-head .dom{color:var(--red-t)}
.sheet h1{font-size:clamp(31px,6.2vw,58px);line-height:1.02;margin:0 0 18px}
.lang-bn .sheet h1{font-size:clamp(28px,5.2vw,50px);line-height:1.34}
.sheet .lead p{font-size:18px;color:var(--ink-2);max-width:60ch}
.sheet-cols,.lines li{display:grid;grid-template-columns:var(--m) minmax(0,1fr) 36px;align-items:center;margin-left:calc(-1*var(--m))}
.sheet-cols{margin-top:22px;padding:6px 0;border-bottom:1px solid var(--rule-2);font:600 12.5px/1.3 var(--f-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}
.lang-bn .sheet-cols{text-transform:none;letter-spacing:0;font:600 14px/1.5 var(--f-body)}
.sheet-cols span:first-child,.lines .n{text-align:center;padding-right:14px}
.sheet-cols span:last-child{text-align:center}
.lines{list-style:none;margin:0 0 24px;padding:0}
.lines li{min-height:50px;border-bottom:1px solid var(--rule)}
.lines .n{font:600 15px/1 var(--f-mono);color:var(--red-t)}
.lang-bn .lines .n{font:600 17px/1 var(--f-bn)}
.lines .d{font-weight:500;padding:8px 0;line-height:1.45}
.ok{justify-self:center;width:12px;height:21px;border:solid var(--green);border-width:0 3px 3px 0;transform:rotate(40deg) translate(-2px,-3px)}
.acts{display:flex;flex-wrap:wrap;gap:12px}
.acts .key{flex:1 1 210px}

.calc{position:relative;background:linear-gradient(180deg,var(--graph-2),var(--graph) 70px);border-radius:24px 24px 30px 30px;padding:12px 12px 14px;color:var(--receipt);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -6px 0 rgba(0,0,0,.35),0 30px 40px -28px rgba(29,28,34,.7),0 3px 0 #111316;container-type:inline-size;min-width:0}
@media(max-width:359px){.calc{margin:0 -10px;padding:10px 8px 12px;border-radius:18px}}
@media(max-width:979px){.calc{width:100%;max-width:600px;justify-self:center}}
@media(min-width:980px){.calc{position:sticky;top:92px}}
.calc-head{display:flex;align-items:center;gap:10px;padding:4px 6px 12px}
.solar{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:78px;height:24px;padding:2px;background:#15171A;border-radius:3px;flex:none}
.solar i{background:linear-gradient(160deg,#4A3A33,#2A211E 60%,#3A2D28);border-radius:1px}
.model{flex:1;min-width:0;font:600 13px/1.35 var(--f-mono);color:#CFCBC0;letter-spacing:.04em}
.lang-bn .model{font:600 14.5px/1.5 var(--f-body);letter-spacing:0}
.badge{flex:none;padding:4px 10px;border-radius:99px;background:var(--amber);color:var(--ink);font:700 13px/1.4 var(--f-body)}

/* ---------- inner page head ---------- */
.phead{padding:26px 0 30px}
.phead-grid{display:grid;gap:24px;align-items:end}
@media(min-width:900px){.phead-grid{grid-template-columns:minmax(0,1fr) 250px;gap:48px}}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 16px;padding:0;font:500 14px/1.4 var(--f-mono);color:var(--ink-2)}
.lang-bn .crumbs ol{font:500 15px/1.6 var(--f-body)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--red)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2)}
.phead h1{font-size:clamp(32px,5.8vw,64px);line-height:1.02;max-width:20ch;margin-bottom:16px}
.lang-bn .phead h1{font-size:clamp(27px,4.6vw,48px);line-height:1.36;max-width:24ch}
.phead .lead p{font-size:18px;color:var(--ink-2);max-width:66ch;margin:0}
.bigtag{display:none;position:relative;justify-self:end;align-self:start;margin-top:48px;width:210px;padding:52px 20px 20px;background:var(--amber);color:var(--ink);
 clip-path:polygon(28px 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%,0 28px);transform:rotate(3deg);transform-origin:50% 0;
 filter:drop-shadow(0 8px 10px rgba(29,28,34,.2))}
@media(min-width:900px){.bigtag{display:block}}
.bigtag .hole{position:absolute;left:50%;top:16px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--counter);box-shadow:inset 0 0 0 3px rgba(29,28,34,.25)}
.bt-no{display:block;font:900 84px/.9 "Sofia Sans Condensed",var(--f-bn);letter-spacing:-.03em}
.lang-bn .bt-no{font:800 76px/1.1 var(--f-bn);font-stretch:80%;letter-spacing:0}
.bt-l{display:block;margin-top:8px;padding-top:8px;border-top:2px solid var(--ink);font:700 18px/1.35 var(--f-body)}
.bt-b{display:block;margin-top:14px;height:30px;font:500 11px/1 var(--f-mono);padding-top:34px;overflow:hidden;
 background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 12px) 0 0/100% 26px no-repeat}
@media(prefers-reduced-motion:no-preference){.bigtag{animation:swing 4s ease-in-out 1 both}}
@keyframes swing{0%{transform:rotate(-2deg)}35%{transform:rotate(5deg)}70%{transform:rotate(1.5deg)}100%{transform:rotate(3deg)}}

/* ---------- body: ledger + receipt TOC ---------- */
.body-grid{display:grid;gap:26px;padding-bottom:56px}
@media(min-width:1024px){.body-grid{grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}}
.side{order:-1;min-width:0}
@media(min-width:1024px){.side{order:0}.side-in{position:sticky;top:96px}}
.ledger{--m:44px;min-width:0;background:var(--paper);border-radius:2px 6px 6px 2px;padding:10px 16px 26px var(--m);
 box-shadow:-6px 6px 0 var(--cloth),-6px 6px 0 1px var(--cloth-d);
 background-image:linear-gradient(90deg,transparent calc(var(--m) - 10px),var(--red) calc(var(--m) - 10px) calc(var(--m) - 8.5px),transparent calc(var(--m) - 8.5px) calc(var(--m) - 6px),var(--red) calc(var(--m) - 6px) calc(var(--m) - 4.5px),transparent calc(var(--m) - 4.5px))}
@media(min-width:768px){.ledger{--m:92px;padding:18px 44px 40px var(--m)}}
.entry{display:grid;grid-template-columns:var(--m) minmax(0,1fr);margin-left:calc(-1*var(--m));padding:22px 0 8px}
.entry+.entry{border-top:1px solid var(--rule)}
.entry .no{padding:2px 12px 0 0;text-align:right;font:900 26px/1 "Sofia Sans Condensed",var(--f-bn);color:var(--red-t);font-variant-numeric:tabular-nums}
.lang-bn .entry .no{font:700 24px/1.2 var(--f-bn);font-stretch:85%}
@media(min-width:768px){.entry .no{font-size:46px;padding-right:22px}.lang-bn .entry .no{font-size:40px}}
@media(max-width:767px){.entry .no{font-size:18px;padding-right:12px}.lang-bn .entry .no{font-size:17px}}
.entry-intro{padding-top:12px}
.tx{min-width:0}
.tx h2{font-size:clamp(25px,3.4vw,36px);line-height:1.08;margin:0 0 16px;padding-bottom:10px;border-bottom:3px double var(--ink);scroll-margin-top:90px}
.lang-bn .tx h2{font-size:clamp(22px,2.8vw,30px);line-height:1.4}
.tx h3{font:700 19px/1.4 var(--f-body);margin:22px 0 8px;color:var(--ink)}
.tx h3::before{content:"";display:inline-block;width:10px;height:10px;margin-right:9px;background:var(--red);transform:rotate(45deg) translateY(-2px)}
.tx p,.tx li{max-width:70ch}
.tx ul,.tx ol{padding-left:0;margin:0 0 1.2em;list-style:none}
.tx li{position:relative;padding:6px 0 6px 30px;border-bottom:1px dashed var(--rule)}
.tx ul>li::before{content:"";position:absolute;left:6px;top:1.05em;width:12px;height:2px;background:var(--red)}
.tx ol{counter-reset:li}
.tx ol>li{counter-increment:li}
.tx ol>li::before{content:counter(li) ".";position:absolute;left:0;top:6px;font:600 15px/1.8 var(--f-mono);color:var(--red-t)}
.lang-bn .tx ol>li::before{content:counter(li,bengali) ".";font:600 16px/1.8 var(--f-bn)}
.tx strong{font-weight:700;color:var(--ink)}
.tx code{font:500 .9em var(--f-mono);background:var(--paper-2);padding:1px 5px;border-radius:3px}
.table-wrap{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--rule-2);background:var(--receipt)}
.table-wrap table{width:100%;min-width:480px;border-collapse:collapse;font-size:15.5px}
.table-wrap th,.table-wrap td{padding:10px 12px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.table-wrap th{background:var(--paper-2);font-weight:700;border-bottom:3px double var(--rule-2)}
.table-wrap td+td,.table-wrap th+th{border-left:1px solid var(--rule)}
/* FAQ */
.entry-faq .no{font-family:var(--f-mono)}
.qa{border-bottom:1px solid var(--rule)}
.qa:first-of-type{border-top:1px solid var(--rule)}
.qa summary{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:8px;align-items:center;min-height:56px;padding:10px 0;cursor:pointer;list-style:none;font-weight:600;line-height:1.45}
.qa summary::-webkit-details-marker{display:none}
.qn{font:600 14px/1 var(--f-mono);color:var(--red-t)}
.lang-bn .qn{font:600 16px/1 var(--f-bn)}
.qi{position:relative;width:24px;height:24px;border-radius:50%;background:var(--key);box-shadow:inset 0 -2px 0 var(--key-e)}
.qi::before,.qi::after{content:"";position:absolute;left:7px;right:7px;top:11px;height:2px;background:var(--ink);transition:transform .2s}
.qi::after{transform:rotate(90deg)}
.qa[open] .qi::after{transform:rotate(0)}
.qa[open] .qi{background:var(--amber)}
.qa summary:hover .qq{color:var(--red-t)}
.qb{padding:0 0 12px 42px}
.qb p{color:var(--ink-2)}
/* CTA coupon */
.coupon{position:relative;margin:30px 0 0;padding:22px 20px;background:var(--graph);color:var(--receipt);border-radius:14px;display:grid;gap:16px;align-items:center;
 outline:2px dashed var(--key-e);outline-offset:6px}
@media(min-width:640px){.coupon{grid-template-columns:minmax(0,1fr) auto;padding:24px 28px}}
.coupon p{margin:0;font-size:18px;font-weight:500;line-height:1.55}
/* receipt */
.receipt{position:relative;background:var(--receipt);padding:16px 18px 18px;margin-bottom:12px;font-family:var(--f-mono);
 box-shadow:0 14px 22px -18px rgba(29,28,34,.55)}
.receipt::before,.receipt::after{content:"";position:absolute;left:0;right:0;height:8px}
.receipt::before{top:-8px;background:conic-gradient(from 135deg at 50% 0,var(--receipt) 90deg,transparent 0) 0 0/16px 8px repeat-x}
.receipt::after{bottom:-8px;background:conic-gradient(from -45deg at 50% 100%,var(--receipt) 90deg,transparent 0) 0 0/16px 8px repeat-x}
.side .receipt{margin-top:8px}
.r-head{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 10px;padding-bottom:10px;border-bottom:1.5px dashed var(--ink-3);text-align:center;font:500 12.5px/1.4 var(--f-mono);color:var(--ink-3)}
.r-head b{font:700 17px/1.5 var(--f-body);color:var(--ink)}
.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:grid;grid-template-columns:minmax(0,auto) minmax(12px,1fr) auto;align-items:end;gap:6px;min-height:44px;padding:7px 0;text-decoration:none;color:var(--ink);font:500 15px/1.45 var(--f-body)}
.toc .dots{height:1.1em;border-bottom:2px dotted var(--ink-3);transform:translateY(-.35em)}
.toc .n{font:600 14px/1.4 var(--f-mono);color:var(--red-t)}
.lang-bn .toc .n{font:600 15.5px/1.5 var(--f-bn)}
.toc a:hover .l,.toc a[aria-current] .l{color:var(--red-t)}
.toc a[aria-current]{box-shadow:inset 3px 0 0 var(--red);padding-left:10px}
.lang-bn .r-end{font:500 14px/1.6 var(--f-body)}
.r-end{margin:10px 0 0;padding-top:10px;border-top:1.5px dashed var(--ink-3);text-align:center;font:500 13px/1.5 var(--f-mono);color:var(--ink-3)}
@media(max-width:1023px){.side .toc ol{columns:2 260px;column-gap:28px}.side .toc li{break-inside:avoid}}
.mini-calc{margin-top:24px;padding:16px;border-radius:18px;background:var(--graph);color:#E4E0D6;box-shadow:inset 0 -5px 0 rgba(0,0,0,.35)}
.mini-calc .lcd-t{margin:0 0 10px;padding:10px 12px;border-radius:6px;background:var(--lcd);color:var(--lcd-ink);font:700 17px/1.4 var(--f-body);box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}
.mini-calc p{font-size:15.5px;line-height:1.6}
.mini-calc .key{width:100%}
@media(max-width:1023px){.mini-calc{display:none}}

/* ---------- related: price tags on a rack ---------- */
.rack{padding:44px 0 56px;background:linear-gradient(var(--counter-2),var(--counter-2)) 0 0/100% 10px no-repeat,var(--counter)}
.rack-t{font-size:clamp(26px,3.4vw,38px);line-height:1.2;margin:0 0 30px;display:flex;align-items:center;gap:14px}
.rack-t::after{content:"";flex:1;height:3px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.tags{list-style:none;margin:0;padding:18px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:34px 22px;
 background:linear-gradient(var(--graph-3),var(--graph-3)) 0 0/100% 4px no-repeat}
.htag{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:46px 20px 22px;text-decoration:none;color:var(--ink);background:var(--receipt);
 clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%,0 24px);transform-origin:50% -18px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.tags li{position:relative;filter:drop-shadow(0 6px 8px rgba(29,28,34,.16))}
.tags li::before{content:"";position:absolute;left:50%;top:-18px;width:2px;height:30px;background:var(--graph-3);z-index:1}
.htag .hole{position:absolute;left:50%;top:13px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--counter);box-shadow:inset 0 0 0 2.5px var(--key-e)}
.htag .code{position:absolute;right:16px;top:14px;font:600 13px/1 var(--f-mono);color:var(--red-t)}
.lang-bn .htag .code{font:600 15px/1 var(--f-bn)}
.htag strong{font:700 20px/1.35 var(--f-body);padding-bottom:8px;border-bottom:2px solid var(--ink)}
.lang-en .htag strong{font:800 23px/1.1 var(--f-disp)}
.htag .ds{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.tags li:nth-child(4n+2) .htag{background:var(--amber)}
.tags li:nth-child(4n+2) .htag .ds{color:var(--ink)}
.tags li:nth-child(4n+3) .htag{background:#DDE6D8}
@media(prefers-reduced-motion:no-preference){.htag:hover{transform:rotate(-2.5deg)}}
.htag:hover strong{color:var(--red-t)}
.htag:focus-visible{outline-offset:-6px}
.notice{margin:36px 0 0;padding:14px 16px;border-left:4px solid var(--red);background:var(--paper);font-size:15.5px;color:var(--ink-2);max-width:92ch}

/* ---------- footer: red cloth khata cover ---------- */
.ft{position:relative;background:var(--cloth);color:#F4E6DA;padding:46px 0 28px;
 background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.ft::before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:var(--cloth-d);box-shadow:0 1px 0 rgba(255,255,255,.1)}
.ft-grid{display:grid;gap:30px}
@media(min-width:800px){.ft-grid{grid-template-columns:minmax(0,1.5fr) 1fr 1fr;gap:44px}}
.label-plate{padding:20px;border:1.5px solid rgba(240,182,64,.7);outline:1px solid rgba(240,182,64,.35);outline-offset:4px;border-radius:3px}
.label-plate p{margin:14px 0 0;font-size:15.5px;line-height:1.7;color:#F1DDD0}
.brand-ft{color:#FBEFE3}
.brand-ft .b-vat{background:var(--amber);color:var(--ink)}
.brand-ft .b-vat::before{background:var(--cloth)}
.ft h2{font:700 14px/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}
.lang-bn .ft h2{font:700 17px/1.5 var(--f-body);letter-spacing:0;text-transform:none}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:#FBEFE3;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}
.ft li a:hover{color:var(--amber)}
.ft :focus-visible{outline-color:var(--amber)}
.ft-bot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px dashed rgba(255,255,255,.25);font:500 14px/1.4 var(--f-mono);color:#EBD3C5}
.age{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--amber);color:var(--amber);font:900 17px/1 "Sofia Sans Condensed",sans-serif;transform:rotate(-8deg)}

/* 404 */
.nf{padding:60px 16px 90px;max-width:560px}
.nf h1{font-size:40px;line-height:1.2;margin:10px 0}
.nf .receipt{padding:22px}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}