/* দামতুলনা — মোবাইল-ফার্স্ট এক কলাম ডিজাইন */
:root{
  --bg:#eef2f1; --surface:#ffffff; --ink:#12302c; --muted:#5b706c; --line:#d6e0dd;
  --accent:#c97a12; --accent-soft:#fbefdc; --best:#1d7a52; --best-soft:#e2f3ea; --na:#98a6a3; --warn:#b4472f; --warn-soft:#fbe9e4;
  --shadow:0 -6px 20px rgba(18,48,44,.10);
  --body:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0e1716; --surface:#17221f; --ink:#e3ece9; --muted:#93a6a2; --line:#2a3936;
  --accent:#efa947; --accent-soft:#3a2c17; --best:#4fc88f; --best-soft:#173126; --na:#5f706c; --warn:#e7826b; --warn-soft:#3a1f18;
  --shadow:0 -6px 20px rgba(0,0,0,.4); color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
img{max-width:100%}
.col{max-width:560px;margin:0 auto;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
.hdr{position:sticky;top:0;z-index:15;background:var(--surface);border-bottom:1px solid var(--line)}
.hdr .col{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:10px}
.logo{font-weight:700;font-size:1.15rem;white-space:nowrap}
.logo span{color:var(--accent)}
.search{flex:1;max-width:260px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font:inherit;font-size:.88rem;background:var(--bg);color:var(--ink);min-width:0}
main.col{display:grid;gap:14px;padding-block:12px 40px}
main.has-buy{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
.crumb{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow-x:auto}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
h1{font-size:1.2rem;line-height:1.3;margin:2px 0 6px;font-weight:700;text-wrap:balance}
h2{font-size:1rem;margin:0 0 10px;font-weight:700}
.sub{font-size:.8rem;color:var(--muted);font-weight:400}
.muted{color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tag{font-size:.72rem;background:var(--bg);border-radius:4px;padding:1px 6px;color:var(--muted)}
.price{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}
/* প্রোডাক্ট হেড */
.head{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center}
.thumb{background:var(--bg);border-radius:10px;aspect-ratio:1;display:grid;place-items:center;font-size:.7rem;color:var(--muted);text-align:center;padding:6px}
.thumb svg{width:80%;height:auto}
.brand{font-size:.76rem;color:var(--muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.low{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:end;gap:8px;flex-wrap:wrap}
.low .l{font-size:.8rem;color:var(--muted)}
.low .price{font-size:1.9rem;color:var(--best);line-height:1}
.low .price.none{color:var(--na);font-size:1.2rem}
.low .s{font-size:.8rem;color:var(--muted);text-align:right}
.save{display:inline-block;margin-top:8px;font-size:.82rem;font-weight:600;color:var(--best);background:var(--best-soft);border-radius:6px;padding:2px 9px}
.upd{font-size:.74rem;color:var(--muted);margin-top:8px}
/* স্টোর তালিকা */
.stores{display:grid;gap:8px}
.st{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-height:56px}
.st.best{border-color:var(--best);background:var(--best-soft)}
.st.none{border-style:dashed;opacity:.85}
.av{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:.76rem;background:var(--bg)}
.nm{font-weight:600;font-size:.95rem}
.stt{font-size:.75rem;color:var(--muted)}
.stt.ok{color:var(--best);font-weight:600}
.stt.out{color:var(--warn)}
.pr{text-align:right}
.pr b{display:block;font-family:var(--mono);font-size:1.05rem;font-variant-numeric:tabular-nums}
.pr s{display:block;font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.pr small{font-size:.72rem;color:var(--accent);font-weight:600}
.none .pr b{color:var(--na)}
/* তালিকা সারি */
.rows{display:grid}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);min-height:52px}
.row:last-child{border-bottom:0;padding-bottom:2px}
.row .n{font-weight:600;font-size:.92rem;line-height:1.3}
.row .w{font-size:.75rem;color:var(--muted)}
.row .p{font-family:var(--mono);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.row .d{font-size:.72rem;text-align:right}
.d.lo{color:var(--best);font-weight:600}
.badge{display:inline-block;font-size:.7rem;font-weight:600;border-radius:999px;padding:0 7px;background:var(--best-soft);color:var(--best);margin-left:4px}
.badge.gray{background:var(--bg);color:var(--muted)}
/* ক্যাটাগরি টাইল */
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:2px;min-height:84px}
.cat b{font-size:1rem}
.cat span{font-size:.78rem;color:var(--muted)}
/* ফিল্টার */
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.chip{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 12px;font:500 .85rem var(--body);cursor:pointer;min-height:36px}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ctrl{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.85rem;margin-top:10px}
select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:5px 8px}
/* চার্ট */
.spark{width:100%;height:auto;display:block}
.spark text{font:600 10px var(--mono);fill:var(--muted)}
/* স্পেক ও FAQ */
details{border-top:1px solid var(--line)}
details:first-of-type{border-top:0}
summary{list-style:none;cursor:pointer;padding:12px 0;font-weight:600;display:flex;justify-content:space-between;gap:10px;min-height:44px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:400;font-size:1.3rem;color:var(--muted);line-height:1}
details[open] summary::after{content:"–"}
details p{margin:0 0 12px;color:var(--muted);font-size:.92rem}
dl{margin:0}
dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem}
dl div:last-child{border-bottom:0}
dt{color:var(--muted)} dd{margin:0;font-weight:600;text-align:right}
.foot{font-size:.76rem;color:var(--muted);text-align:center;padding-block:4px 10px}
/* নিচের কিনুন বার */
.buy{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--surface);box-shadow:var(--shadow);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.buy .col{display:flex;align-items:center;gap:12px;padding-block:10px}
.buy .bp{flex:1;min-width:0}
.buy .bp b{font-family:var(--mono);font-size:1.25rem;color:var(--best);display:block;line-height:1.1}
.buy .bp span{font-size:.75rem;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn{background:var(--ink);color:var(--bg);font-weight:700;border-radius:12px;padding:12px 18px;min-height:48px;display:inline-flex;align-items:center;white-space:nowrap}
/* অ্যাডমিন */
table{border-collapse:collapse;width:100%;font-size:.85rem}
th,td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:.75rem}
.scroll{overflow-x:auto}
code{font-family:var(--mono);font-size:.78rem;background:var(--bg);padding:1px 5px;border-radius:4px;word-break:break-all}
#results{display:grid}
[hidden]{display:none!important}
.tag.warr{background:var(--best-soft);color:var(--best);font-weight:600}
.warr-txt{color:var(--best)}
.feat{margin:0;padding-left:1.1em;display:grid;gap:3px;font-size:.92rem}
.pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.pager a,.pager span{min-width:40px;min-height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-weight:600;padding:0 10px}
.pager span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cat small{font-size:.74rem;color:var(--muted)}
/* তুলনা */
.cmpbtn{margin-top:12px;width:100%;min-height:44px;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--ink);border-radius:10px;font:600 .92rem var(--body);cursor:pointer}
.cmpbtn.on{border-style:solid;background:var(--best-soft);border-color:var(--best);color:var(--best)}
.cmpmsg{font-size:.82rem;margin:6px 0 0}
.cmpbar{position:fixed;left:0;right:0;bottom:0;z-index:16;background:var(--ink);color:var(--bg);padding-bottom:env(safe-area-inset-bottom)}
.has-buy ~ .cmpbar,body.buy-on .cmpbar{bottom:calc(68px + env(safe-area-inset-bottom));padding-bottom:0}
.cmpbar .col{display:flex;align-items:center;gap:12px;padding-block:8px}
.cmpbar #cmpcount{flex:1;font-size:.88rem}
.cmpbar .link{background:none;border:0;color:var(--bg);opacity:.75;font:inherit;font-size:.85rem;cursor:pointer;min-height:40px}
.btn.sm{padding:8px 14px;min-height:40px;background:var(--accent);color:#1a1205}
.cmpwrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cmptbl{border-collapse:separate;border-spacing:0;font-size:.85rem;min-width:100%}
.cmptbl th,.cmptbl td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top;min-width:140px;max-width:220px;white-space:pre-line}
.cmptbl th:first-child,.cmptbl td:first-child{position:sticky;left:0;background:var(--surface);min-width:110px;max-width:120px;color:var(--muted);font-weight:600;z-index:1}
.cmptbl tr.sec td{background:var(--bg);font-weight:700;color:var(--ink)}
.cmptbl tr.sec td:first-child{background:var(--bg)}
.cmptbl tr.diff td:not(:first-child){background:var(--accent-soft)}
.cmptbl .pname{font-weight:700;color:var(--ink);white-space:normal}
.cmptbl .rm{background:none;border:0;color:var(--warn);font:inherit;font-size:.78rem;cursor:pointer;padding:4px 0}
.cmptbl .lo{color:var(--best);font-weight:700}
body.cmp-on main.col{padding-bottom:calc(60px + env(safe-area-inset-bottom))}
body.cmp-on main.has-buy{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
main.col>*{min-width:0}
.cmpwrap{max-width:100%}
.notfound{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--warn-soft);color:var(--ink);font-size:.82rem;line-height:1.45}
.notfound b{color:var(--warn)}
.notfound .ic{flex:0 0 22px;height:22px;border-radius:50%;background:var(--warn);color:var(--surface);display:grid;place-items:center;font-weight:700;font-size:.8rem;margin-top:1px}
.seen{font-size:.7rem;color:var(--muted)}
.seen.old{color:var(--warn);font-weight:600}
.st{grid-template-columns:auto minmax(0,1fr) auto}
.av.logo{width:64px;height:36px;background:#fff;border:1px solid var(--line);padding:4px}
.av.logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.av{width:64px}
.av.logo.dark{background:#000;border-color:#000}
/* বিজ্ঞাপন ও স্পন্সর: সবসময় লেবেলসহ, পাতার ভেতরে, কোনো পপআপ নয় */
.ad{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:22px 12px 12px;min-width:0;overflow:hidden}
.rows .ad{margin:8px 0}
.adl{position:absolute;top:6px;left:12px;font-size:.66rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
.ad .sp{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ink)}
.ad .sp img{width:100%;height:auto;border-radius:10px;display:block}
.ad .sptxt{flex:1 1 180px;min-width:0;display:grid;gap:2px;font-size:.88rem}
.ad .sptxt span{color:var(--muted)}
.ad .spbtn{background:var(--accent);color:#1a1205;font-weight:700;border-radius:10px;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;font-size:.88rem}
.st.feat{border-color:var(--accent)}
.spn{display:inline-block;margin-left:6px;font-size:.66rem;font-weight:700;color:#1a1205;background:var(--accent-soft);border:1px solid var(--accent);border-radius:6px;padding:0 5px;vertical-align:2px}
.footnav{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:.82rem;margin:-4px 0 16px}
.footnav a{color:var(--muted);text-decoration:underline;min-height:32px;display:inline-flex;align-items:center}
.prose p,.prose li{font-size:.94rem;line-height:1.65}
.prose ul{padding-left:1.2em;display:grid;gap:4px}
.prose a{text-decoration:underline}
.gonote{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:30;max-width:560px;margin:0 auto;background:var(--ink);color:var(--bg);border-radius:12px;padding:12px 40px 12px 14px;font-size:.86rem;line-height:1.45;box-shadow:0 6px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.gonote.on{opacity:1;transform:none;pointer-events:auto}
.gonote button{position:absolute;top:6px;right:6px;width:32px;height:32px;background:none;border:0;color:var(--bg);font-size:1rem;cursor:pointer}
@media (prefers-reduced-motion:reduce){.gonote{transition:none}}
/* নিজের "বিজ্ঞাপন দিন" ব্যানার */
.ad.house{padding:16px;background:linear-gradient(135deg,var(--accent-soft),var(--surface) 70%);border:1px dashed var(--accent);display:grid;gap:12px}
.ad.house .hbody{display:flex;gap:12px;align-items:center;min-width:0}
.ad.house .hic{flex:0 0 44px;height:44px;padding:8px;border-radius:12px;background:var(--accent);color:#1a1205}
.ad.house .htxt{display:grid;gap:2px;min-width:0}
.ad.house .htxt b{font-size:1rem;color:var(--ink);line-height:1.35}
.ad.house .htxt span{font-size:.84rem;color:var(--muted);line-height:1.45}
.ad.house .hbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ad.house .hb{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:10px;font-weight:700;font-size:.9rem}
.ad.house .hb svg{width:18px;height:18px}
.ad.house .hb.call{background:var(--ink);color:var(--bg)}
.ad.house .hb.wa{background:#1fa855;color:#fff}
.ad.house .hmore{font-size:.78rem;color:var(--muted);text-align:center;text-decoration:underline}
@media (min-width:640px){.ad.house{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ad.house .hbtns{grid-template-columns:auto auto}.ad.house .hb{padding:0 16px}.ad.house .hmore{grid-column:1/-1;text-align:left}}
/* স্টোরে যাওয়ার আগের বার্তা (৫ সেকেন্ড, কোনো বিজ্ঞাপন নয়) */
.gobox{position:fixed;inset:0;z-index:40;background:rgba(10,20,18,.55);display:grid;place-items:end center;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
@media (min-width:640px){.gobox{place-items:center}}
.gocard{width:100%;max-width:440px;background:var(--surface);color:var(--ink);border-radius:18px;padding:20px 18px 16px;box-shadow:0 12px 40px rgba(0,0,0,.3);display:grid;gap:10px;animation:goin .2s ease-out}
@keyframes goin{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.gocard h2{margin:0;font-size:1.12rem;line-height:1.35}
.gocard p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink)}
.gocard .gotip{font-size:.8rem;color:var(--muted)}
.goic{width:44px;height:44px;border-radius:12px;background:var(--best-soft);color:var(--best);display:grid;place-items:center}
.goic svg{width:24px;height:24px}
.gobar{height:6px;border-radius:6px;background:var(--line);overflow:hidden;margin-top:4px}
.gobar span{display:block;height:100%;width:0;background:var(--best);transition:width linear}
.goact{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gocount{font-weight:600;font-size:.9rem;color:var(--muted)}
.gocancel{background:none;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:0 16px;font:600 .88rem var(--body);color:var(--ink);cursor:pointer}
.gogo{flex:1;justify-content:center;background:var(--best);color:#fff}
body.go-on{overflow:hidden}
@media (prefers-reduced-motion:reduce){.gocard{animation:none}.gobar span{transition:none}}
/* পাওয়া যায়নি: আলাদা অংশ, নিচে, ছোট সারি */
.nfh{display:flex;align-items:center;gap:8px;font-size:.95rem;margin:18px 0 8px;padding-top:14px;border-top:1px dashed var(--line);color:var(--warn)}
.nfh .ic{flex:0 0 20px;height:20px;border-radius:50%;background:var(--warn);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700}
.nfh .sub{color:var(--muted);font-weight:400}
.stores.nf{gap:6px}
.stores.nf .st{min-height:46px;padding:6px 12px;background:var(--warn-soft);border:1px solid transparent;opacity:1;border-style:solid}
.stores.nf .av.logo{height:30px;filter:grayscale(1);opacity:.75}
.stores.nf .nm{color:var(--muted);font-weight:600}
.nfl{font-size:.76rem;font-weight:700;color:var(--warn);white-space:nowrap}
.nfnote{font-size:.76rem;color:var(--muted);margin:8px 0 0;line-height:1.5}
.av.logo{overflow:hidden;box-sizing:border-box}
.av.logo img{max-width:100%;max-height:26px;width:auto;height:auto}
.stores.nf .av.logo img{max-height:20px}
/* সাইজ অনুযায়ী ব্র্যান্ড তুলনা */
.sz-lbl{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin:14px 0 6px}
.sz-sel{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:500 .92rem var(--body);padding:8px 10px}
.szbars{display:grid;gap:8px}
.szbar{display:grid;grid-template-columns:minmax(70px,96px) minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.86rem}
.szbar .bn{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.szbar .tr{height:12px;border-radius:6px;background:var(--bg);overflow:hidden}
.szbar .tr span{display:block;height:100%;border-radius:6px;background:var(--na)}
.szbar.top .tr span{background:var(--best)}
.szbar b{font:700 .85rem var(--mono)}
.szbar.top b{color:var(--best)}
.szbrands{display:grid;gap:14px}
.szh{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.szh h3{margin:0;font-size:1.1rem}
.szh .save{margin:0 0 0 6px;vertical-align:2px}
.szbest{display:grid;gap:2px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--best-soft);color:var(--ink)}
.szbest .l{font-size:.72rem;font-weight:700;color:var(--best)}
.szbest .n{font-weight:600;font-size:.92rem;line-height:1.35}
.szbest .m{font-size:.82rem;color:var(--muted)}
.szbest .m b{font:700 1rem var(--mono);color:var(--best)}
.szdl{margin:8px 0 0}
.szb details{margin-top:6px}
.sizecta{display:grid;gap:2px;margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--best);background:var(--best-soft);color:var(--ink)}
.sizecta b{font-size:.92rem}
.sizecta span{font-size:.8rem;color:var(--muted)}
.chips.szr a.chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.chips.szr a.chip small{font-size:.7rem;color:var(--muted)}
.chips.szr a.chip[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chips.szr a.chip[aria-current="page"] small{color:var(--bg);opacity:.75}
.szhub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:640px){.szhub{grid-template-columns:repeat(4,minmax(0,1fr))}}
.szhub a{display:grid;gap:2px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}
.szhub b{font-size:1rem}
.szhub span{font-size:.76rem;color:var(--muted)}
/* প্রোডাক্টের ছবি (স্টোরের সার্ভার থেকে, না খুললে আইকন) */
.thumbcol{display:grid;gap:4px;justify-items:center;min-width:0}
.thumb{position:relative;overflow:hidden}
.thumb.has-img{background:#fff;border:1px solid var(--line);padding:0}
.thumb .pimg{position:absolute;inset:0;border:0;padding:4px;background:#fff;cursor:zoom-in;display:grid;place-items:center;width:100%;height:100%}
.thumb .pimg img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.thumb.has-img .ico{opacity:0}
.thumb.noimg{background:var(--bg);border:0;padding:6px}
.thumb.noimg .ico{opacity:1}
.ico{display:grid;place-items:center;width:100%;height:100%}
.credit{font-size:.62rem;color:var(--muted);text-decoration:underline;white-space:nowrap;max-width:76px;overflow:hidden;text-overflow:ellipsis}
.row.wi{grid-template-columns:44px minmax(0,1fr) auto}
.rimg{width:44px;height:44px;border-radius:8px;background:var(--bg);overflow:hidden;display:grid;place-items:center;grid-row:span 2}
.rimg img{width:100%;height:100%;object-fit:contain;background:#fff}
.gl{position:fixed;inset:0;z-index:50;background:rgba(8,14,13,.94);display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:56px minmax(0,1fr) auto;align-items:center;padding-bottom:env(safe-area-inset-bottom)}
.gl-x{grid-column:3;grid-row:1;justify-self:end;margin-right:8px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.1rem;cursor:pointer}
.gl-img{grid-column:2;grid-row:2;height:100%;display:grid;place-items:center;min-height:0}
.gl-img img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:8px}
.gl-none{color:#cfd8d6}
.gl-nav{grid-row:2;width:44px;height:64px;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:1.8rem;border-radius:10px;cursor:pointer;justify-self:center}
.gl-prev{grid-column:1}.gl-next{grid-column:3}
.gl-cap{grid-column:1/-1;grid-row:3;text-align:center;padding:12px;color:#cfd8d6;font-size:.82rem}
.gl-cap a{color:#fff;text-decoration:underline}
.gl-cap span{margin-left:8px;opacity:.7}
.szbest.wi{grid-template-columns:56px minmax(0,1fr);column-gap:10px}
.szbest .si{grid-row:span 3;width:56px;height:56px;border-radius:8px;background:#fff;overflow:hidden;display:grid;place-items:center}
.szbest .si img{width:100%;height:100%;object-fit:contain}
.szbest .si.noimg{background:var(--bg)}
/* ব্র্যান্ড */
.blogo{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--ink);display:grid;place-items:center;font:700 .9rem var(--body);overflow:hidden;border:1px solid var(--line)}
.blogo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}
.blogo.lg{width:72px;height:72px;font-size:1.3rem;border-radius:16px}
.bhead{display:flex;gap:12px;align-items:center}
.bhead h1{margin:0}
.babout{font-size:.9rem;line-height:1.6;margin:12px 0 0}
.blinks{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.blinks a{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:.84rem;background:var(--bg)}
.astats.bst{margin-top:12px}
.astats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:640px){.astats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.astat{background:var(--bg);border-radius:12px;padding:10px 12px}
.astat b{display:block;font:700 1.1rem var(--mono)}
.astat span{font-size:.76rem;color:var(--muted)}
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:640px){.bgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bcard{display:grid;justify-items:center;gap:4px;padding:10px 6px;border:1px solid var(--line);border-radius:12px;text-align:center;min-width:0}
.bcard b{font-size:.84rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcard span{font-size:.7rem;color:var(--muted)}
.azbar{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
.azbar a{min-width:32px;min-height:32px;display:grid;place-items:center;border-radius:8px;background:var(--bg);font-weight:700;font-size:.82rem}
.azh{margin:14px 0 6px;font-size:1rem;scroll-margin-top:70px}
.azlist{display:flex;flex-wrap:wrap;gap:6px}
.azlist a{min-height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:.84rem}
.azlist small{color:var(--muted);font-size:.7rem}
.brand a{color:inherit;text-decoration:underline;text-decoration-color:var(--line)}
/* এক নজরে: মূল ফিচার টেবিল */
dl.kf{margin:0;display:grid;gap:0}
dl.kf>div{display:grid;grid-template-columns:minmax(84px,32%) 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--line,#e5e7eb)}
dl.kf>div:last-child{border-bottom:0}
dl.kf dt{color:var(--muted,#6b7280);font-size:.86rem}
dl.kf dd{margin:0;text-align:left;font-weight:500;font-size:.92rem;overflow-wrap:anywhere}

/* বাজেট অনুযায়ী সেরা */
.budl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:.82rem}
.budl span{color:var(--muted);font-weight:600}
.budl a{border:1px solid var(--line);border-radius:999px;padding:3px 10px;background:var(--bg);font-weight:600}
.bteaser{display:grid;gap:10px}
.bteaser>div{display:grid;gap:6px}
.bteaser .ihd{gap:8px;font-size:.95rem}
.bteaser .cic{width:32px;height:32px}
.bteaser .cic .ci{padding:7px}
.bt-links{display:flex;flex-wrap:wrap;gap:6px}
.bt-links a{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.82rem;font-weight:600;background:var(--bg)}
.bestl{list-style:none;margin:0;padding:0;display:grid}
.bestl>li{border-bottom:1px solid var(--line)}
.bestl>li:last-child{border-bottom:0}
.bestl>li.bad{padding:10px 0}
.bitem{display:grid;grid-template-columns:22px 64px minmax(0,1fr);gap:4px 10px;align-items:center;padding:12px 0}
.bno{font:700 .95rem var(--mono);color:var(--muted);align-self:center;grid-row:span 2}
.bitem .rimg{width:64px;height:64px;grid-row:span 2}
.bmid{display:grid;gap:4px;min-width:0}
.bmid .n{font-size:.93rem;line-height:1.35}
.bmid .w{font-size:.76rem;color:var(--muted)}
.bpr{grid-column:3;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bpr .price{font-size:1.1rem;color:var(--best)}
.bpr small{font-size:.74rem}
.bestl>li:first-child .bno{color:var(--accent)}
.bhub{display:grid;gap:14px}

/* দামের ইতিহাস: সময় বাছাই, ৩০ দিনের ব্যাজ */
.hrange{display:grid;grid-template-columns:repeat(3,auto) 1fr;gap:6px;align-items:center}
.hrange input{position:absolute;opacity:0;pointer-events:none}
.hrange label{border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--muted)}
.hrange input:checked+label{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.hrange input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.hsv{grid-column:1/-1;display:none;margin-top:6px}
#hr1:checked~.hsv1,#hr2:checked~.hsv2,#hr3:checked~.hsv3{display:block}
.save.hi30{color:var(--warn);background:var(--warn-soft)}

/* পিসি বিল্ডার */
.pccta{display:flex;align-items:center;gap:12px;border-color:var(--accent);background:linear-gradient(120deg,var(--accent-soft),var(--surface) 70%)}
.pccta>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}
.pccta b{font-size:1.02rem}
.pccta>span:nth-child(2)>span{font-size:.82rem;color:var(--muted)}
.pccta-go{font-weight:700;color:var(--accent);white-space:nowrap;font-size:.9rem}
.pcb{display:contents}
.pcslots{display:grid;gap:0;padding-block:6px}
.pcs{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.pcs:last-child{border-bottom:0}
.pcs .cic{width:40px;height:40px}
.pcs-h{display:flex;gap:6px;align-items:baseline}
.pcs-h b{font-size:.95rem}
.pcs-h small{font-size:.7rem;color:var(--muted)}
.pcs-v{font-size:.84rem;line-height:1.4;min-width:0}
.pcs-v a{font-weight:600;display:block}
.pcs-p{display:block;color:var(--best);font:700 .85rem var(--mono);margin-top:2px}
.pcs-rm{background:none;border:0;padding:0;color:var(--warn);font:600 .76rem var(--body);cursor:pointer;margin-top:2px}
.pcs-pick{border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:10px;min-height:40px;padding:0 14px;font:600 .86rem var(--body);cursor:pointer}
.pcs.on .pcs-pick{background:var(--surface);color:var(--ink);border-color:var(--line)}
.pcsum{display:contents}
.pctot{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pctot span{font-size:.84rem;color:var(--muted)}
.pctot .price{font-size:1.7rem;color:var(--best)}
.pctot.one{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.pctot.one b{font:700 1.15rem var(--mono)}
.pcby{display:grid;gap:6px;margin-top:10px}
.pcby div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;font-size:.8rem;align-items:baseline}
.pcby span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcby em{font:700 .82rem var(--mono);font-style:normal}
.pcsave{font-size:.8rem;margin:6px 0 0;color:var(--best)}
.pcchk{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pcchk li{font-size:.85rem;padding-left:24px;position:relative;line-height:1.45}
.pcchk li::before{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:#fff}
.pcchk li.ok::before{content:"✓";background:var(--best)}
.pcchk li.no::before{content:"✗";background:var(--warn)}
.pcchk li.q::before{content:"?";background:var(--na)}
.pcchk li.no{color:var(--warn);font-weight:600}
.pcact{display:flex;gap:10px}
.pcact .btn{flex:1;justify-content:center;border:0;cursor:pointer;font-family:var(--body)}
.pcmodal{position:fixed;inset:0;z-index:50;display:grid;place-items:end center}
.pcmodal[hidden]{display:none}
.pcm{width:100%;max-width:720px;max-height:88vh;background:var(--surface);border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.3);padding-bottom:env(safe-area-inset-bottom)}
.pcm-tools{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line)}
.pcm-tools input[type=search]{flex:1 1 100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--bg);color:var(--ink)}
.pcm-list{display:block;overflow-y:auto;padding:0 16px 12px;overscroll-behavior:contain;flex:1 1 auto;min-height:0}
.pci{width:100%;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;font:inherit;line-height:1.4;color:inherit;cursor:pointer;display:grid;padding:12px 0;gap:4px 12px}
.pci .w{margin-top:3px}
.pci:hover .n{color:var(--accent)}
.pcok{color:var(--best);font-weight:700;font-size:.72rem}
.pcno{color:var(--warn);font-weight:700;font-size:.72rem}
#pctotal.busy{opacity:.5}

/* দাম কমলে জানান */
.alertbtn{margin-top:8px;width:100%;min-height:44px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;font:600 .92rem var(--body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.alertbtn svg{width:18px;height:18px;color:var(--accent)}
.alertbtn.on{border-color:var(--best);color:var(--best)}
.alertbtn[aria-expanded="true"]{border-color:var(--accent);background:var(--accent-soft)}
.alertbox{margin-top:10px;padding:14px;border:1px solid var(--accent);border-radius:12px;background:var(--accent-soft)}
.alertbox form{display:grid;gap:10px}
.alertbox label{display:grid;gap:4px;font-size:.84rem;font-weight:600}
.alertbox label small{font-weight:400;color:var(--muted)}
.alertbox input:not([type=checkbox]){border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;font-size:.95rem;background:var(--surface);color:var(--ink);min-height:44px}
.alertbox .alok{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:.8rem;line-height:1.45}
.alertbox .alok input{width:18px;height:18px;margin-top:1px;accent-color:var(--best);flex:0 0 auto}
.alertbox .btn{justify-content:center;border:0;cursor:pointer;font-family:var(--body)}
.alnote{margin:0;font-size:.82rem;color:var(--muted)}
.almsg{margin:0;font-size:.86rem}
.almsg:empty{display:none}
.almsg.err{color:var(--warn);margin-top:8px}
.almsg.ok{color:var(--best);font-weight:600}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* স্টোর পরিচিতি */
.sabout{margin:10px 0 0;font-size:.78rem;color:var(--muted);line-height:1.6}
.sabout a{text-decoration:underline;color:var(--ink)}
.av.slogo{width:96px;height:52px;flex:0 0 auto;border-radius:12px}
.av.slogo img{max-height:38px}
.shub{display:grid;gap:12px}
.scard{display:flex;gap:14px;align-items:center}
.sbody{display:grid;gap:2px;min-width:0}
.sbody b{font-size:1.02rem}
.sbody span{font-size:.8rem;color:var(--muted)}
.azlist a .ci{width:16px;height:16px}
@media (min-width:1024px){.shub{grid-template-columns:repeat(2,minmax(0,1fr))}.scard:hover{border-color:var(--accent)}}

/* প্রোডাক্ট পেজে কোম্পানি ও স্টোর পরিচিতি */
.cpn{display:block;font-size:1.05rem}
.cpt{display:block;font-size:.82rem;color:var(--muted)}
.sprof details{border-top:1px solid var(--line)}
.sprof details:first-of-type{border-top:0}
.sprof summary{justify-content:flex-start;gap:10px;padding:10px 0}
.sprof summary::after{margin-left:auto}
.sprof summary .av{width:64px;height:34px}
.spn2{display:grid;min-width:0}
.spn2 b{font-size:.92rem}
.spn2 small{font-size:.76rem;color:var(--muted);font-weight:500}
.sprof dl.kf{margin-bottom:6px;grid-template-columns:minmax(0,1fr)!important}
.sprof dl.kf>div{grid-template-columns:72px 1fr!important;border-bottom:1px solid var(--line)!important}
.sprof dl.kf>div:last-child{border-bottom:0!important}
.sprof dl.kf dd{font-size:.84rem;font-weight:400}
.sprof-more{display:inline-block;font-size:.82rem;font-weight:600;color:var(--accent);margin:2px 0 12px}

/* ফোনের অফিসিয়াল / আনঅফিসিয়াল */
.ptl{display:inline-block;margin-left:6px;font-size:.66rem;font-weight:700;border-radius:6px;padding:0 6px;vertical-align:2px}
.ptl.official{background:var(--best-soft);color:var(--best)}
.ptl.unofficial{background:var(--warn-soft);color:var(--warn)}

/* সন্দেহজনক দাম */
.stt.chk{color:var(--warn);font-weight:600}
.chknote{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:var(--warn-soft);font-size:.8rem;line-height:1.5;color:var(--ink)}
.chknote b{color:var(--warn)}

/* ক্যাটাগরি ফিল্টার ও সাজানো (মোবাইলে নিচ থেকে খোলা প্যানেল, পিসিতে বাঁ পাশে) */
.ftool{display:flex;gap:8px;margin-top:12px;align-items:stretch}
.fsort{flex:1;display:flex;align-items:center;gap:6px;min-width:0;border:1px solid var(--line);border-radius:10px;padding-left:12px;background:var(--bg);font-size:.82rem;color:var(--muted)}
.fsort select{flex:1;min-width:0;border:0;background:none;font:600 .88rem var(--body);color:var(--ink);padding:8px 6px;min-height:42px;border-radius:0}
.fbtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:600 .9rem var(--body);cursor:pointer}
.fbtn svg{width:18px;height:18px}
.fcount{background:var(--accent);color:#1a1205;border-radius:999px;min-width:20px;height:20px;display:inline-grid;place-items:center;font-size:.72rem;padding:0 5px}
.fapplied{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fap{border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:3px 11px;font:500 .8rem var(--body);cursor:pointer;min-height:32px}
.fap span{color:var(--muted);margin-left:2px}
.fap.clear{background:none;text-decoration:underline;border-color:transparent;color:var(--muted)}
.cbody{display:contents}
.fpanel{display:none}
.fpanel.open{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:46;max-height:86vh;background:var(--surface);border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);padding-bottom:env(safe-area-inset-bottom)}
body.fp-on{overflow:hidden}
body.fp-on::after{content:"";position:fixed;inset:0;background:rgba(10,20,18,.5);z-index:45}
.fhead{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.fx{width:40px;height:40px;border:0;background:var(--bg);border-radius:50%;font-size:1rem;cursor:pointer;color:var(--ink)}
.fscroll{overflow-y:auto;padding:0 16px 8px;flex:1;overscroll-behavior:contain}
.fgrp{padding:12px 0;border-bottom:1px solid var(--line)}
.fgrp:last-child{border-bottom:0}
.fgrp h3{font-size:.9rem;margin:0 0 6px}
.fpre{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.fchip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 11px;font:500 .8rem var(--body);cursor:pointer;min-height:34px}
.fchip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.frange{display:flex;align-items:center;gap:6px;color:var(--muted)}
.frange input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:.88rem;background:var(--bg);color:var(--ink)}
.fck{display:flex;align-items:center;gap:9px;min-height:38px;font-size:.88rem;cursor:pointer}
.fck input{width:18px;height:18px;accent-color:var(--best);flex:0 0 auto;margin:0}
.fck span{flex:1;min-width:0}
.fck small{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}
.fck.zero{opacity:.4}
.fopts.long:not(.open) .fck:nth-child(n+9){display:none}
.fmore{border:0;background:none;color:var(--accent);font:600 .82rem var(--body);padding:6px 0;cursor:pointer}
.ffoot{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}
.freset{flex:0 0 auto;background:none;border:1px solid var(--line);border-radius:12px;padding:0 16px;font:600 .9rem var(--body);color:var(--ink);min-height:48px;cursor:pointer}
.fgo{flex:1;justify-content:center;border:0;cursor:pointer;font-family:var(--body)}
.fstat{margin:0 0 6px;font-size:.84rem;color:var(--muted)}
.fload{display:block;width:100%;margin-top:12px;min-height:46px;border:1px solid var(--line);background:var(--surface);border-radius:12px;font:600 .92rem var(--body);color:var(--ink);cursor:pointer}
#list.busy,#results.busy{opacity:.5;transition:opacity .15s}

/* ক্যাটাগরি আইকন (Tabler Icons, MIT) */
.ci{width:1em;height:1em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:var(--c,var(--accent))}
/* রঙের প্যালেট: হালকা মোডে গাঢ়, ডার্ক মোডে উজ্জ্বল শেড */
.k0{--c:#2563eb}.k1{--c:#16a34a}.k2{--c:#ea580c}.k3{--c:#9333ea}.k4{--c:#dc2626}.k5{--c:#0d9488}
.k6{--c:#db2777}.k7{--c:#ca8a04}.k8{--c:#4f46e5}.k9{--c:#0891b2}.k10{--c:#65a30d}.k11{--c:#e11d48}
@media (prefers-color-scheme:dark){
.k0{--c:#60a5fa}.k1{--c:#4ade80}.k2{--c:#fb923c}.k3{--c:#c084fc}.k4{--c:#f87171}.k5{--c:#2dd4bf}
.k6{--c:#f472b6}.k7{--c:#facc15}.k8{--c:#818cf8}.k9{--c:#22d3ee}.k10{--c:#a3e635}.k11{--c:#fb7185}}
/* রঙিন টাইল: আইকনের নিজের রঙের হালকা পটভূমি */
.cic{flex:0 0 auto;display:grid;width:38px;height:38px}
.cic .ci{width:100%;height:100%;padding:8px;border-radius:11px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--c) 24%,var(--surface)),color-mix(in srgb,var(--c) 9%,var(--surface)));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,transparent);transition:background .15s,color .15s}
.cat .cic{margin-bottom:8px}
.ihd{display:flex;align-items:center;gap:10px}
.ihd .cic{width:44px;height:44px}
.ihd .cic .ci{padding:9px}
.rimg>*{grid-area:1/1}
.rimg img{position:relative;z-index:1}
.rimg:has(img)>.ci{display:none}
.rimg>.ci{width:56%;height:56%;stroke-width:1.6;opacity:.7}
.thumb .ico .ci{width:56%;height:56%;stroke-width:1.4;opacity:.75}
.gnav a{display:inline-flex;align-items:center;gap:6px}
.gnav .ci{width:18px;height:18px}
@media (hover:hover){.cat:hover .cic .ci{background:var(--c);color:var(--surface)}}

/* ===================== পিসি / বড় স্ক্রিন =====================
   মোবাইলে নিচের র‍্যাপারগুলো অদৃশ্য (display:contents), তাই মোবাইলের ডিজাইন ও ক্রম আগের মতোই থাকে।
   শুধু ১০২৪px-এর বেশি চওড়া স্ক্রিনে আলাদা লেআউট চালু হয়। */
.gnav,.hlinks,.dk,.dkbuy{display:none}
.pgrid,.pmain,.pside,.duo{display:contents}
.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}.o8{order:8}.o9{order:9}
main.col>.foot,main.col>.footnav{order:99}
.slotw{min-width:0}
.slotw:not(:has(.ad)){display:none}

/* ট্যাবলেট: একটু চওড়া কলাম */
@media (min-width:760px) and (max-width:1023.98px){
  .col{max-width:720px}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:1024px){
  body{font-size:16px}
  .col{max-width:1240px;padding-left:28px;padding-right:28px}

  /* হেডার: লোগো · বড় সার্চ · লিংক, নিচে ক্যাটাগরি মেনু */
  .hdr{box-shadow:0 1px 0 var(--line)}
  .hdr>.col{gap:28px;padding-block:14px}
  .logo{font-size:1.6rem;letter-spacing:-.01em}
  .hdr .sform{justify-content:center!important}
  .hdr .search{max-width:620px;width:100%;padding:11px 18px;font-size:.95rem;border-width:1.5px}
  .hdr .search:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}
  .hlinks{display:flex;gap:6px;white-space:nowrap}
  .hlinks a{padding:8px 14px;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--muted)}
  .hlinks a:hover{background:var(--bg);color:var(--ink)}
  .gnav{display:block;border-top:1px solid var(--line)}
  .gnav .col{display:flex;flex-wrap:wrap;justify-content:center;gap:0 2px}
  .gnav .col::-webkit-scrollbar{display:none}
  .gnav a{flex:0 0 auto;padding:9px 11px;font-size:.9rem;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
  .gnav a:hover{color:var(--ink)}
  .gnav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}

  main.col{gap:20px;padding-block:22px 56px}
  main.has-buy,body.cmp-on main.has-buy{padding-bottom:56px}
  .card{padding:22px 24px;border-radius:16px}
  h1{font-size:1.65rem;margin-bottom:8px}
  h2{font-size:1.12rem;margin-bottom:14px}
  .crumb{font-size:.84rem}
  .crumb a:hover{color:var(--ink);text-decoration:underline}

  /* হোভার */
  .cat,.st,.szhub a,.bcard,.azlist a,.blinks a{transition:border-color .15s,box-shadow .15s,transform .15s}
  .cat:hover,.szhub a:hover,.bcard:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(18,48,44,.08);transform:translateY(-2px)}
  .azlist a:hover,.blinks a:hover{border-color:var(--accent)}
  a.st:hover{border-color:var(--ink);box-shadow:0 4px 14px rgba(18,48,44,.08)}
  a.st.best:hover{border-color:var(--best)}
  .row:hover .n{color:var(--accent)}

  /* সাধারণ তালিকা: চওড়া কার্ডে দুই কলাম */
  .card>.rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
  .card>.rows>.row:nth-last-child(2):nth-child(odd){border-bottom:0}
  .duo .card>.rows,.pside .card>.rows{grid-template-columns:minmax(0,1fr)}
  .duo .card>.rows>.row:nth-last-child(2):nth-child(odd),.pside .card>.rows>.row:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--line)}
  .row.wi{grid-template-columns:56px minmax(0,1fr) auto}
  .rimg{width:56px;height:56px;border-radius:10px}

  /* হোম */
  .hero{padding:36px 40px;background:linear-gradient(120deg,var(--accent-soft),var(--surface) 55%);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px 48px;align-items:center}
  .hero h1{font-size:2.15rem;grid-column:1;margin:0}
  .hero>p{grid-column:1;font-size:1rem!important;max-width:60ch}
  .hero .hsearch{display:flex;grid-column:1;margin-top:10px;max-width:600px;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:5px;gap:6px}
  .hero .hsearch:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
  .hsearch input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1rem;padding:8px 12px;color:var(--ink);outline:none}
  .hsearch button{border:0;background:var(--ink);color:var(--bg);font:700 .95rem var(--body);border-radius:10px;padding:0 22px;cursor:pointer}
  .hero .hstats{display:grid;grid-column:2;grid-row:1/span 3;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .hstats div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:2px}
  .hstats b{font:700 1.5rem var(--mono);color:var(--best)}
  .hstats span{font-size:.82rem;color:var(--muted);line-height:1.3}
  .cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .cat{padding:18px;min-height:104px;align-content:start}
  .cat b{font-size:1.06rem}
  .cat small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
  .duo>*{min-width:0}
  .duo .szhub{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* ক্যাটাগরি: প্রোডাক্ট কার্ড গ্রিড */
  .chead .chips{flex-wrap:wrap;overflow:visible}
  .chead .sizecta{max-width:520px}
  .plwrap{background:none;border:0;padding:0}
  .plist{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
  .plist>.ad{grid-column:1/-1;margin:0}
  .plist .row.wi{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:start;gap:10px 8px;padding:12px 12px 14px;border:1px solid var(--line)!important;border-radius:14px;background:var(--surface);min-height:0;transition:border-color .15s,box-shadow .15s,transform .15s}
  .plist .row.wi:hover{border-color:var(--accent)!important;box-shadow:0 8px 22px rgba(18,48,44,.09);transform:translateY(-2px)}
  .plist .row.wi:hover .n{color:var(--ink)}
  .plist .rimg{grid-column:1/-1;grid-row:auto;width:100%;height:auto;aspect-ratio:4/3;border-radius:10px;background:#fff;border:1px solid var(--line);padding:10px}
  .plist .rimg.noimg,.plist .rimg:empty{background:var(--bg);border-color:transparent}
  .plist .rimg img{object-fit:contain}
  .plist .row.wi>div:nth-child(2){grid-column:1/-1}
  .plist .n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-size:.95rem}
  .plist .w{margin-top:4px}
  .plist .row.wi>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px dashed var(--line);align-self:end}
  .plist .p{font-size:1.15rem;color:var(--ink)}
  .plist .d{text-align:right}
  .pager{margin-top:4px}
  .pager a:hover{border-color:var(--accent)}

  /* প্রোডাক্ট পেজ: বামে তথ্য, ডানে স্টোরের দাম */
  .pgrid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}
  .pmain,.pside{display:grid;gap:20px;min-width:0}
  .pmain>*,.pside>*{min-width:0}
  .phead{padding:28px}
  .phead .head{grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
  .phead .thumbcol{gap:6px}
  .phead .thumb{width:240px;border-radius:14px}
  .phead .credit{max-width:240px}
  .phead h1{font-size:1.75rem;margin:6px 0 12px}
  .phead .tag{font-size:.8rem;padding:2px 9px}
  .phead .low{margin-top:22px;padding:18px 20px;border:0;border-radius:14px;background:var(--bg);align-items:center}
  .phead .low .price{font-size:2.5rem}
  .phead .low .s{text-align:left;font-size:.88rem}
  .phead .dkbuy{display:inline-flex;margin-left:auto;background:var(--best);color:#fff;padding:12px 22px}
  .phead .dkbuy:hover{filter:brightness(1.08)}
  .phead .cmpbtn{width:auto;padding:0 22px}
  .phead .save{margin-right:10px}
  .phead .upd{display:inline-block}
  .pstores h2{font-size:1.05rem}
  .pstores .st{padding:10px 12px}
  .buy{display:none}
  body.buy-on .cmpbar,.has-buy~.cmpbar{bottom:0;padding-bottom:env(safe-area-inset-bottom)}
  body.cmp-on main.col{padding-bottom:80px}
  .o5 .spark{max-width:560px}
  dl.kf{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  dl.kf>div:nth-last-child(2):nth-child(odd){border-bottom:0}

  /* লেখা-প্রধান পেজ বেশি চওড়া না হয় */
  .card.prose{max-width:860px;width:100%;margin-inline:auto;padding:32px 40px}
  .prose p,.prose li{font-size:1rem}
  .gonote{left:auto;right:28px;bottom:28px;max-width:420px}

  .foot{padding-top:16px;border-top:1px solid var(--line);margin-top:8px}
}


@media (min-width:1024px){
  .cat .cic{width:46px;height:46px;margin-bottom:10px}
  .cat .cic .ci{padding:10px}
  .ihd .cic{width:50px;height:50px}
  .ihd .cic .ci{padding:11px}
  .plist .rimg>.ci{width:38%;height:38%}
}

@media (min-width:1024px){
  .chead .ftool{max-width:420px}
  .fbtn{display:none}
  .cbody{display:grid;grid-template-columns:272px minmax(0,1fr);gap:20px;align-items:start}
  .cbody>*{min-width:0}
  .fpanel{display:flex;flex-direction:column;position:sticky;top:140px;max-height:calc(100vh - 160px);background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .fpanel .fx,.fpanel .fgo{display:none}
  .fpanel .ffoot{padding:10px 16px}
  .fpanel .freset{flex:1;min-height:40px}
  .cbody .plist{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .fchip:hover,.fck:hover span{color:var(--accent)}
}

@media (min-width:1024px){
  .bitem{grid-template-columns:30px 88px minmax(0,1fr) auto;gap:6px 16px;padding:16px 4px}
  .bitem .rimg{width:88px;height:88px;grid-row:auto}
  .bpr{grid-column:auto;flex-direction:column;align-items:flex-end;gap:2px}
  .bpr .price{font-size:1.3rem}
  .bitem:hover .n{color:var(--accent)}
  .bhub{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
  .bteaser{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}
  .hlinks a{padding:8px 11px}
}

@media (min-width:1024px){
  .phead .alertbtn{width:auto;padding:0 18px;margin-left:8px}
  .phead .alertbox{max-width:520px}
}

@media (min-width:1024px){
  .pcb{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
  .pcsum{display:grid;gap:20px;position:sticky;top:140px}
  .pcs{padding:14px 4px}
  .pcmodal{place-items:center}
  .pcm{border-radius:18px;max-height:80vh}
  .pccta:hover{box-shadow:0 6px 18px rgba(18,48,44,.08)}
}

/* কোম্পানি পরিচিতির সোশ্যাল লিংক (ব্র্যান্ডের অফিসিয়াল সাইট থেকে নেওয়া) */
.blinks a.bsoc{gap:6px}
.blinks a.bsoc svg{width:16px;height:16px;flex:0 0 auto}
.blinks a.fb svg{fill:#1877f2}.blinks a.yt svg{fill:#ff0033}.blinks a.ig svg{fill:#d62976}

/* ===== হোম: বাজারের অবস্থা, উঠানামা, হিটম্যাপ, দোকানের খবর (web/market.py) ===== */
.todaysum{margin:10px 0 0;font-size:.9rem;line-height:1.7}
.todaysum b.g{color:var(--best)}.todaysum b.r{color:var(--warn)}
.d.hi{color:var(--warn);font-weight:600}
.was{display:block;text-align:right;font:600 .7rem var(--mono);color:var(--muted)}
/* ক্যাটাগরির দামের ধারা */
.tgrid{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.tcard{flex:0 0 150px;scroll-snap-align:start;display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.tc-h{display:flex;align-items:center;gap:8px;min-width:0}
.tc-h .cic{width:30px;height:30px}.tc-h .cic .ci{padding:6px}
.tc-h b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsp{width:100%;height:40px;display:block}
.tc-p{font:700 1rem var(--mono)}.tc-p.up{color:var(--warn)}.tc-p.dn{color:var(--best)}
.tc-s{font-size:.7rem;color:var(--muted)}
.tsplit{display:grid;gap:12px;margin-top:14px}
.th{font-size:.9rem;margin:0 0 4px}.th.up{color:var(--warn)}.th.dn{color:var(--best)}
.tsplit .row .tc-p{text-align:right}
/* টপ ব্র্যান্ড */
.bgrid2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bcard2{display:grid;justify-items:center;gap:4px;padding:12px 6px;border:1px solid var(--line);border-radius:12px;text-align:center;min-width:0}
.bcard2 .bl{width:100%;height:44px;display:grid;place-items:center;background:#fff;border-radius:8px;font:700 1rem var(--body);color:var(--ink)}
.bcard2 .bl img{max-width:80%;max-height:36px;object-fit:contain}
.bcard2 b{font-size:.84rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bcard2 span:last-child{font-size:.7rem;color:var(--muted)}
/* টপ স্টোর */
.sgrid2{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.scard2{flex:0 0 150px;display:grid;gap:3px;justify-items:start;padding:12px;border:1px solid var(--line);border-radius:14px}
.scard2 .av{width:100%;height:40px}.scard2 .av img{max-height:28px}
.scard2 b{font-size:.9rem;margin-top:4px}
.scard2 span{font-size:.74rem;color:var(--muted)}
.scard2 .sw{color:var(--best);font-weight:600}
/* নতুন যোগ */
.nscroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.ncard{flex:0 0 150px;display:grid;gap:4px;align-content:start;padding:10px;border:1px solid var(--line);border-radius:14px}
.ncard .rimg{width:100%;height:auto;aspect-ratio:1;border-radius:10px;background:var(--bg)}
.ncard .rimg .ci{width:42%;height:42%}
.nn{font-size:.82rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.nw{font-size:.7rem;color:var(--muted)}
.ncard .price{font-size:.95rem;color:var(--best)}
/* সর্বশেষ আপডেট */
.ulist{display:grid}
.urow{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"l n c" "l t m";gap:0 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.urow:last-child{border-bottom:0}
.urow .av{grid-area:l;width:64px;height:34px}
.urow b{grid-area:n;font-size:.88rem;color:var(--ink)}
.urow .ut{grid-area:t}
.urow span:nth-of-type(3){grid-area:m;text-align:right}
.urow .uc{grid-area:c;text-align:right;color:var(--accent);font-weight:700}
@media (min-width:1024px){
  .tgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .tcard{padding:14px}
  .tcard:hover{border-color:var(--accent)}
  .tsplit{grid-template-columns:1fr 1fr;gap:32px}
  .tsplit .rows{grid-template-columns:1fr!important}
  .bgrid2{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
  .bcard2:hover,.scard2:hover,.ncard:hover{border-color:var(--accent)}
  .sgrid2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
  .nscroll{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}
  .ulist{grid-template-columns:1fr 1fr;column-gap:40px}
  .duo .card>.rows{grid-template-columns:1fr!important}
}

/* চলমান দামের লাইন */
.tkbar{background:var(--ink);color:var(--bg);border-bottom:1px solid var(--line);overflow:hidden}
.tkin{display:flex;align-items:center;gap:10px;min-height:40px}
.tklive{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font:700 .72rem var(--body);letter-spacing:.06em;background:#c0392b;color:#fff;border-radius:6px;padding:3px 8px}
.tklive i{width:7px;height:7px;border-radius:50%;background:#fff;animation:tkpulse 1.2s ease-in-out infinite}
@keyframes tkpulse{50%{opacity:.25}}
.tkview{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.tktrack{display:flex;width:max-content;animation:tkmove 70s linear infinite}
.tkview:hover .tktrack,.tkview:active .tktrack{animation-play-state:paused}
@keyframes tkmove{to{transform:translateX(-50%)}}
.tki{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:0 18px;font-size:.84rem;white-space:nowrap;color:var(--bg);border-right:1px solid color-mix(in srgb,var(--bg) 18%,transparent)}
.tki b{font-weight:700}
.tki.dn{color:#7fe0a8}.tki.up{color:#ff9d8a}
.tki.dn b,.tki.up b{color:var(--bg)}
.tkgap{flex:0 0 0}
.tkx{flex:0 0 auto;width:32px;height:32px;border:0;border-radius:50%;background:color-mix(in srgb,var(--bg) 14%,transparent);color:var(--bg);cursor:pointer;font-size:.85rem}
.tkx:hover{background:color-mix(in srgb,var(--bg) 26%,transparent)}
.tkopen-w{display:flex;justify-content:flex-end}
.tkopen{margin-top:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 12px;font:600 .78rem var(--body);cursor:pointer}
@media (prefers-reduced-motion:reduce){.tktrack{animation:none}.tkview{overflow-x:auto}.tklive i{animation:none}}
/* আজ সবচেয়ে বেশি দাম কমেছে */
.topdrop{border-color:var(--best);background:linear-gradient(160deg,var(--best-soft),var(--surface) 40%)}
.topdrop h2 .hot{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--best);color:#fff;font-size:.75rem;margin-right:4px;vertical-align:1px}
.tlist{display:grid}
.trow{display:grid;grid-template-columns:22px 52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.trow:last-child{border-bottom:0}
.tno{font:700 .95rem var(--mono);color:var(--muted);text-align:center}
.trow:nth-child(-n+3) .tno{color:var(--best)}
.trow .rimg{width:52px;height:52px;background:var(--surface)}
.tmid{display:grid;gap:2px;min-width:0}
.tmid .n{font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tmid .w{font-size:.72rem;color:var(--muted)}
.tpr{display:grid;justify-items:end;gap:1px}
.tpct{font:700 .78rem var(--mono);color:#fff;background:var(--best);border-radius:6px;padding:1px 7px}
.tpr .price{font-size:1rem;color:var(--ink)}
.tpr s{font:600 .7rem var(--mono);color:var(--muted)}
@media (min-width:1024px){
  .tlist{grid-template-columns:1fr 1fr;column-gap:40px;grid-auto-flow:column;grid-template-rows:repeat(5,auto)}
  .trow:nth-child(5){border-bottom:0}
  .trow{padding:12px 0}
  .trow:hover .n{color:var(--accent)}
  .tki{font-size:.88rem}
}

/* সংখ্যায় দামতুলনা */
.ns-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ns-head h2{margin:0}
.ns-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ns-card{display:grid;gap:4px;align-content:start;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);min-width:0}
.ns-lab{font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.ns-num{font:700 2.2rem/1.1 var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}
.ns-cap{font-size:.8rem;color:var(--muted);margin-bottom:8px}
.stack{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line);gap:2px}
.seg{display:block;height:100%;width:var(--w);background:var(--c);flex:0 0 auto}
.legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px}
.lg{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:var(--muted)}
.lg i{width:9px;height:9px;border-radius:3px;background:var(--c)}
.lg b{color:var(--ink);font-weight:600}
.vchart{display:flex;align-items:flex-end;gap:4px;height:96px;padding-top:16px}
.vcol{flex:1;height:var(--h);min-height:6px;background:var(--c);border-radius:4px 4px 2px 2px;position:relative;opacity:.9}
.vcol b{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);font:700 .6rem var(--mono);color:var(--muted);padding-bottom:2px}
.hbars{display:grid;gap:7px}
.hb{display:grid;grid-template-columns:minmax(64px,34%) minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.78rem}
.hbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.hbt{height:10px;border-radius:5px;background:var(--line);overflow:hidden}
.hbt i{display:block;height:100%;width:var(--w);background:var(--c);border-radius:5px}
.hb b{font:700 .74rem var(--mono);min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums}
/* অ্যানিমেশন: দেখা যাওয়ার আগে বার ছোট, দেখা গেলে বেড়ে ওঠে; JS না চললে সব পুরো আকারেই থাকে */
.nstat.pre .seg,.nstat.pre .hbt i{width:0}
.nstat.pre .vcol{height:6px}
.nstat .seg,.nstat .hbt i{transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.nstat .vcol{transition:height 1s cubic-bezier(.2,.8,.2,1)}
.nstat.go .seg,.nstat.go .hbt i{width:var(--w)}
.nstat.go .vcol{height:var(--h)}
.nstat .vcol:nth-child(2n){transition-delay:.06s}.nstat .vcol:nth-child(3n){transition-delay:.12s}
.nstat .hb:nth-child(2) i{transition-delay:.08s}.nstat .hb:nth-child(3) i{transition-delay:.16s}.nstat .hb:nth-child(4) i{transition-delay:.24s}.nstat .hb:nth-child(5) i{transition-delay:.32s}.nstat .hb:nth-child(6) i{transition-delay:.4s}
@media (min-width:760px){.ns-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ns-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ns-num{font-size:2.4rem}}

.nsre{margin-left:auto;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 12px;font:600 .78rem var(--body);cursor:pointer}
.nsre:hover{border-color:var(--accent)}
.ns-card{cursor:pointer}
.nstat .ns-num{transition:color .3s}
.nstat.pre .ns-num{color:var(--muted)}

/* ===== বাজারের অবস্থা ===== */
.mkt{display:grid;gap:12px;margin-bottom:12px}
.mkt .card{margin:0}
.mk-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mk-lab{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.mk-idx{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:6px 0 4px}
.mk-name{width:100%;font-size:.85rem;color:var(--muted)}
.mk-val{font:800 2.6rem/1 var(--mono);color:var(--ink);letter-spacing:-.02em}
.mk-chg{font:700 1.05rem var(--mono)}
.mk-chg small{font-weight:400;font-size:.75rem;color:var(--muted);font-family:inherit}
.dn{color:var(--best)} .up{color:var(--warn)}
.mk-say{margin:6px 0 12px;font-size:.92rem;color:var(--body)}
.mk-breadth{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:2px}
.mk-breadth span{min-width:4px}
.b-dn{background:var(--best)} .b-eq{background:var(--line)} .b-up{background:var(--warn)}
.mk-leg{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:.8rem;color:var(--muted)}
.mk-leg b{font-family:var(--mono);color:inherit}
.mk-note{margin:8px 0 0;font-size:.74rem;color:var(--muted)}
.ixc{width:100%;height:auto;display:block;margin-top:6px}
.ixc text{font:10px var(--mono);fill:var(--muted)}
/* ===== হিটম্যাপ ===== */
.hm-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:10px}
.hm-head h2{margin:0}
.hm-key{font-size:.74rem;color:var(--muted);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.hm-key i{width:11px;height:11px;border-radius:3px;display:inline-block}
.hm-key i.g{background:var(--best)} .hm-key i.r{background:var(--warn);margin-left:6px}
.hm{display:flex;flex-wrap:wrap;gap:4px}
.hm-t{min-height:74px;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);text-decoration:none;min-width:0;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);transition:transform .15s}
.hm-t:hover{transform:scale(1.02)}
.hm-t b{font-size:.82rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-t span{font:800 1.05rem var(--mono)}
.hm-t small{font-size:.68rem;opacity:.75}
/* ===== উঠানামা পাশাপাশি ===== */
.movers .tlist{grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-template-rows:none!important}
.toprise h2 .hot,.hot.up{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--warn);color:#fff;font-size:.75rem;margin-right:4px;vertical-align:1px}
.tpct.up{background:var(--warn);color:#fff}
/* ===== দোকানের খবর ===== */
.snh{display:none}
.snl{display:grid}
.snr{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"a n w" "a c c";gap:2px 10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.snr:first-child{border-top:0}
.snr .av{grid-area:a;width:40px;height:40px}
.sn-n{grid-area:n;min-width:0;display:flex;flex-direction:column}
.sn-n b{font-size:.92rem}
.sn-n small{font-size:.72rem;color:var(--muted)}
.sn-c{grid-area:c;display:flex;gap:10px;font:700 .8rem var(--mono)}
.sn-c .oos{color:var(--muted);font-weight:400;font-family:inherit}
.sn-w{grid-area:w;text-align:right;font:800 1rem var(--mono);color:var(--best);display:flex;flex-direction:column}
.sn-w small{font-weight:400;font-size:.66rem;color:var(--muted);font-family:inherit}
@media (min-width:1024px){
  .mkt{grid-template-columns:1.1fr 1fr}
  .mk-val{font-size:3.4rem}
  .hm-t{min-height:92px}
  .movers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .movers>.card{margin:0}
  .snh{display:grid;grid-template-columns:44px minmax(0,1fr) 260px 90px;gap:12px;font-size:.72rem;color:var(--muted);padding-bottom:6px}
  .snh span:last-child{text-align:right}
  .snr{grid-template-columns:44px minmax(0,1fr) 260px 90px;grid-template-areas:"a n c w";gap:12px}
  .sn-c{gap:16px}
}
/* ===== লাইভ ব্যাজ ===== */
.lv{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.7rem;color:var(--best);background:var(--best-soft);border-radius:999px;padding:4px 9px 4px 8px;vertical-align:2px;white-space:nowrap;letter-spacing:.02em}
.lv small{font-weight:400;color:var(--muted)}
.lv i,.lvd{position:relative;width:8px;height:8px;border-radius:50%;background:var(--best);display:inline-block;flex:none}
.lv i::after,.lvd::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--best);animation:lvp 1.6s ease-out infinite}
.lvd{width:6px;height:6px;margin-right:5px;vertical-align:1px}
@keyframes lvp{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
.mkr{display:inline-flex;align-items:center;gap:6px}
.hm-head h2 .lv,.card h2 .lv{margin-left:4px}
@media (max-width:420px){.lv small{display:none}}
/* বেড়েছে কার্ড: কমেছে কার্ডের মতোই, শুধু লাল */
.toprise{border-color:var(--warn);background:linear-gradient(160deg,var(--warn-soft),var(--surface) 40%)}
.toprise .trow:nth-child(-n+3) .tno{color:var(--warn)}
.movers h2{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.movers h2 .lv{margin-left:auto}
/* উঠানামা তালিকা: নিচ থেকে ওপরে লাইভ স্ক্রল, হাত/মাউস রাখলে থামে */
.mvview{position:relative;height:420px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 90%,transparent)}
.mvtrack{animation:mvup 40s linear infinite}
.toprise .mvtrack{animation-duration:46s}
.mvview:hover .mvtrack,.mvview:focus-within .mvtrack,.mvview.hold .mvtrack{animation-play-state:paused}
@keyframes mvup{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.mvn{font-weight:600;font-size:.7rem;color:var(--muted)}
.movers .trow{border-top:1px solid var(--line)}
@media (max-width:1023px){.mvview{height:380px}}
/* ===== আপডেটের সময় (লাইভ ব্যাজের বদলে শান্ত লেখা) ===== */
.updt{font-weight:400;font-size:.72rem;color:var(--muted);white-space:nowrap}
.movers h2 .updt,.hm-head h2 .updt{margin-left:auto}
/* ===== সূচক কী? ===== */
.ixi{display:inline-block;position:relative;vertical-align:1px}
.ixi summary{list-style:none;cursor:pointer;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--muted);color:var(--muted);font:700 .7rem/15px var(--mono);text-align:center;font-style:italic}
.ixi summary::-webkit-details-marker{display:none}
.ixi[open] summary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ixp{position:absolute;left:-60px;top:26px;z-index:5;width:min(300px,78vw);background:var(--surface);color:var(--body);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow,0 8px 24px rgba(0,0,0,.12));font-size:.82rem;line-height:1.55}
.ixp b{display:block;color:var(--ink);margin-bottom:2px}
/* ===== উঠানামার ক্যাটাগরি ট্যাব ===== */
.mvwrap{margin-bottom:12px}
.mvtabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}
.mvtabs::-webkit-scrollbar{display:none}
.mvtabs button{flex:none;border:1px solid var(--line);background:var(--surface);color:var(--body);border-radius:999px;padding:7px 14px;font-weight:600;font-size:.84rem;cursor:pointer;min-height:36px}
.mvtabs button[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.mvempty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:36px 16px;color:var(--muted);font-size:.85rem}
.mvempty b{color:var(--ink);font-size:1rem}
.mvempty::before{content:"≈";font:700 1.6rem var(--mono);color:var(--muted)}
/* ===== শেষবার যা দেখেছিলেন ===== */
.rvsub{margin:-4px 0 10px;font-size:.8rem;color:var(--muted)}
.rvl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.rvi{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:10px;color:inherit;text-decoration:none;min-width:0}
.rvi .rimg{width:48px;height:48px}
.rvn{font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.rvc{font:700 .78rem var(--mono);color:var(--muted)}
.rvi small{font-size:.7rem;color:var(--muted)}
/* ===== শেয়ার কার্ড ===== */
.shr{display:grid;gap:16px;align-items:center}
.shr-txt p{font-size:.88rem;color:var(--body);margin:6px 0 12px}
.shr-btn{display:flex;flex-wrap:wrap;gap:8px}
.btn.ghost{background:transparent;color:var(--muted);border:1px dashed var(--line);cursor:default}
.shimg{aspect-ratio:1;max-width:340px;width:100%;margin:0 auto;border-radius:16px;padding:20px;background:linear-gradient(150deg,#0f3d2c,#1d6b4b);color:#fff;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.shi-top{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;opacity:.85}
.shi-top b{font-size:1rem;opacity:1}
.shi-mid{display:flex;flex-direction:column}
.shi-mid small{font-size:.72rem;opacity:.8}
.shi-mid b{font:800 3rem/1 var(--mono)}
.shi-mid span{font:700 1rem var(--mono);color:#9ff0c6}
.shi-br{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden}
.shi-br span:nth-child(1){background:#5fe3a1}.shi-br span:nth-child(2){background:rgba(255,255,255,.3)}.shi-br span:nth-child(3){background:#ff8a6b}
.shi-h{margin:6px 0 0;font-size:.75rem;opacity:.85}
.shimg ol{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.78rem}
.shimg li{display:flex;justify-content:space-between;gap:8px}
.shimg li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shimg li b{color:#9ff0c6;font-family:var(--mono);flex:none}
.shi-ft{margin-top:auto;font-size:.68rem;opacity:.7}
/* ===== লেখা সারাংশ ===== */
.summ p{margin:0;font-size:.92rem;line-height:1.7;color:var(--body);max-width:75ch}
@media (min-width:1024px){
  .shr{grid-template-columns:1fr 340px}
  .rvl{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible}
}

.ixi summary::after,.ixi summary::before{content:none!important;display:none!important}
.ixi summary{font-style:normal;font-family:Georgia,serif;padding:0}
.rvc.dn{color:var(--best)} .rvc.up{color:var(--warn)}
.updt{font-weight:400!important;font-size:.72rem!important}
.ixi summary{display:inline-block!important;box-sizing:border-box;width:18px!important;height:18px!important;min-height:0!important;line-height:15px!important;margin:0!important;padding:0!important;font-size:.72rem!important}
.mk-wait{padding:10px 0 4px}
.mk-wait b{display:block;font-size:1.05rem;color:var(--ink)}
.mk-wait p{margin:6px 0 0;font-size:.86rem;color:var(--body);line-height:1.6}
.mk-wait.sm{padding:28px 0 12px;text-align:center}
.mk-wait.sm p{color:var(--muted)}
.rvclr{border:0;background:none;color:var(--muted);text-decoration:underline;font:inherit;cursor:pointer;padding:0 4px}
.mk-chg:not(.dn):not(.up){color:var(--muted)}
@media (max-width:599px){.hm-t{flex-basis:calc(50% - 2px)!important;min-height:64px}.hm-t:nth-child(-n+2){flex-basis:calc(50% - 2px)!important}}
.tkn{font-size:.68rem;font-weight:700;background:var(--accent);color:#1a1205;border-radius:5px;padding:1px 6px}

/* দামের বিশ্লেষণ */
.insight h2 .sub{font-weight:400}
.ins{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ins li{position:relative;padding-left:22px;font-size:.93rem;line-height:1.65}
.ins li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--best)}
.ins li.ins-trend::before{background:var(--accent)}
.ins li.ins-stock::before{background:var(--warn)}
.ins li.ins-peers::before,.ins li.ins-rank::before{background:#7c3aed}
.ins li.ins-tip{color:var(--muted)}
.ins li.ins-tip::before{background:var(--line)}
.insnote{margin:10px 0 0;font-size:.75rem;color:var(--muted)}

/* স্টক শেষ প্রোডাক্ট */
.oosbox{margin-top:12px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px dashed var(--line);display:flex;flex-direction:column;gap:4px;font-size:.88rem;line-height:1.5}
.oosbox b{color:var(--ink);font-size:.92rem}
.oosbox span{color:var(--muted)}
.oosbox a{text-decoration:underline}
.oosbox.coming{border-style:solid;border-color:var(--accent)}
.oosnote{margin:12px 0 0;font-size:.86rem;color:var(--muted)}
.linkbtn{border:0;background:none;padding:0;font:inherit;color:var(--ink);text-decoration:underline;cursor:pointer}

/* সাশ্রয়: সাইটের মূল কথা, তাই চোখে পড়ার মতো */
.savebox{display:flex;gap:14px;align-items:center;margin:12px 0 4px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,var(--best-soft),transparent 140%);border:1.5px solid var(--best)}
.savebox .sv-amt{flex:none;display:flex;flex-direction:column;line-height:1.15}
.savebox .sv-amt small{font-size:.74rem;color:var(--best);font-weight:600}
.savebox .sv-amt b{font-size:1.65rem;color:var(--best);font-weight:800;letter-spacing:-.5px}
.savebox p{margin:0;font-size:.84rem;line-height:1.55;color:var(--ink)}
@media (max-width:520px){.savebox{flex-direction:column;align-items:flex-start;gap:6px}}
.row .d.lo{font-weight:700}
.herosave{margin:4px 0 10px;padding:10px 12px;border-radius:12px;background:var(--best-soft);font-size:.9rem;line-height:1.6}
.herosave .g{color:var(--best);font-size:1.05rem}
/* SEO/AI: পাতার শুরুতে এক নজরের উত্তর, আর ক্যাটাগরির দামের তালিকা */
.tldr{margin:10px 0 2px;padding:10px 12px;border-left:3px solid var(--best);background:var(--best-soft);border-radius:0 8px 8px 0;font-size:.92rem;line-height:1.6}
.ptab h2{font-size:1.05rem}
.ptab .tw{overflow-x:auto;margin:0 -2px}
.ptab table{width:100%;border-collapse:collapse;font-size:.88rem}
.ptab th{text-align:left;font-weight:600;color:var(--muted);font-size:.8rem;padding:6px 8px;border-bottom:1px solid var(--line)}
.ptab td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.ptab td a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.ptab td.num{font-family:var(--mono);white-space:nowrap;font-weight:700}
.ptab td small{color:var(--muted)}
.ptab tr:last-child td{border-bottom:0}

/* লাইভ সার্চ (হেডার) */
.sdrop{position:absolute;top:calc(100% + 6px);right:0;left:0;margin-left:auto;max-width:620px;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.16);overflow:hidden;max-height:70vh;overflow-y:auto}
.sd-row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.sd-row:hover,.sd-row.on,.sd-all.on{background:var(--bg)}
.sd-n{min-width:0;font-size:.9rem;line-height:1.35}
.sd-n b{color:var(--best)}
.sd-n small{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}
.sd-n small i{font-style:normal;color:var(--best);font-weight:600}
.sd-p{flex:none;font-weight:700;font-size:.9rem}
.sd-all{display:block;padding:11px 14px;text-align:center;font-weight:600;font-size:.88rem;color:var(--accent)}
.sd-msg{padding:14px;color:var(--muted);font-size:.88rem}
.sd-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:700px){.hdr .sform{position:static!important}.hdr>.col{position:relative}.sdrop{top:100%;left:8px;right:8px;max-width:none}}

/* যাচাই করা দোকানের প্রতিশ্রুতি ও দোকানের নীতি */
.promise{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--best-soft);font-size:.84rem;line-height:1.55}
.pchip{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;border:1px solid var(--line);font-size:.7rem;color:var(--muted);white-space:nowrap;vertical-align:1px}
.pstat{margin:8px 0 4px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);display:grid;gap:2px;font-size:.84rem;line-height:1.5}
.pstat b{font-size:.9rem}
.pstat.good{border-color:var(--best);background:var(--best-soft)}
.pstat.high{border-color:var(--warn)}
.pstat.wait span{color:var(--muted)}
.better .bt{color:var(--best);font-weight:600}
.needrule{margin:6px 0 8px;padding:8px 12px;border-radius:10px;background:var(--best-soft);font-size:.86rem;line-height:1.55}
.needl{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.needc{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.needc b{display:block;font-size:.9rem}.needc small{color:var(--muted);font-size:.76rem}
.cmptbl .win{color:var(--best);font-weight:700;background:var(--best-soft);padding:1px 6px;border-radius:6px}
.cmpsum{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--best-soft);font-size:.86rem;line-height:1.55}