/* Universal ERP SaaS — fully responsive, mobile-first stylesheet. */
:root{
  --pri:#4f46e5;--pri-d:#4338ca;--pri-l:#eef2ff;
  --bg:#f3f4f9;--card:#fff;--txt:#0f172a;--mut:#64748b;--bd:#e2e8f0;--bd2:#cbd5e1;
  --ok:#15803d;--ok-l:#dcfce7;--warn:#b45309;--warn-l:#fef3c7;--bad:#b91c1c;--bad-l:#fee2e2;--info:#0369a1;--info-l:#e0f2fe;
  --r:12px;--r-s:8px;--sh:0 1px 2px rgba(15,23,42,.06),0 4px 16px rgba(15,23,42,.06);
  --sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);
  --nav-h:62px;--top-h:56px;--side-w:248px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--txt);
  font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Bengali",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
body.uerp-lock{overflow:hidden}
img,svg,canvas,video{max-width:100%}
a{color:var(--pri);text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.25}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
.uerp-boot{display:flex;align-items:center;justify-content:center;min-height:100dvh}
.uerp-spinner{width:38px;height:38px;border:4px solid var(--bd);border-top-color:var(--pri);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- Form controls ---------- */
.inp,.sel,.txa{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--bd2);border-radius:var(--r-s);background:#fff;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s}
.txa{min-height:84px;resize:vertical}
.inp:focus,.sel:focus,.txa:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(79,70,229,.16)}
.inp[readonly]{background:#f8fafc}
.inp.sm,.sel.sm{min-height:38px;padding:6px 10px;font-size:15px}
.fld{display:flex;flex-direction:column;gap:5px;min-width:0}
.fld>label,.lbl{font-size:12.5px;font-weight:600;color:var(--mut)}
.fld .hint{font-size:12px;color:var(--mut)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.grid.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.chk{display:flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;font-size:14.5px}
.chk input{width:18px;height:18px;accent-color:var(--pri);flex:none}
.err{color:var(--bad);font-size:13.5px;margin-top:8px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:var(--r-s);background:var(--pri);color:#fff;font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap;transition:background .15s,transform .05s;-webkit-tap-highlight-color:transparent;text-decoration:none}
.btn:hover{background:var(--pri-d)}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn.sec{background:#fff;color:var(--txt);border-color:var(--bd2)}
.btn.sec:hover{background:#f8fafc}
.btn.ok{background:var(--ok)}.btn.bad{background:var(--bad)}
.btn.ghost{background:transparent;color:var(--pri)}
.btn.ghost:hover{background:var(--pri-l)}
.btn.sm{min-height:36px;padding:5px 11px;font-size:13.5px}
.btn.block{width:100%}
.btn.icon{width:40px;min-width:40px;padding:0}
.btn.icon.sm{width:34px;min-width:34px;min-height:34px}
.btn.wa{background:#16a34a}.btn.wa:hover{background:#15803d}

/* ---------- Cards & layout bits ---------- */
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:clamp(12px,2.4vw,20px);min-width:0}
.card.flat{box-shadow:none}
.card>h3,.card-h{font-size:15.5px;margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.row.nw{flex-wrap:nowrap}
.grow{flex:1 1 0;min-width:0}
.between{justify-content:space-between}
.stack{display:flex;flex-direction:column;gap:12px}
.mut{color:var(--mut)}.sm-t{font-size:13px}.xs-t{font-size:12px}
.right{text-align:right}.center{text-align:center}
.b{font-weight:700}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mt{margin-top:14px}.mb{margin-bottom:14px}
.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:#f1f5f9;color:var(--mut);white-space:nowrap}
.badge.ok{background:var(--ok-l);color:var(--ok)}.badge.warn{background:var(--warn-l);color:var(--warn)}.badge.bad{background:var(--bad-l);color:var(--bad)}.badge.info{background:var(--info-l);color:var(--info)}.badge.pri{background:var(--pri-l);color:var(--pri)}
.empty{padding:34px 12px;text-align:center;color:var(--mut)}
.empty i{font-size:34px;display:block;margin-bottom:10px;opacity:.5}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;min-height:36px;padding:5px 14px;border-radius:99px;border:1px solid var(--bd2);background:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.chip.on{background:var(--pri);border-color:var(--pri);color:#fff}
.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--bd);margin-bottom:14px;-webkit-overflow-scrolling:touch}
.tabs::-webkit-scrollbar{display:none}
.tab{padding:10px 14px;border:0;background:none;font-weight:600;color:var(--mut);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;min-height:44px}
.tab.on{color:var(--pri);border-bottom-color:var(--pri)}

/* ---------- Auth ---------- */
.auth{min-height:100dvh;display:grid;place-items:center;padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));background:linear-gradient(135deg,#eef2ff 0%,#f8fafc 50%,#ecfeff 100%)}
.auth-box{width:100%;max-width:440px}
.auth-logo{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:18px}
.auth-logo .lg{width:48px;height:48px;border-radius:14px;background:var(--pri);color:#fff;display:grid;place-items:center;font-size:22px}
.auth-logo h1{font-size:clamp(20px,5vw,24px)}
.auth .card{padding:clamp(18px,5vw,28px)}

/* ---------- App shell ---------- */
.shell{min-height:100dvh}
.side{position:fixed;inset:0 auto 0 0;width:min(var(--side-w),84vw);background:#0f172a;color:#cbd5e1;z-index:60;display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .22s ease;padding-top:var(--sat);padding-bottom:var(--sab);overflow-y:auto;overscroll-behavior:contain}
.side.open{transform:none}
.side-h{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;color:#fff}
.side-h .lg{width:38px;height:38px;border-radius:11px;background:var(--pri);display:grid;place-items:center;flex:none;overflow:hidden}
.side-h .lg img{width:100%;height:100%;object-fit:cover}
.side-h .nm{font-weight:700;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nav{padding:6px 10px;display:flex;flex-direction:column;gap:2px;flex:1}
.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:#cbd5e1;font-weight:500;min-height:44px}
.nav a i{width:20px;text-align:center;opacity:.85}
.nav a:hover{background:#1e293b;color:#fff}
.nav a.on{background:var(--pri);color:#fff}
.side-f{padding:12px 14px 16px;border-top:1px solid #1e293b;font-size:13px}
.scrim{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.on{opacity:1;pointer-events:auto}
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;min-height:calc(var(--top-h) + var(--sat));padding:var(--sat) calc(12px + var(--sar)) 0 calc(12px + var(--sal));background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--bd)}
.top h2{font-size:clamp(16px,4.2vw,19px);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main{padding:clamp(10px,2.4vw,24px) calc(clamp(10px,2.4vw,24px) + var(--sar)) calc(var(--nav-h) + var(--sab) + 22px) calc(clamp(10px,2.4vw,24px) + var(--sal));max-width:1500px;margin:0 auto}
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;background:#fff;border-top:1px solid var(--bd);padding:0 var(--sar) var(--sab) var(--sal);box-shadow:0 -4px 14px rgba(15,23,42,.06)}
.bnav a,.bnav button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--nav-h);color:var(--mut);font-size:11px;font-weight:600;background:none;border:0;cursor:pointer;padding:0 2px;-webkit-tap-highlight-color:transparent}
.bnav i{font-size:19px}
.bnav .on{color:var(--pri)}
.bnav span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1024px){
  .side{transform:none;width:var(--side-w)}
  .scrim{display:none}
  .top,.main,.shell>.pad{margin-left:var(--side-w)}
  .top{padding-left:24px;padding-right:24px}
  .main{margin-left:var(--side-w);padding-bottom:40px}
  .bnav{display:none}
  .menu-btn{display:none!important}
  .top h2{font-size:20px}
}
.page-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.page-h h3{font-size:clamp(17px,4vw,21px)}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}
.filters .fld{flex:1 1 150px;min-width:130px}
.filters .fld.search{flex:2 1 220px}

/* ---------- Stats / dashboard ---------- */
.stats{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.stats{grid-template-columns:repeat(5,minmax(0,1fr))}}
.stat{background:#fff;border:1px solid var(--bd);border-radius:var(--r);padding:12px 14px;box-shadow:var(--sh);min-width:0;display:flex;flex-direction:column;gap:2px}
.stat .l{font-size:12.5px;color:var(--mut);font-weight:600;display:flex;align-items:center;gap:6px}
.stat .v{font-size:clamp(17px,4.6vw,23px);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat .s{font-size:12px;color:var(--mut)}
.stat.pri{background:var(--pri);color:#fff;border-color:var(--pri)}.stat.pri .l,.stat.pri .s{color:#e0e7ff}
.stat.good .v{color:var(--ok)}.stat.badx .v{color:var(--bad)}.stat.warnx .v{color:var(--warn)}
.dash-grid{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);margin-top:14px}
@media (min-width:900px){.dash-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}
.bars{display:flex;align-items:flex-end;gap:clamp(4px,1.6vw,14px);height:170px;padding-top:8px}
.bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}
.bar i{display:block;width:100%;max-width:46px;background:linear-gradient(180deg,var(--pri),#818cf8);border-radius:7px 7px 3px 3px;min-height:3px}
.bar small{font-size:11px;color:var(--mut);white-space:nowrap}
.bar b{font-size:10.5px;color:var(--mut);font-weight:600;white-space:nowrap}
.qa{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.qa a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1px solid var(--bd);border-radius:var(--r);background:#fff;color:var(--txt);font-weight:600;font-size:13.5px;text-align:center}
.qa a i{font-size:22px;color:var(--pri)}
.qa a:hover{border-color:var(--pri);background:var(--pri-l)}

/* ---------- Tables (become cards on phones) ---------- */
.tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table.tbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.tbl th{position:sticky;top:0;background:#f8fafc;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:10px 12px;border-bottom:1px solid var(--bd);white-space:nowrap}
.tbl td{padding:10px 12px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:#fafbff}
.tbl .num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.tbl tfoot td{font-weight:800;background:#f8fafc}
.tbl .act{white-space:nowrap;text-align:right}
.tbl .act .btn{margin-left:4px}
.tcard{background:#fff;border:1px solid var(--bd);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
@media (max-width:719px){
  table.tbl,.tbl thead,.tbl tbody,.tbl tfoot,.tbl tr,.tbl td{display:block;width:100%}
  .tbl thead{position:absolute;left:-9999px;top:-9999px}
  .tbl tbody tr,.tbl tfoot tr{padding:10px 12px;border-bottom:8px solid var(--bg)}
  .tbl tbody tr:last-child{border-bottom:0}
  .tbl td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;border:0;text-align:right!important;min-width:0}
  .tbl td::before{content:attr(data-l);flex:none;max-width:46%;color:var(--mut);font-size:12px;font-weight:600;text-align:left}
  .tbl td[data-l=""]::before,.tbl td:not([data-l])::before{display:none}
  .tbl td.main-c{font-weight:700;font-size:15px;justify-content:flex-start;text-align:left!important}
  .tbl td.main-c::before{display:none}
  .tbl td.act{justify-content:flex-end;flex-wrap:wrap;padding-top:8px}
  .tbl td.act::before{display:none}
  .tbl tfoot tr{background:#f8fafc}
}
.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;flex-wrap:wrap}

/* ---------- Modal / bottom-sheet ---------- */
.mback{position:fixed;inset:0;z-index:90;background:rgba(15,23,42,.55);display:flex;align-items:flex-end;justify-content:center;padding:0;overscroll-behavior:contain}
.modal{background:#fff;width:100%;max-width:100%;max-height:94dvh;border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -10px 40px rgba(0,0,0,.25);animation:sheet .22s ease}
@keyframes sheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.modal-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--bd);flex:none}
.modal-h h3{flex:1;font-size:17px;min-width:0}
.modal-b{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}
.modal-f{padding:12px 16px calc(12px + var(--sab));border-top:1px solid var(--bd);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;flex:none;background:#fff}
.modal-f .btn{flex:1 1 auto}
@media (min-width:720px){
  .mback{align-items:center;padding:20px}
  .modal{max-width:var(--mw,640px);border-radius:16px;max-height:90dvh}
  .modal.lg{--mw:900px}.modal.xl{--mw:1100px}.modal.sm{--mw:440px}
  .modal-f .btn{flex:0 0 auto}
}

/* ---------- Toast ---------- */
.toasts{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--nav-h) + var(--sab) + 14px);z-index:200;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px);pointer-events:none}
@media (min-width:1024px){.toasts{bottom:24px}}
.toast{background:#0f172a;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--sh);font-size:14.5px;animation:sheet .2s ease;pointer-events:auto}
.toast.ok{background:#166534}.toast.bad{background:#991b1b}

/* ---------- POS ---------- */
.pos{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:1100px){.pos{grid-template-columns:minmax(0,1fr) 430px;align-items:start}.pos-cart{position:sticky;top:calc(var(--top-h) + 14px)}}
.pgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}
@media (max-width:420px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ptile{display:flex;flex-direction:column;gap:3px;text-align:left;padding:11px 12px;border:1px solid var(--bd);border-radius:var(--r);background:#fff;cursor:pointer;min-height:84px;min-width:0;-webkit-tap-highlight-color:transparent}
.ptile:hover{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-l)}
.ptile .n{font-weight:700;font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.ptile .p{font-weight:800;color:var(--pri);font-size:15px}
.ptile .s{font-size:12px;color:var(--mut)}
.ptile.oos{opacity:.55}
.cart-lines{display:flex;flex-direction:column;gap:8px;max-height:min(46dvh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}
.cl{border:1px solid var(--bd);border-radius:10px;padding:9px 10px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}
.cl .nm{font-weight:700;font-size:14px;word-break:break-word;grid-column:1/-1;display:flex;gap:8px;justify-content:space-between}
.cl .ctl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.qty{display:inline-flex;align-items:center;border:1px solid var(--bd2);border-radius:8px;overflow:hidden}
.qty button{width:36px;height:36px;border:0;background:#f8fafc;font-size:18px;cursor:pointer}
.qty input{width:56px;height:36px;border:0;text-align:center;font-size:16px;outline:none;min-width:0}
.cl .tot{font-weight:800;text-align:right;align-self:center}
.sumrow{display:flex;justify-content:space-between;gap:10px;padding:3px 0;font-size:14px}
.sumrow.grand{font-size:19px;font-weight:800;border-top:1px dashed var(--bd2);margin-top:6px;padding-top:9px}
.paybtns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.paybtns .chip{justify-content:center;padding:5px 4px;font-size:13px}
.cartbar{display:none}
@media (max-width:1099px){
  .pos-cart{position:fixed;left:0;right:0;bottom:0;z-index:70;max-height:92dvh;overflow-y:auto;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.3);transform:translateY(105%);transition:transform .25s ease;padding:14px 14px calc(14px + var(--sab));border:0}
  .pos-cart.open{transform:none}
  .cartbar{display:flex;position:fixed;left:10px;right:10px;bottom:calc(var(--nav-h) + var(--sab) + 8px);z-index:46;align-items:center;justify-content:space-between;gap:10px;background:var(--pri);color:#fff;border:0;border-radius:14px;padding:12px 16px;font-weight:700;font-size:15.5px;box-shadow:0 8px 24px rgba(79,70,229,.45);cursor:pointer}
  .cart-lines{max-height:none}
}
.sugg{position:absolute;left:0;right:0;top:100%;z-index:30;background:#fff;border:1px solid var(--bd2);border-radius:10px;box-shadow:var(--sh);max-height:260px;overflow-y:auto;margin-top:4px}
.sugg button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #f1f5f9;background:#fff;cursor:pointer;min-height:44px}
.sugg button:hover{background:var(--pri-l)}
.rel{position:relative}

/* ---------- Purchase lines ---------- */
.pl{border:1px solid var(--bd);border-radius:10px;padding:10px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));background:#fcfcff;margin-bottom:8px}
.pl .wide{grid-column:1/-1}

/* ---------- Ledger / misc ---------- */
.dr{color:var(--bad);font-weight:700}.cr{color:var(--ok);font-weight:700}
.perm-grid{display:grid;gap:4px 14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.imgup{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.imgup .pv{width:84px;height:84px;border:1px dashed var(--bd2);border-radius:10px;display:grid;place-items:center;background:#f8fafc;overflow:hidden;color:var(--mut);flex:none}
.imgup .pv img{width:100%;height:100%;object-fit:contain}
.note{padding:10px 12px;border-radius:10px;background:var(--info-l);color:var(--info);font-size:13.5px}
.note.warn{background:var(--warn-l);color:var(--warn)}

/* ---------- Public invoice page ---------- */
body.uerp-public{background:#e5e7eb}
.pub-wrap{max-width:900px;margin:0 auto;padding:12px}
.pub-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}
.pub-sheet{background:#fff;box-shadow:var(--sh);border-radius:8px;overflow:hidden}
.pub-sheet iframe{width:100%;border:0;display:block;min-height:70vh}
.uerp-notfound{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:20px;color:var(--mut)}

/* ---------- Extra utilities ---------- */
.only-m{display:none}
@media (max-width:1099px){.only-m{display:inline-flex}}
.hint{font-size:12px;color:var(--mut)}
.top .btn{flex:none}

/* split payment rows */
.payrow{padding:8px;border:1px solid var(--bd);border-radius:10px}
.payrow.on{border-color:var(--pri);background:rgba(37,99,235,.06)}
.paylbl{font-weight:600;font-size:13px;display:inline-flex;gap:6px;align-items:center;min-width:76px;flex:0 0 auto}
.payrow .inp{min-width:0}


/* ================================================================== */
/*  v1.2 — colourful, app-style theme                                  */
/* ================================================================== */
:root{
  --pri:#7c3aed;--pri-d:#6d28d9;--pri-l:#f3e8ff;
  --grad:linear-gradient(135deg,#7c3aed 0%,#c026d3 55%,#ec4899 100%);
  --grad-s:linear-gradient(135deg,#6d28d9,#4f46e5);
  --bg:#f5f3ff;--bd:#ece7fb;--bd2:#d8d0f0;
  --r:18px;--r-s:12px;
  --sh:0 1px 3px rgba(76,29,149,.06),0 10px 30px rgba(76,29,149,.09);
  --page-c:#7c3aed;
}
html,body{background:var(--bg)}
body{background:radial-gradient(900px 400px at 100% -10%,rgba(236,72,153,.10),transparent 60%),radial-gradient(800px 400px at -10% 0,rgba(124,58,237,.12),transparent 60%),var(--bg);background-attachment:fixed}
.inp:focus,.sel:focus,.txa:focus{box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.inp,.sel,.txa{border-radius:var(--r-s)}
.card{border-radius:var(--r);border-color:rgba(236,231,251,.9)}
.card>h3,.card-h{font-size:16px}

/* buttons */
.btn{background:var(--grad);border:0;box-shadow:0 6px 16px rgba(124,58,237,.28);border-radius:var(--r-s)}
.btn:hover{background:var(--grad);filter:brightness(1.07)}
.btn.sec{background:#fff;color:var(--txt);border:1px solid var(--bd2);box-shadow:none}
.btn.sec:hover{background:#faf8ff;filter:none}
.btn.ok{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 16px rgba(5,150,105,.26)}
.btn.bad{background:linear-gradient(135deg,#dc2626,#f43f5e);box-shadow:0 6px 16px rgba(220,38,38,.25)}
.btn.wa{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 6px 16px rgba(22,163,74,.25)}
.btn.ghost{background:transparent;box-shadow:none;color:var(--pri)}
.btn.ghost:hover{background:var(--pri-l);filter:none}
.chip.on{background:var(--grad);border-color:transparent}
.tab.on{color:var(--pri);border-bottom-color:var(--pri)}
.badge.pri{background:var(--pri-l);color:var(--pri)}

/* ---------- header ---------- */
.top{background:var(--grad);color:#fff;border-bottom:0;box-shadow:0 8px 24px rgba(124,58,237,.25);backdrop-filter:none;border-radius:0 0 22px 22px;gap:12px}
.top-av{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.22);display:grid;place-items:center;flex:none;overflow:hidden;border:1px solid rgba(255,255,255,.3)}
.top-av img{width:100%;height:100%;object-fit:cover}
.top-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.top h2{flex:none;color:#fff;font-size:clamp(16px,4.4vw,19px);max-width:100%}
.top-t small{font-size:12px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top .btn.sec{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}
.top .btn:not(.sec){background:#fff;color:var(--pri);box-shadow:none}
.menu-btn{display:none!important}
.bnr{margin:10px 12px 0;padding:10px 14px;border-radius:14px;font-size:13.5px;font-weight:600}
.bnr.warn{background:#fef3c7;color:#92400e}.bnr.bad{background:#fee2e2;color:#991b1b}

/* ---------- bottom navigation ---------- */
.bnav{background:#fff;border:0;border-radius:24px 24px 0 0;box-shadow:0 -10px 30px rgba(76,29,149,.14);padding-top:2px;overflow:visible}
.bnav a,.bnav button{color:#8b8aa3;font-size:10.5px;position:relative}
.bnav a i,.bnav button i{font-size:19px;transition:transform .15s}
.bnav a.on{color:var(--c,var(--pri))}
.bnav a.on i{transform:translateY(-2px) scale(1.12)}
.bnav a.on::after{content:"";position:absolute;top:0;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--c,var(--pri))}
.bnav a.fab{overflow:visible}
.bnav a.fab .fab-b{width:56px;height:56px;border-radius:50%;margin-top:-26px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 10px 22px rgba(236,72,153,.45);border:4px solid #fff}
.bnav a.fab .fab-b i{font-size:21px;color:#fff;transform:none!important}
.bnav a.fab.on::after{display:none}
.bnav a.fab span:last-child{margin-top:1px;color:var(--c,#ec4899);font-weight:700}
.toasts{bottom:calc(var(--nav-h) + var(--sab) + 18px)}
.cartbar{bottom:calc(var(--nav-h) + var(--sab) + 14px);background:var(--grad);border-radius:16px;box-shadow:0 12px 28px rgba(124,58,237,.4)}

/* ---------- More sheet ---------- */
.moregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.moregrid a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 4px;border-radius:16px;color:var(--txt);font-weight:600;font-size:12.5px;text-align:center}
.moregrid a:active{background:var(--pri-l)}
.moregrid .mi,.qa .qi,.nav .ni{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:19px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#fff));box-shadow:0 8px 18px color-mix(in srgb,var(--c) 38%,transparent)}

/* ---------- sidebar (desktop) ---------- */
.side{background:linear-gradient(185deg,#2e1065 0%,#3b0764 55%,#4a044e 100%)}
.side-h .lg{background:var(--grad)}
.nav a{color:#e9d5ff;border-radius:14px}
.nav .ni{width:32px;height:32px;border-radius:10px;font-size:14px;box-shadow:none;flex:none}
.nav a i{width:auto;opacity:1}
.nav a:hover{background:rgba(255,255,255,.08)}
.nav a.on{background:rgba(255,255,255,.16);color:#fff}
.side-f{border-top-color:rgba(255,255,255,.12)}
@media (min-width:1024px){
  .top{background:rgba(255,255,255,.86);color:var(--txt);box-shadow:0 1px 0 var(--bd);backdrop-filter:saturate(1.4) blur(12px);border-radius:0}
  .top h2{color:var(--txt)}.top-t small{color:var(--mut)}.top-av{display:none}
  .top .btn.sec{background:#fff;color:var(--txt);border-color:var(--bd2)}
  .top .btn:not(.sec){background:var(--grad);color:#fff}
  #bnr .bnr{margin-left:calc(var(--side-w) + 24px);margin-right:24px}
}

/* ---------- dashboard ---------- */
.hero{background:var(--grad);color:#fff;border-radius:24px;padding:18px 18px 16px;box-shadow:0 16px 36px rgba(124,58,237,.32);position:relative;overflow:hidden;margin-bottom:14px}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.hero::before{width:190px;height:190px;right:-50px;top:-70px}.hero::after{width:120px;height:120px;right:60px;bottom:-60px;background:rgba(255,255,255,.08)}
.hero>*{position:relative}
.hero-t{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.hero-hi{font-weight:700;font-size:16px}.hero-d{font-size:12.5px;opacity:.85}
.hero-btn{background:#fff!important;color:var(--pri)!important;box-shadow:none!important;min-height:38px;padding:6px 14px}
.hero-l{font-size:12.5px;opacity:.85;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.hero-v{font-size:clamp(30px,9vw,42px);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.hero-s{font-size:13px;opacity:.9;margin-bottom:12px}
.hero-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hero-row>div{background:rgba(255,255,255,.17);border-radius:14px;padding:8px 10px;backdrop-filter:blur(4px);min-width:0}
.hero-row span{display:block;font-size:11.5px;opacity:.85}.hero-row b{font-size:clamp(13px,3.7vw,16px);white-space:nowrap}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
.stat{border:0;border-radius:var(--r);padding:14px;position:relative;overflow:hidden;color:var(--txt)}
.stat[class*=" g"]{color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.stat[class*=" g"] .l,.stat[class*=" g"] .s{color:rgba(255,255,255,.88)}
.stat .si{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.22);display:grid;place-items:center;font-size:14px}
.stat .l{padding-right:34px}
.stat.g1{background:linear-gradient(135deg,#059669,#34d399)}.stat.g2{background:linear-gradient(135deg,#0284c7,#38bdf8)}.stat.g3{background:linear-gradient(135deg,#7c3aed,#a78bfa)}
.stat.g4{background:linear-gradient(135deg,#e11d48,#fb7185)}.stat.g5{background:linear-gradient(135deg,#d97706,#fbbf24)}.stat.g6{background:linear-gradient(135deg,#475569,#94a3b8)}
.stat.pri{background:var(--grad);border-color:transparent}
a.stat{text-decoration:none}
.qa{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media (min-width:720px){.qa{grid-template-columns:repeat(8,minmax(0,1fr))}}
.qa a{border:0;background:transparent;padding:8px 2px;font-size:12px;text-align:center;gap:7px;line-height:1.2}
.qa a:hover{background:var(--pri-l);border-color:transparent}
.qa a i{color:#fff;font-size:19px}
.qa .qi{width:50px;height:50px;border-radius:17px}
.rank{width:24px;height:24px;border-radius:50%;background:var(--pri-l);color:var(--pri);font-weight:800;font-size:12px;display:grid;place-items:center;flex:none}
.bar i{background:linear-gradient(180deg,#ec4899,#7c3aed)}
.shopcard{background:linear-gradient(135deg,#faf5ff,#fdf2f8);border-color:#f3e8ff}

/* ---------- tables → cards ---------- */
.tcard{border-radius:var(--r);border:0}
.tbl th{background:#faf8ff;color:#7c6fa8}
.tbl tbody tr:hover{background:#faf8ff}
@media (max-width:719px){
  .tbl tbody tr{border-left:4px solid var(--page-c);margin-bottom:0}
  .tbl tbody tr,.tbl tfoot tr{border-bottom-width:8px}
}

/* ---------- auth ---------- */
.auth{background:var(--grad)}
.auth::before,.auth::after{content:"";position:fixed;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}
.auth::before{width:380px;height:380px;right:-120px;top:-120px}.auth::after{width:300px;height:300px;left:-100px;bottom:-100px}
.auth-logo{color:#fff}.auth-logo .lg{background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.auth .card{border-radius:26px;box-shadow:0 30px 70px rgba(30,10,80,.35);position:relative;z-index:1}
.auth-box{position:relative;z-index:1}

/* ---------- modal ---------- */
.modal{border-radius:26px 26px 0 0}
.modal-h{border-bottom-color:var(--bd);background:linear-gradient(180deg,#faf8ff,#fff);border-radius:26px 26px 0 0}
@media (min-width:720px){.modal{border-radius:22px}.modal-h{border-radius:22px 22px 0 0}}

/* ---------- POS ---------- */
.ptile{border-radius:16px;border-color:var(--bd);background:linear-gradient(180deg,#fff,#fbf9ff)}
.ptile:hover{border-color:var(--pri);box-shadow:0 8px 20px rgba(124,58,237,.16)}
.ptile .p{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl{border-radius:14px;border-color:var(--bd);background:#fdfcff}
.sumrow.grand{border-top-color:var(--bd2)}
.payrow{border-radius:14px;border-color:var(--bd)}
.payrow.on{border-color:#a78bfa;background:#faf5ff}
.reward-box{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:14px;padding:10px 12px;margin-bottom:12px;color:#92400e}
.reward-box .inp{background:#fff}
.reward-card{background:linear-gradient(135deg,#fffbeb,#fdf2f8);border-color:#fde68a}
.reward-card h3 i{color:#f59e0b}

/* ---------- OCR / scan ---------- */
.pbar{height:8px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden;margin:10px 0 6px}
.pbar i{display:block;height:100%;background:var(--grad);border-radius:99px;transition:width .3s ease}
.pl.warnline{border-color:#fbbf24;background:#fffbeb}
.note.ok{background:#dcfce7;color:#166534}
.rawtext{white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;border-radius:12px;padding:12px;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;max-height:55vh;overflow:auto}

/* ---------- invoice template picker ---------- */
.tplgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.tpl{display:flex;flex-direction:column;gap:6px;cursor:pointer;border:2px solid var(--bd);border-radius:16px;padding:8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.tpl.on{border-color:var(--pri);box-shadow:0 10px 24px rgba(124,58,237,.22)}
.tpl-prev{aspect-ratio:794/1000;overflow:hidden;position:relative;border-radius:10px;background:#f1f5f9;border:1px solid var(--bd)}
.tpl-prev iframe{width:794px;height:1000px;border:0;transform-origin:0 0;pointer-events:none;background:#fff;position:absolute;left:0;top:0}
.tpl-n{display:flex;flex-direction:column;line-height:1.25;font-size:13.5px}.tpl-n small{color:var(--mut);font-size:11.5px}
.tpl.on .tpl-n b::after{content:" ✓";color:var(--pri)}

/* ---------- UPI QR ---------- */
.upibox{display:flex;flex-direction:column;gap:12px}
.upi-ph{border:2px dashed var(--bd2);border-radius:20px;padding:30px 16px;text-align:center;color:var(--mut)}
.upi-ph i{font-size:54px;display:block;margin-bottom:8px;opacity:.35}
.upi-card{border:1px solid var(--bd);border-radius:22px;overflow:hidden;box-shadow:var(--sh);background:#fff;padding-bottom:14px;text-align:center}
.upi-top{background:var(--grad);color:#fff;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.upi-top b{font-size:18px}.upi-top span{font-size:14px;opacity:.92}
.upi-qr{width:min(78vw,280px);margin:14px auto 6px;padding:10px;background:#fff;border:1px solid var(--bd);border-radius:16px}
.upi-qr svg{display:block;width:100%;height:auto}
.upi-id{font-size:13px}
.qrfull{position:fixed;inset:0;z-index:300;background:rgba(15,10,40,.92);display:grid;place-items:center;padding:16px}
.qrfull-in{background:#fff;border-radius:28px;padding:22px 18px;width:min(94vw,460px);text-align:center;position:relative}
.qrfull-in h2{font-size:22px}.qrfull-amt{font-size:30px;font-weight:800;color:var(--pri);margin:4px 0 10px}
.qrfull-qr{width:min(78vw,340px);margin:0 auto}.qrfull-qr svg{width:100%;height:auto;display:block}
.qrfull-s{margin-top:10px;color:var(--mut);font-size:14px}.qrfull-id{font-weight:700;margin-top:2px}
.qrfull-x{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:#f1f5f9;cursor:pointer}

/* ---------- public shop page ---------- */
body.uerp-shop{background:var(--bg)}
.shop{min-height:100dvh}
.shop-hero{background:var(--grad);color:#fff;text-align:center;padding:calc(34px + var(--sat)) 18px 70px;border-radius:0 0 34px 34px;box-shadow:0 18px 40px rgba(124,58,237,.3)}
.shop-logo{width:84px;height:84px;border-radius:26px;background:rgba(255,255,255,.22);margin:0 auto 12px;display:grid;place-items:center;font-size:34px;overflow:hidden;border:2px solid rgba(255,255,255,.45)}
.shop-logo img{width:100%;height:100%;object-fit:cover}
.shop-hero h1{font-size:clamp(22px,6vw,30px)}.shop-sub{opacity:.9;font-size:14px;margin-top:2px}.shop-addr{opacity:.9;font-size:13.5px;margin-top:8px}
.shop-body{max-width:520px;margin:-46px auto 0;padding:0 14px calc(30px + var(--sab));display:flex;flex-direction:column;gap:14px}
.shop-foot{text-align:center;font-size:12px;padding:6px}

/* v1.2.1 quick stock entry */
.qadd{border:1px solid var(--bd2);border-radius:12px;padding:12px;background:#f8fafc}
.qadd-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:10px}
.qadd-h .btn{margin-left:auto}
.qadd .rel{position:relative}
.qadd .qadd-car{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--mut);cursor:pointer;padding:8px}
.qadd #pu-add{padding-right:38px}
.qa-info{margin:12px 0 10px;font-size:.9rem}
.qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.sugg-e{padding:12px}
details.opt{border:1px solid var(--bd2);border-radius:12px;padding:10px 12px}
details.opt>summary{cursor:pointer;font-weight:600;list-style:none}
details.opt>summary::-webkit-details-marker{display:none}

/* ====================================================================
   v1.2.1 — Professional desktop look (≥1024px). Phones keep the
   colourful app-style design above; PCs get a calm, business-software UI.
   ==================================================================== */
@media (min-width:1024px){
  :root{--grad:#4f46e5;--bg:#f4f6f9;--sh:0 1px 2px rgba(15,23,42,.05),0 1px 8px rgba(15,23,42,.04);--r:10px}
  body{background:var(--bg)!important}
  .btn.ok{background:#15803d}.btn.bad{background:#b91c1c}.btn.wa{background:#15803d}
  .btn:hover{filter:brightness(1.08)}
  /* sidebar: quiet slate, single accent for the active page */
  .side{background:#111827;border-right:1px solid #1f2937}
  .side-h .lg{background:#4f46e5;box-shadow:none}
  .nav a{color:#9ca3af;border-radius:8px;font-weight:500}
  .nav a:hover{background:#1f2937;color:#e5e7eb}
  .nav a.on{background:#1f2937;color:#fff;box-shadow:inset 3px 0 0 #6366f1}
  .nav .ni{background:transparent!important;box-shadow:none!important;color:inherit;width:24px;height:24px;font-size:15px;border-radius:0}
  .nav a.on .ni{color:#a5b4fc}
  .side-f{border-top-color:#1f2937}
  /* header: flat white bar */
  .top{background:#fff;box-shadow:none;border-bottom:1px solid var(--bd);backdrop-filter:none}
  .top .btn:not(.sec){background:var(--pri);color:#fff}
  /* dashboard: plain summary card + white tiles */
  .hero{background:#fff;color:var(--txt);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px}
  .hero::before,.hero::after{display:none}
  .hero-hi{color:var(--txt)}.hero-d,.hero-s,.hero-l{color:var(--mut);opacity:1}
  .hero-v{color:var(--txt);font-size:34px}
  .hero-btn{background:var(--pri)!important;color:#fff!important}
  .hero-row>div{background:#f8fafc;border:1px solid var(--bd);backdrop-filter:none}
  .hero-row span{color:var(--mut);opacity:1}.hero-row b{color:var(--txt)}
  .stat,.stat[class*=" g"]{background:#fff!important;color:var(--txt);border:1px solid var(--bd);box-shadow:var(--sh);border-radius:var(--r)}
  .stat[class*=" g"] .l,.stat[class*=" g"] .s{color:var(--mut)}
  .stat[class*=" g"] .si{background:#eef2ff;color:#4f46e5}
  .stat.g1 .si{background:#ecfdf5;color:#059669}.stat.g2 .si{background:#f0f9ff;color:#0284c7}.stat.g4 .si{background:#fef2f2;color:#dc2626}.stat.g5 .si{background:#fffbeb;color:#d97706}.stat.g6 .si{background:#f1f5f9;color:#475569}
  .qa a:hover{background:#f1f5f9}
  .qa .qi{background:#eef2ff!important;color:#4f46e5;box-shadow:none!important;border-radius:10px;width:44px;height:44px}
  .qa a i{color:#4f46e5}
  .bar i{background:#6366f1}
  .shopcard{background:#fff;border-color:var(--bd)}
  /* tables, chips, modals, POS */
  .tbl th{background:#f8fafc;color:#475569}
  .tbl tbody tr:hover{background:#f8fafc}
  .chip.on{background:var(--pri);color:#fff}
  .modal-h{background:#fff}
  .modal,.modal-h{border-radius:14px}.modal-h{border-radius:14px 14px 0 0}
  .ptile{background:#fff;border-radius:10px}
  .ptile:hover{border-color:var(--pri);box-shadow:var(--sh)}
  .ptile .p{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--txt);font-weight:700}
  .cl{background:#fff;border-radius:10px}
  .cartbar{background:var(--pri);box-shadow:none}
  /* auth screen */
  .auth{background:#0f172a}
  .auth::before,.auth::after{display:none}
  .auth .card{border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
  /* buttons: flat */
  .btn{box-shadow:none}
  .btn:not(.sec):not(.ghost):not(.ok):not(.bad):not(.wa){background:var(--pri)}
  .page-h h3{font-size:20px}
}

/* v1.2.2 plan & upgrade */
.bnr-up{font-weight:800;text-decoration:underline;color:inherit;margin-left:4px}
.planchip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:10px;background:rgba(255,255,255,.08);margin-bottom:10px;color:#e5e7eb}
.planchip small{display:block;font-size:11px;opacity:.7}.planchip b{display:block;color:#fff;font-size:14px}.planchip span{font-size:12px;opacity:.85}
.planchip.low{background:rgba(251,191,36,.18)}.planchip.low span{color:#fcd34d;opacity:1}
.planchip .btn{min-height:32px;padding:4px 10px;font-size:12.5px}
.planbox{border-left:4px solid var(--pri)}.planbox.low{border-left-color:#d97706}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plancard{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid var(--bd)}
.plancard small{display:block;color:var(--mut);font-size:12px}
.plans{display:grid;gap:8px;margin:12px 0}
.plan-o{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bd2);border-radius:10px;color:var(--txt);background:#fff;text-decoration:none}
.plan-o:hover{border-color:var(--pri);box-shadow:var(--sh)}
.plan-o b{display:block}.plan-o span.mut{font-size:12px}
.plan-p{font-weight:800;font-size:17px}
.blocked{text-align:center}
.blocked h3{font-size:21px;margin:8px 0}
.blocked .plans{text-align:left}
.blk-i{width:68px;height:68px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-size:30px}
.blk-i.bad{background:#fee2e2;color:#b91c1c}.blk-i.warn{background:#fef3c7;color:#b45309}
.blocked h3{display:block!important;text-align:center!important}

/* plan on mobile */
.planpill{display:none;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer;min-height:30px;flex:none}
.planpill.low{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.planstrip{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:14px;background:#fff;border:1px solid var(--bd);box-shadow:var(--sh)}
.planstrip.low{background:#fffbeb;border-color:#fcd34d}
.ps-i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5;flex:none}
.planstrip.low .ps-i{background:#fef3c7;color:#b45309}
.ps-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.ps-t b{font-size:14px}.ps-t span{font-size:12px;color:var(--mut)}
.planstrip .btn{min-height:34px;padding:4px 12px}
@media (max-width:1023px){.planpill{display:inline-flex}}
@media (max-width:420px){.planpill{max-width:44vw;overflow:hidden;text-overflow:ellipsis}}
@media (min-width:1024px){.only-mob{display:none!important}}

/* ====================================================================
   ShopLink — public mini-site (.sx). Container-based, theme colour --t
   ==================================================================== */
body.uerp-shop{background:#eef0f4}
.sx{--tl:color-mix(in srgb,var(--t) 12%,#fff);--td:color-mix(in srgb,var(--t) 78%,#000);max-width:680px;margin:0 auto;background:#f6f7fa;min-height:100dvh;position:relative;color:#0f172a;font-size:15px;line-height:1.5;text-align:left}
@media (min-width:700px){.sx{box-shadow:0 0 40px rgba(15,23,42,.12)}}
.sx *{box-sizing:border-box}
.sx h1,.sx h2,.sx h3,.sx h4{margin:0}
.sx-cover{height:170px;background:linear-gradient(135deg,var(--td),var(--t) 55%,color-mix(in srgb,var(--t) 60%,#fff));background-size:cover;background-position:center}
.sx-head{background:#fff;margin:-44px 14px 0;border-radius:20px;padding:0 16px 16px;text-align:center;box-shadow:0 6px 24px rgba(15,23,42,.1);position:relative}
.sx-logo{width:92px;height:92px;border-radius:50%;background:var(--tl);color:var(--t);border:4px solid #fff;margin:-46px auto 8px;display:grid;place-items:center;font-size:34px;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.15)}
.sx-logo img{width:100%;height:100%;object-fit:cover}
.sx-head h1{font-size:22px;line-height:1.2}
.sx-tag{color:#64748b;font-size:14px;margin-top:3px}
.sx-open{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px}
.sx-open.y{background:#dcfce7;color:#166534}.sx-open.n{background:#fee2e2;color:#991b1b}
.sx-acts{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px;margin-top:14px}
.sx-a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:14px;background:var(--tl);color:var(--td);font-size:11.5px;font-weight:700;border:0;cursor:pointer;text-decoration:none;font-family:inherit}
.sx-a i{font-size:18px}
.sx-a.wa{background:#dcfce7;color:#166534}.sx-a.call{background:var(--t);color:#fff}
.sx-a:active{transform:scale(.97)}
.sx-info{margin-top:12px;text-align:left;display:grid;gap:6px;font-size:13.5px;color:#334155}
.sx-info>div{display:flex;gap:10px;align-items:flex-start}.sx-info i{color:var(--t);margin-top:4px;width:14px;text-align:center}
.sx-nav{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:10px 14px;background:rgba(246,247,250,.92);backdrop-filter:blur(8px);scrollbar-width:none}
.sx-nav::-webkit-scrollbar{display:none}
.sx-nav a{flex:none;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:600;text-decoration:none}
.sx-body{padding:6px 14px 20px;display:grid;gap:14px}
.sx-sec{background:#fff;border-radius:18px;padding:16px;box-shadow:0 1px 3px rgba(15,23,42,.06);scroll-margin-top:56px}
.sx-sec>h2{font-size:16px;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.sx-sec>h2 i{color:var(--t);font-size:15px}
.sx-txt p{margin:0 0 10px;color:#334155}.sx-txt p:last-child{margin:0}
.sx-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}
.sx-chips::-webkit-scrollbar{display:none}
.sx-chips button{flex:none;padding:6px 14px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;cursor:pointer;color:#334155;font-family:inherit}
.sx-chips button.on{background:var(--t);border-color:var(--t);color:#fff}
.sx-search{position:relative;margin-bottom:12px}.sx-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}
.sx-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;outline:none;font-family:inherit}
.sx-search input:focus{border-color:var(--t)}
.sx-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sx-pc{border:1px solid #eef0f4;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.sx-pi{aspect-ratio:1/1;background:#f1f5f9;position:relative;display:grid;place-items:center;color:#cbd5e1;font-size:34px;cursor:pointer}
.sx-pi img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sx-badge{position:absolute;left:8px;top:8px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;z-index:1}
.sx-pb{padding:10px;display:flex;flex-direction:column;gap:5px;flex:1}
.sx-pb h4{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-pb p{margin:0;font-size:12.5px;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sx-pr{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px}
.sx-pr b{font-size:16px;color:var(--td)}.sx-pr s{font-size:12.5px;color:#94a3b8}.sx-off{font-size:11.5px;font-weight:800;color:#16a34a}
.sx-pa{display:grid;gap:6px;margin-top:auto;padding-top:6px}
.sx-det{padding:8px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-weight:600;font-size:13px;cursor:pointer;color:#334155;font-family:inherit}
.sx-buy{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;border-radius:10px;background:#16a34a;color:#fff;font-weight:700;font-size:13.5px;text-decoration:none}
.sx-buy.big{padding:13px;font-size:16px;border-radius:12px}
.sx-buy:active{filter:brightness(.92)}
.sx-empty{text-align:center;color:#94a3b8;padding:20px}
.sx-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.sx-gal button{aspect-ratio:1/1;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;background:#f1f5f9}
.sx-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.sx-gal button:hover img{transform:scale(1.05)}
.sx-vid{display:grid;gap:12px}
.sx-v{display:block}.sx-vt{font-size:13.5px;font-weight:600;margin-top:6px}
.sx-vp{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:14px;overflow:hidden;background:#000;cursor:pointer}
.sx-vp img{width:100%;height:100%;object-fit:cover;opacity:.85}
.sx-vp span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(239,68,68,.95);color:#fff;display:grid;place-items:center;font-size:20px}
.sx-yt,.sx-v video{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;background:#000;display:block}
.sx-vl{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--tl);color:var(--td);font-weight:600;text-decoration:none}
.sx-vl i{font-size:22px}
.sx-hrs{display:grid;gap:2px;margin-top:6px}
.sx-hrs>div{display:flex;justify-content:space-between;padding:7px 10px;border-radius:8px;font-size:14px}
.sx-hrs>div.now{background:var(--tl);font-weight:700}
.sx-soc{display:flex;flex-wrap:wrap;gap:8px}
.sx-soc a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--c) 11%,#fff);color:var(--c);font-weight:700;font-size:13.5px;text-decoration:none}
.sx-rw{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:14px;border-radius:14px;color:#78350f}
.sx-rw i{font-size:26px}
.sx-cimg{width:100%;border-radius:14px;margin-bottom:10px;display:block}
.sx-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:10px}
.sx-it{display:flex;flex-direction:column;gap:8px;border:1px solid #eef0f4;border-radius:14px;padding:10px}
.sx-it img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.sx-it p{margin:3px 0 0;font-size:13.5px;color:#475569}.sx-ip{display:block;color:var(--td);font-weight:800;margin-top:2px}
.sx-foot{text-align:center;color:#94a3b8;font-size:12px;padding:6px 14px 24px}
.sx-sheet{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.6);display:flex;align-items:flex-end;justify-content:center}
.sx-sheet-in{background:#fff;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;border-radius:22px 22px 0 0;position:relative;animation:sxup .22s ease-out}
@keyframes sxup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:700px){.sx-sheet{align-items:center}.sx-sheet-in{border-radius:22px}}
.sx-x{position:absolute;right:10px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;z-index:2;font-size:16px}
.sx-sheet-img{width:100%;max-height:340px;object-fit:cover;display:block}
.sx-sheet-b{padding:16px;display:grid;gap:8px}
.sx-sheet-b h3{font-size:19px}.sx-cat{font-size:12px;font-weight:700;color:var(--td);background:var(--tl);padding:2px 10px;border-radius:999px;justify-self:start}
.sx-sd{margin:0;color:#475569}
.sx-sheet-a{padding-top:6px}
.sx-lb{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center}
.sx-lb img{max-width:100%;max-height:100dvh;object-fit:contain}
.sx-lb button{position:absolute;border:0;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;font-size:18px;cursor:pointer}
.sx-lb-x{right:12px;top:calc(12px + var(--sat))}.sx-lb-p{left:10px;top:50%}.sx-lb-n{right:10px;top:50%}
.sx-lb-c{position:absolute;bottom:calc(16px + var(--sab));left:0;right:0;text-align:center;color:#fff;font-size:13px}
.sx .upi-card,.sx .upibox{max-width:100%}
.sx-sheet-in{--tl:color-mix(in srgb,var(--t) 12%,#fff);--td:color-mix(in srgb,var(--t) 78%,#000);font-size:15px;line-height:1.5;color:#0f172a}
.sx-sheet-in *{box-sizing:border-box}.sx-sheet-in h3,.sx-sheet-in h4{margin:0}
.sx-sheet-in .sx-pr b{font-size:19px}

/* ====================================================================
   ShopLink management panel
   ==================================================================== */
.sl-status{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;background:#dcfce7;color:#166534;white-space:nowrap}
.sl-status.wait{background:#fef3c7;color:#92400e}.sl-status.bad{background:#fee2e2;color:#991b1b}
.sl-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 10px;margin-bottom:6px;scrollbar-width:thin;position:sticky;top:calc(var(--top-h) + var(--sat));z-index:15;background:var(--bg)}
.sl-tabs button{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--bd2);background:#fff;font-weight:600;font-size:13.5px;cursor:pointer;color:#334155;min-height:40px}
.sl-tabs button.on{background:var(--pri);border-color:var(--pri);color:#fff}
.sl-wrap{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.sl-ed{min-width:0;display:grid;gap:14px;align-content:start}
.sl-side{display:none}
@media (min-width:1200px){
  .sl-wrap{grid-template-columns:minmax(0,1fr) 392px}
  .sl-side{display:block;position:sticky;top:calc(var(--top-h) + 64px);align-self:start}
}
.sl-ph-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sl-ph{border:10px solid #111827;border-radius:34px;background:#111827;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.25)}
.sl-ph .sl-pvroot{height:640px;overflow-y:auto;background:#f6f7fa;border-radius:24px;container-type:inline-size}
.sl-pvroot .sx{min-height:100%;box-shadow:none}
.sl-pvroot .sx-nav{top:0}
.sl-pvbox{margin-top:14px;display:flex;justify-content:center}
.sl-pvbox .sl-pvroot{width:100%;max-height:78vh;overflow-y:auto;border:1px solid var(--bd);border-radius:14px;background:#eef0f4}
.sl-pvbox.phone .sl-pvroot{max-width:400px;border:10px solid #111827;border-radius:34px;box-shadow:0 18px 40px rgba(15,23,42,.2)}
.sl-pvbox.desk .sl-pvroot{max-width:100%}
.sl-list{display:grid;gap:8px}
.sl-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--bd);border-radius:12px;background:#fff;transition:box-shadow .15s,opacity .15s}
.sl-row.off{opacity:.55}
.sl-row.drag{box-shadow:0 10px 24px rgba(15,23,42,.22);background:#f8fafc;border-color:var(--pri);position:relative;z-index:3}
.sl-drag{cursor:grab;color:#94a3b8;padding:8px 6px;touch-action:none;user-select:none;flex:none}
.sl-drag:active{cursor:grabbing}
.sl-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sl-main .inp.sm{min-height:38px;flex:1;min-width:120px}
.sl-main b.ellipsis{display:block;max-width:100%}
.sl-acts{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.sl-arr{display:inline-flex;gap:4px}
.btn.icon.sm{min-width:34px;min-height:34px;padding:0}
@media (max-width:640px){.sl-row{flex-wrap:wrap}.sl-acts{width:100%;justify-content:flex-start}.sl-arr{margin-left:auto}}
.sw{position:relative;display:inline-block;width:44px;height:25px;flex:none}
.sw input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer;z-index:2}
.sw i{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:background .15s}
.sw i::after{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.sw input:checked+i{background:#16a34a}.sw input:checked+i::after{transform:translateX(19px)}
.sl-imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sl-imgp{border:2px dashed var(--bd2);border-radius:14px;overflow:hidden;cursor:pointer;background:#f8fafc;display:grid;place-items:center;position:relative}
.sl-img.cover .sl-imgp{aspect-ratio:16/6}.sl-img.logo .sl-imgp{width:120px;aspect-ratio:1/1;border-radius:50%}
.sl-imgp.sq{width:150px;aspect-ratio:1/1}
.sl-imgp img{width:100%;height:100%;object-fit:cover;display:block}
.sl-ph0{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;font-size:12.5px;padding:10px;text-align:center}.sl-ph0 i{font-size:26px}
.sl-hrs{display:grid;gap:6px}
.sl-hr{display:grid;grid-template-columns:48px auto minmax(100px,1fr) auto minmax(100px,1fr);gap:8px;align-items:center}
@media (max-width:520px){.sl-hr{grid-template-columns:44px auto 1fr auto 1fr;gap:5px}.sl-hr .inp{padding:6px}}
.sl-sw{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sl-sw button{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--bd2);cursor:pointer}
.sl-sw button.on{box-shadow:0 0 0 3px var(--pri)}
.sl-sw input[type=color]{width:42px;height:34px;padding:0;border:1px solid var(--bd2);border-radius:8px;background:#fff;cursor:pointer}
.sl-pth,.sl-vthumb{width:48px;height:48px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;color:#cbd5e1;overflow:hidden;flex:none}
.sl-pth img,.sl-vthumb img{width:100%;height:100%;object-fit:cover}
.sl-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.sl-gt{display:block;padding:0;position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:14px}
.sl-gt img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.sl-gdrag{position:absolute;left:6px;top:6px;background:rgba(15,23,42,.65);color:#fff;border-radius:8px;padding:6px 8px}
.sl-kb{position:absolute;right:6px;top:6px;background:rgba(15,23,42,.65);color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}
.sl-gb{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;justify-content:center;padding:6px;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.sl-cs>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none}
.sl-cs>summary::-webkit-details-marker{display:none}
.sl-item{display:flex;gap:10px;padding:10px;border:1px solid var(--bd);border-radius:12px;align-items:flex-start}
.sl-ithumb,.sl-mini{width:64px;height:64px;border-radius:10px;background:#f1f5f9;display:grid;place-items:center;color:#cbd5e1;overflow:hidden;flex:none;object-fit:cover}
.sl-pf{display:flex;gap:16px;flex-wrap:wrap}.sl-pimg{flex:none}
.sl-imp{max-height:50vh;overflow-y:auto;display:grid;gap:8px}
.seg{display:inline-flex;border:1px solid var(--bd2);border-radius:10px;overflow:hidden}
.seg button{border:0;background:#fff;padding:8px 14px;cursor:pointer;font-weight:600;color:#334155}
.seg button.on{background:var(--pri);color:#fff}
.sl-qr{width:240px;max-width:100%;margin:12px auto;padding:12px;background:#fff;border:1px solid var(--bd);border-radius:16px}
.sl-url{word-break:break-all;font-size:13px}
.sl-savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 14px;background:var(--card,#fff);border:1px solid var(--bd,#e2e8f0);border-radius:12px;box-shadow:0 -4px 16px rgba(15,23,42,.08)}
.sx-empty{padding:16px;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:13px;text-align:center}
.sl-main .badge{margin-left:6px}.sl-main .txa{width:100%;margin-top:8px}
@media(max-width:640px){.sl-savebar{bottom:64px}}

/* ====================================================================
   ShopLink SKINS — seven completely different public designs
   (.sx.k-<skin>). Each has its own layout, type, icons, shapes & motion.
   ==================================================================== */
.sx-gl{display:inline-block;line-height:1;font-style:normal}
.sx{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans Bengali',sans-serif}

/* ---------- 2 · INDIAN — Bharat / Rangoli ---------- */
.sx.k-indian{background:#fff4de;font-family:'Hind Siliguri','Hind',system-ui,sans-serif;color:#4a1d0a;
  --tl:color-mix(in srgb,var(--t) 14%,#fff4de);--td:color-mix(in srgb,var(--t) 70%,#3b0d00);
  background-image:radial-gradient(circle at 50% 50%,rgba(232,89,12,.07) 0 2px,transparent 3px);background-size:22px 22px}
.k-indian h1,.k-indian h2,.k-indian h3,.k-indian h4{font-family:'Yatra One','Hind Siliguri',serif;font-weight:400;letter-spacing:.2px}
.k-indian .ind-toran{height:46px;position:relative;background:linear-gradient(90deg,#7c1d0a,#b3290e,#7c1d0a);border-bottom:4px solid #f2b705}
.k-indian .ind-toran:after{content:"";position:absolute;left:0;right:0;top:100%;height:30px;
  background:conic-gradient(from 150deg at 50% 0,var(--t) 0 60deg,transparent 60deg) 0 0/32px 30px repeat-x,
  radial-gradient(circle at 16px 0,#f2b705 0 6px,transparent 7px) 0 0/32px 30px repeat-x;filter:drop-shadow(0 3px 0 rgba(0,0,0,.08))}
.k-indian .ind-arch{margin:44px auto 0;width:min(88%,380px);height:250px;border-radius:190px 190px 0 0;border:6px double #f2b705;border-bottom:0;
  background:linear-gradient(160deg,var(--t),#7c1d0a) center/cover;position:relative;overflow:hidden;box-shadow:0 0 0 5px #7c1d0a,0 14px 24px rgba(124,29,10,.25)}
.k-indian .ind-sun{position:absolute;inset:auto 0 0 0;height:140px;background:repeating-conic-gradient(from 0deg at 50% 100%,rgba(255,255,255,.18) 0 6deg,transparent 6deg 14deg);animation:indspin 40s linear infinite;transform-origin:50% 100%}
@keyframes indspin{to{transform:rotate(360deg)}}
.k-indian .ind-head{margin:-34px 14px 0;background:#fffaf0;border:3px solid #7c1d0a;border-radius:6px 6px 26px 26px;padding:0 16px 18px;text-align:center;position:relative;outline:2px solid #f2b705;outline-offset:-9px;box-shadow:0 10px 0 -4px #f2b705}
.k-indian .sx-logo{width:88px;height:88px;border:4px solid #f2b705;background:#fffaf0;box-shadow:0 0 0 3px #7c1d0a;margin:-44px auto 6px;color:var(--t)}
.k-indian .ind-sw{font-family:'Yatra One',serif;color:#b3290e;font-size:15px;letter-spacing:1px;margin-top:6px}
.k-indian .ind-head h1{font-size:27px;color:#7c1d0a;line-height:1.25;margin-top:4px}
.k-indian .sx-tag{color:#8a4b1f;font-weight:500}
.k-indian .ind-orn{display:flex;align-items:center;gap:10px;margin:10px 18px}
.k-indian .ind-orn i{flex:1;height:2px;background:linear-gradient(90deg,transparent,#b3290e,transparent)}.k-indian .ind-orn b{color:#e8590c;font-size:20px;animation:indspin 14s linear infinite}
.k-indian .sx-open.y{background:#e3f4d4;color:#2d6a0f}.k-indian .sx-open.n{background:#fde0d6;color:#9c2a0d}
.k-indian .sx-acts{gap:9px}
.k-indian .sx-a{border-radius:4px 4px 18px 18px;background:#fff;color:#7c1d0a;border:2px solid #7c1d0a;box-shadow:3px 3px 0 #f2b705;font-weight:700}
.k-indian .sx-a i{color:var(--t)}.k-indian .sx-a.call{background:var(--t);color:#fff;border-color:#7c1d0a}.k-indian .sx-a.call i{color:#fff}
.k-indian .sx-a.wa{background:#2d6a0f;color:#fff;border-color:#1f4d08}.k-indian .sx-a.wa i{color:#fff}
.k-indian .sx-info{color:#5a2a10}.k-indian .sx-info i{color:var(--t)}
.k-indian .sx-nav{background:rgba(255,244,222,.95);border-bottom:2px solid #f2b705}
.k-indian .sx-nav a{border-radius:4px;background:#fffaf0;border:1.5px solid #b3290e;color:#7c1d0a;font-family:'Yatra One',serif;font-weight:400}
.k-indian .sx-sec{background:#fffaf0;border:2px solid #7c1d0a;border-radius:6px;position:relative;box-shadow:5px 5px 0 rgba(242,183,5,.7);padding:20px 16px 16px}
.k-indian .sx-sec:before{content:"";position:absolute;left:10px;right:10px;top:-9px;height:16px;background:radial-gradient(circle at 8px 0,var(--t) 0 7px,transparent 8px) 0 0/24px 16px repeat-x}
.k-indian .sx-sec>h2{justify-content:center;font-size:19px;color:#7c1d0a;margin-bottom:14px}
.k-indian .ind-ic{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--t);color:#fff;font-size:15px;box-shadow:0 0 0 3px #f2b705}
.k-indian .sx-sec>h2 em{font-style:normal}
.k-indian .sx-sec>h2:after{content:"";}
.k-indian .sx-pc{border:2px solid #7c1d0a;border-radius:70px 70px 8px 8px;background:#fff;overflow:hidden}
.k-indian .sx-pi{aspect-ratio:1/1;border-radius:0}.k-indian .sx-pb{text-align:center;align-items:center}
.k-indian .sx-pb h4{font-size:15px}.k-indian .sx-pr b{color:#b3290e;font-family:'Yatra One',serif;font-weight:400;font-size:18px}.k-indian .sx-off{color:#2d6a0f}
.k-indian .sx-badge{background:#b3290e;border-radius:3px}
.k-indian .sx-det{border:1.5px solid #7c1d0a;border-radius:4px;background:#fffaf0;color:#7c1d0a;font-family:inherit}
.k-indian .sx-buy{background:#2d6a0f;border-radius:4px 4px 14px 14px;border:2px solid #1f4d08;font-family:'Yatra One',serif;font-weight:400;letter-spacing:.3px}
.k-indian .sx-chips button{border-radius:4px;border:1.5px solid #b3290e;background:#fffaf0;color:#7c1d0a}.k-indian .sx-chips button.on{background:#b3290e;color:#fff}
.k-indian .sx-gal button,.k-indian .sx-vp,.k-indian .sx-yt,.k-indian .sx-cimg{border-radius:4px;border:2px solid #7c1d0a}
.k-indian .sx-hrs>div.now{background:#fde8b0}
.k-indian .sx-soc a{border-radius:4px;border:1.5px solid var(--c);background:#fff}
.k-indian .sx-rw{background:#fde8b0;border:2px dashed #b3290e;border-radius:6px;color:#5a2a10}
.k-indian .ind-rangoli{height:120px;margin:6px auto 0;width:120px;border-radius:50%;opacity:.9;
  background:repeating-conic-gradient(from 0deg,var(--t) 0 10deg,#f2b705 10deg 20deg,#7c1d0a 20deg 30deg,#fffaf0 30deg 40deg);
  -webkit-mask:radial-gradient(circle,transparent 0 14px,#000 15px 58px,transparent 59px);mask:radial-gradient(circle,transparent 0 14px,#000 15px 58px,transparent 59px);animation:indspin 60s linear infinite}
.k-indian .sx-foot{color:#8a4b1f}.k-indian .ind-sub{font-family:'Yatra One',serif;font-size:16px;color:#b3290e;font-weight:400}
.k-indian .sx-sx-search input,.k-indian .sx-search input{border:2px solid #7c1d0a;border-radius:4px;background:#fffaf0}

/* ---------- 3 · CARTOON — Toon Town ---------- */
.sx.k-cartoon{background:#ffe066;font-family:'Baloo Da 2','Hind Siliguri',system-ui,sans-serif;color:#111;overflow:hidden;
  --tl:color-mix(in srgb,var(--t) 22%,#fff);--td:#111;
  background-image:radial-gradient(#ffb703 22%,transparent 24%);background-size:26px 26px;background-position:0 0}
.k-cartoon h1,.k-cartoon h2,.k-cartoon h3,.k-cartoon h4{font-family:'Bangers','Baloo Da 2',cursive;font-weight:400;letter-spacing:1px}
.k-cartoon .ct-cloud{position:absolute;width:110px;height:38px;border-radius:40px;background:#fff;border:3px solid #111;top:16px;left:-10px;animation:ctfloat 9s ease-in-out infinite;z-index:0}
.k-cartoon .ct-cloud:before,.k-cartoon .ct-cloud:after{content:"";position:absolute;background:#fff;border:3px solid #111;border-bottom:0;border-radius:50% 50% 0 0}
.k-cartoon .ct-cloud:before{width:46px;height:30px;left:14px;top:-22px}.k-cartoon .ct-cloud:after{width:36px;height:24px;left:56px;top:-16px}
.k-cartoon .ct-cloud.b{left:auto;right:-14px;top:70px;transform:scale(.8);animation-delay:-4s}
@keyframes ctfloat{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}
.k-cartoon .ct-frame{margin:56px 16px 0;padding:8px;background:#fff;border:4px solid #111;border-radius:22px;box-shadow:6px 6px 0 #111;transform:rotate(-1.2deg);position:relative;z-index:1}
.k-cartoon .ct-cover{height:150px;border-radius:12px;background:linear-gradient(135deg,var(--t),#ffd166) center/cover;display:grid;place-items:center;font-size:64px;border:3px solid #111}
.k-cartoon .ct-hero{position:relative;z-index:2;display:flex;align-items:flex-end;gap:10px;margin:-34px 18px 0}
.k-cartoon .sx-logo{flex:none;width:86px;height:86px;border:4px solid #111;border-radius:50%;background:#fff;margin:0;box-shadow:4px 4px 0 #111;color:var(--t);animation:ctwob 3.2s ease-in-out infinite}
@keyframes ctwob{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg)}}
.k-cartoon .ct-bubble{position:relative;flex:1;min-width:0;background:#fff;border:4px solid #111;border-radius:22px;padding:8px 14px 10px;box-shadow:4px 4px 0 #111}
.k-cartoon .ct-bubble:before{content:"";position:absolute;left:-14px;bottom:18px;width:20px;height:20px;background:#fff;border-left:4px solid #111;border-bottom:4px solid #111;transform:rotate(45deg)}
.k-cartoon .ct-bubble h1{font-size:28px;line-height:1.05;color:var(--t);-webkit-text-stroke:1.2px #111;text-shadow:2px 2px 0 #111;word-break:break-word}
.k-cartoon .sx-tag{color:#111;font-weight:700;font-size:14px;margin-top:2px}
.k-cartoon .ct-pillrow{text-align:center;margin-top:12px;padding:0 14px}
.k-cartoon .sx-open{border:3px solid #111;background:#fff;color:#111;box-shadow:3px 3px 0 #111;margin:0;font-weight:800}.k-cartoon .sx-open.y{background:#7bed9f}.k-cartoon .sx-open.n{background:#ff8a8a}
.k-cartoon .sx-acts{margin:14px 16px 0;gap:10px}
.k-cartoon .sx-a{background:#fff;color:#111;border:3px solid #111;border-radius:18px;box-shadow:4px 4px 0 #111;font-family:'Bangers',cursive;font-weight:400;font-size:14px;letter-spacing:.8px;padding:10px 4px;transition:transform .12s}
.k-cartoon .sx-a .sx-gl{font-size:24px}.k-cartoon .sx-a:nth-child(1){background:#ff8fab}.k-cartoon .sx-a:nth-child(2){background:#7bed9f}.k-cartoon .sx-a:nth-child(3){background:#74c0fc}.k-cartoon .sx-a:nth-child(4){background:#ffd43b}.k-cartoon .sx-a:nth-child(5){background:#b197fc}
.k-cartoon .sx-a:hover{transform:translate(-2px,-2px) rotate(-2deg)}.k-cartoon .sx-a:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #111}
.k-cartoon .sx-info.ct-note{margin:16px;padding:12px 14px;background:#fff;border:3px dashed #111;border-radius:16px;color:#111;font-weight:600;transform:rotate(.8deg)}
.k-cartoon .sx-info .sx-gl{width:20px;text-align:center;margin-top:0}
.k-cartoon .sx-nav{background:transparent;backdrop-filter:none;position:relative}.k-cartoon .sx-nav a{background:#fff;border:3px solid #111;border-radius:14px;color:#111;font-family:'Bangers',cursive;font-weight:400;letter-spacing:.8px;box-shadow:3px 3px 0 #111;font-size:14px}
.k-cartoon .sx-body{gap:22px;padding-top:12px}
.k-cartoon .sx-sec{background:#fff;border:4px solid #111;border-radius:20px;box-shadow:6px 6px 0 #111;padding:26px 14px 16px;margin-top:6px}
.k-cartoon .sx-sec.l{transform:rotate(-.7deg)}.k-cartoon .sx-sec.r{transform:rotate(.7deg)}
.k-cartoon .sx-sec>h2{position:absolute;top:-22px;left:14px;margin:0;font-size:20px}
.k-cartoon .ct-rib{display:inline-flex;align-items:center;gap:8px;background:var(--t);color:#fff;border:3px solid #111;border-radius:12px;padding:3px 14px;box-shadow:3px 3px 0 #111;-webkit-text-stroke:.6px #111;text-shadow:1.5px 1.5px 0 #111}
.k-cartoon .sx-txt p{font-weight:600;color:#222}
.k-cartoon .sx-pg{gap:14px}
.k-cartoon .sx-pc{border:3px solid #111;border-radius:18px;box-shadow:4px 4px 0 #111;background:#fffbe6;transition:transform .15s}.k-cartoon .sx-pc:hover{transform:translateY(-3px) rotate(-1deg)}
.k-cartoon .sx-pi{border-bottom:3px solid #111;background:#ffe9a8}
.k-cartoon .sx-badge{background:#ff4d6d;border:2.5px solid #111;font-family:'Bangers',cursive;font-size:13px;letter-spacing:.6px;font-weight:400;transform:rotate(-8deg);border-radius:10px;padding:2px 8px}
.k-cartoon .sx-pb h4{font-size:17px;font-family:'Baloo Da 2',cursive;font-weight:800;letter-spacing:0}
.k-cartoon .sx-pr b{color:#111;font-family:'Bangers',cursive;font-weight:400;font-size:22px;letter-spacing:.8px}.k-cartoon .sx-off{color:#e03131;font-weight:800}
.k-cartoon .sx-det{border:3px solid #111;border-radius:12px;font-weight:800;background:#fff;color:#111}
.k-cartoon .sx-buy{background:#2f9e44;border:3px solid #111;border-radius:12px;box-shadow:3px 3px 0 #111;font-family:'Bangers',cursive;font-weight:400;font-size:17px;letter-spacing:1px}.k-cartoon .sx-buy:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #111}
.k-cartoon .sx-chips button{border:3px solid #111;border-radius:12px;background:#fff;color:#111;font-weight:800}.k-cartoon .sx-chips button.on{background:#ff8fab;color:#111}
.k-cartoon .sx-search input{border:3px solid #111;border-radius:14px}
.k-cartoon .sx-gal button,.k-cartoon .sx-vp,.k-cartoon .sx-yt,.k-cartoon .sx-cimg,.k-cartoon .sx-v video{border:3px solid #111;border-radius:14px}
.k-cartoon .sx-hrs>div.now{background:#ffe066;border:2.5px solid #111;border-radius:12px}
.k-cartoon .sx-soc a{border:3px solid #111;background:#fff;color:#111;border-radius:14px;box-shadow:3px 3px 0 #111}.k-cartoon .sx-soc a i{color:var(--c)}
.k-cartoon .sx-rw{background:#b197fc;border:3px solid #111;border-radius:16px;color:#111;font-weight:700}
.k-cartoon .sx-it{border:3px solid #111;border-radius:16px}
.k-cartoon .sx-foot{color:#111;font-weight:700}.k-cartoon .ct-end{font-family:'Bangers',cursive;font-size:22px;letter-spacing:1.5px;color:var(--t);-webkit-text-stroke:1px #111}

/* ---------- 4 · LUXURY — Royal Noir ---------- */
.sx.k-luxury{background:#0b0b0c;color:#e9e4d6;font-family:'Jost','Hind Siliguri',system-ui,sans-serif;font-weight:300;
  --tl:color-mix(in srgb,var(--t) 14%,#0b0b0c);--td:color-mix(in srgb,var(--t) 78%,#fff);max-width:720px}
.k-luxury h1,.k-luxury h2,.k-luxury h3,.k-luxury h4{font-family:'Playfair Display','Hind Siliguri',serif;font-weight:500}
.k-luxury .lx-hero{min-height:min(88dvh,640px);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:18px 20px 34px;background:radial-gradient(circle at 70% 20%,#2a2312,#0b0b0c 70%) center/cover}
.k-luxury .lx-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.55),rgba(11,11,12,.15) 35%,rgba(11,11,12,.92))}
.k-luxury .lx-top,.k-luxury .lx-title{position:relative;z-index:1}
.k-luxury .lx-top{display:flex;justify-content:space-between;align-items:center}
.k-luxury .sx-logo{width:62px;height:62px;border-radius:0;border:1px solid var(--t);background:rgba(0,0,0,.4);margin:0;color:var(--t);box-shadow:none;font-size:24px}
.k-luxury .sx-open{background:transparent;border:1px solid rgba(201,162,75,.5);color:var(--t);border-radius:0;margin:0;text-transform:uppercase;letter-spacing:1.5px;font-size:10.5px;font-weight:500}.k-luxury .sx-open.n{color:#c98b8b;border-color:#c98b8b66}
.k-luxury .lx-title{text-align:center}.k-luxury .lx-title small{display:block;letter-spacing:6px;text-transform:uppercase;font-size:11px;color:var(--t);margin-bottom:12px}
.k-luxury .lx-title h1{font-size:clamp(34px,10vw,58px);line-height:1.05;color:#fff;font-weight:700}
.k-luxury .sx-tag{color:#bdb59f;font-style:italic;font-family:'Playfair Display',serif;margin-top:12px;font-size:16px}
.k-luxury .lx-rule{display:flex;align-items:center;gap:12px;margin:22px 40px 8px;color:var(--t)}.k-luxury .lx-rule i{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--t))}.k-luxury .lx-rule i:last-child{background:linear-gradient(90deg,var(--t),transparent)}
.k-luxury .sx-acts{margin:14px 20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:0;border:1px solid rgba(201,162,75,.45)}
.k-luxury .sx-a{flex-direction:row;justify-content:center;gap:9px;padding:14px 6px;background:transparent;color:#e9e4d6;border-radius:0;border-right:1px solid rgba(201,162,75,.3);text-transform:uppercase;letter-spacing:1.6px;font-size:10.5px;font-weight:500;transition:background .25s,color .25s}
.k-luxury .sx-a:last-child{border-right:0}.k-luxury .sx-a i{font-size:13px;color:var(--t)}
.k-luxury .sx-a:hover,.k-luxury .sx-a.call{background:var(--t);color:#0b0b0c}.k-luxury .sx-a:hover i,.k-luxury .sx-a.call i{color:#0b0b0c}
.k-luxury .sx-a.wa{background:transparent;color:#e9e4d6}
.k-luxury .sx-info{margin:18px 24px 0;color:#bdb59f;font-weight:300}.k-luxury .sx-info i{color:var(--t)}
.k-luxury .sx-nav{background:rgba(11,11,12,.92);border-bottom:1px solid rgba(201,162,75,.25);justify-content:flex-start;margin-top:14px;gap:22px}
.k-luxury .sx-nav a{background:transparent;border:0;border-radius:0;color:#bdb59f;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:500;padding:6px 0;border-bottom:1px solid transparent}.k-luxury .sx-nav a:hover{color:var(--t);border-color:var(--t)}
.k-luxury .sx-body{gap:0;padding:6px 22px 30px}
.k-luxury .sx-sec{background:transparent;box-shadow:none;border-radius:0;padding:34px 0;border-bottom:1px solid rgba(201,162,75,.2)}
.k-luxury .sx-sec>h2{display:block;text-align:center;font-size:25px;color:#fff;margin-bottom:22px;position:relative}
.k-luxury .sx-sec>h2 small{display:block;font-family:'Jost',sans-serif;color:var(--t);font-size:11px;letter-spacing:5px;margin-bottom:6px}
.k-luxury .lx-ic{display:block;color:var(--t);font-size:13px;margin-top:8px}.k-luxury .lx-ic i{font-size:13px}
.k-luxury .sx-txt p{color:#cfc8b6;line-height:1.85;text-align:center;font-size:15.5px}
.k-luxury .sx-pg{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}
.k-luxury .sx-pc{background:transparent;border:0;border-radius:0;box-shadow:none}
.k-luxury .sx-pi{background:#16130c;border:1px solid rgba(201,162,75,.3);aspect-ratio:3/4;color:#5a4f2d}
.k-luxury .sx-pb{padding:12px 2px;text-align:center;align-items:center}.k-luxury .sx-pb h4{font-size:16px;color:#fff;font-weight:500}.k-luxury .sx-pb p{color:#9a937f}
.k-luxury .sx-pr b{color:var(--t);font-family:'Playfair Display',serif;font-size:18px;font-weight:500}.k-luxury .sx-pr s{color:#6f6955}.k-luxury .sx-off{color:var(--t)}
.k-luxury .sx-badge{background:var(--t);color:#0b0b0c;border-radius:0;font-weight:600;letter-spacing:1px;font-size:10px;left:0;top:10px}
.k-luxury .sx-det{background:transparent;border:0;border-bottom:1px solid #5a4f2d;border-radius:0;color:#bdb59f;text-transform:uppercase;letter-spacing:2px;font-size:10.5px}
.k-luxury .sx-buy{background:transparent;color:var(--t);border:1px solid var(--t);border-radius:0;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:500}.k-luxury .sx-buy:hover{background:var(--t);color:#0b0b0c}
.k-luxury .sx-chips{justify-content:center}.k-luxury .sx-chips button{background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;color:#9a937f;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:500}.k-luxury .sx-chips button.on{background:transparent;color:var(--t);border-color:var(--t)}
.k-luxury .sx-search input{background:transparent;border:0;border-bottom:1px solid #5a4f2d;border-radius:0;color:#e9e4d6}
.k-luxury .sx-gal{gap:4px}.k-luxury .sx-gal button,.k-luxury .sx-vp,.k-luxury .sx-yt,.k-luxury .sx-cimg,.k-luxury .sx-v video{border-radius:0}.k-luxury .sx-gal button{background:#16130c}
.k-luxury .sx-hrs>div{border-bottom:1px solid rgba(201,162,75,.15);border-radius:0;color:#bdb59f}.k-luxury .sx-hrs>div.now{background:transparent;color:var(--t);font-weight:500}
.k-luxury .sx-soc{justify-content:center}.k-luxury .sx-soc a{background:transparent;border:1px solid rgba(201,162,75,.4);border-radius:0;color:var(--t);text-transform:uppercase;letter-spacing:1.5px;font-size:11px}
.k-luxury .sx-rw{background:transparent;border:1px solid var(--t);border-radius:0;color:#e9e4d6}.k-luxury .sx-it{border:1px solid rgba(201,162,75,.3);border-radius:0}.k-luxury .sx-it p{color:#9a937f}.k-luxury .sx-ip{color:var(--t)}
.k-luxury .sx-empty{color:#6f6955}.k-luxury .sx-foot{color:#6f6955;letter-spacing:2px;text-transform:uppercase;font-size:10.5px}
.sx-sheet-in.k-luxury{background:#0b0b0c;color:#e9e4d6;font-family:'Jost',sans-serif;border:1px solid rgba(201,162,75,.4);--tl:color-mix(in srgb,var(--t) 14%,#0b0b0c);--td:var(--t)}.sx-sheet-in.k-luxury h3{font-family:'Playfair Display',serif;color:#fff}.sx-sheet-in.k-luxury .sx-buy{background:var(--t);color:#0b0b0c}.sx-sheet-in.k-luxury .sx-sd,.sx-sheet-in.k-luxury .sx-txt p{color:#bdb59f}.sx-sheet-in.k-luxury .sx-pr b{color:var(--t)}

/* ---------- 5 · EDITORIAL — Paper & Ink ---------- */
.sx.k-editorial{background:#fbfaf7;color:#111;font-family:'Space Grotesk','Hind Siliguri',system-ui,sans-serif;--tl:color-mix(in srgb,var(--t) 10%,#fbfaf7);--td:var(--t);max-width:700px}
.k-editorial h1,.k-editorial h2,.k-editorial h3,.k-editorial h4{font-family:'DM Serif Display','Hind Siliguri',serif;font-weight:400}
.k-editorial .ed-mast{display:flex;justify-content:space-between;padding:10px 18px;border-bottom:3px double #111;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.k-editorial .ed-head{padding:22px 18px 10px;position:relative}
.k-editorial .ed-hl{position:absolute;right:18px;top:20px}
.k-editorial .sx-logo{width:58px;height:58px;border-radius:0;border:1.5px solid #111;margin:0;background:#fff;box-shadow:4px 4px 0 var(--t);color:#111;font-size:22px}
.k-editorial .ed-head h1{font-size:clamp(40px,12.5vw,70px);line-height:.95;letter-spacing:-1.5px;padding-right:70px;word-break:break-word}
.k-editorial .sx-tag{font-family:'Space Mono',monospace;font-size:12.5px;color:#555;margin-top:12px;max-width:42ch}
.k-editorial .sx-open{border-radius:0;background:transparent;border:1.5px solid #111;color:#111;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-top:14px}.k-editorial .sx-open.y{background:var(--t);color:#fff;border-color:var(--t)}.k-editorial .sx-open.n{color:var(--t);border-color:var(--t)}
.k-editorial .ed-cover{height:230px;margin:10px 18px 0;background:repeating-linear-gradient(45deg,#111 0 2px,#fbfaf7 2px 9px) center/cover;border:1.5px solid #111;filter:grayscale(1) contrast(1.1);transition:filter .4s}.k-editorial .ed-cover:hover{filter:none}
.k-editorial .sx-acts{display:block;margin:16px 18px 0;border-top:1.5px solid #111}
.k-editorial .sx-a{flex-direction:row;justify-content:flex-start;width:100%;gap:14px;padding:12px 2px;border-radius:0;background:transparent;color:#111;border-bottom:1px solid #111;font-size:17px;font-family:'DM Serif Display',serif;font-weight:400;position:relative;text-align:left}
.k-editorial .sx-a .sx-gl{width:24px;font-family:'Space Mono',monospace;font-size:17px;color:var(--t)}.k-editorial .sx-a:after{content:"→";margin-left:auto;font-family:'Space Mono',monospace;transition:transform .2s}.k-editorial .sx-a:hover{background:#111;color:#fbfaf7;padding-left:10px}.k-editorial .sx-a:hover:after{transform:translateX(-6px)}
.k-editorial .sx-a.call,.k-editorial .sx-a.wa{background:transparent;color:#111}.k-editorial .sx-a.call:hover,.k-editorial .sx-a.wa:hover{background:#111;color:#fbfaf7}
.k-editorial .sx-info{margin:16px 18px 0;font-family:'Space Mono',monospace;font-size:12px;color:#444}.k-editorial .sx-info .sx-gl{color:var(--t);width:16px;margin-top:0}
.k-editorial .sx-nav{background:rgba(251,250,247,.95);border-top:1.5px solid #111;border-bottom:1.5px solid #111;margin-top:22px;gap:0;padding:0 18px}
.k-editorial .sx-nav a{background:transparent;border:0;border-radius:0;font-family:'Space Mono',monospace;text-transform:uppercase;font-size:11px;letter-spacing:1.2px;padding:12px 14px 12px 0;color:#111;font-weight:400}.k-editorial .sx-nav a:hover{color:var(--t)}
.k-editorial .sx-body{padding:0 18px 24px;gap:0}
.k-editorial .sx-sec{background:transparent;box-shadow:none;border-radius:0;border-bottom:1.5px solid #111;padding:26px 0}
.k-editorial .sx-sec>h2{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;font-size:30px;line-height:1}
.k-editorial .ed-n{font-family:'Space Mono',monospace;font-size:12px;color:var(--t);border:1px solid var(--t);padding:2px 6px}.k-editorial .sx-sec>h2 em{font-style:normal;flex:1}.k-editorial .ed-ic{font-family:'Space Mono',monospace;font-size:16px;color:#999}
.k-editorial .sx-txt p{font-size:16.5px;line-height:1.7;color:#222}.k-editorial .sx-txt p:first-child:first-letter{font-family:'DM Serif Display',serif;float:left;font-size:58px;line-height:.82;padding:6px 8px 0 0;color:var(--t)}
.k-editorial .sx-pg{grid-template-columns:1fr;gap:0}
.k-editorial .sx-pc{flex-direction:row;border:0;border-top:1px solid #111;border-radius:0;box-shadow:none;background:transparent;padding:14px 0;gap:14px}
.k-editorial .sx-pi{width:112px;flex:none;aspect-ratio:1/1;background:#eee;border:1.5px solid #111;filter:grayscale(.6);transition:filter .3s}.k-editorial .sx-pc:hover .sx-pi{filter:none}
.k-editorial .sx-pb{padding:0}.k-editorial .sx-pb h4{font-size:22px;line-height:1.1;-webkit-line-clamp:2}.k-editorial .sx-pb p{font-size:13.5px}
.k-editorial .sx-pr b{font-family:'Space Mono',monospace;font-size:15px;color:#111}.k-editorial .sx-pr s{font-family:'Space Mono',monospace}.k-editorial .sx-off{font-family:'Space Mono',monospace;color:var(--t)}
.k-editorial .sx-badge{left:0;top:0;border-radius:0;background:var(--t);font-family:'Space Mono',monospace;font-size:10px}
.k-editorial .sx-pa{grid-template-columns:auto auto;justify-content:start;gap:14px;align-items:center}
.k-editorial .sx-det{background:transparent;border:0;border-bottom:1.5px solid #111;border-radius:0;padding:2px 0;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.k-editorial .sx-buy{background:#111;color:#fff;border-radius:0;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:8px 14px}.k-editorial .sx-buy:hover{background:var(--t)}
.k-editorial .sx-chips button{border:1.5px solid #111;border-radius:0;background:transparent;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;color:#111}.k-editorial .sx-chips button.on{background:#111;color:#fff}
.k-editorial .sx-search input{border:0;border-bottom:1.5px solid #111;border-radius:0;background:transparent;font-family:'Space Mono',monospace}
.k-editorial .sx-gal{gap:0;grid-template-columns:repeat(2,1fr)}.k-editorial .sx-gal button,.k-editorial .sx-vp,.k-editorial .sx-yt,.k-editorial .sx-cimg,.k-editorial .sx-v video{border-radius:0;border:1.5px solid #111}.k-editorial .sx-gal img{filter:grayscale(1);transition:filter .3s}.k-editorial .sx-gal button:hover img{filter:none;transform:none}
.k-editorial .sx-hrs>div{border-bottom:1px dotted #999;border-radius:0;font-family:'Space Mono',monospace;font-size:12.5px}.k-editorial .sx-hrs>div.now{background:transparent;color:var(--t);font-weight:700}
.k-editorial .sx-soc a{border:1.5px solid #111;border-radius:0;background:transparent;color:#111;font-family:'Space Mono',monospace;font-size:12px}.k-editorial .sx-soc a i{color:var(--c)}
.k-editorial .sx-rw{background:transparent;border:1.5px solid #111;border-radius:0;color:#111}.k-editorial .sx-it{border:1.5px solid #111;border-radius:0}.k-editorial .sx-it img{border-radius:0}
.k-editorial .sx-foot{font-family:'Space Mono',monospace;color:#777;text-transform:uppercase;letter-spacing:1px;font-size:10.5px}
.sx-sheet-in.k-editorial{background:#fbfaf7;border-radius:0;font-family:'Space Grotesk',sans-serif;border:1.5px solid #111}.sx-sheet-in.k-editorial h3{font-family:'DM Serif Display',serif;font-weight:400;font-size:28px}.sx-sheet-in.k-editorial .sx-buy{background:#111;color:#fff;border-radius:0}

/* ---------- 6 · NEON — Cyber app ---------- */
.sx.k-neon{background:#070b1a;color:#d6e4ff;font-family:'Rajdhani','Hind Siliguri',system-ui,sans-serif;font-size:16px;font-weight:500;--tl:color-mix(in srgb,var(--t) 14%,#070b1a);--td:var(--t);padding-bottom:6px}
.k-neon h1,.k-neon h2,.k-neon h3,.k-neon h4{font-family:'Orbitron','Rajdhani','Hind Siliguri',sans-serif;font-weight:700;letter-spacing:.8px}
.k-neon .nn-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(0,229,255,.06) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,rgba(0,229,255,.06) 1px,transparent 1px) 0 0/34px 34px;-webkit-mask:linear-gradient(#000,transparent 70%);mask:linear-gradient(#000,transparent 70%)}
.k-neon>*{position:relative}.k-neon>.nn-grid{position:absolute}
.k-neon .nn-top{display:flex;align-items:center;gap:12px;padding:16px 16px 10px;flex-wrap:wrap}
.k-neon .sx-logo{width:58px;height:58px;border-radius:14px;margin:0;background:#0d1530;border:1px solid var(--t);color:var(--t);box-shadow:0 0 14px color-mix(in srgb,var(--t) 60%,transparent),inset 0 0 12px color-mix(in srgb,var(--t) 25%,transparent);font-size:22px}
.k-neon .nn-id{flex:1;min-width:0}.k-neon .nn-id h1{font-size:19px;color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--t) 70%,transparent);line-height:1.15;word-break:break-word}
.k-neon .sx-tag{color:#7f93c0;font-size:14px;margin-top:2px}
.k-neon .sx-open{margin:0;background:transparent;border:1px solid currentColor;border-radius:6px;font-size:11.5px;letter-spacing:.6px;text-transform:uppercase}.k-neon .sx-open.y{color:#39ff88;box-shadow:0 0 10px rgba(57,255,136,.35)}.k-neon .sx-open.n{color:#ff4d6d;box-shadow:0 0 10px rgba(255,77,109,.3)}
.k-neon .nn-cover{height:150px;margin:6px 16px 0;border-radius:16px;border:1px solid color-mix(in srgb,var(--t) 55%,transparent);background:linear-gradient(135deg,#0d1b4a,color-mix(in srgb,var(--t) 45%,#070b1a)) center/cover;box-shadow:0 0 24px color-mix(in srgb,var(--t) 25%,transparent);position:relative;overflow:hidden}
.k-neon .nn-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px);animation:nnscan 6s linear infinite}
@keyframes nnscan{to{background-position:0 60px}}
.k-neon .sx-acts{margin:14px 16px 0;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}
.k-neon .sx-a{background:#0d1530;color:#bcd1ff;border:1px solid #1c2c5e;border-radius:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:10.5px;transition:all .2s}
.k-neon .sx-a i{color:var(--t);filter:drop-shadow(0 0 5px var(--t))}.k-neon .sx-a:hover,.k-neon .sx-a.call{border-color:var(--t);color:#fff;box-shadow:0 0 14px color-mix(in srgb,var(--t) 50%,transparent)}
.k-neon .sx-a.wa{background:#0d1530;color:#bcd1ff}.k-neon .sx-a.wa i{color:#39ff88;filter:drop-shadow(0 0 5px #39ff88)}
.k-neon .sx-info{margin:14px 16px 0;padding:12px 14px;background:#0a1124;border:1px solid #1c2c5e;border-radius:12px;color:#9db3e6}.k-neon .sx-info i{color:var(--t)}
.k-neon .sx-body{padding:14px 16px 90px}
.k-neon .sx-sec{background:linear-gradient(160deg,rgba(18,30,70,.75),rgba(9,15,36,.85));border:1px solid color-mix(in srgb,var(--t) 40%,#1c2c5e);border-radius:16px;box-shadow:0 0 22px color-mix(in srgb,var(--t) 12%,transparent);animation:nnin .35s ease-out}
@keyframes nnin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.k-neon .sx-sec>h2{font-size:15px;text-transform:uppercase;color:#fff;margin-bottom:14px;letter-spacing:2px}.k-neon .sx-sec>h2 i,.k-neon .sx-sec>h2 .sx-gl{color:var(--t);filter:drop-shadow(0 0 6px var(--t))}
.k-neon .sx-txt p{color:#b6c8f0}
.k-neon .nn-tabs{position:sticky;bottom:10px;z-index:30;margin:0 12px;display:flex;gap:2px;padding:6px;background:rgba(10,17,36,.92);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--t) 50%,#1c2c5e);border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.6),0 0 18px color-mix(in srgb,var(--t) 25%,transparent);overflow-x:auto;scrollbar-width:none}
.k-neon .nn-tabs::-webkit-scrollbar{display:none}
.k-neon .nn-tabs button{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;padding:8px 6px;background:transparent;border:0;border-radius:12px;color:#7f93c0;font:600 10px 'Rajdhani',sans-serif;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;max-width:96px}
.k-neon .nn-tabs button i,.k-neon .nn-tabs button .sx-gl{font-size:17px}.k-neon .nn-tabs button span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}
.k-neon .nn-tabs button.on{background:color-mix(in srgb,var(--t) 16%,transparent);color:var(--t);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 55%,transparent),0 0 12px color-mix(in srgb,var(--t) 30%,transparent)}
.k-neon .sx-pg{gap:12px}.k-neon .sx-pc{background:#0b1430;border:1px solid #1c2c5e;border-radius:14px;box-shadow:none;transition:all .2s}.k-neon .sx-pc:hover{border-color:var(--t);box-shadow:0 0 16px color-mix(in srgb,var(--t) 35%,transparent)}
.k-neon .sx-pi{background:#0d1938;color:#2a3d7a}.k-neon .sx-pb h4{color:#fff;font-size:15px;font-family:'Rajdhani',sans-serif;font-weight:700}.k-neon .sx-pb p{color:#7f93c0}
.k-neon .sx-pr b{color:var(--t);font-family:'Orbitron',sans-serif;font-size:14px;text-shadow:0 0 8px color-mix(in srgb,var(--t) 60%,transparent)}.k-neon .sx-pr s{color:#4f6194}.k-neon .sx-off{color:#39ff88}
.k-neon .sx-badge{background:#ff2e63;border-radius:6px;box-shadow:0 0 10px #ff2e63}
.k-neon .sx-det{background:transparent;border:1px solid #1c2c5e;color:#9db3e6;border-radius:8px;text-transform:uppercase;font-size:11px;letter-spacing:.6px}
.k-neon .sx-buy{background:transparent;border:1px solid #39ff88;color:#39ff88;border-radius:8px;text-transform:uppercase;font-size:12px;letter-spacing:.8px;box-shadow:0 0 12px rgba(57,255,136,.3),inset 0 0 8px rgba(57,255,136,.15);font-weight:700}.k-neon .sx-buy:hover{background:#39ff88;color:#04210f}
.k-neon .sx-chips button{background:#0b1430;border:1px solid #1c2c5e;color:#9db3e6;border-radius:8px}.k-neon .sx-chips button.on{background:color-mix(in srgb,var(--t) 18%,transparent);border-color:var(--t);color:var(--t)}
.k-neon .sx-search input{background:#0b1430;border:1px solid #1c2c5e;color:#fff;border-radius:10px}
.k-neon .sx-gal button,.k-neon .sx-vp,.k-neon .sx-yt,.k-neon .sx-cimg,.k-neon .sx-v video{border:1px solid #1c2c5e;border-radius:12px}
.k-neon .sx-hrs>div{color:#9db3e6}.k-neon .sx-hrs>div.now{background:color-mix(in srgb,var(--t) 14%,transparent);color:var(--t);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t) 40%,transparent)}
.k-neon .sx-soc a{background:#0b1430;border:1px solid #1c2c5e;color:#d6e4ff;border-radius:8px}.k-neon .sx-soc a i{color:var(--c);filter:drop-shadow(0 0 4px var(--c))}
.k-neon .sx-rw{background:#0b1430;border:1px solid #ffd60a;color:#ffe680;border-radius:12px;box-shadow:0 0 14px rgba(255,214,10,.2)}.k-neon .sx-it{background:#0b1430;border:1px solid #1c2c5e;border-radius:12px}.k-neon .sx-it p{color:#7f93c0}.k-neon .sx-ip{color:var(--t)}
.k-neon .sx-empty{color:#4f6194}.k-neon .sx-foot{color:#4f6194;font-family:'Orbitron',sans-serif;font-size:10px;letter-spacing:1.5px}
.sx-sheet-in.k-neon{background:#0a1124;color:#d6e4ff;border:1px solid var(--t);box-shadow:0 0 30px color-mix(in srgb,var(--t) 40%,transparent);font-family:'Rajdhani',sans-serif;--tl:#0d1938;--td:var(--t)}.sx-sheet-in.k-neon h3{font-family:'Orbitron',sans-serif;color:#fff}.sx-sheet-in.k-neon .sx-buy{background:transparent;border:1px solid #39ff88;color:#39ff88}.sx-sheet-in.k-neon .sx-sd,.sx-sheet-in.k-neon .sx-txt p{color:#9db3e6}.sx-sheet-in.k-neon .sx-pr b{color:var(--t)}.sx-sheet-in.k-neon .sx-x{background:#0d1938;color:#fff}

/* ---------- 7 · FRESH — Bento ---------- */
.sx.k-fresh{background:#eefaf0;color:#17341f;font-family:'Nunito','Hind Siliguri',system-ui,sans-serif;--tl:color-mix(in srgb,var(--t) 13%,#fff);--td:color-mix(in srgb,var(--t) 72%,#000)}
.k-fresh h1,.k-fresh h2,.k-fresh h3,.k-fresh h4{font-family:'Quicksand','Hind Siliguri',sans-serif;font-weight:700}
.k-fresh .fr-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px}
.k-fresh .fr-t{border-radius:26px;background:#fff;border:0;padding:12px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#17341f;text-decoration:none;font-weight:800;font-size:11.5px;font-family:inherit;cursor:pointer;box-shadow:0 4px 0 rgba(23,52,31,.07);transition:transform .15s}
.k-fresh .fr-t:hover{transform:translateY(-3px) scale(1.02)}.k-fresh .fr-t:active{transform:scale(.96)}
.k-fresh .fr-t i,.k-fresh .fr-t .sx-gl{font-size:22px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center}
.k-fresh .fr-t.call{background:#ffe8d6}.k-fresh .fr-t.call i{background:#ff9f68;color:#fff}.k-fresh .fr-t.wa{background:#d3f9d8}.k-fresh .fr-t.wa i{background:#40c057;color:#fff}.k-fresh .fr-t.map{background:#d0ebff}.k-fresh .fr-t.map i{background:#4dabf7;color:#fff}.k-fresh .fr-t.save{background:#fff3bf}.k-fresh .fr-t.save i{background:#fcc419;color:#fff}.k-fresh .fr-t.share{background:#e5dbff;flex-direction:row;gap:10px;font-size:13px}.k-fresh .fr-t.share i{width:36px;height:36px;font-size:16px;background:#845ef7;color:#fff}
.k-fresh .fr-hero{grid-column:1/-1;min-height:230px;align-items:flex-start;justify-content:flex-end;padding:18px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--t),var(--td)) center/cover;cursor:default;text-align:left;box-shadow:0 6px 0 rgba(23,52,31,.1)}
.k-fresh .fr-hero:hover{transform:none}
.k-fresh .fr-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55))}.k-fresh .fr-hero>*{position:relative}
.k-fresh .fr-hero:before{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.14)}.k-fresh .fr-hero:after{content:"";position:absolute;right:50px;top:60px;width:70px;height:70px;border-radius:50% 0 50% 50%;background:rgba(255,255,255,.12);transform:rotate(20deg)}
.k-fresh .fr-hero .sx-logo{width:66px;height:66px;margin:0 0 10px;border:3px solid #fff;color:var(--t);background:#fff;border-radius:22px}
.k-fresh .fr-hero h1{font-size:26px;line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.25)}.k-fresh .fr-hero .sx-tag{color:rgba(255,255,255,.92);font-weight:600;margin-top:4px}
.k-fresh .fr-t.sq{aspect-ratio:1/1;padding:8px 2px}
.k-fresh .fr-t.wide{grid-column:span 2;flex-direction:row;gap:10px;justify-content:flex-start;padding:12px 16px;text-align:left}
.k-fresh .fr-open{font-size:12.5px}.k-fresh .fr-open.y{background:#d3f9d8;color:#1b6a2d}.k-fresh .fr-open.n{background:#ffe3e3;color:#a61e1e}.k-fresh .fr-open i{font-size:18px;width:auto;height:auto;background:transparent!important}
.k-fresh .fr-info{grid-column:1/-1;align-items:flex-start;justify-content:flex-start;background:#fff;font-weight:600;font-size:13.5px;cursor:default;margin-top:0}.k-fresh .fr-info:hover{transform:none}.k-fresh .fr-info.wide{flex-direction:column;align-items:stretch;gap:6px}
.k-fresh .fr-info>div{display:flex;gap:10px;align-items:flex-start}.k-fresh .fr-info i{width:auto;height:auto;font-size:14px;color:var(--t);background:transparent;margin-top:3px}
.k-fresh .sx-nav{background:rgba(238,250,240,.92);padding:6px 12px}.k-fresh .sx-nav a{border:0;background:#fff;border-radius:18px;box-shadow:0 3px 0 rgba(23,52,31,.07);font-weight:800;color:#17341f}
.k-fresh .sx-body{padding:6px 12px 20px;gap:12px}
.k-fresh .sx-sec{border-radius:30px;padding:18px;box-shadow:0 5px 0 rgba(23,52,31,.07);background:#fff}
.k-fresh .sx-sec:nth-child(4n+1){background:#fff}.k-fresh .sx-sec:nth-child(4n+2){background:#fff8e6}.k-fresh .sx-sec:nth-child(4n+3){background:#f1f0ff}.k-fresh .sx-sec:nth-child(4n){background:#e9f7ff}
.k-fresh .sx-sec>h2{font-size:18px;margin-bottom:14px;gap:10px}
.k-fresh .fr-ic{width:38px;height:38px;border-radius:14px;background:var(--t);color:#fff;display:grid;place-items:center;font-size:16px;transform:rotate(-6deg)}.k-fresh .fr-ic i{color:#fff}
.k-fresh .sx-pg{grid-template-columns:repeat(2,1fr);gap:10px}
.k-fresh .sx-pc{border:0;border-radius:24px;background:#fff;box-shadow:0 4px 0 rgba(23,52,31,.08);transition:transform .15s}.k-fresh .sx-pc:hover{transform:translateY(-3px)}
.k-fresh .sx-pi{margin:8px 8px 0;border-radius:18px;aspect-ratio:1/1;background:var(--tl)}
.k-fresh .sx-pb h4{font-size:15px}.k-fresh .sx-pr b{font-family:'Quicksand',sans-serif;font-size:17px;color:var(--td)}
.k-fresh .sx-badge{border-radius:12px;background:#ff6b6b;left:14px;top:14px}
.k-fresh .sx-det{border:0;background:var(--tl);color:var(--td);border-radius:14px;font-weight:800}
.k-fresh .sx-buy{border-radius:14px;background:var(--t);font-weight:800;box-shadow:0 3px 0 color-mix(in srgb,var(--t) 60%,#000)}.k-fresh .sx-buy:active{transform:translateY(2px);box-shadow:none}
.k-fresh .sx-chips button{border:0;background:var(--tl);color:var(--td);border-radius:16px;font-weight:800}.k-fresh .sx-chips button.on{background:var(--t);color:#fff}
.k-fresh .sx-search input{border:0;background:#fff;border-radius:18px;box-shadow:0 3px 0 rgba(23,52,31,.07)}
.k-fresh .sx-gal button,.k-fresh .sx-vp,.k-fresh .sx-yt,.k-fresh .sx-cimg,.k-fresh .sx-v video{border-radius:20px}.k-fresh .sx-gal{gap:8px}.k-fresh .sx-gal button:nth-child(5n+1){grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.k-fresh .sx-hrs>div{border-radius:14px}.k-fresh .sx-soc a{border-radius:18px;border:0}.k-fresh .sx-rw{border-radius:22px}.k-fresh .sx-it{border:0;border-radius:20px;background:#fff}
.k-fresh .sx-foot{color:#6b8a73}
.sx-sheet-in.k-fresh{background:#eefaf0;border-radius:30px 30px 0 0;font-family:'Nunito',sans-serif}.sx-sheet-in.k-fresh h3{font-family:'Quicksand',sans-serif}.sx-sheet-in.k-fresh .sx-buy{background:var(--t);border-radius:16px}
.sx-sheet-in.k-cartoon{background:#fffbe6;border:4px solid #111;border-radius:22px;font-family:'Baloo Da 2',sans-serif}.sx-sheet-in.k-cartoon h3{font-family:'Bangers',cursive;font-weight:400;font-size:28px;letter-spacing:1px}.sx-sheet-in.k-cartoon .sx-buy{background:#2f9e44;border:3px solid #111;border-radius:12px;box-shadow:3px 3px 0 #111;font-family:'Bangers',cursive;font-weight:400;font-size:19px}
.sx-sheet-in.k-indian{background:#fffaf0;border:3px solid #7c1d0a;font-family:'Hind Siliguri',sans-serif;color:#4a1d0a}.sx-sheet-in.k-indian h3{font-family:'Yatra One',serif;font-weight:400;color:#7c1d0a}.sx-sheet-in.k-indian .sx-buy{background:#2d6a0f;border-radius:4px 4px 14px 14px}

@media(min-width:700px){
  .sx.k-luxury .sx-pg,.sx.k-neon .sx-pg,.sx.k-fresh .sx-pg{grid-template-columns:repeat(3,1fr)}
  .sx.k-editorial .sx-pg{grid-template-columns:1fr 1fr;column-gap:24px}
}
@media(prefers-reduced-motion:reduce){.sx *{animation:none!important;transition:none!important}}

/* ShopLink theme picker */
.sl-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px}
.sl-th{display:flex;flex-direction:column;gap:8px;text-align:left;padding:8px;border:2px solid var(--bd2,#e2e8f0);border-radius:16px;background:#fff;cursor:pointer;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.sl-th:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.14)}
.sl-th.on{border-color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 22%,transparent)}
.sl-th-v{display:block;position:relative;height:290px;overflow:hidden;border-radius:10px;background:#eee;pointer-events:none}
.sl-th-pv{display:block;position:absolute;left:0;top:0;transform-origin:0 0;height:760px;overflow:hidden}
.sl-th-t{display:grid;gap:1px;padding:0 4px}.sl-th-t b{font-size:14px}.sl-th-t small{color:var(--mut);font-size:12px;line-height:1.3}
.sl-th-on,.sl-th-use{margin:0 4px 4px;font-size:12.5px;font-weight:700;padding:6px 10px;border-radius:999px;text-align:center}
.sl-th-on{background:var(--pri);color:#fff}.sl-th-use{background:var(--pri-l);color:var(--pri)}
/* skin polish */
.k-indian .sx-badge{left:50%;transform:translateX(-50%);top:auto;bottom:8px}
.k-cartoon .sx-a{font-size:12.5px;letter-spacing:0;overflow:hidden;min-width:0}.k-cartoon .sx-a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx.k-neon{display:flex;flex-direction:column}.k-neon .nn-tabs{margin-top:auto}.k-neon .sx-body{padding-bottom:24px}
.k-neon .nn-tabs button{max-width:none}.k-neon .nn-tabs button span:last-child{max-width:120px}