/* ================= Sanimob v10 – vahid dizayn sistemi =================
   Kənar xətləri yoxdur (səthlər rənglə ayrılır), ağır effekt yoxdur (blur, sonsuz animasiya),
   telefonda tam en, planşet və kompüterdə geniş (web) görünüş. Müəllif: Mr_SaNi */

/* ---------- temalar ---------- */
:root{--primary:#7c5cff;--p2:#22d3ee;--bg:#0f1020;--bg2:#1b1c33;--card:#17182c;--card2:#1f2038;--text:#f2f3ff;--muted:#9da3c2;--sep:rgba(255,255,255,.07);--soft:rgba(124,92,255,.16);--btn:linear-gradient(90deg,#7c5cff,#22d3ee);--btn-text:#fff;--shadow:none;--r:16px;--r2:12px;--wrap:1200px;--hd:60px;--nav:64px;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b}
html[data-theme=blue]{--primary:#3b82f6;--p2:#06b6d4;--bg:#070c18;--bg2:#13203a;--card:#0f1a30;--card2:#15243f;--text:#e9f0ff;--muted:#8fa3c6;--soft:rgba(59,130,246,.16);--btn:linear-gradient(90deg,#2563eb,#06b6d4)}
html[data-theme=red]{--primary:#ff3b2a;--p2:#ffa000;--bg:#09090f;--bg2:#1b1b26;--card:#14141e;--card2:#1b1b27;--text:#f3f3fb;--muted:#a3a3b8;--soft:rgba(255,59,42,.15);--btn:linear-gradient(90deg,#ff2d1a,#ff9500)}
html[data-theme=green]{--primary:#10b981;--p2:#84cc16;--bg:#05110c;--bg2:#0f2219;--card:#0b1d16;--card2:#10261d;--text:#e8fff4;--muted:#8fb8a6;--soft:rgba(16,185,129,.16);--btn:linear-gradient(90deg,#059669,#22c55e)}
html[data-theme=gold]{--primary:#f5b301;--p2:#ff7a00;--bg:#0c0a05;--bg2:#211b0c;--card:#17130a;--card2:#1f190d;--text:#fff8e6;--muted:#bba982;--soft:rgba(245,179,1,.15);--btn:linear-gradient(90deg,#f7c948,#e08a00);--btn-text:#1a1200}
html[data-theme=purple]{--primary:#8b5cf6;--p2:#ec4899;--bg:#0d0a1c;--bg2:#1d1838;--card:#16112d;--card2:#1d1739;--text:#f3f0ff;--muted:#a79fc9;--soft:rgba(139,92,246,.17);--btn:linear-gradient(90deg,#7c3aed,#ec4899)}
html[data-theme=light]{--primary:#4f46e5;--p2:#06b6d4;--bg:#f3f5fa;--bg2:#e9edf6;--card:#ffffff;--card2:#f7f8fc;--text:#141a2c;--muted:#5d6883;--sep:rgba(15,23,42,.07);--soft:rgba(79,70,229,.1);--btn:linear-gradient(90deg,#4f46e5,#06b6d4);--shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.05)}
html[data-mode=light]:not([data-theme]){--sep:rgba(15,23,42,.07);--shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.05);--muted:#5d6883}

/* ---------- əsas ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;background:var(--bg)}
html,body{margin:0;max-width:100%}
body{font-family:var(--font);font-size:15px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:clip;min-height:100vh}
img,svg,video{max-width:100%}
a{color:var(--primary);text-decoration:none}
h1,h2,h3,h4{line-height:1.2}
[hidden]{display:none!important}
svg.i{width:1.15em;height:1.15em;vertical-align:-.2em;flex:0 0 auto}
.muted{color:var(--muted);font-size:13px}
.err{color:var(--bad)}
.dsc{color:var(--ok)}
.row{display:flex;gap:10px;align-items:center}
.row.sp,.sp{justify-content:space-between}
.row.wr{flex-wrap:wrap}
.nowrap{white-space:nowrap}

/* ---------- düymə və xanalar ---------- */
button,.btn{font:inherit;font-size:15px;font-weight:700;border:0;border-radius:var(--r2);padding:12px 16px;min-height:44px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;line-height:1.2;-webkit-appearance:none;appearance:none;transition:transform .12s,opacity .12s}
button:active,.btn:active{transform:scale(.98)}
button:disabled{opacity:.5;cursor:default}
button.sec,.btn.sec{background:var(--bg2);color:var(--text)}
button.sm,.btn.sm{width:auto;min-height:36px;padding:8px 13px;font-size:13px;border-radius:11px}
button.danger,.btn.danger{background:var(--bad);color:#fff}
.btn{width:auto}
input,select,textarea{font:inherit;font-size:16px;width:100%;padding:12px 14px;border-radius:var(--r2);border:2px solid transparent;background:var(--bg2);color:var(--text);margin:6px 0;outline:none;-webkit-appearance:none;appearance:none;transition:border-color .15s}
select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
input:focus,select:focus,textarea:focus{border-color:var(--primary)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}
input[type=checkbox],input[type=radio]{width:auto;margin:0;-webkit-appearance:auto;appearance:auto;accent-color:var(--primary)}
input[type=file]{font-size:14px;padding:10px}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 0;font-weight:600}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--text);margin:10px 0;font-weight:500}
.chk input{margin-top:2px}
.chk a{color:var(--primary)}
.stepper{display:flex;gap:8px;align-items:center}
.stepper input{text-align:center;margin:0}
.stepper button{width:52px;flex:0 0 52px;font-size:20px}
.otp{text-align:center;font-size:24px;letter-spacing:8px}
.row>input{margin:0}
.row>input+button{white-space:nowrap;flex:0 0 auto}

/* ---------- səthlər ---------- */
.card{background:var(--card);border-radius:var(--r);padding:14px;margin:12px 0;box-shadow:var(--shadow)}
.card h3{margin:0 0 10px;font-size:16px;display:flex;align-items:center;gap:8px}
.card h3 svg{color:var(--primary)}
.card.lnk{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700}
.note2{background:rgba(245,158,11,.1);border-radius:12px;padding:11px 12px;font-size:13px;line-height:1.5;margin:10px 0;display:flex;gap:8px;align-items:flex-start}
.note2 svg{color:var(--warn);margin-top:2px}
.note2.info{background:rgba(56,189,248,.1)}.note2.info svg{color:#38bdf8}
.note2.ok{background:rgba(34,197,94,.1)}.note2.ok svg{color:var(--ok)}
.pill{display:inline-flex;align-items:center;gap:4px;background:rgba(34,197,94,.16);color:var(--ok);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800;white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border-radius:20px;padding:7px 12px;font-size:13px;margin:3px 4px 0 0;color:var(--text);cursor:pointer;font-weight:600}
.chip.on{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.copy{color:var(--primary);cursor:pointer;font-weight:700}
.redu{display:flex;gap:8px;align-items:center;background:var(--bg2);border-radius:12px;padding:6px 6px 6px 12px;margin:8px 0}
.redu code{flex:1;word-break:break-all;font-size:12.5px;min-width:0}
.redu button{flex:0 0 auto}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;text-align:center}
.g3>div{background:var(--bg2);border-radius:12px;padding:10px 4px}
.g3 b{display:block;font-size:18px;color:var(--primary)}
.st{display:inline-block;font-size:12px;padding:4px 10px;border-radius:10px;white-space:nowrap;background:var(--soft);color:var(--primary);font-weight:700}
.st.done{background:rgba(34,197,94,.15);color:var(--ok)}
.st.rejected,.st.cancelled{background:rgba(239,68,68,.15);color:var(--bad)}
.sk{height:84px;border-radius:var(--r);margin:12px 0;background:var(--card);animation:skp 1s ease-in-out infinite alternate}
@keyframes skp{to{opacity:.45}}
.mnt{min-height:80vh;display:grid;place-items:center;text-align:center;padding:20px}
.mnt svg{width:60px;height:60px;color:var(--primary)}

/* ---------- ikonlar, bayraqlar ---------- */
.bi{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;flex:0 0 auto;position:relative;overflow:hidden;vertical-align:middle}
.bi img{width:64%;height:64%;object-fit:contain}
.bi b{display:none;font-size:14px;font-weight:800}
.bi.nf,.bi.sv{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.bi.nf b{display:block}
.bi.sv svg{width:60%;height:60%}
.bi.em{background:var(--bg2);font-size:17px}
.bi.big{width:54px;height:54px;border-radius:16px}
.bi.big.em{font-size:28px}
.fl{width:22px;height:16px;object-fit:cover;border-radius:3px;vertical-align:middle;flex:0 0 auto}

/* ---------- çərçivə: başlıq, naviqasiya, alt menyu ---------- */
#app{min-height:100vh;display:flex;flex-direction:column}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-left:12px;padding-right:12px}
#hd{position:sticky;top:0;z-index:40;background:var(--bg);box-shadow:0 1px 0 var(--sep);padding-top:env(safe-area-inset-top)}
.hdw{display:flex;align-items:center;gap:8px;height:var(--hd)}
.ib{display:inline-grid;place-items:center;width:40px;height:40px;min-height:0;flex:0 0 40px;padding:0;border-radius:12px;background:var(--bg2);color:var(--text);position:relative}
.ib svg{width:21px;height:21px}
.brand{display:flex;align-items:center;gap:9px;min-width:0;cursor:pointer;color:var(--text);font-weight:800;font-size:17px}
.brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand .lg{width:32px;height:32px;border-radius:10px;object-fit:cover;flex:0 0 auto}
.brand .lg0{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-weight:900;color:var(--btn-text,#fff);background:var(--btn,var(--primary));flex:0 0 auto}
.dnav{display:none}
.hact{margin-left:auto;display:flex;align-items:center;gap:6px}
.bdg{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;line-height:1}
.lgb{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:40px;height:40px;padding:0 10px;border-radius:12px;background:var(--bg2);color:var(--text);font-size:13px}
.lgb .fl{width:20px;height:14px}
.balc,.lgn{display:none}
#nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--card);box-shadow:0 -6px 20px rgba(0,0,0,.18);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
#nav a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;color:var(--muted);font-size:10.5px;font-weight:700;border-radius:12px;position:relative}
#nav a span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nav a svg{width:23px;height:23px}
#nav a.on{color:var(--primary)}
#nav a.on::before{content:"";position:absolute;top:-6px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}
#view{flex:1;padding-top:6px;padding-bottom:20px;min-width:0}
#ft{text-align:center;font-size:12.5px;color:var(--muted);padding:18px 12px calc(var(--nav) + 22px + env(safe-area-inset-bottom))}
#ft a{color:var(--muted);margin:3px 7px;display:inline-flex;align-items:center;gap:5px}
#ft .bi{width:20px;height:20px;border-radius:6px}
#ft .fl2{margin-top:6px}
.by{margin-top:8px;font-size:12px;color:var(--muted);text-align:center}
.by b{color:var(--primary)}
body[data-view=support] #hd,body[data-view=support] #nav,body[data-view=support] #ft{display:none}

/* ---------- toast, pəncərə (sheet), şəkil böyütmə ---------- */
#toasts{position:fixed;top:calc(10px + env(safe-area-inset-top));left:0;right:0;z-index:200;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 12px}
.toast{background:#1f2433;color:#fff;padding:11px 16px;border-radius:12px;font-size:14px;max-width:min(520px,100%);box-shadow:0 8px 24px rgba(0,0,0,.35);animation:su .2s ease-out}
.toast.err{background:#dc2626}.toast.ok{background:#16a34a}
@keyframes su{from{transform:translateY(24px);opacity:0}}
@keyframes fi{from{opacity:0}}
.sb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;animation:fi .15s}
.sheet{background:var(--card);width:100%;max-width:640px;border-radius:22px 22px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto;overscroll-behavior:contain;animation:su .2s ease-out}
.sheet h3{margin:4px 44px 12px 0;font-size:18px;display:flex;align-items:center;gap:8px}
.sheet .x{position:sticky;top:0;float:right;width:36px;height:36px;min-height:0;padding:0;border-radius:50%;background:var(--bg2);color:var(--text);font-size:20px;font-weight:500;z-index:3;margin:-4px -4px 0 8px}
.zm{position:fixed;inset:0;z-index:220;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:12px;cursor:zoom-out}
.zm img{max-width:100%;max-height:100%;border-radius:12px}

/* ---------- başlıqlar, axtarış, çiplər, karusel ---------- */
h2.sec{display:flex;align-items:center;gap:8px;font-size:17px;margin:22px 2px 10px}
h2.sec svg{color:var(--primary)}
h2.sec small{color:var(--muted);font-weight:600;font-size:12.5px}
h2.sec .sa{margin-left:auto;font-size:13px;font-weight:700;color:var(--primary);white-space:nowrap}
.srch{display:flex;align-items:center;gap:8px;background:var(--bg2);border-radius:14px;padding:0 14px;margin:8px 0;border:2px solid transparent;transition:border-color .15s}
.srch:focus-within{border-color:var(--primary)}
.srch svg{color:var(--muted);flex:0 0 auto}
.srch input{border:0;background:none;margin:0;padding:12px 0}
.srch input:focus{border:0}
.srch.big{padding:14px;cursor:pointer;color:var(--muted);background:var(--card)}
.scr{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.scr::-webkit-scrollbar{display:none}
.chips{margin:8px 0 6px;padding:2px 0 6px}
.chip2{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:var(--card);border-radius:20px;padding:8px 13px;color:var(--text);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.chip2.on{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.chip2 .bi{width:20px;height:20px;border-radius:6px}
.chip2 small{color:inherit;opacity:.65;font-weight:600}
.car{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.car::-webkit-scrollbar{display:none}
.tc{flex:0 0 124px;scroll-snap-align:start;background:var(--card);border-radius:15px;padding:10px;position:relative;cursor:pointer;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow);min-width:0}
.tc .pw,.tc .bi{width:36px;height:36px;border-radius:11px}
.tcn{font-size:12px;font-weight:700;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px;word-break:break-word}
.tcr{font-size:12.5px;font-weight:800;color:var(--primary)}
.tcr small{color:var(--muted);font-weight:600}
.tcb,.tcp{position:absolute;top:7px;font-size:9.5px;font-weight:900;border-radius:7px;padding:2px 6px;line-height:1.3}
.tcb{right:7px;background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.tcp{left:7px;background:var(--bad);color:#fff;z-index:2}
.tc .tcp~.pw{margin-top:12px}

/* ---------- məhsul şəkli / ikon ---------- */
.pw{position:relative;overflow:hidden;display:grid;place-items:center;flex:0 0 auto}
.pw .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.pth{width:44px;height:44px;border-radius:13px;background:var(--bg2)}
.pth .bi{width:100%;height:100%;border-radius:inherit}
.pbig{width:64px;height:64px;border-radius:18px;background:var(--bg2)}
.pbig .bi{width:100%;height:100%;border-radius:inherit}

/* ---------- SMM xidmət siyahısı (yığcam sətirlər) ---------- */
.plist{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.prow{display:flex;align-items:center;gap:11px;background:var(--card);border-radius:14px;padding:10px 12px;cursor:pointer;position:relative;min-width:0;box-shadow:var(--shadow);content-visibility:auto;contain-intrinsic-size:auto 66px}
.prow:active{transform:scale(.99)}
.prow .pn{flex:1;min-width:0}
.prow .pn b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.32;word-break:break-word}
.prow .pn small{display:flex;flex-wrap:wrap;gap:4px 8px;color:var(--muted);font-size:11.5px;margin-top:3px}
.prow .pn small i{font-style:normal;display:inline-flex;align-items:center;gap:3px}
.prow .pn small .hot{color:#ff8a00;font-weight:700}
.prow .pr{text-align:right;white-space:nowrap;font-weight:800;color:var(--primary);font-size:14px;flex:0 0 auto}
.prow .pr s{display:block;color:var(--muted);font-weight:600;font-size:11px}
.prow .pr small{display:block;color:var(--muted);font-weight:600;font-size:10.5px}
.prow .off{position:absolute;top:5px;left:5px;z-index:1;background:var(--bad);color:#fff;font-size:9.5px;font-weight:900;border-radius:7px;padding:1px 6px}
.more{margin:14px auto;max-width:360px;display:flex}
.shop-cat{display:flex;align-items:center;gap:10px;margin:10px 0 4px}
.shop-cat b{font-size:17px}
.shop-cat small{color:var(--muted)}
.side{display:none}

/* ---------- fayl mağazası ---------- */
.fhero{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:var(--r);padding:14px;margin:8px 0;box-shadow:var(--shadow)}
.fhero>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);flex:0 0 auto}
.fhero>span svg{width:24px;height:24px}
.fhero b{display:block;font-size:16px}
.fhero small{color:var(--muted);font-size:12.5px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fcard{background:var(--card);border-radius:16px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:var(--shadow);position:relative;min-width:0}
.fcard .fth{aspect-ratio:4/3;background:var(--bg2);position:relative;display:grid;place-items:center;overflow:hidden}
.fcard .fth img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fcard .fth .bi{width:56px;height:56px;border-radius:16px}
.fcard .fbd{padding:10px 11px 12px;display:flex;flex-direction:column;gap:5px;min-width:0}
.fcard .fbd b{font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.fcard .fmeta{display:flex;gap:6px;flex-wrap:wrap;color:var(--muted);font-size:11.5px}
.fcard .fpr{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}
.fcard .fpr b{color:var(--primary);font-size:15px}
.fcard .fpr s{color:var(--muted);font-size:11px;font-weight:500;margin-right:4px}
.fcard .fdl{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--primary)}
.fcard .tcp{top:8px;left:8px}

/* ---------- məhsul pəncərəsi ---------- */
.phead{display:flex;gap:14px;align-items:center;margin:2px 44px 12px 0}
.phead h3{margin:0 0 3px!important;font-size:17px!important}
.hot2{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#ff8a00;font-weight:700;margin-top:4px}
.shots{display:flex;gap:8px;overflow-x:auto;margin:6px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
.shots::-webkit-scrollbar{display:none}
.shots img{height:220px;border-radius:12px;scroll-snap-align:start;cursor:zoom-in;flex:0 0 auto;background:var(--bg2)}
.finfo{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:12px;padding:10px 12px;margin:8px 0;flex-wrap:wrap}
.finfo svg{width:26px;height:26px;color:var(--primary)}
.finfo>div{flex:1;min-width:140px}
.finfo b{display:block;font-size:13px;word-break:break-all}
.finfo small{color:var(--muted);font-size:12px}
details.dtl{background:var(--bg2);border-radius:12px;padding:10px 12px;margin:8px 0}
details.dtl summary{cursor:pointer;font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;list-style:none}
details.dtl summary::-webkit-details-marker{display:none}
.md{margin-top:8px;font-size:13.5px;line-height:1.6;word-break:break-word}
.mdh{display:block;margin:10px 0 4px;color:var(--primary)}
.mdl{padding-left:6px}
.mdg{height:6px}
.qchips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.qchips .chip{margin:0}
.chs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.chs-i{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border-radius:20px;padding:9px 13px;font-size:13px;cursor:pointer;font-weight:600}
.chs-i.on{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.fgrp{background:var(--bg2);border-radius:12px;padding:10px 12px;margin:10px 0}
.fgrp b{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:4px}
.fgrp input{background:var(--card)}
.qt{background:var(--bg2);border-radius:var(--r2);padding:12px 14px;margin:10px 0}
.qt .row{padding:2px 0}
.qt .row.sp>span:first-child{min-width:0}
.qt .row.sp>span:last-child,.qt .row.sp>b:last-child{white-space:nowrap;flex:0 0 auto;margin-left:10px}
.qt .tot{font-size:24px;font-weight:900}
.coupon-row{margin-top:8px}

/* ---------- ödəniş üsulları ---------- */
.mt{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.pmt{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:var(--bg2);cursor:pointer;margin:0;color:var(--text);font-size:15px;border:2px solid transparent}
.pmt.on{border-color:var(--primary);background:var(--soft)}
.pmt input{display:none}
.pmt em{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--muted);white-space:nowrap}
.pmi{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--card);flex:0 0 auto;color:var(--text)}
.pmi.on{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.pmi svg{width:20px;height:20px}
.pmi.g{background:#fff}.pmi.g img{width:24px}
.pml{display:flex;flex-direction:column;min-width:0}
.pml b{font-size:14.5px}
.pml small{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.gp{height:14px;vertical-align:middle;background:#fff;border-radius:3px;padding:1px 2px}
.pms2{display:flex;flex-wrap:wrap;gap:8px}
.pmc{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);border-radius:12px;padding:6px 12px 6px 6px;font-size:13px}
.pmc .pmi{width:30px;height:30px;border-radius:9px}
.acc{display:block;background:var(--bg2);border-radius:12px;padding:12px;margin:8px 0;font-size:14px;color:var(--text);font-weight:500}
.acc b{display:block;margin:4px 0}
.btier{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.btier span{flex:1;min-width:72px;text-align:center;background:rgba(34,197,94,.12);border-radius:12px;padding:8px 4px;font-size:13px;font-weight:800;color:var(--ok);display:flex;flex-direction:column}
.btier b{color:var(--text);font-size:12px}
.achips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.achips .chip{font-size:14px;font-weight:800;padding:9px 14px;margin:0}
.bpv{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:rgba(34,197,94,.12);border-radius:12px;padding:9px 12px;margin:8px 0;font-size:13px}
.bpv svg{color:var(--ok)}

/* ---------- endirim banneri, bonus, xəbər lenti ---------- */
.pbn{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:16px;margin:10px 0;background:linear-gradient(110deg,#ff3d6e,#ff8a00);color:#fff;cursor:pointer}
.pb1{display:flex;flex-direction:column;align-items:center;background:#fff;color:#e8274f;border-radius:12px;padding:6px 9px;line-height:1;flex:0 0 auto}
.pb1 b{font-size:20px;font-weight:900}
.pb1 span{font-size:9px;font-weight:800;letter-spacing:.5px}
.pb2{flex:1;min-width:0}
.pb2 b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb2 small{opacity:.92;font-size:12px}
.pb3{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:800;background:rgba(0,0,0,.18);border-radius:10px;padding:5px 8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bst{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;border-radius:14px;margin:10px 0;background:rgba(34,197,94,.1);font-size:13px;cursor:pointer}
.bst svg{color:var(--ok)}
.bst b{background:var(--ok);color:#04130c;border-radius:8px;padding:2px 8px;font-size:12px;white-space:nowrap}
.tk{display:flex;align-items:center;background:var(--card);border-radius:14px;overflow:hidden;margin:8px 0 12px;height:42px;box-shadow:var(--shadow);position:relative}
.tkh{display:flex;align-items:center;gap:6px;padding:0 12px;height:100%;background:var(--btn,var(--primary));color:var(--btn-text,#fff);font-size:12.5px;white-space:nowrap;z-index:2;flex:0 0 auto}
.tkw{overflow:hidden;flex:1;height:100%;position:relative;min-width:0}
.tkw::after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,transparent,var(--card));z-index:1}
.tkr{display:inline-flex;align-items:center;gap:16px;height:100%;white-space:nowrap;animation:tkm var(--tkd,40s) linear infinite;padding-left:14px;will-change:transform}
.tk:hover .tkr,.tk:active .tkr{animation-play-state:paused}
@keyframes tkm{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tki{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text);font-weight:600}
.tki svg{color:var(--primary)}
.tki i{font-style:normal;font-size:11px;color:var(--muted);font-weight:500}
.tks{color:var(--muted);font-size:11px}

/* ---------- ana səhifə ---------- */
.hero{position:relative;overflow:hidden;border-radius:22px;padding:28px 18px 22px;margin:8px 0 14px;color:#fff;text-align:center;background:linear-gradient(135deg,var(--primary),var(--p2,var(--primary)))}
.hero::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.12);top:-90px;right:-70px}
.hero::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.08);bottom:-80px;left:-50px}
.hero>*{position:relative;z-index:1}
.hero .tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:800}
.hero h1{font-size:26px;line-height:1.18;margin:12px 0 8px;font-weight:900}
.hero p{margin:0 auto 16px;max-width:520px;line-height:1.5;opacity:.95;font-size:14.5px}
.hero .cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hero .cta button,.hero .cta .btn{width:auto;background:#fff;color:#111;padding:12px 22px}
.hero .cta .ghost{background:rgba(255,255,255,.18);color:#fff}
.hero .trust{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:12px}
.hero .trust span{display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.16);border-radius:14px;padding:5px 10px}
.hero .hst{display:none}
.wmini{display:flex;align-items:center;gap:11px;background:var(--card);border-radius:16px;padding:11px 12px;margin:10px 0;box-shadow:var(--shadow)}
.wmini>div{flex:1;min-width:0}
.wmini small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wmini b{font-size:19px}
.wmini button{width:auto}
.av{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);font-weight:900;flex:0 0 auto}
.av.big{width:58px;height:58px;border-radius:18px;font-size:22px}
.qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.qa a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px;background:var(--card);border-radius:16px;font-size:12px;font-weight:700;color:var(--text);text-align:center;cursor:pointer;box-shadow:var(--shadow)}
.qa a span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.qa a span svg{width:21px;height:21px}
.cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cg{display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 4px;background:var(--card);border-radius:14px;color:var(--text);text-align:center;box-shadow:var(--shadow);min-width:0}
.cg>span:not(.bi){font-size:11.5px;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.cg small{font-size:10.5px;color:var(--muted)}
.stats{display:flex;gap:10px;margin:12px 0}
.stats div{flex:1;background:var(--card);border-radius:var(--r);padding:14px 6px;text-align:center;box-shadow:var(--shadow)}
.stats b{display:block;font-size:22px;color:var(--primary)}
.stats span{font-size:12px;color:var(--muted)}
.steps,.why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.steps .card,.why .card{margin:0;position:relative}
.steps .ic,.why .ic{color:var(--primary);margin-bottom:6px}
.steps .ic svg,.why .ic svg{width:28px;height:28px}
.steps b,.why b{display:block;margin-bottom:4px;font-size:14px}
.steps .muted,.why .muted{display:block;line-height:1.4;font-size:12.5px}
.stp{padding-top:22px}
.stp .n{position:absolute;top:-10px;left:12px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:13px;font-weight:900}
.faq details{padding:12px 0;border-bottom:1px solid var(--sep)}
.faq details:last-child{border-bottom:0}
.faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--primary);font-weight:900}
.faq details[open] summary::after{content:"−"}
.faq p{margin:8px 0 0;color:var(--muted);line-height:1.55}
.fcta{text-align:center;color:#fff;border-radius:22px;padding:28px 18px;margin:20px 0;background:linear-gradient(135deg,#111827,var(--primary))}
.fcta h2{margin:0 0 6px}
.fcta p{opacity:.85;margin:0 0 14px}
.fcta button{width:auto;padding:13px 28px;background:#fff;color:#111}
.card.act{cursor:pointer}
.card.ban{background:linear-gradient(90deg,#ff7a3d,#ff3d81);color:#fff;font-weight:700}
ul.top{padding:0;margin:0}
.top li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--sep);list-style:none}
.top li:last-child{border-bottom:0}
.top li span{display:flex;align-items:center;gap:8px}
.top .rn{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--soft);color:var(--primary);font-weight:900;font-size:12px}
/* Premium */
.phero{position:relative;border-radius:24px;padding:26px 18px 18px;margin:8px 0 12px;text-align:center;background:linear-gradient(160deg,var(--card2),var(--card));box-shadow:var(--shadow);overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,var(--soft),transparent 55%),radial-gradient(circle at 90% 100%,var(--soft),transparent 50%)}
.phero>*{position:relative}
.phero .tag{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--primary);background:var(--soft);border-radius:20px;padding:5px 12px}
.phero h1{font-size:26px;line-height:1.16;margin:12px 0 8px;font-weight:900}
.grad{background:linear-gradient(90deg,var(--text),var(--primary) 60%,var(--p2,var(--primary)));-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p{color:var(--muted);line-height:1.5;margin:0 auto 14px;max-width:520px}
.phero .cta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.phero .cta button{width:auto;padding:12px 22px}
.phero .cta .ghost{background:var(--bg2);color:var(--text)}
.pst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px}
.pst div{background:var(--bg2);border-radius:14px;padding:9px 2px}
.pst b{display:block;font-size:17px;color:var(--primary);font-variant-numeric:tabular-nums}
.pst span{font-size:10.5px;color:var(--muted)}
.bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.bx{display:flex;flex-direction:column;gap:4px;padding:14px 12px;border-radius:18px;color:var(--text);background:var(--card);position:relative;overflow:hidden;cursor:pointer;box-shadow:var(--shadow);min-width:0}
.bx::after{content:"";position:absolute;right:-26px;bottom:-26px;width:84px;height:84px;border-radius:50%;background:var(--soft)}
.bx.b0{grid-row:span 2;justify-content:flex-end;background:linear-gradient(160deg,var(--soft),var(--card))}
.bxi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);margin-bottom:auto}
.bx b{font-size:14px}
.bx small{font-size:11.5px;color:var(--muted)}
.rank{display:flex;flex-direction:column;gap:6px}
.rk{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:15px;background:var(--card);cursor:pointer;box-shadow:var(--shadow);min-width:0}
.rk>div{flex:1;min-width:0}
.rk b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk small{font-size:11px;color:#ff8a00;display:inline-flex;align-items:center;gap:3px}
.rk .rn{font-weight:900;font-size:15px;width:28px;color:var(--primary)}
.rk .pth{width:38px;height:38px}
.rp{font-weight:800;font-size:13px;color:var(--primary);white-space:nowrap}
.pcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pcats a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:16px;background:var(--card);color:var(--text);text-align:center;box-shadow:var(--shadow);min-width:0}
.pcats b{font-size:12px;line-height:1.2;word-break:break-word}
.pcats small{font-size:10.5px;color:var(--muted)}

/* ---------- virtual nömrələr ---------- */
.nhd{display:flex;align-items:center;gap:8px;margin:8px 0;flex-wrap:wrap}
.nhd>div{flex:1;min-width:140px}
.nhd>div>b{display:flex;align-items:center;gap:6px;font-size:16px}
.nhd small{font-size:12px;color:var(--muted)}
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ncard{background:var(--card);border-radius:14px;padding:11px 6px;text-align:center;color:var(--text);display:flex;flex-direction:column;gap:4px;align-items:center;position:relative;box-shadow:var(--shadow);min-width:0}
.ncard>b{font-size:12px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.ncard small{font-size:10.5px;color:var(--muted)}
.ncard .nb{position:absolute;top:5px;right:6px;color:#ff8a00}
.ncard .nb svg{width:14px;height:14px}
.nlst{display:flex;flex-direction:column;gap:6px}
.nrow{display:flex;align-items:center;gap:9px;background:var(--card);border-radius:13px;padding:9px 11px;cursor:pointer;box-shadow:var(--shadow);min-width:0}
.nrow .cty{flex:1;display:flex;align-items:center;gap:8px;min-width:0}
.nrow .cty b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nrow .stk{font-size:11px;color:var(--muted);min-width:22px;text-align:right}.nrow .stk.z{color:#ef4444;font-weight:700}.nrow button[disabled]{opacity:.45}.nleg{margin:2px 2px 8px;font-size:11.5px}
.nrow .npr{display:flex;flex-direction:column;align-items:flex-end;font-size:13.5px;line-height:1.15;white-space:nowrap}
.nrow .npr s{font-size:10.5px;color:var(--muted)}
.nrow button{flex:0 0 auto}
.nrow .dur{font-size:12px;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.hd{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.hd.g{background:var(--ok)}.hd.y{background:#eab308}.hd.r{background:var(--bad)}
.nrow2 .num{font-size:18px;letter-spacing:.5px}
.nrow2 .code{font-size:22px;letter-spacing:3px;color:var(--ok)}
.rhero{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:18px;padding:12px;margin:8px 0;box-shadow:var(--shadow);flex-wrap:wrap}
.rhero>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);flex:0 0 auto}
.rhero>div{flex:1;min-width:150px}
.rhero b{display:block}
.rhero small{font-size:12px;color:var(--muted)}
.inbox{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.sm1{background:var(--bg2);border-radius:12px;padding:10px;font-size:13.5px;display:flex;flex-direction:column;gap:5px}
.sm1 button{align-self:flex-start}

/* ---------- cüzdan, sifariş, bildiriş, profil ---------- */
.wcard{position:relative;overflow:hidden;border-radius:22px;padding:20px;margin:8px 0;color:#fff;background:linear-gradient(135deg,var(--primary),var(--p2,var(--primary)))}
.wcard::before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.13)}
.wcard>*{position:relative}
.wcard small{opacity:.9}
.wcard .bal{font-size:34px;font-weight:900;margin:2px 0 10px}
.wcard .muted{color:rgba(255,255,255,.85)}
.wcard button{background:#fff;color:#111;width:auto}
.oc{cursor:pointer}
.oc .row{align-items:flex-start}
.apid{display:inline-block;margin-top:5px;font-size:11.5px;font-weight:800;background:var(--soft);border-radius:7px;padding:2px 8px;color:var(--primary)}
.apbox{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--bg2);border-radius:12px;padding:10px 12px;margin:8px 0}
.apbox b{font-size:15px;color:var(--primary)}
.apbox button{margin-left:auto}
.apbox small{width:100%;color:var(--muted)}
.dlb{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:9px 13px;border-radius:11px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);font-weight:700;font-size:13.5px}
.nt{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--sep);color:inherit}
.nt:last-child{border-bottom:0}
.nt.un>div:last-child>div:first-child{font-weight:800}
.nt .ic{font-size:22px;width:28px;text-align:center;flex:0 0 auto}
.pcard2{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;background:var(--card);border-radius:20px;padding:16px;margin:10px 0;box-shadow:var(--shadow)}
.pcard2 h3{margin:0}
.pcard2 .bal{grid-column:1/-1;font-size:26px;font-weight:900;color:var(--primary);margin-top:6px}
.pcard2 .row{grid-column:1/-1;flex-wrap:wrap}
.thg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.thb{background:var(--bg2);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:12.5px;border:2px solid transparent;min-height:0}
.thb i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b))}
.thb.on{border-color:var(--primary)}
.sndl{display:flex;flex-direction:column;gap:6px}
.snd{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--bg2);border-radius:12px;font-size:14px;cursor:pointer;margin:0;color:var(--text);border:2px solid transparent}
.snd span{flex:1}
.snd.on{border-color:var(--primary)}
.tg{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:10px;border-bottom:1px solid var(--sep)}
.tg:last-of-type{border-bottom:0}
.tg>span{display:flex;align-items:center;gap:8px}
.tg input{transform:scale(1.3)}
.lgl{display:grid;gap:8px}
.lgl button{justify-content:flex-start;gap:10px}
.lgl button.on{outline:2px solid var(--primary)}
.page h2{margin-top:0}
.page .md{font-size:14.5px;line-height:1.75}

/* ---------- menyu (hamburger) ---------- */
.mdr-b{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;animation:fi .15s}
.mdr{position:absolute;left:0;top:0;bottom:0;width:86%;max-width:350px;background:var(--card);overflow-y:auto;overscroll-behavior:contain;padding:calc(12px + env(safe-area-inset-top)) 10px calc(16px + env(safe-area-inset-bottom));animation:ml .2s ease-out}
@keyframes ml{from{transform:translateX(-30px);opacity:0}}
.mdr .mh{display:flex;align-items:center;justify-content:space-between;margin:0 4px 10px}
.mdr .mh b{font-size:17px}
.mdr a,.mdr summary{display:flex;align-items:center;gap:10px;padding:10px;color:var(--text);font-size:14px;border-radius:11px;cursor:pointer;font-weight:600;min-width:0}
.mdr a:active,.mdr summary:active{background:var(--bg2)}
.mdr a svg,.mdr summary svg{width:19px;height:19px;color:var(--muted);flex:0 0 auto}
.mdr a>span:not(.bi),.mdr summary>span:not(.bi){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mdr .bi{flex:0 0 auto}
.mdr small{margin-left:auto;color:var(--muted);font-size:11.5px;font-weight:600;white-space:nowrap}
.mdr a.sub{padding:8px 10px 8px 14px;font-size:13px;font-weight:500}
.mdr a.sub .bi{width:24px;height:24px;border-radius:7px}
.mdr details summary{list-style:none}
.mdr details summary::-webkit-details-marker{display:none}
.mdr details summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-left:4px;flex:0 0 auto;transition:transform .15s}
.mdr details[open] summary::after{transform:rotate(-135deg)}
.mdr details .bi{width:26px;height:26px;border-radius:8px}
.mdr hr{border:0;height:1px;background:var(--sep);margin:10px 4px}
.mgrp{font-size:11px;letter-spacing:1.4px;font-weight:800;color:var(--muted);margin:12px 10px 6px;text-transform:uppercase}
.mu{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:14px;padding:10px;margin:2px 0 8px}
.mu>div{flex:1;min-width:0}
.mu b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mu small{color:var(--primary);font-weight:800;margin:0}
.seg{display:flex;background:var(--bg2);border-radius:13px;padding:3px;margin:4px 0 8px;gap:2px}
.seg button{flex:1 1 0;min-width:0;background:none;color:var(--text);padding:9px 4px;min-height:38px;font-size:12px;border-radius:10px;gap:5px}
.seg button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg button svg{width:16px;height:16px;flex:0 0 auto}
.seg button.on{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.srch.sm2{margin:6px 0;background:var(--bg2)}
.srch.sm2 input{padding:10px 0;font-size:15px}
.mmore{display:block;text-align:center;color:var(--primary);font-size:13px;padding:8px}

/* ---------- dəstək düyməsi və çat (WhatsApp tərzi) ---------- */
.fab{position:fixed;right:14px;bottom:calc(var(--nav) + 18px + env(safe-area-inset-bottom));width:54px;height:54px;min-height:0;border-radius:50%;padding:0;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 22px rgba(37,211,102,.35);z-index:35}
.fab svg{width:26px;height:26px}
.fb{position:absolute;top:-3px;right:-3px;background:var(--bad);color:#fff;font-size:11px;font-weight:800;border-radius:10px;padding:1px 6px;border:2px solid var(--bg)}
.chat{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#0b141a;--me:#005c4b;--them:#202c33;--ct:#e9edef}
html[data-theme=light] .chat{background:#efeae2;--me:#d9fdd3;--them:#fff;--ct:#111b21}
.ch-h{display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:#202c33;color:#e9edef;z-index:2}
html[data-theme=light] .ch-h{background:#008069;color:#fff}
.ch-b{width:40px;height:40px;min-height:0;padding:0;background:none;color:inherit;display:grid;place-items:center;flex:0 0 auto}
.ch-b svg{width:24px;height:24px}
.ch-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:grid;place-items:center;font-weight:900;color:#fff;overflow:hidden;flex:0 0 auto}
.ch-av img{width:100%;height:100%;object-fit:cover}
.ch-t{flex:1;min-width:0}
.ch-t b{display:block;font-size:16px}
.ch-t small{display:block;font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-body{flex:1;overflow-y:auto;padding:10px 10px 14px;color:var(--ct);overscroll-behavior:contain}
.ch-sys{margin:4px auto 10px;max-width:88%;text-align:center;font-size:11.5px;background:#182229;color:#ffd279;border-radius:8px;padding:6px 10px;display:flex;gap:6px;align-items:center;justify-content:center}
html[data-theme=light] .ch-sys{background:#fff5c4;color:#54656f}
.ch-day{text-align:center;margin:10px 0}
.ch-day span{display:inline-block;font-size:11.5px;background:#182229;color:#8696a0;border-radius:8px;padding:4px 10px}
html[data-theme=light] .ch-day span{background:#fff;color:#54656f}
.msg{display:flex;margin:2px 0}
.msg.me{justify-content:flex-end}
.bub{max-width:82%;padding:6px 8px 4px;border-radius:10px;font-size:14.5px;line-height:1.38;position:relative;word-wrap:break-word}
.msg.them .bub{background:var(--them);border-top-left-radius:2px}
.msg.me .bub{background:var(--me);border-top-right-radius:2px}
.bub img{display:block;max-width:260px;width:100%;max-height:320px;object-fit:cover;object-position:top;border-radius:8px;margin-bottom:4px;cursor:zoom-in}
.bub a{color:#53bdeb}
.bmt{float:right;margin:6px 0 -2px 10px;font-size:10.5px;opacity:.65;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.tk2{display:inline-flex;font-style:normal}
.tk2 svg{width:14px;height:14px}
.tk2 svg+svg{margin-left:-9px}
.tk2.rd{color:#53bdeb;opacity:1}
.tk0 svg{width:12px;height:12px}
.ch-prev{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1f2c34}
.ch-prev img{height:70px;border-radius:8px}
.ch-in{display:flex;align-items:flex-end;gap:6px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#0b141a}
html[data-theme=light] .ch-in{background:#f0f2f5}
.ch-in textarea{flex:1;resize:none;margin:0;border-radius:22px;padding:11px 14px;background:#2a3942;color:#e9edef;border:0;max-height:120px;line-height:1.3}
html[data-theme=light] .ch-in textarea{background:#fff;color:#111}
.ch-at,.ch-send{width:44px;height:44px;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.ch-at{background:none;color:#8696a0}
.ch-send{background:#00a884;color:#fff}
.ch-at svg,.ch-send svg{width:22px;height:22px}

/* ---------- planşet ---------- */
@media(min-width:600px){
 .wrap{padding-left:18px;padding-right:18px}
 .tc{flex-basis:142px}
 .cgrid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .qa{grid-template-columns:repeat(6,minmax(0,1fr))}
 .ngrid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .steps{grid-template-columns:repeat(4,minmax(0,1fr))}
 .why{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pcats{grid-template-columns:repeat(4,minmax(0,1fr))}
 .bento{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero h1,.phero h1{font-size:32px}
 .sb{align-items:center;padding:20px}
 .sheet{border-radius:22px;max-width:560px;max-height:88vh}
 .plist{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- kompüter (web versiya) ---------- */
@media(min-width:1024px){
 .wrap{padding-left:24px;padding-right:24px}
 :root{--hd:68px}
 #nav{display:none}
 #ft{padding-bottom:28px}
 .fab{bottom:24px;right:24px}
 .dnav{display:flex;align-items:center;gap:2px;margin-left:18px}
 .dnav a{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:11px;color:var(--muted);font-weight:700;font-size:14px;white-space:nowrap}
 .dnav a:hover{color:var(--text);background:var(--bg2)}
 .dnav a.on{color:var(--primary);background:var(--soft)}
 .dnav a svg{width:18px;height:18px}
 .balc{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:12px;background:var(--soft);color:var(--primary);font-weight:800;font-size:14px;white-space:nowrap}
 .lgn{display:inline-flex;width:auto;min-height:40px;height:40px;padding:0 16px}
 .hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;text-align:left;padding:44px 40px;border-radius:28px}
 .hero h1{font-size:40px}
 .hero p{margin-left:0;font-size:16px}
 .hero .cta,.hero .trust{justify-content:flex-start}
 .hero .hst{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 .hero .hst div{background:rgba(255,255,255,.14);border-radius:18px;padding:18px 16px}
 .hero .hst b{display:block;font-size:26px;font-weight:900}
 .hero .hst span{font-size:13px;opacity:.9}
 .phero{padding:44px 40px 30px}
 .phero h1{font-size:40px}
 .car{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;gap:12px}
 .car>.tc:nth-child(n+13){display:none}
 .tc{flex-basis:auto}
 .cgrid{grid-template-columns:repeat(8,minmax(0,1fr))}
 .qa{grid-template-columns:repeat(6,minmax(0,1fr))}
 .ngrid{grid-template-columns:repeat(6,minmax(0,1fr))}
 .fgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .bento{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pcats{grid-template-columns:repeat(6,minmax(0,1fr))}
 .rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .why{grid-template-columns:repeat(3,minmax(0,1fr))}
 .shop{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}
 .shop .side{display:block;position:sticky;top:calc(var(--hd) + 12px);max-height:calc(100vh - var(--hd) - 24px);overflow-y:auto;background:var(--card);border-radius:var(--r);padding:8px;box-shadow:var(--shadow)}
 .side a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;color:var(--text);font-size:13.5px;font-weight:600}
 .side a>span:not(.bi){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .side a small{color:var(--muted);font-size:11.5px}
 .side a:hover{background:var(--bg2)}
 .side a.on{background:var(--soft);color:var(--primary)}
 .side .bi{width:24px;height:24px;border-radius:7px}
 .shop .chips{display:none}
 .plist{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nlst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .chat{max-width:860px;margin:20px auto;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45)}
 .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;align-items:start}
}
@media(min-width:1280px){.plist{grid-template-columns:repeat(3,minmax(0,1fr))}.shop .plist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html:not(.aumo) *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tkr{animation:none!important}}

/* ---------- v10 əlavələri: profil, AI köməkçi, operator düyməsi ---------- */
.okc{display:inline-flex;align-items:center;gap:5px;color:var(--ok);font-weight:700;font-size:13.5px}
.smain{min-width:0}
.card.rent.on{box-shadow:inset 3px 0 0 var(--ok),var(--shadow)}
.ch-hum{flex:0 0 auto;background:rgba(255,255,255,.12);color:inherit;padding:7px 10px;font-size:12.5px;min-height:0;border-radius:999px}
.aib{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#25d366;margin:0 0 3px;letter-spacing:.2px}
html[data-theme=light] .aib{color:#008069}
.bub.typ{display:flex;gap:4px;align-items:center;padding:10px 12px}
.bub.typ i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.35;animation:typ 1.1s infinite ease-in-out}
.bub.typ i:nth-child(2){animation-delay:.18s}.bub.typ i:nth-child(3){animation-delay:.36s}
@keyframes typ{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:.9;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.bub.typ i{animation:none;opacity:.6}}
/* ---------- kateqoriya seçicisi (minlərlə kateqoriya üçün axtarışlı siyahı) ---------- */
.cpl{display:flex;flex-direction:column;gap:2px;margin-top:6px;max-height:min(60vh,520px);overflow-y:auto;overscroll-behavior:contain}
.cpl a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:var(--text);font-weight:600;font-size:14px;min-width:0}
.cpl a>span:not(.bi){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpl a small{color:var(--muted);font-size:12px;font-weight:600}
.cpl a:active,.cpl a:hover{background:var(--bg2)}
.cpl .bi{width:28px;height:28px;border-radius:8px}
.chip2.more2{background:var(--soft);color:var(--primary);cursor:pointer}
.side .srch{margin:2px 2px 6px}
.side .srch input{font-size:14px}
.side .more{width:100%;margin-top:6px}
/* ---------- v11: menyu alt bölməsi, fayl bölmələri arasında keçid, fayl sifarişi ---------- */
.mdr details.msub>summary{display:flex;align-items:center;gap:10px;padding:10px;font-weight:700}
.mdr details.msub>summary>span{flex:1}
.mdr details.msub a.sub{padding-left:22px}
.ftabs{display:flex;gap:6px;background:var(--bg2);padding:4px;border-radius:14px;margin:4px 0 12px;overflow-x:auto;scrollbar-width:none}
.ftabs::-webkit-scrollbar{display:none}
.ftabs a{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:11px;color:var(--text);font-size:13px;font-weight:700;white-space:nowrap}
.ftabs a svg{width:16px;height:16px}
.ftabs a.on{background:var(--btn,var(--primary));color:var(--btn-text,#fff)}
.foc,.dlc{display:flex;flex-direction:column;gap:6px}
.foc .note2,.dlc .note2{margin:4px 0 0}
.st.fo-done,.st.fo-paid{background:rgba(34,197,94,.15);color:var(--ok)}
.st.fo-quoted{background:rgba(245,158,11,.16);color:#f59e0b}
.st.fo-rejected,.st.fo-cancelled{background:rgba(239,68,68,.15);color:var(--bad)}
.apid{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:700;color:var(--primary);background:var(--soft);border-radius:8px;padding:2px 8px}
.apid svg{width:13px;height:13px}

/* v11: dəstək çatında AI videosu */
.bub video{display:block;max-width:100%;width:260px;border-radius:12px;margin:2px 0 4px;background:#000}

/* ================= v11 dizayn: milli bayraq (dilə görə), bayraq lenti, orijinal ikon dəsti ================= */
/* bayraq rəngləri: lent və emblem üçün (AZ – mavi/qırmızı/yaşıl; TR – qırmızı/ağ; RU – ağ/göy/qırmızı; EN – Böyük Britaniya) */
:root{--f1:#00B5E2;--f2:#EF3340;--f3:#509E2F;--ic-a:var(--p2,var(--primary))}
html[lang=tr]{--f1:#E30A17;--f2:#ffffff;--f3:#E30A17}
html[lang=ru]{--f1:#ffffff;--f2:#0039A6;--f3:#D52B1E}
html[lang=en]{--f1:#012169;--f2:#ffffff;--f3:#C8102E}
/* «Bayraq» teması: rənglər seçilən dilin bayrağından gəlir */
html[data-theme=flag]{--primary:#00B5E2;--p2:#EF3340;--bg:#06141d;--bg2:#0d2230;--card:#0b1d29;--card2:#112736;--text:#eaf6fb;--muted:#8eadbd;--sep:rgba(150,215,240,.09);--soft:rgba(0,181,226,.14);--btn:linear-gradient(95deg,#00a6d3,#00B5E2 60%,#2cc3ea);--btn-text:#03202b;--ic-a:#EF3340;--hero1:#0077a8;--hero2:#0a3550;--emb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cmask id='m'%3E%3Crect width='200' height='200' fill='white'/%3E%3Ccircle cx='101' cy='100' r='38' fill='black'/%3E%3C/mask%3E%3Ccircle cx='88' cy='100' r='47' fill='white' mask='url(%23m)'/%3E%3Cpath fill='white' d='M142 79 L145.8 90.8 L156.8 85.2 L151.2 96.2 L163 100 L151.2 103.8 L156.8 114.8 L145.8 109.2 L142 121 L138.2 109.2 L127.2 114.8 L132.8 103.8 L121 100 L132.8 96.2 L127.2 85.2 L138.2 90.8z'/%3E%3C/svg%3E")}
html[data-theme=flag][lang=tr]{--primary:#ff2d3a;--p2:#ffffff;--bg:#130708;--bg2:#24100f;--card:#1b0b0c;--card2:#251213;--text:#fff4f3;--muted:#c9a5a3;--sep:rgba(255,200,200,.08);--soft:rgba(227,10,23,.16);--btn:linear-gradient(95deg,#c60812,#E30A17);--btn-text:#fff;--ic-a:#ffffff;--hero1:#c1080f;--hero2:#4e080d;--emb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cmask id='m'%3E%3Crect width='200' height='200' fill='white'/%3E%3Ccircle cx='98' cy='100' r='40' fill='black'/%3E%3C/mask%3E%3Ccircle cx='84' cy='100' r='50' fill='white' mask='url(%23m)'/%3E%3Cpath fill='white' d='M126 100 L147.2 92.6 L147.6 70.2 L161.1 88.1 L182.5 81.6 L169.7 100 L182.5 118.4 L161.1 111.9 L147.6 129.8 L147.2 107.4z'/%3E%3C/svg%3E")}
html[data-theme=flag][lang=ru]{--primary:#4c86ff;--p2:#D52B1E;--bg:#070c1b;--bg2:#101a33;--card:#0d1529;--card2:#131d38;--text:#eef2ff;--muted:#99a6c8;--sep:rgba(170,190,255,.09);--soft:rgba(60,110,240,.16);--btn:linear-gradient(95deg,#0039A6,#2f6be6);--btn-text:#fff;--ic-a:#ff4b3e;--hero1:#0a3fa8;--hero2:#0a1740;--emb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg transform='rotate(-14 100 100)'%3E%3Crect x='24' y='50' width='152' height='32' rx='16' fill='white'/%3E%3Crect x='24' y='86' width='152' height='32' rx='16' fill='rgb(90,140,255)'/%3E%3Crect x='24' y='122' width='152' height='32' rx='16' fill='rgb(235,70,58)'/%3E%3C/g%3E%3C/svg%3E")}
html[data-theme=flag][lang=en]{--primary:#5b83f0;--p2:#C8102E;--bg:#070a1c;--bg2:#10163a;--card:#0c1230;--card2:#121a3e;--text:#eef1ff;--muted:#9aa3c9;--sep:rgba(170,180,255,.09);--soft:rgba(70,100,220,.17);--btn:linear-gradient(95deg,#012169,#2f55c9);--btn-text:#fff;--ic-a:#e2213f;--hero1:#0b2a7a;--hero2:#090f36;--emb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M22 44 L178 156 M178 44 L22 156' stroke='white' stroke-width='22'/%3E%3Cpath d='M22 44 L178 156 M178 44 L22 156' stroke='rgb(232,40,70)' stroke-width='7'/%3E%3Cpath d='M100 30 V170 M18 100 H182' stroke='white' stroke-width='34'/%3E%3Cpath d='M100 30 V170 M18 100 H182' stroke='rgb(232,40,70)' stroke-width='18'/%3E%3C/svg%3E")}
/* bayraq lenti: başlığın altında üç zolaq – bayrağın özü kimi (yuxarıdan aşağı) */
#hd::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(var(--f1) 0 33.4%,var(--f2) 0 66.7%,var(--f3) 0);pointer-events:none}
html.nofb #hd::after{display:none}
/* ana səhifə banneri: bayraq rəngində fon + emblem (AZ: aypara və səkkizguşəli ulduz) */
html[data-theme=flag] .hero{background:linear-gradient(140deg,var(--hero1),var(--hero2) 80%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
html[data-theme=flag] .hero::before{width:auto;height:6px;border-radius:0;top:0;left:0;right:0;background:linear-gradient(var(--f1) 0 33.4%,var(--f2) 0 66.7%,var(--f3) 0)}
html[data-theme=flag] .hero::after{width:210px;height:210px;border-radius:0;background:var(--emb) center/contain no-repeat;top:auto;bottom:-34px;left:auto;right:-64px;opacity:.13}
html[data-theme=flag] .hero .cta button,html[data-theme=flag] .hero .cta .btn{color:#06141d}
html[data-theme=flag] .hero .cta .ghost{color:#fff}
/* ikonlar: hər ikonda bir kiçik «bayraq nöqtəsi» – yalnız aktiv menyu bəndində rəngli */
svg.i .a{fill:var(--ic-a);stroke:none}
#nav a:not(.on) svg .a,.dnav a:not(.on) svg .a,.mdr svg .a,.ftabs a:not(.on) svg .a{fill:currentColor}
#nav a svg{width:22px;height:22px}
/* dil bayraqları (daxili SVG) */
.flg{width:21px;height:15.75px;border-radius:3px;flex:0 0 auto;display:inline-block;vertical-align:middle;box-shadow:0 0 0 1px rgba(255,255,255,.16);overflow:hidden}
.lgl .flg{width:26px;height:19.5px;margin-right:4px}
html[data-mode=light] .flg{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
html[data-theme=flag]{--promo:linear-gradient(110deg,#b80d2a,#EF3340)}
html[data-theme=flag][lang=tr]{--promo:linear-gradient(110deg,#a6060f,#ff3b47)}
html[data-theme=flag][lang=ru]{--promo:linear-gradient(110deg,#a5221a,#e5463b)}
html[data-theme=flag][lang=en]{--promo:linear-gradient(110deg,#8f0b22,#d3203f)}
html[data-theme=flag] .pbn{background:var(--promo)}html[data-theme=flag] .pb1{color:#b80d2a}
/* alt menyu: uzun adlar (RU/EN) iki sətrə düşür, kəsilmir */
#nav a span{white-space:normal;line-height:1.12;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;overflow-wrap:anywhere}
/* v11: tənbəl yüklənən bölmə (giriş, çat…) gecikəndə yuxarıda nazik zolaq – basılan düymənin işlədiyi görünür */
html.lzld body::before{content:"";position:fixed;left:0;top:0;z-index:200;height:3px;width:42%;background:linear-gradient(90deg,var(--f1),var(--f2),var(--f3));border-radius:0 3px 3px 0;animation:lzb 1s ease-in-out infinite;pointer-events:none}
@keyframes lzb{from{transform:translateX(-100%)}to{transform:translateX(240%)}}
/* ===== v13: brend ikonları – böyük, mərkəzdə, rəsmi loqo (Simple Icons); ehtiyat hərf YALNIZ şəkil yüklənməyəndə görünür ===== */
span.bi{display:inline-grid!important;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;line-height:1;-webkit-line-clamp:unset;overflow:hidden}
span.bi>img{width:76%;height:76%;object-fit:contain;display:block}
span.bi>b{display:none!important}
span.bi.nf>b{display:block!important;font-size:17px;font-weight:800;color:inherit}
span.bi.sv>svg{width:58%;height:58%}
span.bi.big{width:64px;height:64px;border-radius:18px}
span.bi.big.nf>b{font-size:26px}
span.bi.big.em{font-size:34px}
.ncard span.bi,.cg span.bi{width:52px;height:52px;border-radius:15px}
.ncard span.bi.nf>b,.cg span.bi.nf>b{font-size:21px}
.tc span.bi,.tc .pw{width:46px;height:46px;border-radius:13px}
.nhd span.bi{width:42px;height:42px;border-radius:12px}
.mdr span.bi,.mdr details span.bi{width:28px;height:28px;border-radius:8px}
.mdr a.sub span.bi{width:26px;height:26px;border-radius:7px}
#ft span.bi,.chip2 span.bi{width:22px;height:22px;border-radius:6px}
.pth span.bi,.pbig span.bi,.fcard .fth span.bi{width:100%;height:100%;border-radius:inherit}
.fcard .fth span.bi{width:60px;height:60px;border-radius:16px}
@media(min-width:700px){.ncard span.bi,.cg span.bi{width:56px;height:56px}}
/* v14: «Bütün kateqoriyalar» seçicisi (axtarışın altında, birinci), platforma filtri, hazırkı kateqoriya */
.catbtn{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:10px 12px;border-radius:var(--r);background:var(--card);color:var(--text);border:1.5px solid var(--soft);box-shadow:var(--shadow);text-align:left;cursor:pointer;font:inherit}
.catbtn .bi{width:34px;height:34px;border-radius:10px;flex:0 0 auto}
.catbtn .cbt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.catbtn .cbt small{color:var(--muted);font-size:11.5px;font-weight:600}
.catbtn .cbt b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catbtn>svg:last-child{width:20px;height:20px;color:var(--primary);flex:0 0 auto}
.cpl a.on{background:var(--soft);color:var(--primary)}
.cpf{margin:8px 0 2px}
.cpf .chip2{padding:6px 11px;font-size:12.5px}
.sidem2{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:2px 0 8px;padding:10px;border-radius:10px;background:var(--soft);color:var(--primary);font:inherit;font-weight:700;font-size:13.5px;border:0;cursor:pointer}
.sidem2 svg{width:18px;height:18px}
.sidem2 small{opacity:.7;font-weight:600}
/* ===== v14: hosting, push, 7 elementli alt menyu ===== */
#nav[data-n="7"] a{padding:5px 1px}#nav[data-n="7"] a span{font-size:9.5px}#nav[data-n="7"] a svg{width:21px;height:21px}
.dnav{min-width:0;overflow:hidden}.dnav a{min-width:0;flex:0 1 auto}.dnav a span{overflow:hidden;text-overflow:ellipsis}
.hhero>span svg{width:24px;height:24px}
.hpk{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:10px 0}
.hp{position:relative;display:flex;flex-direction:column;margin:0}.hp h3{margin:0 0 4px;font-size:18px;padding-right:70px}.hp>p{margin:0 0 6px;font-size:13px}.hp button{margin-top:auto}
.hbd{position:absolute;top:12px;right:12px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);font-size:11.5px;font-weight:800;border-radius:8px;padding:3px 8px}
.hpr{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:4px 0 8px}.hpr b{font-size:26px;font-weight:900;letter-spacing:-.02em}.hpr small{color:var(--muted);font-weight:700}
.hsp{list-style:none;margin:0 0 8px;padding:0}.hsp li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--sep);font-size:13.5px}.hsp li:last-child{border-bottom:0}
.hsp li svg{width:17px;height:17px;color:var(--primary);flex:0 0 auto}.hsp li span{flex:1;color:var(--muted)}.hsp li b{white-space:nowrap}
.hft{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.hft span{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:8px;padding:3px 7px;background:var(--bg2);color:var(--muted);text-decoration:line-through;opacity:.75}
.hft span.on{color:var(--ok);background:rgba(34,197,94,.12);text-decoration:none;opacity:1}.hft svg{width:13px;height:13px}
.hns h3{margin-top:0}.hnsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
.hnsb{display:flex;align-items:center;gap:8px;width:100%;background:var(--bg2);color:var(--text);min-height:0;padding:10px 12px;text-align:left}.hnsb small{color:var(--muted);font-size:11px}.hnsb b{flex:1;word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13.5px}.hnsb svg{width:16px;height:16px;opacity:.7}
.hnd{margin-top:10px}.hnd summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:6px;color:var(--primary)}.hnd summary svg{width:17px;height:17px}.hnd p,.hnd ol{font-size:13.5px;color:var(--muted);line-height:1.5}.hnd ol{padding-left:20px}
.hsm{display:flex;align-items:center;gap:6px;font-size:12.5px}.hsm svg{width:15px;height:15px}
.hmo .hdom{display:flex;align-items:center;gap:6px;font-size:16px;word-break:break-all}.hmo .hdom svg{width:17px;height:17px;flex:0 0 auto;color:var(--primary)}
.hcr .row.sp>span:last-child,.hcr .row.sp>b:last-child,.hcr .row.sp>a{margin-left:10px;text-align:right;min-width:0;word-break:break-all}
.lnkb{display:inline-flex;align-items:center;gap:5px;background:none;color:var(--text);padding:0;min-height:0;font-weight:800;width:auto}.lnkb svg{width:15px;height:15px;opacity:.7}.lnkb code{font-size:14px;user-select:all}
.agr{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--muted);margin:10px 0;cursor:pointer}.agr input{width:18px;height:18px;flex:0 0 auto;margin:1px 0 0}
.st.warn{background:rgba(245,158,11,.16);color:#f59e0b}.st.bad{background:rgba(239,68,68,.15);color:var(--bad)}
.spin{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spn .8s linear infinite;vertical-align:-1px}@keyframes spn{to{transform:rotate(360deg)}}
.pushb .tg{align-items:center;gap:10px}.pushb .tg>span:first-child{min-width:0}.pushb button{width:auto}
@media(prefers-reduced-motion:reduce){.spin{animation:none}}
/* ================= v15: dilə görə qiymət + altında kiçik ₼, İndex panel blokları, köməkçi çatı, VPS / domen / satılan saytlar ================= */
.pz{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.08;vertical-align:middle}
.pz small{font-size:.62em;font-weight:600;color:var(--muted);letter-spacing:0;margin-top:1px;text-decoration:none}
.hpr .pz small,.pkp .pz small{font-size:12px}.tot .pz{align-items:flex-end}.tcr .pz small{font-size:10.5px}.npr .pz{align-items:flex-end}
.pzi{font-size:.78em;color:var(--muted);font-weight:600}
.pkr{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.pkr::-webkit-scrollbar{display:none}
.pkt{position:relative;flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;gap:5px;background:var(--card);border-radius:16px;padding:13px;color:var(--text);box-shadow:var(--shadow);min-width:0}
.pkt b{font-size:15px;line-height:1.25;overflow-wrap:anywhere}.pkt small{color:var(--muted);font-size:12px;line-height:1.35}
.pkt .pki,.sv15 .pki,.psh15 .pki{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--soft);color:var(--primary);flex:0 0 auto}.pkt .pki svg,.sv15 .pki svg,.psh15 .pki svg{width:20px;height:20px}
.pkp{margin-top:auto;padding-top:4px;font-size:18px;font-weight:900;display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.pkp em{font-style:normal;font-size:12px;color:var(--muted);font-weight:700}
.pkb{position:absolute;top:10px;right:10px;background:var(--btn,var(--primary));color:var(--btn-text,#fff);font-size:10.5px;font-weight:800;border-radius:7px;padding:2px 7px}
.svc15{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.sv15{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;background:var(--card);border-radius:16px;padding:12px;color:var(--text);box-shadow:var(--shadow)}
.sv15 .pki{grid-row:span 2}.sv15 b{font-size:14.5px}.sv15 b small{color:var(--primary);font-weight:800;margin-left:4px}.sv15>span:last-child{grid-column:2;color:var(--muted);font-size:12.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dsr15{display:flex;gap:8px;align-items:center}.dsr15 input{flex:1;margin:0}.dsr15 button{width:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px}
.dsr15.big{padding:10px}.dsr15.big input{font-size:17px}
.tld15{display:flex;gap:8px;overflow-x:auto;padding:10px 0 6px;scrollbar-width:none}.tld15::-webkit-scrollbar{display:none}
.tld15 a{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;background:var(--card);border-radius:13px;padding:9px 13px;color:var(--text);box-shadow:var(--shadow)}.tld15 b{font-size:16px}.tld15 span{font-size:13px;font-weight:800;display:flex;gap:4px;align-items:baseline}.tld15 em{font-style:normal;color:var(--muted);font-size:11px}
.psh15{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.psh15>div{flex:1;min-width:170px}.psh15 b{display:block}.psh15 small{color:var(--muted);font-size:12.5px}.psh15 button.sm{width:auto}.psh15 .ib{background:none}
.nbd{position:absolute;top:1px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--bad);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;line-height:1;font-style:normal}
.mdr .nbd{position:static;display:inline-grid;margin-left:4px}.hsup .bdg{background:#25d366;color:#04140b}
/* çat: köməkçi (ad + operator), salam, bildiriş mesajları, «Adminə yaz» paneli */
.ch-av.p15{background:linear-gradient(135deg,#ff7aa8,#a855f7);font-size:18px}
.bub.hi15{border-left:3px solid #25d366}
.msg.nt15 .bub{border-left:3px solid #f59e0b}.aib.nb15{color:#f5a524}html[data-theme=light] .aib.nb15{color:#b45309}
.nlk15{display:flex;width:fit-content;align-items:center;gap:4px;margin:8px 0 2px;padding:6px 11px;border-radius:999px;background:rgba(83,189,235,.14);color:#53bdeb!important;font-size:13px;font-weight:800}
.ch-adm{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#111b21;color:#aebac1;font-size:12.5px;border-top:1px solid rgba(255,255,255,.05)}
html[data-theme=light] .ch-adm{background:#fff;color:#54656f;border-top-color:rgba(0,0,0,.06)}
.ch-adm>span{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.ch-adm svg{width:15px;height:15px;flex:0 0 auto}.ch-adm button{width:auto;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:7px 12px;font-size:12.5px;min-height:0}
/* VPS / domen / saytlar / hosting özünə xidmət */
.osl{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.osl span{font-size:11.5px;font-weight:700;border-radius:8px;padding:3px 8px;background:var(--bg2);color:var(--muted)}
.hact15{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hact15 button{width:auto}.hact15 button.dng{color:var(--bad)}
.d5res .d5row{padding:9px 0;border-bottom:1px solid var(--sep);gap:8px;flex-wrap:wrap}.d5res .d5row:last-child{border-bottom:0}.d5res .d5row b{font-size:15px;word-break:break-all}.d5res button{width:auto}
.d5row.taken b,.d5row.premium b{opacity:.65}
.d5tb td,.d5tb th{white-space:nowrap}.d5tb td:first-child b{font-size:15px}
.st15 .chip2{align-self:flex-start;margin:2px 0 8px;background:var(--bg2)}
pre.nt15{white-space:pre-wrap;word-break:break-word;font:inherit;font-size:13.5px;margin:0 0 8px}
.cp15{gap:10px;padding:8px 0;border-bottom:1px solid var(--sep);flex-wrap:wrap}.cp15:last-child{border-bottom:0}
@media(min-width:1024px){.pkr{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));overflow:visible}.pkt{flex:auto}}