*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:var(--font),'Hind Siliguri',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;line-height:1.25}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.ic{flex:none;vertical-align:middle}
input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:var(--r);background:#fff;color:#111}
input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--pri) 35%,transparent);border-color:var(--pri)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border:1px solid var(--pri);background:var(--pri);color:#fff;border-radius:var(--r);cursor:pointer;font:inherit;font-weight:600;text-align:center}
.btn:hover{filter:brightness(.93)}.btn.out{background:transparent;color:var(--pri)}.btn.block{width:100%}.btn.sm{padding:7px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}
.lnk{background:none;border:0;color:#6b7280;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px;padding:0}
.only-m{display:none!important}
.mut{color:#6b7280;font-size:13px}.err{color:#b91c1c;font-size:14px;margin:6px 0}.rel{position:relative}
.cnt{position:absolute;top:-6px;right:-9px;background:var(--pri);color:#fff;border-radius:10px;font-size:11px;padding:0 6px;min-width:18px;text-align:center;line-height:18px}

/* ---------- DESKTOP header ---------- */
.ann{background:var(--pri);color:#fff;text-align:center;padding:7px 12px;font-size:13.5px}
.hd.d{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:30}
.hd .hrow{display:flex;align-items:center;gap:28px;height:74px}
.logo{display:flex;align-items:center;font-weight:800;font-size:24px;letter-spacing:-.3px;color:var(--sec)}.logo img{height:var(--logo-h,44px);width:auto;max-width:min(70vw,420px);object-fit:contain}
.srch{flex:1;display:flex;max-width:620px;margin:0 auto}.srch input{border-radius:999px 0 0 999px;padding:11px 20px;border-right:0;background:#f3f4f6;border-color:#f3f4f6}
.srch button{border:0;background:var(--pri);color:#fff;border-radius:0 999px 999px 0;padding:0 22px;cursor:pointer}
.act{display:flex;gap:26px}.act a{display:flex;align-items:center;gap:7px;font-weight:600;font-size:14.5px}.act a:hover{color:var(--pri)}.act .cnt{top:-8px;right:-12px}
.dnav{background:var(--sec);color:#fff}.dnav .wrap{display:flex;align-items:stretch;height:46px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.dnav .wrap::-webkit-scrollbar{display:none}
.dnav a{display:flex;align-items:center;padding:0 16px;font-size:14.5px;font-weight:600;opacity:.88;border-bottom:3px solid transparent;border-top:3px solid transparent;flex:none}.dnav a:first-child{margin-left:-16px}.dnav a:hover{opacity:1;border-bottom-color:#fff8}.dnav a:last-child{margin-left:auto;margin-right:-16px}
.chip .sw,.chip i.sw{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #0003;margin-right:7px;vertical-align:-2px}

/* ---------- hero ---------- */
.hero{position:relative;background:#111}
.hero .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero .track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;min-height:var(--hh,440px);background-size:cover;background-position:center;position:relative;display:flex;align-items:center}
.slide:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,var(--ov,.6)),rgba(0,0,0,.05))}
.slide .tx{position:relative;color:#fff;max-width:560px;padding:50px 0}.slide h2{font-size:clamp(30px,4.4vw,54px);letter-spacing:-.5px}.slide p{font-size:19px;opacity:.95;margin:12px 0 24px}.slide .btn{padding:13px 30px;font-size:16px}
.hnav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#111}.hnav.l{left:18px}.hnav.r{right:18px}.hnav:hover{background:#fff}
.dots{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:7px;justify-content:center}.dots i{width:9px;height:9px;border-radius:50%;background:#fff6;cursor:pointer}.dots i.on{background:#fff;width:24px;border-radius:6px}

/* ---------- sections / cards ---------- */
section.sc{padding:38px 0}.sh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}
section.sc h2{font-size:26px;margin-bottom:20px;text-align:center}.sh h2{margin:0;text-align:left}.va{color:var(--pri);font-weight:600;font-size:14.5px}
.cats{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px}.cats::-webkit-scrollbar{display:none}.cats .cat{flex:0 0 clamp(130px,16%,190px);scroll-snap-align:start}
.cwrap{position:relative}.cwrap .cn{position:absolute;top:calc(50% - 22px);width:42px;height:42px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;box-shadow:0 4px 14px #0002;font-size:22px;line-height:1;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.cwrap .cn.p{left:-14px}.cwrap .cn.n{right:-14px}.cwrap .cn:hover{background:var(--pri);color:#fff;border-color:var(--pri)}
.cat{text-align:center;background:#fff;border:1px solid #eee;border-radius:var(--r);padding:12px;transition:.15s}.cat:hover{box-shadow:0 8px 24px #0001;transform:translateY(-2px)}
.cat img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--r) - 2px);margin-bottom:10px;background:#f3f4f6}
.pgrid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:20px}
.pc{background:#fff;border:1px solid #eee;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:.15s}.pc:hover{box-shadow:0 10px 28px #0001}
.pc .im{aspect-ratio:1;background:#f3f4f6;position:relative;overflow:hidden;display:block}.pc .im img{width:100%;height:100%;object-fit:cover;transition:.35s}.pc .im img.b{position:absolute;inset:0;opacity:0}.pc:hover .im img.b{opacity:1}
.pc .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}.pc .nm{font-weight:600;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.price{font-weight:700;color:var(--pri);font-size:17px}.price s{color:#9ca3af;font-weight:400;font-size:14px;margin-left:8px}
.tag{position:absolute;top:10px;left:10px;background:var(--pri);color:#fff;font-size:12px;padding:2px 9px;border-radius:20px;z-index:2;font-weight:600}.tag.so{background:#374151}
.pc .btn{margin-top:auto}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.feat>div{text-align:center;padding:22px;background:#fff;border:1px solid #eee;border-radius:var(--r)}.feat b{display:block;font-size:16px}.feat span{color:#6b7280;font-size:14px}.ic2{font-size:28px}
.banner{display:block;border-radius:var(--r);overflow:hidden;position:relative}.banner img{width:100%}.banner b{position:absolute;left:28px;bottom:24px;color:#fff;font-size:32px;text-shadow:0 2px 10px #0009}
.ft.d{background:var(--sec);color:#d1d5db;margin-top:50px;padding:44px 0 18px}.ft .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.ft h4{color:#fff;margin:0 0 12px;font-size:17px}.ft a{display:block;padding:3px 0;opacity:.85}.ft a:hover{opacity:1}
.nl{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #ffffff22;margin-top:26px;padding-top:20px}.nl b{display:block;color:#fff;font-size:16px}.nl span{font-size:13px;opacity:.8}.nl form{display:flex;gap:8px;flex:1;min-width:240px;max-width:420px}.nl input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:0;font:inherit}.ft.m .nl{margin:14px 0 0}
.rv{margin-top:26px;border-top:1px solid #eee;padding-top:16px}.rv h3{margin-bottom:6px}.stars i{font-style:normal;color:#d1d5db;font-size:16px}.stars i.on{color:#f59e0b}.rvsum{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#4b5563;margin-bottom:10px}.rvi{padding:10px 0;border-bottom:1px solid #f1f2f4}.rvi p{margin:4px 0 0;color:#374151;white-space:pre-line;font-size:14.5px}.rvf{display:flex;flex-direction:column;gap:8px;margin-top:14px;background:#f9fafb;border-radius:12px;padding:14px}.rvf input,.rvf textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font:inherit;width:100%;box-sizing:border-box}.rvp button{background:none;border:0;font-size:26px;color:#d1d5db;cursor:pointer;padding:0 2px}.rvp button.on{color:#f59e0b}
.ft .cp{border-top:1px solid #ffffff22;margin-top:28px;padding-top:14px;text-align:center;font-size:13px}

/* ---------- pages ---------- */
.pg{padding:28px 20px 10px;min-height:55vh}.pg h1{font-size:28px;margin-bottom:18px}.pg h1 small{font-weight:400;color:#6b7280;font-size:16px}
.crumb{font-size:13px;color:#6b7280;margin-bottom:16px}.crumb a:hover{color:var(--pri)}
.shop{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start}
.shop .side{background:#fff;border:1px solid #eee;border-radius:var(--r);padding:16px;position:sticky;top:140px}.side h4{margin-bottom:10px}.side a{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:14.5px}.side a:hover{background:#f3f4f6}.side a.on{background:var(--pri);color:#fff}.side small{opacity:.7}
.shop .pgrid{grid-template-columns:repeat(3,1fr)}
.shbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.shbar h1{margin:0}.shbar select{width:auto;padding:8px 12px}
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start}
.gal .main{aspect-ratio:1;background:#f3f4f6;border-radius:var(--r);overflow:hidden}.gal .main img{width:100%;height:100%;object-fit:cover}
.gal .th{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.gal .th img{width:78px;height:78px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer}.gal .th img.on{border-color:var(--pri)}
.pd .info{position:sticky;top:140px}.pd h1{font-size:30px;margin-bottom:6px}.pd .price{font-size:28px;margin:8px 0 14px}.off{background:#fee2e2;color:var(--pri);font-size:13px;padding:2px 10px;border-radius:20px;margin-left:10px;font-weight:600}
.opt{margin:16px 0}.opt b{display:block;margin-bottom:8px}.opt b span{font-weight:400;color:#6b7280}.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:8px 18px;border:1px solid #d1d5db;border-radius:var(--r);background:#fff;cursor:pointer;font:inherit}.chip.on{border-color:var(--pri);background:var(--pri);color:#fff}.chip.na{opacity:.4;text-decoration:line-through}
.qty{display:inline-flex;border:1px solid #d1d5db;border-radius:var(--r);overflow:hidden;background:#fff}.qty button{width:38px;border:0;background:#f9fafb;cursor:pointer;font-size:18px}.qty input{width:52px;border:0;text-align:center;border-radius:0;padding:8px 0}
.desc{margin-top:26px;color:#374151;white-space:pre-line;border-top:1px solid #eee;padding-top:16px}.desc h3{margin-bottom:8px}
.buy{display:flex;gap:12px;margin-top:20px}.buy .btn{flex:1;padding:14px}.stk{font-size:13px;color:#b45309;font-weight:600}
.cart{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.ci{display:flex;gap:16px;background:#fff;border:1px solid #eee;border-radius:var(--r);padding:12px;margin-bottom:12px;align-items:center}.ci>img{width:92px;height:92px;object-fit:cover;border-radius:8px;background:#f3f4f6}.ci .inf{flex:1;min-width:0}.ci .vl{color:#6b7280;font-size:13px}.ctl{display:flex;gap:16px;align-items:center;margin-top:6px}.lt{font-weight:700;font-size:17px;padding-right:8px}
.box{background:#fff;border:1px solid #eee;border-radius:var(--r);padding:20px}.box h3{margin-bottom:14px}
.sum>div{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.sum .t{font-weight:700;font-size:19px;border-top:1px solid #eee;margin-top:6px;padding-top:10px}.sum .tt{border-top:1px solid #eee;margin-top:6px;padding-top:10px}.sum .mut{display:block}
.fl{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.fl label{font-weight:600;font-size:14px}
.opts label{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:var(--r);margin-bottom:8px;cursor:pointer}.opts input{width:auto}
.empty{text-align:center;padding:60px 10px;color:#6b7280}.bigic{color:#d1d5db;margin-bottom:8px}
.auth{max-width:440px;margin:20px auto}
.tabs2{display:flex;gap:6px;margin-bottom:16px}.tabs2 a{flex:1;text-align:center;padding:10px;border:1px solid #e5e7eb;background:#fff;font-weight:600;border-radius:var(--r)}.tabs2 a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.ahead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.ahead h1{margin:0}
.oh{display:flex;justify-content:space-between;gap:8px}.oi{display:flex;gap:10px;align-items:center;margin-top:8px}.oi img{width:46px;height:46px;object-fit:cover;border-radius:6px}
.badge{display:inline-block;padding:2px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#e5e7eb}
.ok-box{text-align:center;padding:50px 16px}.ok-box h1{margin:12px 0}
.pager{display:flex;justify-content:center;gap:14px;align-items:center;margin:26px 0}
.cms{color:#374151}.cms img{border-radius:8px}
.wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0004;z-index:40}
#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:99;display:flex;flex-direction:column;gap:8px;align-items:center}
.toast{background:#111827;color:#fff;padding:10px 20px;border-radius:30px;font-size:14px}.toast.err{background:#b91c1c}
.stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:10px 14px;gap:10px;z-index:35;align-items:center}.stickybuy .btn{flex:1;padding:13px 10px}.stickybuy .sp{display:flex;flex-direction:column;line-height:1.2;min-width:78px}.stickybuy small{color:#6b7280;font-size:11px}.stickybuy b{font-size:17px;color:var(--pri)}

/* =================== Small screens: same design, scaled down =================== */
@media(max-width:1000px){.pgrid{grid-template-columns:repeat(3,1fr)!important}.pd{gap:28px}.shop{grid-template-columns:200px 1fr;gap:20px}.cart{grid-template-columns:1fr 300px}}
@media(max-width:800px){
.wrap{padding:0 16px}.pg{padding:20px 16px 10px}.pg h1{font-size:24px}
.hd.d{position:static}
.hd .hrow{flex-wrap:wrap;height:auto;gap:10px 14px;padding:12px 16px}
.logo{order:1;font-size:21px}.logo img{height:var(--logo-hm,38px)}.act{order:2;margin-left:auto;gap:18px}.srch{order:3;flex:1 1 100%;max-width:none;margin:0}
.slide{min-height:calc(var(--hh,440px) * .6)}.slide .tx{padding:34px 0;max-width:90%}.slide p{font-size:16px;margin:8px 0 16px}.slide .btn{padding:11px 24px;font-size:15px}.hnav{display:none}
section.sc{padding:26px 0}section.sc h2{font-size:22px;margin-bottom:16px}
.cats{gap:12px}.cats .cat{flex-basis:38%;padding:8px}.cwrap .cn{display:none}
.pgrid{grid-template-columns:repeat(2,1fr)!important;gap:14px}
.shop{grid-template-columns:1fr}.shop .side{position:static}.shop .pgrid{grid-template-columns:repeat(2,1fr)!important}.shbar{flex-wrap:wrap}
.pd{grid-template-columns:1fr;gap:22px}.pd .info{position:static}.pd h1{font-size:24px}.pd .price{font-size:25px}
.cart{grid-template-columns:1fr}.ci>img{width:80px;height:80px}
.ft .cols{grid-template-columns:1fr;gap:22px}.ft.d{padding:34px 0 16px}
.banner b{font-size:22px;left:16px;bottom:14px}
.wa{right:14px;bottom:14px;width:50px;height:50px}
}
@media(max-width:480px){.act a span:not(.cnt){display:none}.act{gap:22px}.pc .bd{padding:10px}.pc .nm{font-size:14px}.price{font-size:16px}.buy{flex-direction:column}.slide h2{font-size:26px}}

/* ---------- extra sections ---------- */
.secw.p-none .sc{padding:0}.secw.p-sm .sc{padding:16px 0}.secw.p-lg .sc{padding:72px 0}
.imgtx{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.imgtx.rev .it-im{order:2}
.it-im img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);background:#f3f4f6}
.it-tx h2{text-align:left!important;font-size:30px;margin-bottom:12px!important}.it-tx p{font-size:17px;color:#4b5563;margin:0 0 20px;white-space:pre-line}
.tms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tms blockquote{margin:0;background:#fff;border:1px solid #eee;border-radius:var(--r);padding:22px}.tms p{margin:0 0 12px;font-size:15.5px}.tms cite{font-style:normal;font-weight:700;color:var(--pri)}
.faq{max-width:780px}.faq details{background:#fff;border:1px solid #eee;border-radius:var(--r);margin-bottom:10px}.faq summary{padding:15px 18px;font-weight:600;cursor:pointer}.faq details div{padding:0 18px 16px;color:#4b5563;white-space:pre-line}
@media(max-width:800px){.imgtx{grid-template-columns:1fr;gap:18px}.imgtx.rev .it-im{order:0}.it-tx h2{font-size:24px}}
/* ---------- theme editor overlay (only inside the editor iframe) ---------- */
.ed-on .secw,.ed-on .ann[data-sec],.ed-on footer[data-sec]{position:relative}
.ed-on [data-sec]:hover{outline:2px solid #3b82f6;outline-offset:-2px;cursor:pointer}
.ed-on [data-sec].ed-sel{outline:3px solid #2563eb;outline-offset:-3px}
.ed-on [data-sec]:hover::after,.ed-on [data-sec].ed-sel::after{content:attr(data-label);position:absolute;left:0;top:0;z-index:50;background:#2563eb;color:#fff;font:600 12px/1 system-ui,sans-serif;padding:6px 10px;border-radius:0 0 8px 0;pointer-events:none}
.ed-on .wa{display:none}

.cwrap.noscroll .cn{display:none}
.cwrap.noscroll .cats{justify-content:center}

/* checkout summary with product photos */
.sum .li{display:flex;align-items:center;gap:12px;padding:8px 0;justify-content:flex-start}.sum .li img{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex:none}.sum .li .ln{flex:1;min-width:0;display:flex;flex-direction:column;font-weight:600;line-height:1.3}.sum .li .ln small{font-weight:400;color:#6b7280;font-size:13px}.sum .li b{flex:none}
.oi{display:flex;align-items:center;gap:10px;margin:6px 0}.oi img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none;background:#f3f4f6}
/* slider: on phones the whole picture shows at its own shape, so any image size fits */
.slide .simg{display:none}
@media(max-width:700px){
.slide.hi{display:block;min-height:0!important;background-image:none!important;background-color:#111}
.slide.hi .simg{display:block;width:100%;height:auto;max-height:none}
.slide.hi:before{z-index:1}
.slide.hi .wrap{position:absolute;inset:0;z-index:2;display:flex;align-items:center}
.slide.hi .tx{padding:14px 0;max-width:80%}.slide.hi h2{font-size:clamp(18px,6vw,26px)}.slide.hi p{font-size:13px;margin:4px 0 8px}.slide.hi .btn{padding:7px 16px;font-size:13px}
.hero .track{align-items:flex-start}
}
@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}img{max-width:100%}.wrap{padding-left:14px;padding-right:14px}}

/* slide-in menu (3 lines button) */
.ib{background:none;border:0;padding:8px;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}
.drawer{position:fixed;inset:0;z-index:80;pointer-events:none}.drawer .dov{position:absolute;inset:0;background:#0007;opacity:0;transition:.25s}
.drawer .dp{position:absolute;left:0;top:0;bottom:0;width:min(86vw,340px);background:#fff;transform:translateX(-100%);transition:.28s;display:flex;flex-direction:column;box-shadow:6px 0 30px #0003}
.drawer.open{pointer-events:auto}.drawer.open .dov{opacity:1}.drawer.open .dp{transform:none}
.dh{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 18px;border-bottom:1px solid #eee;font-size:18px}
.dl{overflow-y:auto;padding:8px 0 24px}.dl a{display:flex;align-items:center;gap:10px;padding:13px 20px;font-weight:600;font-size:15.5px;border-bottom:1px solid #f3f4f6}.dl a:hover{color:var(--pri);background:#fafafa}
.dl .dacc{background:#f9fafb;color:var(--pri)}.dl .dt{padding:16px 20px 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;font-weight:700}
@media(max-width:800px){
.dnav{display:none}
.hd .hrow{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px 6px;padding:8px 10px}
.ib.hb{display:inline-flex;grid-column:1;grid-row:1}
.logo{grid-column:2;grid-row:1;justify-self:center;order:0}
.act{grid-column:3;grid-row:1;order:0;margin-left:0;gap:14px}.act a span:not(.cnt){display:none}
.srch{grid-column:1/-1;grid-row:2;order:0}
}

/* coupon + messages */
.cprow{display:flex;gap:8px}.cprow input{flex:1;min-width:0}.cpmsg{font-size:14px;margin-top:6px}.cpmsg.ok{color:#15803d}.cpmsg.bad{color:#b91c1c}
.sum .cpd{color:#15803d}
/* floating widgets */
#wg{position:relative;z-index:60}
.wg-cart{position:fixed;z-index:60;width:54px;height:54px;border-radius:50%;border:0;background:var(--pri);color:#fff;box-shadow:0 8px 24px #0004;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;font-weight:700;font-size:14px}.wg-cart.ns{box-shadow:none}.wg-cart.has-lb{width:auto;padding:0 16px}.wg-cart .lb{white-space:nowrap}.wg-soc.up{top:34%}
.wg-cart .cnt{position:absolute;top:-4px;right:-4px;background:#111;color:#fff;border-radius:99px;min-width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0 5px}
.wg-soc{position:fixed;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:10px}.wg-soc.l{left:12px}.wg-soc.r{right:12px}
.wg-soc a{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0003;transition:.15s}.wg-soc a:hover{transform:scale(1.1)}
.mc-ov{position:fixed;inset:0;background:#0007;z-index:70;opacity:0;pointer-events:none;transition:.25s}
.mc{position:fixed;top:0;bottom:0;width:min(92vw,400px);background:#fff;z-index:71;display:flex;flex-direction:column;transition:.28s;box-shadow:0 0 40px #0004}.mc.r{right:0;transform:translateX(105%)}.mc.l{left:0;transform:translateX(-105%)}
.mc-open .mc{transform:none}.mc-open .mc-ov{opacity:1;pointer-events:auto}.mc-open{overflow:hidden}
.mc-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee;font-size:17px}.mc-b{flex:1;overflow-y:auto;padding:6px 16px}
.mc-i{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;align-items:flex-start}.mc-i img{width:64px;height:64px;border-radius:8px;object-fit:cover;background:#f3f4f6;flex:none}
.mc-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mc-t a{font-weight:600;line-height:1.3}.mc-t small{color:#6b7280}.mc-q{display:flex;align-items:center;gap:8px;margin-top:4px}.mc-q button{width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:16px}.mc-q b{margin-left:auto}
.mc-x{background:none;border:0;cursor:pointer;color:#9ca3af;padding:4px}.mc-empty{padding:40px 0;text-align:center;color:#6b7280}
.mc-f{padding:14px 16px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:8px}.mc-s{display:flex;justify-content:space-between;font-size:17px}
/* popup */
.pop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:.25s;pointer-events:none}.pop.on{opacity:1;pointer-events:auto}
.pop-o{position:absolute;inset:0;background:#000a}.pop-c{position:relative;background:#fff;border-radius:16px;overflow:hidden;max-width:min(94vw,520px);max-height:90vh;overflow-y:auto;box-shadow:0 24px 70px #0006;transform:scale(.94);transition:.25s}.pop.on .pop-c{transform:none}
.pop-c img{display:block;width:100%;height:auto}.pop-t{padding:18px 22px 22px;text-align:center}.pop-t h3{margin:0 0 6px;font-size:22px}.pop-t p{margin:0 0 14px;color:#4b5563}
.pop-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:#fffe;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center}
@media(max-width:700px){.wg-soc a{width:40px;height:40px}.wg-soc{gap:8px}.wg-cart{transform-origin:center}}

.ib.hb{display:none}
@media(max-width:800px){.ib.hb{display:inline-flex}}
.pop-c{width:min(94vw,380px)}
.wg-soc{top:auto;bottom:96px;transform:none}