/* =========================================================
   PortAll — temalar, dizayn studiyası, reaksiyalar, smayliklər
   ========================================================= */

/* ---------- Sayt temaları ---------- */
/* Gecə (tünd) */
body.th-dark{
  --bg:#0e0f1a;--card:#1a1b2b;--soft:#23243a;--ink:#ececf7;--muted:#9c9fbd;--line:#2b2c44;--line2:#25263b;
  --sh:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);--sh-lg:0 20px 50px rgba(0,0,0,.5);
  --ok-soft:#12301f;--err-soft:#3a1420;--warn-soft:#33270f;
  --mint:#123228;--peach:#3a2618;--rose:#3a1a26;--sky:#13293a;--lav:#24204a;--lemon:#33300f;
  color-scheme:dark;
  background-image:radial-gradient(1000px 500px at 100% -10%,#24205a 0,transparent 60%),radial-gradient(800px 400px at -10% 10%,#0f3330 0,transparent 55%)!important;
}
.th-dark .sh{background:rgba(22,23,38,.86);border-color:var(--line)}
.th-dark .nav-mob{background:rgba(22,23,38,.94);border-color:var(--line)}
.th-dark input[type=text],.th-dark input[type=email],.th-dark input[type=password],.th-dark input[type=url],.th-dark input[type=tel],
.th-dark input[type=number],.th-dark input[type=date],.th-dark input[type=search],.th-dark select,.th-dark textarea{background:var(--soft);color:var(--ink);border-color:var(--line)}
.th-dark .sh-search{background:var(--soft)}
.th-dark .sh-search:focus-within{background:var(--card)}
.th-dark .btn-ghost{background:var(--soft);color:var(--ink);border-color:var(--line)}
.th-dark .alert-ok{background:#12301f;color:#86efac}.th-dark .alert-err{background:#3a1420;color:#fda4af}
.th-dark .composer-types a,.th-dark .tc,.th-dark .ptag,.th-dark .deal,.th-dark .tile-ic,.th-dark .co-cats a span,.th-dark .tp2,.th-dark .ct-head,.th-dark .bs-feats span{
  background:color-mix(in srgb,var(--pf) 20%,var(--card));color:color-mix(in srgb,var(--pf) 55%,#fff)}
.th-dark .job-card{background:linear-gradient(135deg,color-mix(in srgb,var(--pf) 16%,var(--card)),var(--card))}
.th-dark .tile:not(.has-img) .tile-b{background:linear-gradient(180deg,color-mix(in srgb,var(--pf) 16%,var(--card)),var(--card) 70%)}
.th-dark .tc.on{background:var(--pf);color:#fff}
.th-dark .mm-sec{color:#7b7e9c}
.th-dark .ph-cover{filter:brightness(.82)}
.th-dark .loc-map{filter:invert(.88) hue-rotate(180deg)}
.th-dark .letter{color:#1e1b3a}
.th-dark .letter{--card:#fff;--ink:#1e1b3a;--muted:#6b6f8a;--line:#e8e9f3;--soft:#f4f4fb}
.th-dark .skel,.th-dark .sk{background:linear-gradient(90deg,#23243a 25%,#2d2e48 50%,#23243a 75%);background-size:200% 100%}
.th-dark .gal img,.th-dark .tile img{filter:brightness(.92)}
.th-dark .av-txt{filter:brightness(.85) saturate(1.2)}
.th-dark .table th{background:var(--soft)}
.th-dark .bubble{background:var(--soft);border-color:var(--line)}

/* Minimal — ağ, kəskin, kölgəsiz */
body.th-minimal{
  --bg:#ffffff;--card:#ffffff;--soft:#f5f5f5;--ink:#111111;--muted:#6b6b6b;--line:#e6e6e6;--line2:#efefef;
  --r:10px;--sh:none;--sh-lg:0 12px 30px rgba(0,0,0,.08);
  background-image:none!important;
}
.th-minimal .card,.th-minimal .post,.th-minimal .tile,.th-minimal .plan-card,.th-minimal .feat-card{box-shadow:none;border-color:var(--line)}
.th-minimal .btn,.th-minimal .tc,.th-minimal .feed-tabs a,.th-minimal .composer-types a{border-radius:8px}
.th-minimal .sh{background:rgba(255,255,255,.96);box-shadow:none}
.th-minimal .post{border-radius:10px}
.th-minimal .ph-cover{filter:grayscale(.35)}
.th-minimal h1,.th-minimal h2,.th-minimal h3{letter-spacing:-.03em}
.th-minimal .tc,.th-minimal .composer-types a,.th-minimal .ptag{background:transparent;border:1px solid var(--line)}

/* Rəngli — qradiyent fon, şüşə kartlar */
body.th-vivid{
  --bg:#f3e8ff;--card:rgba(255,255,255,.74);--soft:rgba(255,255,255,.6);--ink:#21153d;--muted:#6a5a8a;--line:rgba(255,255,255,.7);--line2:rgba(120,90,180,.12);
  --sh:0 8px 30px rgba(91,33,182,.12);--sh-lg:0 24px 60px rgba(91,33,182,.22);
  background:linear-gradient(135deg,#fbcfe8 0%,#ddd6fe 35%,#bfdbfe 70%,#a7f3d0 100%) fixed!important;
}
.th-vivid .card,.th-vivid .post,.th-vivid .tile,.th-vivid .dd-menu,.th-vivid .plan-card,.th-vivid .feat-card,.th-vivid .chat-h,.th-vivid .chat-form{backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4)}
.th-vivid .sh{background:rgba(255,255,255,.55)}
.th-vivid .nav-mob{background:rgba(255,255,255,.7)}
.th-vivid .btn-primary{background:linear-gradient(135deg,var(--pri),#ec4899)}
.th-vivid .dd-menu{background:rgba(255,255,255,.9)}
.th-vivid input[type=text],.th-vivid input[type=search],.th-vivid textarea,.th-vivid select,.th-vivid input[type=email],.th-vivid input[type=password]{background:rgba(255,255,255,.8)}

/* Kağız — krem, isti tonlar, serif başlıqlar */
body.th-warm{
  --bg:#f6efe4;--card:#fffdf8;--soft:#f3eadb;--ink:#2b2118;--muted:#7d6b57;--line:#eadfcc;--line2:#f1e8d8;
  --sh:0 1px 2px rgba(80,50,20,.05),0 6px 20px rgba(80,50,20,.07);--sh-lg:0 20px 50px rgba(80,50,20,.15);
  background-image:radial-gradient(900px 400px at 100% -10%,#fde7c7 0,transparent 60%),radial-gradient(700px 400px at -10% 20%,#efe3cf 0,transparent 55%)!important;
}
.th-warm h1,.th-warm h2,.th-warm .ph-main h1,.th-warm .page-head h1,.th-warm .post-h b,.th-warm .logo-t{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.01em}
.th-warm .sh{background:rgba(255,251,243,.9)}
.th-warm .nav-mob{background:rgba(255,251,243,.96)}

/* ---------- Başlıqdakı görünüş menyusu ---------- */
.ui-dd .sh-ic{border:0;cursor:pointer}
.ui-menu{width:300px;padding:10px}
.ui-themes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dd-menu .ui-th{flex-direction:column;gap:5px;padding:6px;font-size:12px;font-weight:700;border:2px solid transparent;align-items:stretch;text-align:center}
.dd-menu .ui-th.on{border-color:var(--pri);background:var(--pri-soft)}
.ui-prev{display:block;height:38px;border-radius:8px;background:var(--a);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
.ui-prev i{position:absolute;left:6px;right:6px;height:10px;border-radius:4px;background:var(--b)}
.ui-prev i:first-child{top:6px;width:45%;background:var(--c);right:auto}
.ui-prev i:last-child{top:21px}
.ui-colors{display:flex;flex-wrap:wrap;gap:7px;padding:4px 4px 8px}
.dd-menu .ui-c{width:26px;height:26px;border-radius:50%;padding:0;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line);flex:none}
.dd-menu .ui-c:hover{transform:scale(1.12);background:inherit}
.dd-menu .ui-c.on{box-shadow:0 0 0 2px var(--ink)}
.ui-c-custom{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);position:relative;overflow:hidden;cursor:pointer;display:block}
.ui-c-custom input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.dd-menu .ui-more{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px;color:var(--pri);font-weight:700}
@media(max-width:700px){.ui-dd{display:none}}

/* ---------- Reaksiyalar: bəyən + qırıq ürək ---------- */
.pa-react{display:flex;align-items:stretch}
.pa-react .pa:first-child{flex:1}
.pa-dis{flex:none;padding:9px 10px!important}
.pa.on[data-dislike]{color:#7c3aed}.pa.on[data-dislike] .ic{fill:#ddd6fe}
.th-dark .pa.on[data-dislike] .ic{fill:#4c1d95}
.react-sum{display:inline-flex;gap:10px}
.react-sum span:empty{display:none}
.pa.pop[data-dislike] .ic{animation:shake .45s ease}
@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg) scale(1.15)}50%{transform:rotate(10deg)}75%{transform:rotate(-6deg)}}

/* ---------- Smaylik seçici ---------- */
.cmt-in{flex:1;position:relative;display:flex;align-items:center}
.cmt-in input{width:100%;padding-right:42px!important}
.cmt-in .emo-btn{position:absolute;right:4px}
.emo-btn{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;flex:none}
.emo-btn:hover{color:#f59e0b;background:var(--soft)}
.emo-btn .ic{width:21px;height:21px}
.chat-form .emo-btn{width:44px;height:44px}
.ta-tools{display:flex;gap:6px;margin-top:6px}
.ta-tools .emo-btn{width:auto;height:auto;padding:6px 12px;border-radius:99px;gap:6px;display:inline-flex;font:600 13px Inter,sans-serif;background:var(--soft)}
.emo-pop{position:absolute;z-index:200;width:min(330px,calc(100vw - 16px));background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-lg);overflow:hidden;animation:emoIn .16s ease}
@keyframes emoIn{from{opacity:0;transform:translateY(6px) scale(.97)}}
.emo-tabs{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:var(--soft)}
.emo-tabs button{flex:1;border:0;background:none;font-size:18px;padding:6px 0;border-radius:10px;cursor:pointer;filter:grayscale(.6);opacity:.75}
.emo-tabs button.on{background:var(--card);filter:none;opacity:1;box-shadow:var(--sh)}
.emo-body{height:220px;overflow:auto;padding:6px}
.emo-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.emo-grid button{border:0;background:none;font-size:23px;line-height:1;padding:6px 0;border-radius:10px;cursor:pointer;transition:transform .1s}
.emo-grid button:hover{background:var(--soft);transform:scale(1.2)}
.emo-empty{grid-column:1/-1;text-align:center;color:var(--muted);font-size:13px;padding:30px 0}

/* ---------- Profil və şirkət başlıq dizaynları ---------- */
.prof-head{--c:var(--pri)}
/* Mərkəz */
.ph-l-center .ph-body{flex-direction:column;align-items:center;text-align:center}
.ph-l-center .ph-main{min-width:0}
.ph-l-center .ph-main h1,.ph-l-center .ph-meta,.ph-l-center .ph-stats,.ph-l-center .ph-acts{justify-content:center}
.ph-l-center .ph-tabs{justify-content:center}
/* Minimal */
.ph-l-minimal .ph-cover{height:6px!important;background:var(--c)!important;background-image:none!important}
.ph-l-minimal .ph-cover .ph-tier{display:none}
.ph-l-minimal .ph-av{margin-top:20px}
.ph-l-minimal .ph-av .av{width:96px!important;height:96px!important;font-size:32px!important;box-shadow:none;border-width:3px;border-color:color-mix(in srgb,var(--c) 30%,var(--card))}
.ph-l-minimal .ph-body{align-items:center;padding-top:4px}
.ph-l-minimal .ph-tabs a.on{color:var(--c);border-color:var(--c)}
/* Banner */
.ph-l-banner .ph-cover{height:320px!important}
.ph-l-banner .ph-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(12,10,30,.82))}
.ph-l-banner .ph-body{position:relative;z-index:1;margin-top:-175px;color:#fff;min-height:175px}
.ph-l-banner .ph-av{margin-top:0}
.ph-l-banner .ph-main h1,.ph-l-banner .ph-title,.ph-l-banner .ph-stats b{color:#fff}
.ph-l-banner .ph-user,.ph-l-banner .ph-meta,.ph-l-banner .ph-meta span,.ph-l-banner .ph-meta a,.ph-l-banner .ph-stats{color:rgba(255,255,255,.8)}
.ph-l-banner .ph-acts .btn-ghost,.ph-l-banner .ph-acts .btn-soft{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(8px)}
.ph-l-banner .ph-av .av{border-color:rgba(255,255,255,.85)}
.ph-l-banner .ph-tier{z-index:2}
@media(max-width:700px){.ph-l-banner .ph-cover{height:380px!important}.ph-l-banner .ph-body{margin-top:-300px}}
/* Cəsur */
.ph-l-bold{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));color:#fff;border:0}
.ph-l-bold .ph-cover{opacity:.55;mix-blend-mode:luminosity}
.ph-l-bold .ph-cover:not([style*="url"]){background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 14px,transparent 14px 28px)!important;opacity:1;mix-blend-mode:normal}
.ph-l-bold .ph-main h1,.ph-l-bold .ph-title,.ph-l-bold .ph-stats b{color:#fff}
.ph-l-bold .ph-user,.ph-l-bold .ph-meta,.ph-l-bold .ph-meta span,.ph-l-bold .ph-meta a,.ph-l-bold .ph-stats{color:rgba(255,255,255,.82)}
.ph-l-bold .ph-av .av{border-color:var(--c)}
.ph-l-bold .ph-tabs{border-color:rgba(255,255,255,.18)}
.ph-l-bold .ph-tabs a{color:rgba(255,255,255,.75)}
.ph-l-bold .ph-tabs a.on{color:#fff;border-color:#fff}
.ph-l-bold .ph-tabs em{background:rgba(255,255,255,.2);color:#fff}
.ph-l-bold .ph-acts .btn-primary{background:#fff;color:var(--c)}
.ph-l-bold .ph-acts .btn-ghost,.ph-l-bold .ph-acts .btn-soft{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.28)}
/* Şüşə */
.ph-l-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 70%,#fff),#f9a8d4 55%,#a5f3fc);border:0;overflow:visible;padding-bottom:4px}
.ph-l-glass .ph-cover{height:190px!important;border-radius:var(--r) var(--r) 0 0}
.ph-l-glass .ph-cover:not([style*="url"]){background:transparent!important}
.ph-l-glass .ph-body{margin:-70px 14px 12px;background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-radius:20px;padding:16px 18px;border:1px solid rgba(255,255,255,.55);box-shadow:var(--sh-lg)}
.ph-l-glass .ph-av{margin-top:-60px}
.ph-l-glass .ph-tabs{margin:0 14px 10px;border:0;background:color-mix(in srgb,var(--card) 72%,transparent);backdrop-filter:blur(14px);border-radius:16px}

/* ---------- Dizayn studiyası ---------- */
.ds-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.ds-tabs a{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-weight:700;white-space:nowrap}
.ds-tabs a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.ds-tabs .ic{width:18px;height:18px}
.ds-grid{display:grid;gap:16px}
@media(min-width:980px){.ds-grid.has-prev{grid-template-columns:1fr 400px;align-items:start}}
.ds-prev{position:sticky;top:84px}
.ds-prev .frame{border-radius:28px;border:8px solid #1e1b3a;background:#1e1b3a;overflow:hidden;height:min(720px,calc(100vh - 140px));box-shadow:var(--sh-lg);position:relative}
.ds-prev .frame.wide{border-radius:12px;border-width:6px}
.ds-prev iframe{width:100%;height:100%;border:0;background:#fff;transition:opacity .2s}
.ds-prev iframe.loading{opacity:.5}
.ds-prev .cap{text-align:center;font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:979px){.ds-prev .frame{height:560px}}
.ds-sec{margin-bottom:20px}
.ds-sec>h4{margin:0 0 10px;display:flex;align-items:center;gap:8px;font-size:15px}
.ds-sec>h4 .ic{width:18px;height:18px;color:var(--pri)}
.picks{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.picks.lg{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.pick{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:16px;border:2px solid var(--line);background:var(--card);cursor:pointer;transition:.15s}
.pick:hover{border-color:color-mix(in srgb,var(--pri) 45%,var(--line));transform:translateY(-2px)}
.pick.on,.pick:has(input:checked){border-color:var(--pri);box-shadow:0 0 0 4px var(--pri-soft)}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick b{font-size:13.5px;display:flex;align-items:center;gap:5px;justify-content:space-between}
.pick small{color:var(--muted);font-size:12px;line-height:1.35}
.pick .pro-lock,.pick .lock-b{font-size:10px}
.pick.locked{opacity:.92}
.pick.locked::after{content:"PRO";position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:99px;letter-spacing:.05em}
.pv{height:84px;border-radius:11px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.picks.lg .pv{height:110px}
.swatches{display:flex;flex-wrap:wrap;gap:9px}
.sw{position:relative;cursor:pointer}
.sw input:not([type=color]){position:absolute;opacity:0}
.sw span{display:block;width:34px;height:34px;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1px var(--line);transition:.15s}
.sw:hover span{transform:scale(1.1)}
.sw input:checked+span{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.08)}
.sw-custom input[type=color]{position:absolute;inset:0;opacity:0;width:34px;height:34px;cursor:pointer;padding:0;border:0}
.font-picks{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.font-picks .pick{padding:12px;align-items:flex-start}
.font-picks .fp-a{font-size:26px;line-height:1;font-weight:700}
.save-bar{position:sticky;bottom:12px;z-index:5;display:flex;gap:10px;justify-content:flex-end;padding:12px;border-radius:18px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--sh-lg);margin-top:10px}
@media(max-width:859px){.save-bar{bottom:84px}}
.save-bar .grow{display:flex;align-items:center;color:var(--muted);font-size:13px}

/* Sayt temasının mini önizləməsi */
.pv-site{background:var(--a);padding:8px}
.pv-site i{display:block;border-radius:5px;background:var(--b);height:12px;margin-bottom:6px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pv-site i:first-child{width:40%;background:var(--c)}
.pv-site i:nth-child(3){width:70%}
.pv-site i:nth-child(4){height:30px}
.pv-vivid{background:linear-gradient(135deg,#fbcfe8,#ddd6fe,#bfdbfe,#a7f3d0)}

/* Profil başlıq mini önizləmələri */
.pv-prof{background:var(--soft)}
.pv-prof .c{position:absolute;left:0;right:0;top:0;height:42%;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 60%,#fff),#fbcfe8,#fde68a)}
.pv-prof .a{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--pc);border:3px solid #fff;left:10px;top:30%}
.pv-prof .l{position:absolute;height:6px;border-radius:3px;background:#94a3b8;left:44px;top:62%;width:45%}
.pv-prof .l2{top:76%;width:30%;opacity:.6}
.pv-center .a{left:calc(50% - 14px)}.pv-center .l{left:25%;width:50%;top:72%}.pv-center .l2{left:35%;width:30%;top:84%}
.pv-minimal .c{height:5px;background:var(--pc)}.pv-minimal .a{top:16px}.pv-minimal .l{top:24px}.pv-minimal .l2{top:36px}
.pv-banner .c{height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 50%,#fff),#1e1b3a)}.pv-banner .a{top:46%}.pv-banner .l{background:#fff;top:58%}.pv-banner .l2{background:#fff;top:72%}
.pv-bold{background:linear-gradient(135deg,var(--pc),color-mix(in srgb,var(--pc) 55%,#000))}.pv-bold .c{background:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 6px,transparent 6px 12px)}.pv-bold .a{border-color:var(--pc)}.pv-bold .l{background:#fff}
.pv-glass{background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 70%,#fff),#f9a8d4,#a5f3fc)}.pv-glass .c{background:transparent}.pv-glass::after{content:"";position:absolute;left:8px;right:8px;top:40%;bottom:8px;border-radius:9px;background:rgba(255,255,255,.65)}.pv-glass .a,.pv-glass .l{z-index:1}

/* Vizit kart mini önizləmələri */
.pv-card{display:grid;place-items:center}
.pv-card .k{width:48%;height:84%;border-radius:8px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;overflow:hidden}
.pv-card .k::before{content:"";position:absolute;left:calc(50% - 9px);top:14%;width:18px;height:18px;border-radius:50%;background:var(--pc)}
.pv-card .k::after{content:"";position:absolute;left:20%;right:20%;top:48%;height:4px;border-radius:2px;background:#cbd5e1;box-shadow:0 8px 0 #e2e8f0,0 16px 0 var(--pc)}
.pk-classic{background:linear-gradient(160deg,var(--pc) 45%,#f1f5f9 45%)}
.pk-minimal{background:#f4f5fb}.pk-minimal .k::before{left:12%}
.pk-pastel{background:linear-gradient(135deg,#ede9fe,#fce7f3,#dcfce7)}
.pk-sunset{background:linear-gradient(160deg,#ff9a8b,#ff6a88 50%,#ffcc70)}
.pk-gradient{background:linear-gradient(135deg,var(--pc),#ec4899 60%,#f59e0b)}
.pk-glass{background:radial-gradient(circle at 20% 15%,var(--pc),transparent 50%),radial-gradient(circle at 85% 85%,#22d3ee,transparent 50%),#0f172a}.pk-glass .k{background:rgba(255,255,255,.18)}
.pk-dark{background:#020617}.pk-dark .k{background:#0f172a}
.pk-ocean{background:linear-gradient(180deg,#38bdf8,#1e3a8a)}
.pk-neon{background:#05050c}.pk-neon .k{background:#0d0d1a;box-shadow:0 0 14px var(--pc);border:1px solid var(--pc)}
.pk-paper{background:#efe7da}.pk-paper .k{background:#fffdf6;border-radius:3px}
.pk-corporate{background:#e5ebf3}.pk-corporate .k{background:linear-gradient(var(--pc) 34%,#fff 34%)}.pk-corporate .k::before{background:#fff;left:12%;top:20%}
.pk-aurora{background:linear-gradient(120deg,var(--pc),#22d3ee,#a78bfa,#f472b6)}.pk-aurora .k{background:rgba(255,255,255,.75)}
.pk-mono{background:#f5f5f5}.pk-mono .k{border:2px solid #111;border-radius:2px;box-shadow:4px 4px 0 #111}.pk-mono .k::before{background:#111}
.pk-forest{background:linear-gradient(160deg,#134e4a,#166534)}.pk-forest .k{background:#f7fbf4}

/* CV mini önizləmələri */
.pv-cv{background:#e9ecf3;display:grid;place-items:center}
.pv-cv .d{width:56%;height:90%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12);position:relative;overflow:hidden}
.pv-cv .d i{position:absolute;left:12%;right:12%;height:4px;border-radius:2px;background:#cbd5e1}
.pv-cv .d i:nth-child(1){top:10%;height:7px;right:40%;background:#1e293b}
.pv-cv .d i:nth-child(2){top:24%;background:var(--pc);right:55%}
.pv-cv .d i:nth-child(3){top:38%}.pv-cv .d i:nth-child(4){top:48%;right:30%}.pv-cv .d i:nth-child(5){top:62%}.pv-cv .d i:nth-child(6){top:72%;right:25%}
.pc-modern .d::before,.pc-creative .d::before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:#1e293b}
.pc-creative .d::before{background:var(--pc)}
.pc-modern .d i,.pc-creative .d i{left:40%}
.pc-executive .d::before,.pc-bold .d::before{content:"";position:absolute;left:0;right:0;top:0;height:26%;background:#1e293b;border-bottom:3px solid var(--pc)}
.pc-bold .d::before{background:var(--pc);border:0;height:32%}
.pc-executive .d i:nth-child(1),.pc-bold .d i:nth-child(1){background:#fff;z-index:1}
.pc-executive .d i:nth-child(2),.pc-bold .d i:nth-child(2){z-index:1;background:rgba(255,255,255,.6)}
.pc-elegant .d i:nth-child(1),.pc-classic .d i:nth-child(1){left:25%;right:25%}
.pc-timeline .d::before{content:"";position:absolute;left:12%;top:34%;bottom:10%;width:2px;background:var(--pc)}
.pc-timeline .d i:nth-child(n+3){left:22%}
.pc-compact .d::after{content:"";position:absolute;right:0;top:30%;bottom:0;width:30%;background:color-mix(in srgb,var(--pc) 15%,#fff)}
.pc-minimal .d i:nth-child(2){height:2px;right:12%}

/* ---------- Vizit kart: yeni temalar ---------- */
.vc-page{font-family:var(--vf,Inter),Inter,system-ui,sans-serif;position:relative}
.vc-page h1{font-family:var(--vf,Inter),Inter,sans-serif}
.vc-page>*{position:relative;z-index:1}
/* naxışlar */
.vc-page[class*="pt-"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5}
.vc-page.pt-dots::before{background-image:radial-gradient(rgba(127,127,127,.45) 1.6px,transparent 1.7px);background-size:22px 22px}
.vc-page.pt-grid::before{background-image:linear-gradient(rgba(127,127,127,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(127,127,127,.25) 1px,transparent 1px);background-size:28px 28px}
.vc-page.pt-diag::before{background-image:repeating-linear-gradient(45deg,rgba(127,127,127,.18) 0 2px,transparent 2px 16px)}
.vc-page.pt-waves::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='20'%3E%3Cpath d='M0 10 Q20 0 40 10 T80 10' fill='none' stroke='%23888' stroke-opacity='.45' stroke-width='1.5'/%3E%3C/svg%3E")}
.vc-page.pt-blobs::before{opacity:.6;background:radial-gradient(260px 260px at 10% 20%,rgba(255,255,255,.45),transparent 70%),radial-gradient(320px 320px at 90% 70%,rgba(255,255,255,.35),transparent 70%),radial-gradient(200px 200px at 60% 10%,rgba(255,255,255,.3),transparent 70%)}
.vc-page.pt-stars::before{background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 80px 70px,#fff,transparent),radial-gradient(1.5px 1.5px at 140px 20px,#fff,transparent),radial-gradient(1px 1px at 170px 120px,#fff,transparent),radial-gradient(2px 2px at 50px 140px,#fff,transparent);background-size:200px 160px;opacity:.7}
.vc-page.pt-none::before{display:none}

/* Pastel */
.vc-page.t-pastel{background:linear-gradient(135deg,#ede9fe,#fce7f3 45%,#dcfce7)}
.vc.t-pastel{border-radius:30px;box-shadow:0 20px 50px rgba(124,58,237,.15)}
.vc.t-pastel .vc-top{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 14%,#fff),#fff)}
.vc.t-pastel .vc-acts .ci{background:color-mix(in srgb,var(--c) 15%,#fff);color:var(--c)}
.vc.t-pastel .vc-save{background:color-mix(in srgb,var(--c) 85%,#fff);border-radius:99px}
.vc.t-pastel .vc-soc a{background:color-mix(in srgb,var(--c) 10%,#fff);color:var(--c);border-radius:99px}
.vc-page.t-pastel .vc-home,.vc-page.t-pastel .vc-home b{color:#4c1d95}
.vc-page.t-pastel .vc-home .logo-mark{background:var(--c)}
/* Gün batımı */
.vc-page.t-sunset{background:linear-gradient(160deg,#ff9a8b,#ff6a88 50%,#ffcc70)}
.vc.t-sunset .vc-top{background:linear-gradient(135deg,#ff6a88,#ff9a8b 60%,#ffcc70);color:#fff;padding-bottom:26px;margin-bottom:16px}
.vc.t-sunset .vc-title,.vc.t-sunset .vc-user{color:rgba(255,255,255,.9)}
.vc.t-sunset .vc-acts .ci{background:linear-gradient(135deg,#ff6a88,#ffb36b)}
.vc.t-sunset .vc-save{background:linear-gradient(135deg,#ff6a88,#ffb36b)}
.vc.t-sunset .vc-line .ic{color:#ff6a88}
.vc-page.t-sunset .vc-foot a{color:#fff}
/* Okean */
.vc-page.t-ocean{background:linear-gradient(180deg,#38bdf8 0%,#1d4ed8 60%,#1e3a8a)}
.vc.t-ocean .vc-top{background:linear-gradient(180deg,#0ea5e9,#2563eb);color:#fff;padding-bottom:46px;position:relative}
.vc.t-ocean .vc-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 34' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C80 0 160 40 240 18 S360 4 400 16 V34 H0z' fill='%23fff'/%3E%3C/svg%3E") center/100% 100%}
.vc.t-ocean .vc-title,.vc.t-ocean .vc-user{color:rgba(255,255,255,.88)}
.vc.t-ocean .vc-acts .ci{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.vc.t-ocean .vc-save{background:linear-gradient(135deg,#0ea5e9,#1d4ed8)}
.vc.t-ocean .vc-line .ic{color:#0284c7}
.vc-page.t-ocean .vc-foot,.vc-page.t-ocean .vc-foot a{color:rgba(255,255,255,.85)}
/* Neon */
.vc-page.t-neon{background:#05050c}
.vc.t-neon{background:#0b0b18;color:#e6e6ff;border:1px solid var(--c);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 0 60px color-mix(in srgb,var(--c) 45%,transparent)}
.vc.t-neon h1{text-shadow:0 0 18px var(--c)}
.vc.t-neon .vc-title,.vc.t-neon .vc-user,.vc.t-neon .vc-counts span{color:#a5a6d6}
.vc.t-neon .vc-av{border-color:var(--c);box-shadow:0 0 24px var(--c)}
.vc.t-neon .vc-acts a{color:#e6e6ff}
.vc.t-neon .vc-acts .ci{background:transparent;border:1.5px solid var(--c);color:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c) 60%,transparent),inset 0 0 10px color-mix(in srgb,var(--c) 35%,transparent)}
.vc.t-neon .vc-save{background:transparent;border:1.5px solid var(--c);color:var(--c);box-shadow:0 0 20px color-mix(in srgb,var(--c) 50%,transparent)}
.vc.t-neon .vc-line,.vc.t-neon .vc-about,.vc.t-neon .vc-soc,.vc.t-neon .vc-qr,.vc.t-neon .vc-bizs{border-color:#1d1d36;color:#e6e6ff}
.vc.t-neon .vc-soc a,.vc.t-neon .vc-bizs a,.vc.t-neon .vc-social{background:#14142a;color:#e6e6ff}
.vc.t-neon .vc-qr #qr{background:#fff;display:inline-block;padding:8px;border-radius:10px}
.vc-page.t-neon .vc-foot,.vc-page.t-neon .vc-foot a{color:#a5a6d6}
/* Kağız */
.vc-page.t-paper{background:#efe7da}
.vc.t-paper{background:#fffdf6;border-radius:6px;box-shadow:0 1px 0 #e5dccb,0 18px 40px rgba(80,50,20,.18);color:#2b2118}
.vc.t-paper h1{font-family:var(--vf,'Playfair Display'),Georgia,serif}
.vc.t-paper .vc-av{border-radius:8px;border-color:#fffdf6}
.vc.t-paper .vc-acts .ci{background:transparent;border:1.5px solid var(--c);color:var(--c);border-radius:50%}
.vc.t-paper .vc-acts a{color:#2b2118}
.vc.t-paper .vc-save{background:#2b2118;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.vc.t-paper .vc-line,.vc.t-paper .vc-about,.vc.t-paper .vc-soc,.vc.t-paper .vc-qr,.vc.t-paper .vc-bizs{border-top:1px dashed #e0d5c0}
.vc.t-paper .vc-soc a,.vc.t-paper .vc-social{background:#f5ecdc;color:#2b2118;border-radius:4px}
.vc-page.t-paper .vc-home,.vc-page.t-paper .vc-home b{color:#2b2118}.vc-page.t-paper .vc-home .logo-mark{background:#2b2118}
/* Korporativ */
.vc-page.t-corporate{background:linear-gradient(#e5ebf3,#f3f6fa)}
.vc.t-corporate{border-radius:14px}
.vc.t-corporate .vc-top{background:var(--c);color:#fff;text-align:left;display:flex;gap:16px;align-items:center;padding:24px 22px}
.vc.t-corporate .vc-av{width:88px;height:88px;margin:0;font-size:28px;border-radius:14px;border-color:rgba(255,255,255,.35)}
.vc.t-corporate .vc-top h1{font-size:22px}
.vc.t-corporate .vc-title,.vc.t-corporate .vc-user{color:rgba(255,255,255,.85)}
.vc.t-corporate .vc-social{margin-top:16px}
.vc.t-corporate .vc-acts .ci{border-radius:10px}
.vc.t-corporate .vc-save{border-radius:10px}
.vc-page.t-corporate .vc-home,.vc-page.t-corporate .vc-home b{color:#1e293b}.vc-page.t-corporate .vc-home .logo-mark{background:var(--c)}
/* Aurora */
.vc-page.t-aurora{background:linear-gradient(120deg,var(--c),#22d3ee,#a78bfa,#f472b6,var(--c));background-size:300% 300%;animation:aurora 14s ease infinite}
@keyframes aurora{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.vc.t-aurora{background:rgba(255,255,255,.78);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border:1px solid rgba(255,255,255,.6)}
.vc.t-aurora .vc-acts .ci,.vc.t-aurora .vc-save{background:linear-gradient(135deg,var(--c),#a78bfa)}
.vc.t-aurora .vc-soc a,.vc.t-aurora .vc-social,.vc.t-aurora .vc-bizs a{background:rgba(255,255,255,.6)}
/* Monoxrom */
.vc-page.t-mono{background:#f2f2f2}
.vc.t-mono{border:2px solid #111;border-radius:4px;box-shadow:8px 8px 0 #111}
.vc.t-mono .vc-av{filter:grayscale(1);border-color:#111;border-width:3px;box-shadow:none}
.vc.t-mono h1{text-transform:uppercase;letter-spacing:.04em}
.vc.t-mono .vc-acts .ci,.vc.t-mono .vc-save{background:#111;border-radius:2px}
.vc.t-mono .vc-line .ic{color:#111}
.vc.t-mono .vc-line,.vc.t-mono .vc-about,.vc.t-mono .vc-soc,.vc.t-mono .vc-qr,.vc.t-mono .vc-bizs{border-color:#111}
.vc.t-mono .vc-soc a,.vc.t-mono .vc-social{background:#fff;border:1.5px solid #111;border-radius:2px}
.vc.t-mono .vc-otw{background:#111;color:#fff}
.vc-page.t-mono .vc-home,.vc-page.t-mono .vc-home b{color:#111}.vc-page.t-mono .vc-home .logo-mark{background:#111}
/* Meşə */
.vc-page.t-forest{background:linear-gradient(160deg,#134e4a,#166534 60%,#3f6212)}
.vc.t-forest{background:#f7fbf4}
.vc.t-forest .vc-top{background:linear-gradient(180deg,#dcfce7,#f7fbf4)}
.vc.t-forest .vc-acts .ci,.vc.t-forest .vc-save{background:linear-gradient(135deg,#15803d,#0f766e)}
.vc.t-forest .vc-line .ic{color:#15803d}
.vc.t-forest .vc-soc a,.vc.t-forest .vc-social,.vc.t-forest .vc-bizs a{background:#e7f5e4}
.vc-page.t-forest .vc-foot,.vc-page.t-forest .vc-foot a{color:rgba(255,255,255,.85)}

/* ---------- CV şablonları ---------- */
.cv-doc{--cv:#0575fb;font-family:var(--cvf,Inter),Inter,system-ui,sans-serif;background:#fff!important;color:#1e293b;--muted:#64748b;line-height:1.55}
.cv-doc h1,.cv-doc h2,.cv-doc h3,.cv-doc h4{color:inherit}
.cv-doc .tags{display:flex;flex-wrap:wrap;gap:6px}
.cv-doc .tg{display:inline-block;padding:3px 10px;border-radius:99px;background:color-mix(in srgb,var(--cv) 12%,#fff);color:color-mix(in srgb,var(--cv) 80%,#000);font-size:12.5px;font-weight:600}
.cv-doc .ct{display:flex;align-items:center;gap:8px;margin:5px 0;word-break:break-word}
.cv-doc .ct .ic{width:15px;height:15px;flex:none;opacity:.85}
.cv-doc .cv-photo{width:130px;height:130px;border-radius:50%;object-fit:cover;display:block}
.cv-doc .cv-it{margin-bottom:14px;break-inside:avoid}
.cv-doc .cv-it .d{color:#64748b;font-size:12.5px}
.cv-doc .cv-it .pl{color:var(--cv);font-weight:600}
/* quruluşlar */
.cvs-side{display:grid;grid-template-columns:1fr}
@media(min-width:720px){.cvs-side{grid-template-columns:260px 1fr}}
.cvs-side aside{padding:30px 22px}
.cvs-side main{padding:30px 30px}
.cvs-side aside h4{text-transform:uppercase;font-size:12px;letter-spacing:.1em;margin:22px 0 8px}
.cvs-single{padding:38px clamp(22px,5vw,48px)}
.cvs-split header{padding:30px clamp(22px,5vw,40px)}
.cvs-split .cols{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:720px){.cvs-split .cols{grid-template-columns:1fr 250px}}
.cvs-split main{padding:24px clamp(22px,5vw,40px)}
.cvs-split aside{padding:24px 22px}
.cv-doc main h3,.cvs-single h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin:22px 0 12px}
.cv-doc h1{margin:0;font-size:30px;line-height:1.15}
.cv-doc .role{font-weight:600;font-size:16px;margin:4px 0 0}
/* Müasir */
.cv-t-modern aside{background:#1e293b;color:#e2e8f0}
.cv-t-modern aside h4{color:color-mix(in srgb,var(--cv) 55%,#fff)}
.cv-t-modern aside .cv-photo{border:4px solid #334155;margin:0 auto 16px}
.cv-t-modern aside .tg{background:#334155;color:#e2e8f0}
.cv-t-modern .role{color:var(--cv)}
.cv-t-modern main h3{border-bottom:2px solid var(--cv);padding-bottom:6px}
/* Kreativ */
.cv-t-creative aside{background:linear-gradient(170deg,var(--cv),color-mix(in srgb,var(--cv) 60%,#000));color:#fff}
.cv-t-creative aside h4{color:rgba(255,255,255,.75)}
.cv-t-creative aside .cv-photo{border:5px solid rgba(255,255,255,.35);margin:0 auto 16px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}
.cv-t-creative aside .tg{background:rgba(255,255,255,.18);color:#fff}
.cv-t-creative main h1{font-size:36px;background:linear-gradient(135deg,var(--cv),#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.cv-t-creative main h3{display:inline-block;background:color-mix(in srgb,var(--cv) 12%,#fff);color:var(--cv);padding:5px 12px;border-radius:99px;letter-spacing:.05em}
/* Minimal */
.cv-t-minimal h1{font-size:34px;font-weight:800;letter-spacing:-.03em}
.cv-t-minimal .role{color:#64748b;font-weight:500}
.cv-t-minimal .contacts{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 4px;color:#475569;font-size:13.5px}
.cv-t-minimal h3{color:var(--cv);border:0;font-size:12px;letter-spacing:.14em}
.cv-t-minimal .sec{display:grid;gap:0 24px}
@media(min-width:700px){.cv-t-minimal .sec{grid-template-columns:140px 1fr}.cv-t-minimal .sec h3{margin-top:4px}}
.cv-t-minimal hr{border:0;border-top:1px solid #e2e8f0;margin:18px 0}
/* Klassik + Elegant */
.cv-t-classic header,.cv-t-elegant header{text-align:center;padding-bottom:16px;margin-bottom:6px}
.cv-t-classic header{border-bottom:1px solid #cbd5e1}
.cv-t-classic h1,.cv-t-classic h3,.cv-t-elegant h1{font-family:var(--cvf,Georgia),Georgia,serif}
.cv-t-classic h3{font-size:16px;text-transform:none;letter-spacing:0;border-bottom:1px solid #cbd5e1;padding-bottom:4px}
.cv-t-classic .contacts,.cv-t-elegant .contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;color:#475569;font-size:13.5px;margin-top:8px}
.cv-t-elegant header{border-bottom:2px solid #0f172a}
.cv-t-elegant .cv-photo{margin:0 auto 14px;width:110px;height:110px;border:3px solid color-mix(in srgb,var(--cv) 25%,#fff)}
.cv-t-elegant h3{color:var(--cv);border-bottom:1px solid color-mix(in srgb,var(--cv) 20%,#fff);padding-bottom:5px;text-align:center}
.cv-t-elegant .role{color:var(--cv);font-style:italic}
/* Xronologiya */
.cv-t-timeline header{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cv-t-timeline .cv-photo{width:96px;height:96px;border:3px solid var(--cv)}
.cv-t-timeline .role{color:var(--cv)}
.cv-t-timeline .contacts{display:flex;flex-wrap:wrap;gap:4px 14px;color:#475569;font-size:13px;margin-top:6px}
.cv-t-timeline h3{color:var(--cv)}
.cv-t-timeline .tl-box{position:relative;padding-left:26px;border-left:2px solid color-mix(in srgb,var(--cv) 30%,#fff);margin-left:6px}
.cv-t-timeline .tl-box .cv-it::before{content:"";position:absolute;left:-34px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--cv)}
.cv-t-timeline .tl-box .cv-it{position:relative}
/* Rəhbər */
.cv-t-executive header{background:#0f172a;color:#fff;border-bottom:5px solid var(--cv);display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.cv-t-executive header .cv-photo{width:100px;height:100px;border:3px solid var(--cv)}
.cv-t-executive header .role{color:color-mix(in srgb,var(--cv) 50%,#fff)}
.cv-t-executive header .contacts{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:13px;color:#cbd5e1}
.cv-t-executive main h3{border-left:4px solid var(--cv);padding-left:10px}
.cv-t-executive aside{background:#f8fafc;border-left:1px solid #e2e8f0}
.cv-t-executive aside h4{color:var(--cv);text-transform:uppercase;font-size:12px;letter-spacing:.1em;margin:0 0 8px}
.cv-t-executive aside h4~h4{margin-top:20px}
/* Yığcam */
.cv-doc.cv-t-compact{font-size:13px}
.cv-t-compact header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:3px solid var(--cv);padding-bottom:16px}
.cv-t-compact h1{font-size:26px}
.cv-t-compact .role{color:var(--cv);font-size:14px}
.cv-t-compact .contacts{font-size:12.5px;color:#475569;text-align:right}
.cv-t-compact main h3{font-size:12px;color:var(--cv);margin:16px 0 8px}
.cv-t-compact aside{background:color-mix(in srgb,var(--cv) 6%,#fff)}
.cv-t-compact aside h4{color:var(--cv);text-transform:uppercase;font-size:11.5px;letter-spacing:.1em;margin:0 0 6px}
.cv-t-compact aside h4~h4{margin-top:16px}
.cv-t-compact .cv-it{margin-bottom:10px}
/* Cəsur */
.cv-t-bold{padding:0!important}
.cv-t-bold .hero{background:var(--cv);color:#fff;padding:38px clamp(22px,5vw,48px) 54px;position:relative}
.cv-t-bold .hero h1{font-size:40px;font-weight:800;letter-spacing:-.03em}
.cv-t-bold .hero .role{color:rgba(255,255,255,.85)}
.cv-t-bold .hero .contacts{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:13.5px;color:rgba(255,255,255,.9)}
.cv-t-bold .hero .cv-photo{position:absolute;right:clamp(22px,5vw,48px);bottom:-44px;width:116px;height:116px;border:5px solid #fff}
.cv-t-bold .body{padding:30px clamp(22px,5vw,48px) 38px}
.cv-t-bold h3{font-size:20px;text-transform:none;letter-spacing:-.01em;color:var(--cv)}
@media(max-width:600px){.cv-t-bold .hero .cv-photo{position:static;margin-top:14px}}
@media print{
  .cv-doc *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .cvs-side{grid-template-columns:240px 1fr!important}
  .cvs-split .cols{grid-template-columns:1fr 230px!important}
  body[class*="th-"]{background:#fff!important}
}
.embed-pv{padding:0!important;background:#e9ecf3!important}
.embed-pv .cv-doc{margin:0 auto;box-shadow:none}
.alert-info{background:var(--pri-soft);color:var(--ink)}.alert-info a{color:var(--pri)}
.ds-link{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;border:1.5px dashed color-mix(in srgb,var(--pri) 40%,var(--line));background:var(--pri-soft);color:var(--ink);margin-bottom:16px}
.ds-link b{display:flex;align-items:center;gap:6px}.ds-link b .ic{width:17px;height:17px;color:var(--pri)}
.ds-link small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.ds-link:hover{border-style:solid}
.cv-t-compact .contacts{display:flex;flex-direction:column;gap:2px}
.sh-nav a,.sh-nav .nt{white-space:nowrap}
@media(max-width:1400px){.sh-search{max-width:230px}}
@media(min-width:760px){.ph-l-banner .ph-body{flex-wrap:nowrap}.ph-l-banner .ph-acts{flex-wrap:nowrap}}
.sb-row .fbtn{min-width:0;padding:7px 12px}
.th-dark .feed-tabs a.on{color:var(--bg)}
.th-dark .lead,.th-dark .cm li a{color:var(--ink)}
@media(max-width:759px){.ph-l-banner .ph-acts .btn-soft,.ph-l-banner .ph-acts .btn-ghost{background:var(--pri-soft);color:var(--pri);border-color:transparent;backdrop-filter:none}}

/* =========================================================
   v7 — qonaq mega menyusu, ana səhifə bölmələri, mobil, skelet
   ========================================================= */
.hdr{position:sticky;top:0;z-index:40}
.th-dark .hdr,.th-vivid .hdr{background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px)}
.hdr .logo-t{font-weight:800;color:var(--ink)}.hdr .logo-t b{color:var(--pri)}
.hsearch{background:var(--soft)}
.hsearch select{color:var(--ink)}
.hicon{border:0;cursor:pointer}
.hicons .ui-dd{display:block}
.hicons .ui-menu{right:0}
/* mega menyu əlavələri */
.cm-new{background:linear-gradient(135deg,#ec4899,#f59e0b)!important;color:#fff!important;font-size:9.5px!important;font-weight:800;letter-spacing:.05em}
.cm-fly-h{padding:10px 18px 6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8}
.cm a.cm-ent{gap:10px}
.cm a.cm-ent span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.cm a.cm-ent b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm a.cm-ent small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm em.cm-price{background:color-mix(in srgb,#16a34a 12%,var(--card))!important;color:#16a34a!important;font-weight:700;white-space:nowrap}
.cm a.cm-all{color:var(--pri)!important;font-weight:700!important;justify-content:center}
.cm li a{color:var(--ink)}
.th-dark .cm li a{border-color:var(--line2)}
.cm-sub>a .cm-arr{transition:.2s}
@media(min-width:860px){
  .cat-menu,.home-cats{overflow:visible}
  .cm-sub:hover>.cm-fly{width:300px!important;max-height:470px!important;overflow:auto;animation:flyIn .16s ease}
  @keyframes flyIn{from{opacity:0;transform:translateX(-6px)}}
}
.home-cats .cm{max-height:none}
@media(min-width:860px){.home-top>.home-cats{margin-top:0}.home-cats>.cm{padding-top:4px}}
/* ana səhifə bölmələri */
.is-home .main{padding-bottom:30px}
.hsec{margin-top:30px}
.hsec .card-h h2{font-size:clamp(19px,2.2vw,23px);display:flex;align-items:center;gap:9px}
.hsec .card-h h2 .ic{width:22px;height:22px;color:var(--pri)}
.hsec .type-chips{margin-bottom:6px}
.tiles-4{columns:2 160px}
@media(min-width:700px){.tiles-4{columns:3 180px}}
@media(min-width:1100px){.tiles-4{columns:4 200px}}
.hsec-2{display:grid;gap:10px 22px}
@media(min-width:900px){.hsec-2{grid-template-columns:1.4fr 1fr}}
.hsec-2 .card-h.sec{margin-top:0}
.co-row{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.co-card{transition:.2s}.co-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.co-card .btn-soft{background:color-mix(in srgb,var(--c) 12%,var(--card));color:var(--c)}
.cta-band{margin:34px 0 10px;border-radius:24px;padding:30px clamp(20px,4vw,44px);display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;color:#fff;
  background:radial-gradient(400px 200px at 90% 0,rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,var(--pri),#a855f7 55%,#ec4899)}
.cta-band h2{margin:0 0 4px;font-size:clamp(21px,3vw,28px)}.cta-band p{margin:0;opacity:.9}
.btn-light{background:#fff;color:var(--pri);border-color:#fff}.btn-light:hover{background:#f5f3ff}
.slider{background:var(--card)}
.sl-kick{background:color-mix(in srgb,var(--ring) 12%,var(--card))}
.promo .pro-dot{position:relative}
.home-stats{overflow:hidden}

/* ---------- Mobil: tam dəstək ---------- */

img,video,iframe{max-width:100%}
.main{min-width:0}
.sgrid>*{min-width:0}
.trunc{min-width:0}
@media(max-width:859px){
  .hdr-top{height:60px;gap:10px}
  .hdr .logo{font-size:19px}
  .hdr-bot{gap:8px;padding-bottom:10px}
  .hsearch{height:42px}.cat-btn{height:42px;width:42px}
  .hsearch input{font-size:16px!important}
  .home-top{gap:12px;margin-top:4px}
  .slider{border-radius:18px}
  .sl-txt h2{font-size:23px}
  .sl-txt p{font-size:14px}
  .sl-art{height:210px}
  .home-stats b{font-size:18px}.home-stats span{font-size:11.5px}
  .hsec{margin-top:24px}
  .cta-band{border-radius:18px;padding:22px 18px}
  .cta-band .btn-row{width:100%}.cta-band .btn{flex:1;justify-content:center}
  .cat-menu .cm{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media(max-width:480px){
  .wrap{padding-left:12px;padding-right:12px}
  .hmob-act .btn{padding:7px 11px;font-size:13px}
  .hs-btn{padding:0 14px}
  .card{padding:14px}
  .post{padding:14px 12px 4px;border-radius:16px}
  .post-acts .pa span{display:none}
  .page-head h1{font-size:22px}
  .ph-main h1{font-size:21px}
  .ph-stats{gap:12px;font-size:13px}
  .co-row{grid-template-columns:1fr 1fr;gap:10px}
  .co-card{padding:0 10px 12px}.co-card .co-cover{margin:0 -10px}
  .co-card .co-logo .av{width:52px!important;height:52px!important}
  .tiles,.tiles-3,.tiles-4{column-gap:8px}
  .list-2{grid-template-columns:1fr!important}
  .ds-tabs a{padding:9px 12px;font-size:14px}
  .picks{grid-template-columns:repeat(2,1fr)}
  .picks.lg{grid-template-columns:1fr 1fr}
  .font-picks{grid-template-columns:1fr 1fr}
  .save-bar{flex-wrap:wrap}.save-bar .grow{display:none}.save-bar .btn{flex:1;justify-content:center}
  .emo-grid button{font-size:25px;padding:8px 0}
  table{font-size:13px}
}
@media(max-width:859px){
  .ds-grid.has-prev{display:flex;flex-direction:column-reverse}
  .ds-prev{position:relative;top:0}
  .ds-prev .frame{height:460px;max-width:380px;margin:0 auto}
  .ds-prev .frame.wide{max-width:none}
}
/* mobil alt menyu: iPhone kəsiyi, aktiv vurğu */
.nav-mob a{position:relative;-webkit-tap-highlight-color:transparent}
.nav-mob a.on::before{content:"";position:absolute;top:-6px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--pri)}
.nav-mob a.mob-biz.on::before{display:none}
@media(max-width:859px){.btn,.pa,.tc,.ds-tabs a,.nav-mob a{touch-action:manipulation}}

/* ---------- Skelet yükləyicilər ---------- */
.sk{--skb:color-mix(in srgb,var(--ink) 8%,var(--card));background:linear-gradient(110deg,var(--skb) 8%,color-mix(in srgb,var(--ink) 3%,var(--card)) 18%,var(--skb) 33%)!important;background-size:200% 100%!important;animation:shimmer 1.2s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
.sk-c{border-radius:50%}
.sk-btn{height:36px;width:110px;border-radius:12px}
.sk-h{height:22px;margin:6px 0 12px}
.w20{width:20%}.w30{width:30%}.w40{width:40%}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}
/* şəkillər yüklənənə qədər parıltı */
.gal,.tile .tile-img,.co-cover,.ph-cover,.loc-map{background-color:var(--soft)}
img.lz{background:linear-gradient(110deg,var(--soft) 8%,color-mix(in srgb,var(--soft) 40%,var(--card)) 18%,var(--soft) 33%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}
img.lz.ok{animation:none;background:none}
/* səhifə keçidi skeleti */
#page-skel{display:none}
body.nav-loading #page-skel{display:block}
body.nav-loading main.main>*:not(#page-skel){display:none!important}
.ps-grid{display:grid;gap:16px}
@media(min-width:1100px){.ps-grid.three{grid-template-columns:260px 1fr 300px}}
@media(min-width:860px){.ps-grid.two{grid-template-columns:1fr 300px}}
.ps-side{display:none}
@media(min-width:1100px){.ps-side{display:block}}
.ps-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px;box-shadow:var(--sh)}
.ps-row{display:flex;gap:12px;align-items:center}
.ps-row .grow{flex:1}
.ps-head{height:220px;border-radius:var(--r);margin-bottom:14px}
.ps-tiles{columns:2 160px;column-gap:12px}
@media(min-width:900px){.ps-tiles{columns:4 180px}}
.ps-tiles .sk{break-inside:avoid;margin-bottom:12px;border-radius:16px}
.ps-chat{display:grid;gap:12px}
@media(min-width:860px){.ps-chat{grid-template-columns:320px 1fr}}
.home-cats{position:relative;z-index:6}
.cm .av{flex:none!important}
.cm-ti{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
.cm-ti .ic{width:16px!important;height:16px!important;color:inherit!important}
@media(min-width:860px){.home-top{align-items:stretch}.slider{min-height:440px}}
.cm a.cm-ent span.av{display:grid!important;place-items:center;flex-direction:row}
.hsec .card-h a{white-space:nowrap}
@media(max-width:600px){.hsec .card-h h2{font-size:18px}.hsec .card-h h2 .ic{width:19px;height:19px}.sl-art{height:250px}.mock-card{font-size:11px}}
.tile img.lz{min-height:170px}.gal img.lz{min-height:220px}
.link-row input{min-width:0;width:100%}code{word-break:break-all;white-space:normal}
.w-tile{display:flex;align-items:center;gap:12px;color:var(--ink);transition:.15s}
.w-tile:hover{border-color:var(--pri);transform:translateY(-2px)}
.w-tile .ic{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--pri-soft);color:var(--pri);flex:none;box-sizing:border-box}
.w-tile b{flex:1}.w-tile span{color:var(--muted);font-size:13px;white-space:nowrap}
.ph-acts>.icon-only{flex:none!important}
input[type=file]{max-width:100%;min-width:0;font-size:13px}.grow{min-width:0}

/* ---------- Test (sual-cavab) paylaşımı ---------- */
.quiz{border:1.5px solid color-mix(in srgb,#be185d 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#be185d 6%,var(--card)),var(--card));border-radius:16px;padding:14px;margin-bottom:10px}
.qz-q{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.4;margin-bottom:12px}
.qz-q .ic{width:24px;height:24px;color:#be185d;flex:none;margin-top:1px}
.qz-opts{display:grid;gap:8px}
.qz-o{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:600 14.5px Inter,sans-serif;cursor:pointer;overflow:hidden;transition:.15s;z-index:0}
.qz-o::before{content:"";position:absolute;inset:0;width:var(--w,0);background:color-mix(in srgb,var(--pri) 12%,transparent);z-index:-1;transition:width .6s cubic-bezier(.2,.8,.2,1)}
.quiz:not(.done) .qz-o:hover{border-color:#be185d;transform:translateX(3px)}
.qz-o i{font-style:normal;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-size:12.5px;font-weight:800;flex:none}
.qz-o span{flex:1}
.qz-o em{font-style:normal;font-weight:800;font-size:13px;color:var(--muted)}
.qz-o:disabled{cursor:default;opacity:1}
.qz-o.ok{border-color:#16a34a}.qz-o.ok::before{background:color-mix(in srgb,#16a34a 16%,transparent)}.qz-o.ok i{background:#16a34a;color:#fff}.qz-o.ok em{color:#16a34a}
.qz-o.bad{border-color:#e11d48}.qz-o.bad::before{background:color-mix(in srgb,#e11d48 14%,transparent)}.qz-o.bad i{background:#e11d48;color:#fff}
.qz-o.my::after{content:"Sizin";position:absolute;right:52px;font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.quiz.busy .qz-o{pointer-events:none;opacity:.7}.quiz.busy .qz-o.pick{opacity:1;border-color:#be185d}
.qz-f{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:10px}
.qz-r{font-weight:700}.qz-r.ok{color:#16a34a}.qz-r.bad{color:#e11d48}
.qz-exp{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:14px}
.qz-exp .ic{width:17px;height:17px;color:#f59e0b;flex:none;margin-top:2px}
.qz-edit{display:grid;gap:8px;margin:6px 0 14px}
.qz-row{display:flex;align-items:center;gap:10px;margin:0}
.qz-row input[type=radio]{width:20px;height:20px;flex:none;accent-color:#16a34a}
.qz-row i{font-style:normal;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-weight:800;font-size:13px;flex:none}
.qz-row input[type=radio]:checked~i{background:#16a34a;color:#fff}
.qz-row input[type=text]{flex:1;min-width:0}
/* paylaşım növü seçimində "şirkət" nişanı və tez yaratma */
.tp2{position:relative}
.tp-biz{position:absolute;top:6px;right:6px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:99px;background:var(--card);color:var(--pf);opacity:.9}
.quick-biz{text-align:center;padding:22px 10px 6px}
.qb-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 12px}
.qb-ic .ic{width:30px;height:30px}
.quick-biz h3{margin:0 0 6px}
.quick-biz p{max-width:460px;margin:0 auto 14px}
.qb-form{display:flex;gap:8px;max-width:460px;margin:0 auto;flex-wrap:wrap}
.qb-form input{flex:1;min-width:200px}

/* ---------- Qırıq ürək: daha aydın ---------- */
.pa-react{display:contents}
.post-acts{grid-template-columns:repeat(5,1fr)}
.pa-dis{padding:9px 4px!important}
.pa-dis span{display:inline}
.pa .ic{flex:none}
.pa[data-dislike] .ic{stroke-linejoin:round}
.pa.on[data-dislike]{color:#7c3aed}.pa.on[data-dislike] .ic{fill:#c4b5fd;stroke:#6d28d9}
.pa[data-dislike]:hover{color:#7c3aed;background:color-mix(in srgb,#7c3aed 8%,transparent)}
.pa[data-like]:hover{color:#e11d48;background:color-mix(in srgb,#e11d48 7%,transparent)}
@keyframes splitL{50%{transform:translate(-1.5px,1px) rotate(-8deg)}}
@keyframes splitR{50%{transform:translate(1.5px,1px) rotate(8deg)}}
@media(max-width:1180px){.post-acts .pa span{display:none}}
@media(min-width:1181px){.post-acts .pa{font-size:13.5px;gap:6px}}
.pa-n{font-weight:800;font-size:13.5px;min-width:0}
.pa-n:empty{display:none}
.post-acts .pa span{display:none}
@media(min-width:1240px){.sgrid.no-right .post-acts .pa span,.post-full .post-acts .pa span{display:inline}}
.post-stats:empty{display:none}

/* ---------- v8: vahid mağaza başlığı (daxil olmuş istifadəçi üçün də) ---------- */
.hdr{position:sticky;top:-62px}
@media(max-width:859px){.hdr{top:-56px}}
.sl,.sr{top:78px}
@media(min-width:860px){.ds-prev{top:80px}}
.hicon{position:relative}
.hicon .hdot,.hm-ic .hdot{position:absolute;top:-5px;right:-5px}
.hme{display:flex;align-items:center;gap:9px;height:46px;padding:0 10px 0 6px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);font:inherit;max-width:190px}
.hme:hover{border-color:var(--pri)}
.hme span{display:flex;flex-direction:column;line-height:1.15;text-align:left;min-width:0}
.hme b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hme small{font-size:11.5px;color:var(--muted)}
.hme .chev{width:15px;height:15px;color:var(--muted);flex:none}
.hicons .me-dd .dd-menu{right:0;left:auto}
.hmob-user{gap:8px}
.hm-ic{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--ink)}
.hm-ic .ic{width:21px;height:21px}
.hm-plus{background:var(--pri);color:#fff}
.hm-me{border:0;background:none;padding:0;cursor:pointer;display:grid}
.hmob-user .me-menu{right:0;left:auto;position:absolute;width:min(300px,calc(100vw - 24px))}
@media(min-width:860px){.hmob-user{display:none!important}}
@media(max-width:1023px) and (min-width:860px){.hmob-act:not(.hmob-user){display:none}}
.hnav .hbadge{pointer-events:none}
.feed-gap{height:18px}
.is-home .sgrid{margin-top:0}
@media(min-width:860px) and (max-width:1100px){.hme span{display:none}.hme{padding:0 8px}}
@media(min-width:860px) and (max-width:1180px){.hbox{padding:0 12px}.hbox span small{display:none}.catdd{width:220px}}
html{overflow-x:hidden;overscroll-behavior-x:none}
body{overflow-x:clip;max-width:100vw}
.slider,.slides{touch-action:pan-y}
/* iPhone: fokusda avtomatik böyütmə (ekranın yana sürüşməsi) olmasın */
@media(max-width:859px){
  input[type=text],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=search],select,textarea{font-size:16px!important}
  .cmt-form input,.chat-form textarea{font-size:16px!important}
  /* ana səhifə: uzun sürüşmə əvəzinə yan-yana kaydırılan sıralar */
  .is-home .co-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -12px;padding:2px 12px 10px;scrollbar-width:none;overscroll-behavior-x:contain}
  .is-home .co-row::-webkit-scrollbar{display:none}
  .is-home .co-row>.co-card{flex:0 0 72%;scroll-snap-align:start}
  .is-home .hsec .list-2{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -12px;padding:2px 12px 10px;scrollbar-width:none;overscroll-behavior-x:contain}
  .is-home .hsec .list-2>*{flex:0 0 86%;scroll-snap-align:start}
  .is-home .land-feats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -12px;padding:2px 12px 10px;scrollbar-width:none}
  .is-home .land-feats>*{flex:0 0 70%;scroll-snap-align:start}
  .is-home #guest-tiles .tile:nth-child(n+7){display:none}
}


.pa.pop[data-dislike] .ic{animation:shake .45s ease}
.pa.pop[data-dislike] .ic path{animation:none}
.hme .av,.hm-me .av{display:grid!important;place-items:center;flex:none;flex-direction:row}
@media(max-width:600px){.sl-art{height:270px}.mock-card{top:54%}}

/* ---------- v9: menyu ikonları ---------- */
.hnav a{display:flex;align-items:center;gap:7px}
.hnav a .ic{width:18px;height:18px;flex:none;opacity:.85}
.hnav a:hover .ic,.hnav a.on .ic{opacity:1;color:var(--pri)}
.hnav a .hbadge{left:calc(50% + 12px)}
@media(max-width:1439px){.hcontact{display:none!important}}
@media(min-width:1024px) and (max-width:1279px){.hnav a{padding:10px 7px;font-size:12.5px;letter-spacing:.03em;gap:5px}.hnav a .ic{width:16px;height:16px}}

/* ---------- Açılan panellər (mesaj / bildiriş) ---------- */
.hpop-wrap{position:relative}
.hicon.on{background:var(--pri);color:#fff}
.hpop{position:absolute;right:-60px;top:calc(100% + 10px);width:380px;max-height:min(560px,calc(100vh - 140px));display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(20,18,50,.22);z-index:60;overflow:hidden;animation:hpIn .16s ease}
.hpop[hidden]{display:none}
@keyframes hpIn{from{opacity:0;transform:translateY(-6px)}}
.hp-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px}
.hp-h b{font-size:19px;letter-spacing:-.02em}
.hp-h a{font-size:13.5px;font-weight:700}
.hp-search{margin:0 12px 8px;width:auto!important;border-radius:99px!important;background:var(--soft)!important;border-color:transparent!important;padding:9px 14px!important;font-size:14px!important}
.hp-body{overflow:auto;padding:0 6px 8px;flex:1}
.hp-body .notif{border-radius:12px;margin:0;padding:9px 10px}
.hp-body .cl-item{border-radius:12px;padding:9px 10px;border:0}
.hp-body .cl-item:hover,.hp-body .notif:hover{background:var(--soft)}
.hp-sk{display:flex;gap:10px;align-items:center;padding:9px 10px}
.hp-sk .grow{flex:1}
.hp-empty{text-align:center;color:var(--muted);padding:34px 10px}
.hp-empty .ic{width:34px;height:34px;color:var(--pri);opacity:.6}
.hp-empty p{margin:8px 0 0}

/* ---------- Kiçik çat pəncərələri ---------- */
.chat-dock{position:fixed;right:18px;bottom:0;z-index:70;display:flex;align-items:flex-end;gap:12px;pointer-events:none}
.cbox{pointer-events:auto;width:330px;height:440px;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 12px 40px rgba(20,18,50,.24);overflow:hidden;animation:cbIn .2s ease}
@keyframes cbIn{from{transform:translateY(30px);opacity:0}}
.cbox.min{height:52px}
.cbox.min .cb-body,.cbox.min .cb-form{display:none}
.cb-h{display:flex;align-items:center;gap:9px;padding:8px 8px 8px 10px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 10%,var(--card)),var(--card));cursor:default;min-height:52px}
.cbox.min .cb-h{cursor:pointer}
.cbox.ping .cb-h{background:var(--pri);color:#fff}.cbox.ping .cb-h small,.cbox.ping .cb-h a{color:#fff}
.cb-av{flex:none;display:grid}
.cb-n{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.cb-n a{color:var(--ink)}
.cb-n b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.cb-n small{font-size:12px;color:var(--muted)}
.cb-btn{width:30px;height:30px;border-radius:9px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;font-size:16px;flex:none}
.cb-btn:hover{background:var(--soft);color:var(--ink)}
.cb-body{flex:1;overflow:auto;padding:12px 10px;display:flex;flex-direction:column;gap:2px;background:var(--bg)}
.cb-body .msg{max-width:86%}
.cb-body .bubble{font-size:14px;padding:8px 12px}
.cb-body .msg.sending{opacity:.6}.cb-body .msg.fail .bubble{background:var(--err-soft)!important;color:var(--err)!important}
.cb-empty{text-align:center;color:var(--muted);margin:auto}
.cb-form{display:flex;align-items:flex-end;gap:6px;padding:8px;border-top:1px solid var(--line);background:var(--card)}
.cb-form textarea{flex:1;min-height:38px!important;max-height:110px;resize:none;border-radius:19px!important;padding:8px 14px!important;background:var(--soft)!important;border-color:transparent!important;font-size:14px!important;line-height:1.4}
.cb-form .emo-btn{width:36px;height:36px;font-size:19px}
.cb-send{width:38px;height:38px;border-radius:50%;border:0;background:var(--pri);color:#fff;font-size:16px;cursor:pointer;flex:none}
@media(max-width:859px){.chat-dock{display:none}}

/* ---------- v10: Haqqımızda / Əlaqə / yeni footer ---------- */
.info-hero{position:relative;text-align:center;padding:46px 16px 34px;border-radius:26px;margin-top:18px;overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 9%,var(--card)),var(--card) 55%,color-mix(in srgb,#ec4899 8%,var(--card)));border:1px solid var(--line)}
.info-hero>*:not(.blob){position:relative;z-index:1}
.info-hero h1{font-size:clamp(28px,4.4vw,46px);letter-spacing:-.035em;line-height:1.1;margin:14px auto 12px;max-width:760px}
.info-hero p{max-width:700px;margin:0 auto 10px;font-size:17px;color:var(--ink);line-height:1.65}
.info-hero p.sub{color:var(--muted);font-size:15.5px}
.ab-stats{margin-top:16px}
.ab-two{display:grid;gap:16px}
@media(min-width:800px){.ab-two{grid-template-columns:1fr 1fr}}
.ab-side{padding:22px;border-top:4px solid var(--c)}
.ab-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 13%,var(--card));color:var(--c);margin-bottom:10px}
.ab-ic .ic{width:24px;height:24px}
.ab-side h3{margin:0 0 10px}
.ab-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:9px}
.ab-list li{position:relative;padding-left:28px;line-height:1.45}
.ab-list li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:color-mix(in srgb,var(--c) 14%,var(--card));color:var(--c)}
.ab-steps{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ab-step{position:relative;padding:20px}
.ab-n{position:absolute;top:14px;right:16px;font-size:34px;font-weight:800;color:color-mix(in srgb,var(--pri) 18%,var(--card));line-height:1}
.ab-sic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);margin-bottom:12px}
.ab-step b{display:block;font-size:16px;margin-bottom:4px}.ab-step p{margin:0;color:var(--muted);font-size:14px}
/* Əlaqə */
.ct-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:16px}
.ct-card{display:flex;flex-direction:column;gap:2px;padding:18px;color:var(--ink);transition:.15s;border-top:3px solid var(--c)}
a.ct-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.ct-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 13%,var(--card));color:var(--c);margin-bottom:8px}
.ct-card small{color:var(--muted);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.ct-card b{font-size:15.5px;word-break:break-word}
.ct-grid{display:grid;gap:16px;margin-top:16px}
@media(min-width:900px){.ct-grid{grid-template-columns:1.5fr 1fr;align-items:start}}
.ct-form-card{padding:24px}
.ct-side .card h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}
.ct-side .card h3 .ic{width:18px;height:18px;color:var(--pri)}
.faq{border-top:1px solid var(--line);padding:10px 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";color:var(--pri);font-weight:800}
.faq[open] summary::after{content:"–"}
.faq p{margin:8px 0 0;color:var(--muted);font-size:14px}
.ct-soc{display:flex;flex-wrap:wrap;gap:8px}
.hp-field{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.ct-ok{text-align:center;padding:30px 10px}
.ct-ok-ic{width:70px;height:70px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;font-size:34px;font-weight:800;background:var(--ok-soft);color:var(--ok)}
/* admin müraciət kartı */
.cm-msg.is-new{border-left:4px solid var(--warn)}
/* Yeni footer */
.foot{display:none}
.sfoot{margin-top:40px;background:var(--card);border-top:1px solid var(--line)}
.sf-grid{display:grid;gap:24px;padding-top:32px;padding-bottom:22px;grid-template-columns:1fr 1fr}
@media(min-width:860px){.sf-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.sf-brand{grid-column:1/-1}
@media(min-width:860px){.sf-brand{grid-column:auto}}
.sf-brand .logo{font-size:20px;display:inline-flex;align-items:center;gap:8px}
.sf-brand .logo-t{font-weight:800;color:var(--ink)}.sf-brand .logo-t b{color:var(--pri)}
.sf-brand p{color:var(--muted);font-size:14px;max-width:320px;margin:10px 0}
.sf-grid>div:not(.sf-brand){display:flex;flex-direction:column;gap:8px}
.sf-grid>div>b{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}
.sf-grid a{color:var(--ink);font-size:14.5px}
.sf-grid a:hover{color:var(--pri)}
.sf-soc{display:flex;gap:8px}
.sf-soc a{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--soft);font-weight:800;font-size:13px}
.sf-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:14px;padding-bottom:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.sf-bot a{color:var(--muted)}
@media(max-width:859px){.sfoot{padding-bottom:70px}}

/* ---------- v11: Əməkdaşlar ---------- */
.pt-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:6px}
.pt-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px 16px;transition:.2s}
.pt-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.pt-logo{display:grid;margin-bottom:4px}
.pt-logo .av{border-radius:20px;box-shadow:0 8px 20px rgba(30,27,58,.1);background-color:var(--card);object-fit:contain}
.pt-name{font-weight:800;font-size:16.5px;color:var(--ink);display:flex;align-items:center;gap:5px;justify-content:center}
.pt-cat{font-size:12px;font-weight:700;color:var(--pri);background:var(--pri-soft);padding:2px 10px;border-radius:99px}
.pt-about{margin:2px 0;color:var(--muted);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pt-rate{display:flex;align-items:center;gap:6px}
.pt-rate b{font-size:14px}
.stars{display:inline-flex;gap:1px;font-size:15px;line-height:1;letter-spacing:0}
.stars i{font-style:normal;color:color-mix(in srgb,var(--muted) 35%,transparent)}
.stars i.f{color:#f59e0b}
.stars i.h{background:linear-gradient(90deg,#f59e0b 50%,color-mix(in srgb,var(--muted) 35%,transparent) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb-row .stars{font-size:11px}
.pt-stats{display:flex;gap:8px;margin:4px 0 8px}
.pt-stats>*{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:99px;background:var(--soft);color:var(--muted);font:600 13px Inter,sans-serif;border:0}
.pt-stats .ic{width:15px;height:15px}
.pt-stats b{color:var(--ink)}
.pt-like{cursor:pointer;transition:.15s}
.pt-like:hover{color:#e11d48}
.pt-like.on{background:color-mix(in srgb,#e11d48 12%,var(--card));color:#e11d48}.pt-like.on .ic{fill:#e11d48}
.pt-like.pop .ic{animation:pop .4s ease}
.pt-go{margin-top:auto;justify-content:center}
.pt-go .ic{width:15px;height:15px}
.pt-hero .lh-kick{display:inline-flex;align-items:center;gap:6px}.pt-hero .lh-kick .ic{width:15px;height:15px}
.pt-sum{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:14px;color:var(--muted)}
.pt-sum b{color:var(--ink);font-size:18px}
.pt-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin:18px 0 10px}
.pt-bar .type-chips{padding:0;flex:1;min-width:0}
.pt-bar .tc em{font-style:normal;opacity:.6;margin-left:3px}
.pt-tools{display:flex;gap:8px}
.pt-tools input{width:200px}.pt-tools select{width:auto}
.pt-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(max-width:859px){
  .pt-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:2px 12px 10px;scrollbar-width:none}
  .pt-row>.pt-card{flex:0 0 66%;scroll-snap-align:start}
  .pt-grid{grid-template-columns:1fr 1fr;gap:10px}
  .pt-card{padding:16px 10px 12px}
  .pt-logo .av{width:60px!important;height:60px!important}
  .pt-tools{width:100%}.pt-tools input{flex:1;width:auto}
}
/* admin */
.adm-pt-logo{display:flex;flex-direction:column;align-items:center}
.adm-pt-list{display:grid;gap:8px}
.adm-pt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px}
.adm-pt.off{opacity:.6}
input[type=search]{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:15px}
input[type=search]:focus{outline:2px solid var(--pri-soft);border-color:var(--pri)}
.hsearch input[type=search],.sh-search input{border:0;padding:0 10px;background:transparent}
@media(min-width:1024px) and (max-width:1439px){.hnav{gap:0}.hnav a{padding:10px 7px;font-size:12.5px;letter-spacing:.02em;gap:5px}.hnav a .ic{width:15px;height:15px}}
@media(min-width:1024px) and (max-width:1199px){.hnav a .ic{display:none}}
@media(max-width:859px){.pt-tools{width:100%}.pt-tools input{flex:1;min-width:0}.pt-tools select{flex:0 0 42%;min-width:0}}

/* ---------- v12: PortAll.info loqosu ---------- */
.brand-logo{display:inline-flex;align-items:baseline;gap:0;font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.035em;line-height:1;text-decoration:none!important;flex:none;white-space:nowrap}
.brand-logo .bl-main{color:#0575fb}
.brand-logo .bl-tld{color:#e5262b}
.brand-logo .bl-adm{margin-left:10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;align-self:center}
.th-dark .brand-logo .bl-main{color:#3b9bff}.th-dark .brand-logo .bl-tld{color:#ff4d4f}
.hdr .brand-logo{font-size:28px}
.sf-brand .brand-logo{font-size:24px}
@media(max-width:859px){.hdr .brand-logo{font-size:23px}}
@media(max-width:380px){.hdr .brand-logo{font-size:20px}}
.vc-home.brand-logo{font-size:20px;background:rgba(255,255,255,.92);padding:7px 14px;border-radius:99px;box-shadow:0 4px 14px rgba(0,0,0,.08);margin:0 auto 14px;display:flex;width:max-content}
.vc-home.brand-logo .bl-main{color:#0575fb}

/* ---------- v12: paylaşım kilidi, reaksiyalar, repost ---------- */
.hbox.is-locked{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none}
.hm-plus.is-locked,.mob-plus.is-locked{background:linear-gradient(135deg,#94a3b8,#64748b)!important;color:#fff}
.composer-locked .composer-in{display:flex;align-items:center;gap:8px;color:var(--muted)}
.composer-locked .composer-in .ic{width:17px;height:17px}
.composer-locked .composer-types{opacity:.55;filter:grayscale(.4)}
.type-pick.locked{opacity:.45;filter:grayscale(.5);pointer-events:none}
.qb-ic.lock{background:color-mix(in srgb,#64748b 14%,var(--card));color:#475569}
.qb-pages{display:flex;flex-direction:column;gap:8px;max-width:360px;margin:0 auto}
.lock-modal{position:fixed;inset:0;z-index:300;background:rgba(15,15,35,.45);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;animation:fadeIn .15s ease}
.lock-modal[hidden]{display:none}
@keyframes fadeIn{from{opacity:0}}
.lm-box{position:relative;width:min(400px,100%);background:var(--card);border-radius:24px;padding:28px 22px 18px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:9px;animation:lmIn .22s cubic-bezier(.2,.9,.3,1.2)}
@keyframes lmIn{from{transform:scale(.92) translateY(10px);opacity:0}}
.lm-x{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:var(--soft);cursor:pointer;color:var(--muted)}
.lm-ic{width:66px;height:66px;border-radius:22px;margin:0 auto 4px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pri),#7c3aed);color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--pri) 40%,transparent)}
.lm-ic .ic{width:30px;height:30px}
.lm-box h3{margin:4px 0 0;font-size:21px}
.lm-box p{margin:0 0 8px;color:var(--muted);font-size:14.5px;line-height:1.5}
.lm-box .btn{justify-content:center}
/* reaksiya */
.pa-like{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.pa-like .lk-ic{display:grid}
.pa-like.on.k-star{color:#d97706}.pa-like.on.k-star .ic{fill:#fbbf24;stroke:#d97706}
.pa.on[data-like]:not(.k-star) .ic{fill:#e11d48}
.rx-pop{position:absolute;z-index:220;display:flex;gap:4px;padding:6px;border-radius:99px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 40px rgba(20,18,50,.22)}
.rx-pop[hidden]{display:none}
.rx-pop.in{animation:rxIn .22s cubic-bezier(.2,.9,.3,1.3)}
@keyframes rxIn{from{transform:translateY(8px) scale(.8);opacity:0}}
.rx-pop button{border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;border-radius:99px;transition:transform .15s}
.rx-pop button span{font-size:30px;line-height:1;transition:transform .15s}
.rx-pop button small{font:700 10.5px Inter,sans-serif;color:var(--muted)}
.rx-pop button:hover span{transform:scale(1.3) translateY(-4px)}
.rx-pop button:nth-child(1) span{animation:rxB .3s .02s both}.rx-pop button:nth-child(2) span{animation:rxB .3s .08s both}
@keyframes rxB{from{transform:scale(.3)}}
.rx-sum{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:var(--muted)}
.rx-sum i{font-style:normal;font-size:13px}
.rx-sum:empty{display:none}
.post-acts{grid-template-columns:repeat(6,1fr)}
.pa-rp.on{color:#16a34a}.pa-rp.on .ic{stroke-width:2.4}
.repost{margin-bottom:14px}
.repost>.post{margin-bottom:0;border-top-left-radius:0;border-top-right-radius:0}
.rp-h{display:flex;align-items:center;gap:7px;padding:9px 14px;background:color-mix(in srgb,#16a34a 8%,var(--card));border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0 0;font-size:13.5px;color:var(--muted)}
.rp-h>.ic{width:17px;height:17px;color:#16a34a}
.rp-h a{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.rp-h span{flex:1;min-width:0}
.rp-undo{border:0;background:none;color:var(--muted);cursor:pointer;width:28px;height:28px;border-radius:8px}
.rp-undo:hover{background:var(--soft);color:var(--err)}
.rp-note{padding:10px 16px;background:var(--card);border:1px solid var(--line);border-bottom:0}
.rp-hint{display:flex;align-items:center;gap:10px;padding:12px 14px;color:var(--muted);font-size:14px}.rp-hint .ic{width:20px;height:20px;color:#16a34a;flex:none}

/* ---------- v13: imkanlar cədvəli, inteqrasiyalar ---------- */
.feat-table{padding:0;overflow:hidden}
.ft-search{margin:14px 16px 6px;width:calc(100% - 32px)!important}
.ft-letter{padding:10px 18px 4px;font-weight:800;font-size:13px;color:var(--pri);background:var(--soft);border-top:1px solid var(--line)}
.ft-row{display:flex;align-items:center;gap:14px;padding:11px 18px;border-top:1px solid var(--line2)}
.ft-row b{display:block;font-size:14.5px}.ft-row small{color:var(--muted);font-size:12.5px}
.ft-seg{display:inline-flex;background:var(--soft);border-radius:10px;padding:3px;flex:none}
.ft-seg label{cursor:pointer;margin:0}
.ft-seg input{position:absolute;opacity:0}
.ft-seg span{display:block;padding:6px 14px;border-radius:8px;font-weight:700;font-size:13px;color:var(--muted)}
.ft-seg input:checked+span{background:var(--card);color:var(--ink);box-shadow:var(--sh)}
.ft-seg label.p input:checked+span{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff}
.ft-save{position:sticky;bottom:0;padding:12px 18px;background:color-mix(in srgb,var(--card) 92%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
.int-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.int-h h3{display:flex;align-items:center;gap:8px}.int-h h3 .ic{color:var(--pri)}
.int-events{display:grid;gap:6px;margin:6px 0 4px}
.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0}
.switch input{position:absolute;opacity:0}
.switch span{width:44px;height:24px;border-radius:99px;background:#cbd5e1;position:relative;transition:.2s;flex:none}
.switch span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.switch input:checked+span{background:#16a34a}.switch input:checked+span::after{left:23px}
.int-pay{border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden}
.int-pay.on{border-color:color-mix(in srgb,#16a34a 45%,var(--line))}
.int-pay summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none}
.int-pay summary::-webkit-details-marker{display:none}
.ip-n{display:flex;flex-direction:column}.ip-n small{color:var(--muted);font-size:12.5px}
.ip-body{padding:4px 14px 14px;border-top:1px solid var(--line2)}
.pay-card h3{display:flex;align-items:center;gap:8px}.pay-card h3 .ic{color:var(--pri)}
.plans-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;max-width:820px;margin-left:auto;margin-right:auto}
.pc-list li.pc-pro{font-weight:700}
.pc-list li.pc-pro .ic{color:#f59e0b}
.pro-biz{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:820px;margin:16px auto 0}
.pa-like.on.k-thumb{color:#0575fb}.pa-like.on.k-thumb .ic{fill:#bfdbfe;stroke:#0575fb}
.rx-pop button:nth-child(3) span{animation:rxB .3s .14s both}

/* ---------- Mobil: mesajlar və bildirişlər tam ekran (tətbiq kimi) ---------- */
.app-bar{display:none}
.cl-h{display:flex;align-items:center;gap:6px}
.cl-h h2{flex:1}
.cl-h .mob-back,.cl-h .mob-only{display:none}
@media(max-width:859px){
  body.msg-page .hdr,body.msg-page .sfoot,body.msg-page .cat-shade,body.notif-page .hdr,body.notif-page .sfoot{display:none!important}
  body.msg-page .main{padding:0!important;max-width:none}
  body.msg-page .chat{position:fixed;left:0;right:0;top:0;bottom:calc(64px + env(safe-area-inset-bottom));height:auto!important;min-height:0;margin:0;border-radius:0;border:0;z-index:40}
  body.msg-page.in-thread .chat{bottom:0;z-index:80}
  body.msg-page.in-thread .nav-mob{display:none}
  body.msg-page .chat-list,body.msg-page .chat-main{height:100%;display:flex;flex-direction:column;min-height:0}
  body.msg-page.in-thread .chat-list{display:none}
  body.msg-page .cl-items{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}
  body.msg-page .chat-body,body.msg-page .msgs{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}
  body.msg-page .cl-h{padding:10px 12px 6px;padding-top:calc(10px + env(safe-area-inset-top));position:sticky;top:0;background:var(--card);z-index:2}
  body.msg-page .cl-h .mob-back,body.msg-page .cl-h .mob-only{display:inline-grid}
  body.msg-page .chat-h{padding-top:calc(10px + env(safe-area-inset-top))}
  body.msg-page .chat-form{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .app-bar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:30;margin:0 -12px 10px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .app-bar b{flex:1;font-size:19px}
  body.notif-page .main{padding-top:0}
  body.notif-page .desk-only{display:none}
  body.notif-page .notif-list{margin:0 -12px;border-radius:0;border-left:0;border-right:0;min-height:calc(100dvh - 140px)}
  body.notif-page .notif-req{margin:0 0 10px}
}
@media(max-width:859px){
  body.msg-page .chat{display:block}
  body.msg-page:not(.in-thread) .chat-main{display:none!important}
  body.msg-page .chat-list{width:100%;max-width:100%;border:0}
  body.msg-page .cl-search{width:auto!important;margin-left:12px;margin-right:12px}
  body.msg-page .cl-item{max-width:100%}
}

/* axtarış bölməsi seçimi */
.hsearch select{max-width:150px;font-weight:600;cursor:pointer}
@media(min-width:860px) and (max-width:1279px){.hsearch select{max-width:118px;padding-left:10px!important;padding-right:22px!important;font-size:13px!important}}
.srch-scopes{display:flex;gap:6px;flex-wrap:wrap;margin:-4px 0 14px}

/* ================= v14: mesaj ayarları, görüşlər, tətbiq ================= */
.chat-blocked{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;background:color-mix(in srgb,var(--muted) 6%,var(--card));text-align:center}
.chat-blocked .ic{width:18px;height:18px;flex:none}
.chat-h .chat-call{color:var(--pri)}
.chat-h .chat-call .ic{width:20px;height:20px}
.cbox .cb-btn[data-call]{font-size:14px}
.new-dot{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.04em;background:#16a34a;color:#fff;padding:2px 6px;border-radius:6px;margin-left:auto}
.cm li a em.new-dot{color:#fff;background:#16a34a}
@media(max-width:1279px){.hide-lt-xl{display:none!important}}

/* zəng mesajı */
.msg-call{display:flex;align-items:center;gap:10px;min-width:210px}
.msg-call .mc-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;flex:none}
.msg-call .mc-ic .ic{width:19px;height:19px}
.msg-call>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.msg-call small{opacity:.75;font-size:12px}
.msg-call.ended .mc-ic{background:#94a3b8}
.msg.me .msg-call .btn{background:#fff;color:var(--pri)}

/* gələn zəng */
.ring-pop{position:fixed;z-index:1200;right:20px;top:84px;width:330px;max-width:calc(100vw - 32px);background:#0f172a;color:#fff;border-radius:20px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 24px 60px -12px rgba(0,0,0,.5);animation:ringIn .35s cubic-bezier(.2,.9,.3,1.2)}
.ring-pop .rp-av{position:relative;flex:none}
.ring-pop .rp-av::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #22c55e;animation:ringPulse 1.4s infinite}
.ring-pop .rp-t{flex:1;min-width:0;display:flex;flex-direction:column}.ring-pop .rp-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ring-pop .rp-t small{color:#cbd5e1}
.ring-pop .rp-b{display:flex;gap:8px}
.ring-pop .rp-b>*{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;font-size:19px;color:#fff;text-decoration:none}
.ring-pop .rp-no{background:#ef4444}.ring-pop .rp-yes{background:#22c55e;animation:ringShake 1.2s infinite}
@keyframes ringIn{from{opacity:0;transform:translateY(-16px) scale(.95)}}
@keyframes ringPulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes ringShake{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-12deg)}20%,40%{transform:rotate(12deg)}}
@media(max-width:859px){.ring-pop{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));left:16px;right:16px;width:auto}}

/* admin: modullar */
.mod-card .mod-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.mod-card .mod-row .grow{display:flex;flex-direction:column}
.mod-turn{margin-top:10px;border-top:1px solid var(--line);padding-top:12px}
.mod-turn summary{cursor:pointer;font-weight:600;font-size:14px}

/* ---------- Görüşlər: lobbi ---------- */
.meet-hero,.app-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;padding:38px 32px;border-radius:26px;margin-top:18px;overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 10%,var(--card)),var(--card) 55%,color-mix(in srgb,#22c55e 9%,var(--card)));border:1px solid var(--line)}
.meet-hero>*:not(.blob),.app-hero>*:not(.blob){position:relative;z-index:1}
.meet-hero h1,.app-hero h1{font-size:clamp(26px,3.6vw,42px);letter-spacing:-.03em;line-height:1.12;margin:14px 0 12px}
.meet-hero .lh-kick,.app-hero .lh-kick{display:inline-flex;align-items:center;gap:6px}.meet-hero .lh-kick .ic,.app-hero .lh-kick .ic{width:15px;height:15px}
.mh-forms{display:flex;flex-direction:column;gap:14px}
.mh-forms .card{margin:0}
.mh-forms h3{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.mh-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.mh-seg label{margin:0;cursor:pointer}.mh-seg input{position:absolute;opacity:0}
.mh-seg span{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px;border:1.5px solid var(--line);border-radius:12px;font-weight:600;transition:.15s}
.mh-seg input:checked+span{border-color:var(--pri);background:var(--pri-soft);color:var(--pri)}
.mh-lock{margin-bottom:12px}
.mh-join-row{display:flex;gap:8px}.mh-join-row input{flex:1;min-width:0}
.mh-list{display:flex;flex-direction:column;gap:10px}
.mh-item{display:flex;align-items:center;gap:12px;margin:0;flex-wrap:wrap}
.mh-item .grow{display:flex;flex-direction:column}
.mh-item small .ic{width:13px;height:13px;vertical-align:-2px}
.mh-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c,var(--pri)) 14%,var(--card));color:var(--c,var(--pri))}
.mh-ic .ic{width:22px;height:22px}
.mh-live{font-style:normal;color:#16a34a;font-weight:700}
.mh-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.mh-feat{display:flex;flex-direction:column;gap:6px;margin:0}
.mh-feat .mh-ic{margin-bottom:4px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em}
.meet-msg,.meet-lock{max-width:440px;margin:40px auto;text-align:center}
.meet-lock .lm-ic{margin:0 auto 10px}
.meet-code-in{font-size:28px!important;text-align:center;letter-spacing:.4em;font-weight:700;margin:6px 0 14px}
@media(max-width:959px){.meet-hero,.app-hero{grid-template-columns:1fr;padding:26px 18px}.mh-feats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.mh-feats{grid-template-columns:1fr}.mh-item .btn{flex:1}}

/* ---------- Görüş otağı (tam ekran, tünd) ---------- */
body.meet-page{background:#0f1115;color:#e5e7eb;overflow:hidden}
body.meet-page main{padding:0;margin:0;max-width:none}
body.meet-page .nav-mob,body.meet-page .chat-dock{display:none!important}
.meet{position:fixed;inset:0;display:flex;flex-direction:column;height:100dvh}
.meet .ic{width:22px;height:22px}
.mt-pre{flex:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center;max-width:1180px;width:100%;margin:0 auto;padding:24px}
.mt-pre-v{position:relative;aspect-ratio:16/9;background:#1f232b;border-radius:22px;overflow:hidden;box-shadow:0 30px 70px -30px #000}
.mt-pre-v video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.mt-pre-off{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8}
.mt-pre-off[hidden]{display:none}
.mt-pre-ctl{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:14px}
.mt-pre-info h1{color:#fff;font-size:clamp(24px,3vw,34px);margin:10px 0 6px;letter-spacing:-.02em}
.mt-pre-info .muted{color:#94a3b8}
.mt-pre-info .btn{margin:6px 6px 0 0}
.mt-pre-info .btn-ghost{color:#e5e7eb;border-color:#374151}
.mt-kind{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#93c5fd;background:#1e3a5f;padding:6px 12px;border-radius:99px}
.mt-kind .ic{width:15px;height:15px}
.mt-who{display:flex;align-items:center;gap:8px;color:#cbd5e1;margin:16px 0 8px}
.mt-live-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2);flex:none}
#pre-err{color:#fca5a5;margin-top:14px}
.mt-btn{width:52px;height:52px;border-radius:50%;border:0;background:#2b313b;color:#fff;display:inline-grid;place-items:center;cursor:pointer;position:relative;transition:.15s;font-size:20px;flex:none}
.mt-btn:hover{background:#3a414d}
.mt-btn .ic+.ic{display:none}
.mt-btn.off{background:#ea4335}.mt-btn.off .ic:first-child{display:none}.mt-btn.off .ic+.ic{display:block}
.mt-btn.on{background:#8ab4f8;color:#0f1115}
.mt-btn[hidden]{display:none}
.mt-end{background:#ea4335;width:64px;border-radius:26px}.mt-end:hover{background:#d93025}
.mt-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:#8ab4f8;border:2px solid #2b313b}
.mt-endall{border:1px solid #ea4335;background:transparent;color:#fca5a5;border-radius:99px;padding:0 14px;height:40px;font-weight:600;cursor:pointer;margin-left:6px}
.mt-room{flex:1;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;min-height:0}
.mt-room[hidden],.mt-pre[hidden],.mt-left[hidden]{display:none}
.mt-top{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 18px}
.mt-title{display:flex;flex-direction:column;min-width:0;flex:1}.mt-title b{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-title small{color:#94a3b8}
.mt-chip{display:inline-flex;align-items:center;gap:6px;background:#2b313b;color:#fff;border:0;border-radius:99px;padding:8px 14px;cursor:pointer}
.mt-chip .ic{width:18px;height:18px}
.mt-stage{min-height:0;padding:0 14px;display:flex}
.mt-grid{flex:1;display:grid;gap:10px;grid-template-columns:1fr;grid-auto-rows:1fr;min-height:0}
.mt-grid[data-n="2"]{grid-template-columns:1fr 1fr}
.mt-grid[data-n="3"],.mt-grid[data-n="4"]{grid-template-columns:1fr 1fr}
.mt-grid[data-n="5"],.mt-grid[data-n="6"]{grid-template-columns:repeat(3,1fr)}
.mt-grid[data-n="7"],.mt-grid[data-n="8"],.mt-grid[data-n="9"]{grid-template-columns:repeat(3,1fr)}
.mt-grid[data-n="1"] .mt-tile{max-width:min(100%,calc((100dvh - 170px) * 16 / 9));margin:0 auto;width:100%}
.mt-grid.has-pin{grid-template-columns:1fr!important;grid-template-rows:1fr auto;grid-auto-rows:110px}
.mt-grid.has-pin .mt-tile:not(.pinned){display:none}
.mt-tile{position:relative;background:#1f232b;border-radius:16px;overflow:hidden;min-height:0;min-width:0}
.mt-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1f232b}
.mt-tile.local video{transform:scaleX(-1)}
.mt-tile.local.screen video,.mt-tile.pinned video{object-fit:contain;transform:none}
.mt-tile.local.screen video{transform:none}
.mt-off{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#1f232b}
.mt-tile.novideo .mt-off{display:flex}.mt-tile.novideo video{opacity:0}
.mt-av{width:clamp(64px,22%,120px);aspect-ratio:1;border-radius:50%;object-fit:cover}
.mt-av-t{display:grid;place-items:center;background:hsl(var(--h) 55% 45%);color:#fff;font-weight:700;font-size:clamp(22px,4vw,40px)}
.mt-lab{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.55);padding:5px 10px;border-radius:9px;font-size:13px;color:#fff;max-width:calc(100% - 20px)}
.mt-lab b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-lab [hidden]{display:none}
.mt-wait{position:absolute;top:10px;left:10px;font-size:12px;background:rgba(0,0,0,.5);padding:4px 9px;border-radius:8px;color:#fbbf24;display:none}
.mt-tile.connecting .mt-wait{display:block}
.mt-pin{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;opacity:0;transition:.15s}
.mt-tile:hover .mt-pin,.mt-tile.pinned .mt-pin{opacity:1}
.mt-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px calc(14px + env(safe-area-inset-bottom));flex-wrap:wrap}
.mt-side{grid-row:2;grid-column:2;width:340px;background:#fff;color:#0f172a;border-radius:16px;margin-right:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mt-side[hidden]{display:none}
.mt-side-h{display:flex;align-items:center;gap:6px;padding:10px 10px 10px 12px;border-bottom:1px solid #e5e7eb}
.mt-tabs{display:flex;gap:4px;flex:1;overflow-x:auto}
.mt-tabs button{border:0;background:none;padding:7px 11px;border-radius:99px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap;font-size:13.5px}
.mt-tabs button.on{background:#e8f0fe;color:#1967d2}
.mt-x{border:0;background:none;font-size:16px;cursor:pointer;width:34px;height:34px;border-radius:50%;color:#475569}
.mt-pane{flex:1;display:flex;flex-direction:column;min-height:0;padding:12px;overflow-y:auto}
.mt-pane[hidden]{display:none}
.mt-pane[data-pane="chat"]{padding:0}
.mt-chat{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}
.mt-note{font-size:12.5px;color:#64748b;background:#f1f5f9;padding:10px;border-radius:10px;margin:0}
.mt-msg small{color:#64748b;font-size:12px}.mt-msg small b{color:#0f172a}
.mt-msg p{margin:2px 0 0;word-wrap:break-word;font-size:14px}
.mt-msg.me{align-self:flex-end;text-align:right}
.mt-chat-f{display:flex;gap:6px;padding:10px;border-top:1px solid #e5e7eb}
.mt-chat-f input{flex:1;min-width:0;border-radius:99px!important;background:#f1f5f9;border:0!important;padding:10px 14px!important}
.mt-chat-f button{width:40px;height:40px;border-radius:50%;border:0;background:var(--pri);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.mt-chat-f button .ic{width:18px;height:18px}
.mt-pp{display:flex;align-items:center;gap:10px;padding:8px 0}
.mt-pp .mt-av{width:36px;height:36px;font-size:14px}
.mt-pp b{flex:1;font-weight:500;font-size:14px}
.mt-copy{display:flex;gap:6px}.mt-copy input{flex:1;min-width:0;font-size:13px}
.mt-pass{font-size:20px;letter-spacing:.2em;color:var(--pri)}
.mt-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}
.mt-left h2{color:#fff}.mt-left .empty-ic{background:#2b313b;color:#fca5a5}
.mt-left .btn-ghost{color:#e5e7eb;border-color:#374151}
.mt-toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#2b313b;color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:2000;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:.4s;max-width:calc(100vw - 32px)}
.mt-toast.out{opacity:0;transform:translate(-50%,10px)}
@media(max-width:899px){
  .mt-pre{grid-template-columns:1fr;gap:18px;align-content:start;overflow-y:auto;padding:16px}
  .mt-pre-info{text-align:center}
  .mt-room{grid-template-columns:1fr}
  .mt-side{position:fixed;inset:0;width:auto;margin:0;border-radius:0;z-index:20}
  .mt-stage{padding:0 8px}
  .mt-grid{gap:6px}
  .mt-grid[data-n="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .mt-grid[data-n="3"],.mt-grid[data-n="4"]{grid-template-columns:1fr 1fr}
  .mt-grid[data-n="5"],.mt-grid[data-n="6"],.mt-grid[data-n="7"],.mt-grid[data-n="8"],.mt-grid[data-n="9"]{grid-template-columns:1fr 1fr}
  .mt-grid[data-n="2"] .mt-tile.local{position:absolute;right:16px;bottom:96px;width:110px;height:150px;z-index:5;box-shadow:0 8px 24px rgba(0,0,0,.5);order:9}
  .mt-grid[data-n="2"]{grid-template-rows:1fr}
  .mt-bar{gap:8px}
  .mt-btn{width:46px;height:46px}.mt-end{width:58px}
  .mt-endall{order:9;flex-basis:100%;max-width:220px}
  .hide-touch{display:none}
}
@media(max-width:380px){.mt-btn{width:42px;height:42px}.mt-bar{gap:6px}}

/* ---------- Tətbiq səhifəsi ---------- */
.ah-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 8px}
.ah-done{display:inline-flex;align-items:center;gap:6px;color:#16a34a;font-weight:700}.ah-done[hidden]{display:none}
.ah-done .ic{width:18px;height:18px}
.ah-phone{justify-self:center;width:230px;height:420px;border-radius:38px;background:#0f172a;padding:10px;box-shadow:0 40px 80px -30px rgba(15,23,42,.6);transform:rotate(-4deg)}
.ahp-screen{height:100%;border-radius:30px;background:linear-gradient(160deg,#60a5fa,#a78bfa 60%,#f472b6);padding:16px 14px;position:relative;overflow:hidden}
.ahp-top{color:#fff;font-weight:700;font-size:13px;text-align:center;margin-bottom:22px}
.ahp-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px}
.ahp-apps i{aspect-ratio:1;border-radius:13px;opacity:.85}
.ahp-me{display:flex;flex-direction:column;align-items:center;gap:4px;animation:appPop 2.4s ease-in-out infinite}
.ahp-me img{width:100%;border-radius:13px;box-shadow:0 6px 16px rgba(5,117,251,.5)}
.ahp-me small{color:#fff;font-size:9.5px;font-weight:600}
@keyframes appPop{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.app-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.as-card{margin:0;transition:.25s}
.as-card.hl{box-shadow:0 0 0 3px var(--pri)}
.as-h{display:flex;align-items:center;gap:12px;margin-bottom:10px}.as-h>div{display:flex;flex-direction:column}
.as-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--c) 12%,var(--card));color:var(--c)}
.as-card ol{margin:0;padding-left:20px;line-height:1.7;font-size:14.5px}
.ios-share{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--pri-soft);color:var(--pri);font-size:13px}
@media(max-width:959px){.app-steps{grid-template-columns:1fr}.ah-phone{width:190px;height:340px}}
.inst-bar{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 10px 10px 12px;box-shadow:0 16px 40px -12px rgba(15,23,42,.35);animation:ringIn .35s}
.inst-bar img{width:40px;height:40px;border-radius:10px;flex:none}
.inst-bar span{flex:1;display:flex;flex-direction:column;min-width:0}.inst-bar small{color:var(--muted);font-size:12px}
.ib-x{border:0;background:none;color:var(--muted);font-size:15px;width:30px;height:30px;cursor:pointer;flex:none}
body.is-app .inst-bar{display:none}
/* başlıq axtarışı: kateqoriya seçimi olanda yazı yeri sıxılmasın */
.hsearch input{min-width:110px}
.hsearch select{max-width:126px;padding-right:24px!important}
@media(min-width:700px){.hs-btn{padding:0 20px!important}}
body.meet-page .btn-ghost{background:transparent!important}
.msg-call .btn{text-decoration:none}
@media(max-width:600px){
  .mh-item{gap:10px}
  .mh-item .grow{flex:1 1 calc(100% - 60px)}
  .mh-item .btn,.mh-item form{flex:1 1 auto}
  .mh-item form .btn{width:100%}
}

/* ================= v15: bəyənmə düyməsi, mesajda fayl, "yazır…", bildirişlər ================= */
/* ürək ikonu + say həmişə görünür (əvvəl gizli qalırdı) */
.post-acts .pa-like .lk-ic{display:grid!important;place-items:center}
.post-acts .pa-like{gap:6px}
.post-acts .pa-like .lk-ic .ic{width:21px;height:21px;transition:transform .2s}
.post-acts .pa-like:not(.on) .lk-ic .ic{stroke:#64748b}
.post-acts .pa-like.on:not(.k-star):not(.k-thumb){color:#e11d48}
.post-acts .pa-like.on:not(.k-star):not(.k-thumb) .ic{fill:#f43f5e;stroke:#e11d48}
.post-acts .pa-like.on .lk-ic .ic{animation:lkPop .35s ease}
.post-acts .pa-like .pa-n{display:inline!important;font-size:14px}
.post-acts .pa-like .pa-n:empty{display:none!important}
.post-acts .pa-dis .pa-n{display:inline!important}.post-acts .pa-dis .pa-n:empty{display:none!important}
.post-acts .pa-rp .pa-n{display:inline!important}.post-acts .pa-rp .pa-n:empty{display:none!important}
@keyframes lkPop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* mesajda fayl */
.att-btn,.cb-att{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:pointer;color:var(--muted);flex:none;transition:.15s;margin:0}
.att-btn:hover,.cb-att:hover{background:var(--pri-soft);color:var(--pri)}
.att-btn .ic{width:21px;height:21px}.cb-att{width:32px;height:32px}.cb-att .ic{width:18px;height:18px}
.att-prev{padding:8px 14px 0;background:var(--card)}
.att-prev[hidden]{display:none}
.ap-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--bg);max-width:420px}
.ap-item img{width:52px;height:52px;object-fit:cover;border-radius:10px;flex:none}
.ap-ic{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;background:var(--pri-soft);color:var(--pri);font-weight:800;font-size:12px;flex:none}
.ap-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ap-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-t small{color:var(--muted);font-size:12px}
.ap-bar{display:none;height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin-top:4px}
.ap-bar i{display:block;height:100%;width:0;background:var(--pri);transition:width .15s}
.att-prev.up .ap-bar{display:block}.att-prev.up .ap-x{visibility:hidden}
.ap-x{border:0;background:var(--card);width:30px;height:30px;border-radius:50%;cursor:pointer;color:var(--muted);flex:none}
.cb-prev{padding:6px 8px 0}.cb-prev .ap-item{padding:6px}.cb-prev .ap-item img,.cb-prev .ap-ic{width:40px;height:40px}
.msg.has-file .bubble{padding:4px;overflow:hidden}
.msg.has-file .msg-cap{display:block;padding:6px 8px 4px}
.msg-img{display:block;cursor:zoom-in}
.msg-img img{display:block;max-width:min(280px,62vw);max-height:340px;border-radius:14px;object-fit:cover;background:var(--line)}
.msg-vid{display:block;max-width:min(300px,64vw);max-height:360px;border-radius:14px;background:#000}
.msg-aud{display:block;width:min(280px,62vw);margin:4px}
.msg-file{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:inherit!important;text-decoration:none!important;min-width:200px;max-width:300px}
.msg.them .msg-file{background:color-mix(in srgb,var(--pri) 7%,var(--card))}
.msg.me .msg-file{background:rgba(255,255,255,.16)}
.mf-ic{width:40px;height:44px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#ef4444;color:#fff;flex:none;letter-spacing:.02em}
.mf-t{flex:1;min-width:0;display:flex;flex-direction:column}
.mf-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-t small{font-size:12px;opacity:.75}
.msg-file>.ic{width:20px;height:20px;flex:none;opacity:.8}
.chat-main.drop-on,.cbox.drop-on{outline:3px dashed var(--pri);outline-offset:-6px}

/* "yazır…" */
.typing-row,.cb-typing{display:flex;align-items:center;gap:8px;padding:4px 18px 6px;color:var(--muted)}
.typing-row[hidden],.cb-typing[hidden]{display:none}
.cb-typing{padding:2px 10px 4px}
.tp-bub{display:inline-flex;gap:4px;align-items:center;background:color-mix(in srgb,var(--muted) 14%,var(--card));padding:10px 12px;border-radius:16px 16px 16px 4px}
.tp-bub i,.ch-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:tpDot 1.2s infinite}
.tp-bub i:nth-child(2),.ch-typing i:nth-child(2){animation-delay:.18s}.tp-bub i:nth-child(3),.ch-typing i:nth-child(3){animation-delay:.36s}
.ch-typing{color:#16a34a;font-weight:600;display:inline-flex;align-items:center;gap:3px}
.ch-typing[hidden],.ch-sub[hidden]{display:none}
.ch-typing i{width:4px;height:4px;background:#16a34a;margin-left:1px}
@keyframes tpDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.msg.sending{opacity:.65}.msg.sending .mt{font-style:italic}

/* bildirişlər */
.push-card h3{display:flex;align-items:center;gap:8px}
.push-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0}
.push-state{font-weight:600;font-size:14px}
.push-state.on{color:#16a34a}.push-state.off{color:var(--muted)}
.push-row .push-state{flex:1;min-width:180px}
.app-push{display:flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.app-push .grow{flex:1;min-width:220px}
.app-push .push-state{display:block;margin-top:6px}
.push-bar{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 10px 10px 12px;box-shadow:0 16px 40px -12px rgba(15,23,42,.35);animation:ringIn .35s;max-width:460px;margin:0 auto}
.push-bar .pb-ic{font-size:26px;flex:none}
.push-bar>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}.push-bar small{color:var(--muted);font-size:12px}
@media(min-width:860px){.push-bar{left:auto;right:24px;bottom:24px}}
.msg .bubble .msg-call .btn,.msg .bubble a.msg-file{text-decoration:none!important}
.btn[hidden],.push-row [hidden],.app-push [hidden]{display:none!important}

/* ================= v16: təsdiq (verify) nişanı ================= */
.vbadge{display:inline-flex;vertical-align:-3px;line-height:0;flex:none}
.vbadge svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
h1 .vbadge{vertical-align:-2px}
.trunc .vbadge,.post-name+.vbadge{vertical-align:-3px}
.ph-vtitle{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted);margin-top:4px}
.vb-get .vbadge{vertical-align:0}
.dd-menu a .vbadge{margin-right:2px}
.vf-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center;padding:34px 30px;border-radius:26px;margin-top:18px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(135deg,color-mix(in srgb,var(--pri) 10%,var(--card)),var(--card) 55%,color-mix(in srgb,#a855f7 9%,var(--card)))}
.vf-hero>*:not(.blob){position:relative;z-index:1}
.vf-hero h1{font-size:clamp(26px,3.6vw,40px);letter-spacing:-.03em;margin:12px 0 10px}
.vf-ok,.vf-wait,.vf-no{display:inline-flex;align-items:center;gap:6px;font-weight:600;padding:8px 14px;border-radius:12px;margin:6px 0 0}
.vf-ok{background:#dcfce7;color:#166534}.vf-ok .ic{width:18px;height:18px}.vf-wait{background:#fef3c7;color:#92400e}.vf-no{background:#fee2e2;color:#991b1b}
.vf-mock{display:flex;flex-direction:column;align-items:center;gap:18px}
.vf-mock-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:0 18px 40px -20px rgba(15,23,42,.35);max-width:100%}
.vf-mock-card>div{display:flex;flex-direction:column;min-width:0}.vf-mock-card small{color:var(--muted)}
.vf-name{font-size:17px;display:inline-flex;align-items:center;gap:6px}
.vf-big{line-height:0;filter:drop-shadow(0 18px 30px rgba(15,23,42,.25));animation:vfFloat 4s ease-in-out infinite}
@keyframes vfFloat{50%{transform:translateY(-8px) rotate(-3deg)}}
.vf-design,.vf-apply,.vf-status{margin-top:18px}
.vf-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vf-h h2{display:flex;align-items:center;gap:8px;margin:0}
.vf-sec{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 10px}
.vf-grid{display:grid;gap:10px}
.vf-shapes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.vf-icons{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.vf-opt{margin:0;cursor:pointer}.vf-opt input{position:absolute;opacity:0}
.vf-opt>span{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:12px 6px;border:1.5px solid var(--line);border-radius:14px;transition:.15s;height:100%}
.vf-opt>span .vbadge{margin-bottom:2px}
.vf-opt b{font-size:13px;line-height:1.2}.vf-opt small{font-size:11.5px;color:var(--muted)}
.vf-opt.sm>span{padding:10px 4px}.vf-opt.sm b{font-size:12px;font-weight:600}
.vf-opt:hover>span{border-color:color-mix(in srgb,var(--pri) 45%,var(--line))}
.vf-opt input:checked+span{border-color:var(--pri);background:var(--pri-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 18%,transparent)}
.vf-opt input:focus-visible+span{outline:2px solid var(--pri);outline-offset:2px}
.vf-colors{display:flex;flex-wrap:wrap;gap:10px}
.vf-c{margin:0;cursor:pointer;position:relative}.vf-c>input[type=radio]{position:absolute;opacity:0}
.vf-c>span{display:block;width:36px;height:36px;border-radius:50%;border:3px solid var(--card);box-shadow:0 0 0 1.5px var(--line);transition:.15s}
.vf-c>input:checked+span{box-shadow:0 0 0 2.5px var(--pri);transform:scale(1.08)}
.vf-custom input[type=color]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.vf-save{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.vf-design[data-locked] .vf-grid,.vf-design[data-locked] .vf-colors{opacity:.55;pointer-events:none}
.vf-pay{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:6px}
.vf-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-left:4px solid #f59e0b}
.vr-item{margin-bottom:12px}.vr-top{display:flex;align-items:center;gap:12px}
.vr-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}
@media(max-width:860px){.vf-hero{grid-template-columns:1fr;padding:24px 18px}.vf-mock{flex-direction:row;justify-content:center;flex-wrap:wrap}.vf-big svg{width:84px;height:84px}}
@media(max-width:480px){.vf-shapes{grid-template-columns:repeat(3,1fr)}.vf-icons{grid-template-columns:repeat(3,1fr)}.vf-opt small{display:none}}
/* nişan @istifadəçi adının yanında */
.at-user{display:inline-flex;align-items:center;gap:4px;max-width:100%;vertical-align:middle}
.at-user .vbadge{vertical-align:0}
.ph-user .at-user{font-size:15px;font-weight:600}
.trunc .at-user{display:inline}
.trunc .at-user .vbadge{vertical-align:-3px}
.vf-at{display:inline-flex;align-items:center;gap:5px}
.ph-l-banner .ph-vtitle,.ph-l-bold .ph-vtitle,.ph-l-glass .ph-vtitle{color:inherit;opacity:.92}
/* v16.2: @istifadəçi adı + nişan hər yerdə, onlayn statusu */
.post-who{display:flex;align-items:center;flex-wrap:wrap;column-gap:6px;row-gap:0;min-width:0}
.post-at{color:var(--muted);font-size:13.5px;font-weight:500;text-decoration:none!important;min-width:0}
.post-at:hover{color:var(--pri)}
.cmt-at{color:var(--muted);font-size:12.5px;margin-left:4px;text-decoration:none!important}
.mp-at{display:flex;justify-content:center;color:var(--muted);font-size:13.5px;margin-top:2px}
.rp-h .at-user{color:var(--muted);font-size:12.5px;font-weight:500;margin-left:4px}
.cm-ent small .at-user{font-size:inherit}
.av-pres{position:relative;display:inline-flex;flex:none;line-height:0}
.av-pres .on-dot{position:absolute;right:1px;bottom:1px;width:28%;height:28%;min-width:10px;min-height:10px;max-width:16px;max-height:16px;border-radius:50%;background:#22c55e;border:2.5px solid var(--card);box-sizing:border-box}
.pres{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}
.pres i{width:8px;height:8px;border-radius:50%;background:#94a3b8;flex:none}
.pres.on{color:#16a34a}.pres.on i{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.pcard .pres{margin-top:4px;font-size:12px}
.ph-meta .pres{font-size:inherit}
.ch-pres{color:var(--muted)}.ch-pres.on{color:#16a34a;font-weight:600}
.cb-pres.on{color:#16a34a;font-weight:600}
.cb-n small{display:flex;align-items:center;gap:2px;white-space:nowrap;overflow:hidden}
.chat-sub .at-user{color:inherit}
.rp-h a{display:inline-flex;align-items:center;gap:6px;min-width:0}.rp-h .av{flex:none;width:24px!important;height:24px!important;aspect-ratio:1}

/* ================= v17: musiqi paylaşımı, CV-də sertifikatlar ================= */
.music-card{display:flex;gap:14px;align-items:center;padding:12px;border-radius:18px;margin:10px 0 4px;
  background:linear-gradient(135deg,hsl(var(--h) 70% 96%),color-mix(in srgb,var(--pri) 6%,var(--card)));border:1px solid var(--line)}
.th-dark .music-card{background:linear-gradient(135deg,hsl(var(--h) 35% 18%),var(--card))}
.mu-cover{position:relative;width:96px;height:96px;border-radius:14px;overflow:hidden;flex:none;box-shadow:0 10px 24px -10px hsl(var(--h) 60% 35% / .55)}
.mu-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 8s linear}
.music-card.playing .mu-cover img{transform:scale(1.12)}
.mu-ph{width:100%;height:100%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 75% 58%),hsl(calc(var(--h) + 50) 75% 48%))}
.mu-ph .ic{width:38px;height:38px}
.mu-eq{position:absolute;left:8px;bottom:8px;display:none;gap:3px;align-items:flex-end;height:18px}
.mu-eq i{width:4px;background:#fff;border-radius:2px;animation:muEq .9s ease-in-out infinite;box-shadow:0 0 4px rgba(0,0,0,.3)}
.mu-eq i:nth-child(2){animation-delay:.2s}.mu-eq i:nth-child(3){animation-delay:.4s}.mu-eq i:nth-child(4){animation-delay:.1s}
.music-card.playing .mu-eq{display:flex}
@keyframes muEq{0%,100%{height:4px}50%{height:18px}}
.mu-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.mu-t{display:flex;flex-direction:column;min-width:0}.mu-t b{font-size:16.5px}.mu-t small{color:var(--muted);font-size:13.5px}
.mu-player{display:flex;align-items:center;gap:10px}
.mu-player audio{display:none}
.mu-play{width:44px;height:44px;border-radius:50%;border:0;background:var(--pri);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 6px 16px -6px var(--pri);transition:transform .15s}
.mu-play:active{transform:scale(.92)}
.mu-play svg{width:22px;height:22px}.mu-i-pause{display:none}
.music-card.playing .mu-i-play{display:none}.music-card.playing .mu-i-pause{display:block}
.music-card.loading .mu-play{opacity:.7}
.mu-bar{position:relative;flex:1;height:6px;border-radius:6px;background:color-mix(in srgb,var(--muted) 25%,transparent);cursor:pointer;touch-action:none}
.mu-bar::before{content:"";position:absolute;inset:-10px 0}
.mu-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:var(--pri)}
.mu-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);opacity:0;transition:opacity .15s}
.mu-player:hover .mu-knob,.music-card.playing .mu-knob{opacity:1}
.mu-time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:36px}
.mu-dl{color:var(--muted);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:none}
.mu-dl:hover{background:var(--pri-soft);color:var(--pri)}.mu-dl .ic{width:18px;height:18px}
.mu-ext{margin-top:10px}
.mu-embed{width:100%;border:0;border-radius:14px;display:block}
.audio-pv{width:100%;margin:8px 0}
.audio-pv[hidden]{display:none}
@media(max-width:480px){.mu-cover{width:72px;height:72px}.music-card{gap:10px;padding:10px}.mu-time{display:none}}
/* CV sertifikatları */
.cv-certs-ed .card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cv-certs-ed h3{display:flex;align-items:center;gap:8px}
.cert-pick,.cv-cert-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:14px;margin:0 0 8px;cursor:pointer;color:inherit;text-decoration:none}
.cert-pick:hover,.cv-cert-row:hover{border-color:color-mix(in srgb,var(--pri) 40%,var(--line))}
.cert-pick input{width:18px;height:18px;flex:none;accent-color:var(--pri)}
.cert-pick .grow,.cv-cert-row .grow{display:flex;flex-direction:column}
.cp-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;flex:none}
.cp-ic .ic{width:20px;height:20px}
.cv-ok{font-size:12px;font-weight:700;color:#16a34a;white-space:nowrap}
.cv-cert-list{margin-bottom:6px}
.cv-cert .cv-ck{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#16a34a;color:#fff;font-size:10px;vertical-align:1px}
.cv-link{font-size:12px;margin-top:2px}.cv-link a{color:inherit;opacity:.75;word-break:break-all}

/* ================= v18: saytın strukturu — temalar, quruluş, kartlar, sıxlıq, başlıq ================= */
/* --- yeni temalar --- */
body.th-ocean{--bg:#eaf4fb;--card:#fff;--soft:#e3f0f9;--ink:#0b2a3c;--muted:#5b7486;--line:#d5e6f1;--line2:#e6f1f8;
  background-image:radial-gradient(900px 420px at 100% -10%,#c7e7fb 0,transparent 60%),radial-gradient(700px 380px at -10% 15%,#d8f3f0 0,transparent 55%)!important}
body.th-forest{--bg:#eef5ee;--card:#fff;--soft:#e6f0e6;--ink:#14281a;--muted:#5e7363;--line:#dbe8dc;--line2:#e8f1e8;
  background-image:radial-gradient(900px 420px at 100% -10%,#d7efd8 0,transparent 60%),radial-gradient(700px 380px at -10% 15%,#eef3d6 0,transparent 55%)!important}
body.th-rose{--bg:#fdf0f3;--card:#fff;--soft:#fbe6ec;--ink:#3a1020;--muted:#8a5a6a;--line:#f3dbe2;--line2:#f8e8ed;
  background-image:radial-gradient(900px 420px at 100% -10%,#fecdd9 0,transparent 60%),radial-gradient(700px 380px at -10% 15%,#fde4cf 0,transparent 55%)!important}
body.th-sand{--bg:#f5efe6;--card:#fffaf3;--soft:#efe5d7;--ink:#33241a;--muted:#86705c;--line:#e8dccb;--line2:#f0e7da;
  background-image:radial-gradient(900px 420px at 100% -10%,#f7d9bd 0,transparent 60%)!important}
body.th-midnight{--bg:#0b1220;--card:#111a2e;--soft:#18233b;--ink:#e6edf9;--muted:#8fa0bf;--line:#1f2b46;--line2:#18233b;
  background-image:radial-gradient(1000px 500px at 100% -10%,#152a52 0,transparent 60%),radial-gradient(800px 400px at -10% 10%,#0e2a3a 0,transparent 55%)!important}
body.th-graphite{--bg:#141414;--card:#1f1f1f;--soft:#292929;--ink:#ededed;--muted:#9b9b9b;--line:#2f2f2f;--line2:#262626;background-image:none!important}
body.th-contrast{--bg:#fff;--card:#fff;--soft:#f2f2f2;--ink:#000;--muted:#2b2b2b;--line:#000;--line2:#bdbdbd;--sh:none;background-image:none!important;font-size:16px}
.th-contrast .card,.th-contrast .post,.th-contrast .tile{border:2px solid #000}
.th-contrast a:not(.btn){text-decoration:underline}
.th-contrast .btn-primary{background:#000!important;color:#fff!important}
.th-contrast :focus-visible{outline:3px solid #ffbf00!important;outline-offset:2px}
.th-contrast .muted,.th-contrast small{color:#222!important}

/* --- quruluş (yalnız kompüterdə) --- */
@media(min-width:860px){
  .ly-focus .sgrid{grid-template-columns:minmax(0,680px)!important;justify-content:center}
  .ly-focus .sgrid>.sl,.ly-focus .sgrid>.sr{display:none!important}
  .ly-left .sgrid,.ly-left .sgrid.no-right{grid-template-columns:260px minmax(0,1fr)!important}
  .ly-left .sgrid>.sr{display:none!important}
  .ly-right .sgrid{grid-template-columns:minmax(0,1fr) 320px!important}
  .ly-right .sgrid.no-right{grid-template-columns:minmax(0,760px)!important;justify-content:center}
  .ly-right .sgrid>.sl{display:none!important}
  .ly-right .sgrid>.sr{display:block}
  .ly-grid .sgrid,.ly-grid .sgrid.no-right{grid-template-columns:230px minmax(0,1fr)!important}
  .ly-grid .sgrid>.sr{display:none!important}
  .ly-grid .sc .feed[data-feed]{columns:2;column-gap:14px}
  .ly-grid .sc .feed[data-feed]>*{break-inside:avoid;display:block}
  .ly-grid .sc .feed[data-feed] .post{margin:0 0 14px}
  .ly-reader .wrap{max-width:980px}
  .ly-reader .sgrid,.ly-reader .sgrid.no-right{grid-template-columns:minmax(0,720px)!important;justify-content:center}
  .ly-reader .sgrid>.sl,.ly-reader .sgrid>.sr{display:none!important}
  .ly-reader .post{font-size:17px;line-height:1.7;padding:24px 26px 8px}
  .ly-reader .post-title,.ly-reader .page-head h1{font-family:'Playfair Display',Georgia,serif;font-size:1.45em}
  .ly-full .wrap{max-width:1560px}
  .ly-full .sgrid{grid-template-columns:270px minmax(0,1fr) 340px}
}
@media(min-width:1180px){.ly-right .sgrid>.sr{display:block}}

/* --- kartların üslubu --- */
body.cs-flat{--sh:none}
.cs-flat .card,.cs-flat .post,.cs-flat .tile{box-shadow:none}
body.cs-outline{--sh:none}
.cs-outline .card,.cs-outline .post,.cs-outline .tile,.cs-outline .pcard{box-shadow:none;border:1.5px solid color-mix(in srgb,var(--ink) 22%,transparent)}
body.cs-elevated{--sh:0 2px 4px rgba(15,23,42,.05),0 14px 34px rgba(15,23,42,.11)}
.cs-elevated .card,.cs-elevated .post,.cs-elevated .tile{border-color:transparent}
.th-dark.cs-elevated{--sh:0 14px 34px rgba(0,0,0,.5)}
.cs-glass .card,.cs-glass .post,.cs-glass .tile,.cs-glass .pcard{background:color-mix(in srgb,var(--card) 68%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-color:color-mix(in srgb,#fff 45%,transparent)}
.th-dark.cs-glass .card,.th-dark.cs-glass .post{border-color:color-mix(in srgb,#fff 10%,transparent)}
.cs-neo .card,.cs-neo .post,.cs-neo .tile,.cs-neo .pcard{background:var(--bg);border-color:transparent;box-shadow:7px 7px 16px color-mix(in srgb,var(--ink) 12%,transparent),-7px -7px 16px color-mix(in srgb,#fff 85%,transparent)}
.th-dark.cs-neo .card,.th-dark.cs-neo .post{box-shadow:6px 6px 14px rgba(0,0,0,.45),-4px -4px 12px rgba(255,255,255,.04)}

/* --- sıxlıq --- */
body.dn-compact{font-size:14px}
.dn-compact .card{padding:13px}
.dn-compact .post{padding:12px 13px 4px;margin-bottom:9px}
.dn-compact .sgrid{gap:12px}
.dn-compact .post-h .av{width:38px!important;height:38px!important}
.dn-compact .main{padding-top:12px}
body.dn-comfy{font-size:16px}
.dn-comfy .card{padding:24px}
.dn-comfy .post{padding:22px 22px 8px;margin-bottom:20px}
.dn-comfy .sgrid{gap:24px}

/* --- künclər --- */
.rd-square .btn,.rd-square input,.rd-square select,.rd-square textarea,.rd-square .hicon,.rd-square .hsearch,.rd-square .cat-btn,.rd-square .hbox,.rd-square .tc,.rd-square .ptag{border-radius:0!important}
.rd-sharp .btn,.rd-sharp input,.rd-sharp select,.rd-sharp textarea,.rd-sharp .hicon,.rd-sharp .hsearch,.rd-sharp .cat-btn,.rd-sharp .hbox{border-radius:6px!important}
.rd-round .btn,.rd-round .hicon,.rd-round .hbox,.rd-round .cat-btn{border-radius:999px!important}
.rd-round .hsearch,.rd-round input[type=text],.rd-round input[type=search],.rd-round select{border-radius:16px!important}
.rd-square .post,.rd-square .card{border-radius:0}

/* --- başlıq --- */
.hd-color .hdr{background:var(--pri);box-shadow:none}
.hd-color .hdr .hnav a,.hd-color .hdr .hnav a.on{color:#fff}
.hd-color .hdr .hnav a.on::after{background:#fff}
.hd-color .hdr .brand-logo .bl-main{color:#fff}.hd-color .hdr .brand-logo .bl-tld{color:#ffd6d6}
.hd-color .hdr .hicon{background:rgba(255,255,255,.16);color:#fff}
.hd-color .hdr .hme{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.25);color:#fff}
.hd-color .hdr .hme small{color:rgba(255,255,255,.75)}
.hd-color .hdr .cat-btn{background:#fff;color:var(--pri);box-shadow:none}
.hd-color .hdr .hbox{background:#fff;color:var(--pri)}
.hd-color .hdr .hm-ic,.hd-color .hdr .hm-me{color:#fff}
.hd-dark .hdr{background:#0b1020;box-shadow:none}
.hd-dark .hdr .hnav a{color:#e5e7eb}.hd-dark .hdr .hnav a.on{color:#fff}
.hd-dark .hdr .brand-logo .bl-main{color:#3b9bff}
.hd-dark .hdr .hicon{background:#1b2236;color:#e5e7eb}
.hd-dark .hdr .hme{background:#151b2d;border-color:#252d45;color:#e5e7eb}
.hd-dark .hdr .hsearch{background:#151b2d;border-color:#252d45}
.hd-dark .hdr .hsearch input,.hd-dark .hdr .hsearch select{color:#e5e7eb}
.hd-dark .hdr .hm-ic{color:#e5e7eb}
.hd-glass .hdr{background:color-mix(in srgb,var(--card) 62%,transparent);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}

/* --- dizayn studiyası: quruluş önizləmələri --- */
.pv-ly{position:relative;display:block;background:var(--bg);border-radius:8px;overflow:hidden}
.pick .pv-ly{height:74px}
.pv-ly i{position:absolute;border-radius:3px;background:color-mix(in srgb,var(--muted) 30%,transparent)}
.pv-ly .h{left:0;right:0;top:0;height:12%;background:color-mix(in srgb,var(--pri) 70%,transparent);border-radius:0}
.pv-ly .a{left:6%;top:20%;width:20%;bottom:8%}
.pv-ly .b{left:30%;top:20%;width:40%;bottom:8%;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.pv-ly .c{left:74%;top:20%;width:20%;bottom:8%}
.pv-ly .d{display:none}
.pl-focus .a,.pl-focus .c,.pl-reader .a,.pl-reader .c{display:none}
.pl-focus .b{left:25%;width:50%}
.pl-reader .b{left:20%;width:60%;background:repeating-linear-gradient(180deg,var(--card) 0 5px,color-mix(in srgb,var(--muted) 20%,var(--card)) 5px 7px)}
.pl-left .c,.pl-right .a{display:none}
.pl-left .b{left:30%;width:64%}
.pl-right .b{left:6%;width:64%}
.pl-grid .c{display:none}
.pl-grid .b{left:30%;width:31%}
.pl-grid .d{display:block;left:63%;width:31%;top:20%;bottom:8%;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.pl-full .a{left:2%;width:22%}.pl-full .b{left:26%;width:48%}.pl-full .c{left:76%;width:22%}
.pv-cs{display:grid;place-items:center;background:var(--bg)}
.pick .pv-cs{height:64px}
.pv-cs i{width:62%;height:62%;border-radius:10px;background:var(--card);border:1px solid var(--line)}
.pcs-soft i{box-shadow:0 4px 12px rgba(15,23,42,.08)}
.pcs-flat i{box-shadow:none}
.pcs-outline i{border:2px solid color-mix(in srgb,var(--ink) 35%,transparent)}
.pcs-elevated i{border-color:transparent;box-shadow:0 12px 24px rgba(15,23,42,.2)}
.pcs-glass{background:linear-gradient(135deg,var(--pri),#ec4899)!important}.pcs-glass i{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.55);backdrop-filter:blur(6px)}
.pcs-neo i{background:var(--bg);border-color:transparent;box-shadow:5px 5px 10px rgba(0,0,0,.12),-5px -5px 10px #fff}
.ds-row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
@media(max-width:900px){.ds-row3{grid-template-columns:1fr}}
.seg-picks{display:flex;flex-wrap:wrap;gap:8px}
.sp{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:13.5px;font-weight:600;margin:0;transition:.15s}
.sp input{position:absolute;opacity:0}
.sp.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri)}
.sp-hd{width:26px;height:18px;border-radius:4px;border:1px solid var(--line);background:linear-gradient(var(--card) 35%,var(--bg) 35%)}
.sph-color{background:linear-gradient(var(--pri) 35%,var(--bg) 35%)}.sph-dark{background:linear-gradient(#0b1020 35%,var(--bg) 35%)}.sph-glass{background:linear-gradient(color-mix(in srgb,var(--card) 50%,transparent) 35%,var(--bg) 35%)}
.sp-dn{display:inline-flex;flex-direction:column;width:20px}
.sp-dn i{height:3px;border-radius:2px;background:currentColor;opacity:.6}
.spd-compact i{margin:1px 0}.spd-normal i{margin:2px 0}.spd-comfy i{margin:3.5px 0}
.sp-rd{width:20px;height:20px;border:2px solid currentColor;opacity:.75}
.ui-lys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.ui-ly{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:600 11px inherit;cursor:pointer}
.ui-ly.on{border-color:var(--pri);color:var(--pri)}
.ui-ly .pv-ly{width:100%;height:30px}

/* ================= v18: yeni vizit kart şablonları ================= */
/* Dalğa */
.vc-page.t-wave{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 18%,#fff),#f8fafc)}
.vc.t-wave .vc-top{background:var(--c);color:#fff;padding-bottom:58px;position:relative}
.vc.t-wave .vc-top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 46' preserveAspectRatio='none'%3E%3Cpath d='M0 20 C110 50 220 -10 330 18 C380 30 410 26 440 18 V46 H0Z' fill='%23fff'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.vc.t-wave .vc-title,.vc.t-wave .vc-user{color:rgba(255,255,255,.88)}
.vc.t-wave .vc-acts .ci{border-radius:50%}
.vc.t-wave .vc-save{border-radius:99px}
/* Sakura */
.vc-page.t-sakura{background:radial-gradient(circle at 15% 10%,#ffd1dc 0 8%,transparent 9%),radial-gradient(circle at 85% 20%,#ffc2d1 0 6%,transparent 7%),radial-gradient(circle at 70% 85%,#ffd6e0 0 7%,transparent 8%),linear-gradient(160deg,#fff0f5,#ffe4ec 60%,#fdf2f8)}
.vc.t-sakura{border-radius:32px;box-shadow:0 24px 50px rgba(236,72,153,.18);border:1px solid #fbcfe8}
.vc.t-sakura .vc-top{background:linear-gradient(180deg,#fce7f3,#fff)}
.vc.t-sakura .vc-av{border-color:#fbcfe8}
.vc.t-sakura h1{color:#9d174d}
.vc.t-sakura .vc-acts .ci,.vc.t-sakura .vc-save{background:linear-gradient(135deg,#f472b6,#ec4899);border-radius:99px}
.vc.t-sakura .vc-line .ic{color:#ec4899}
.vc.t-sakura .vc-soc a,.vc.t-sakura .vc-social{background:#fdf2f8;color:#9d174d;border-radius:99px}
.vc.t-sakura .vc-top::before{content:"🌸";position:absolute;font-size:26px;right:22px;top:16px;opacity:.85}
.vc.t-sakura{position:relative}
/* Neumorf */
.vc-page.t-neumorph{background:#e6ebf2}
.vc.t-neumorph{background:#e6ebf2;box-shadow:16px 16px 36px #c3c8ce,-16px -16px 36px #ffffff;border-radius:32px}
.vc.t-neumorph .vc-av{border:0;box-shadow:8px 8px 18px #c3c8ce,-8px -8px 18px #fff}
.vc.t-neumorph .vc-acts .ci{background:#e6ebf2;color:var(--c);box-shadow:6px 6px 12px #c3c8ce,-6px -6px 12px #fff;border-radius:18px}
.vc.t-neumorph .vc-save{background:#e6ebf2;color:var(--c);box-shadow:6px 6px 14px #c3c8ce,-6px -6px 14px #fff}
.vc.t-neumorph .vc-social,.vc.t-neumorph .vc-soc a{background:#e6ebf2;box-shadow:inset 4px 4px 8px #c3c8ce,inset -4px -4px 8px #fff}
.vc.t-neumorph .vc-line,.vc.t-neumorph .vc-about,.vc.t-neumorph .vc-soc,.vc.t-neumorph .vc-qr,.vc.t-neumorph .vc-bizs{border-color:#d3d9e1}
/* Polaroid */
.vc-page.t-polaroid{background:#d9cfc1 repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.06) 12px 24px)}
.vc.t-polaroid{border-radius:4px;transform:rotate(-1deg);box-shadow:0 2px 0 #cfc6b8,0 26px 50px rgba(60,40,20,.28);background:#fffefb}
.vc.t-polaroid .vc-top{padding:18px 18px 22px}
.vc.t-polaroid .vc-av{width:calc(100% - 0px);height:auto;aspect-ratio:1;border-radius:2px;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);font-size:72px;margin-bottom:16px}
.vc.t-polaroid h1{font-family:'Comfortaa',cursive;font-size:26px}
.vc.t-polaroid .vc-acts .ci,.vc.t-polaroid .vc-save{border-radius:4px}
/* Lüks qızıl */
.vc-page.t-luxe{background:radial-gradient(circle at 50% 0%,#2a2416,#0b0a08 70%)}
.vc.t-luxe{background:#111009;color:#f3e9c6;border:1px solid #6b5a2a;box-shadow:0 0 0 6px #111009,0 0 0 7px #4a3f20,0 30px 70px rgba(0,0,0,.6);border-radius:18px}
.vc.t-luxe h1{font-family:'Playfair Display',Georgia,serif;letter-spacing:.02em;background:linear-gradient(90deg,#c9a649,#f7e7a1,#c9a649);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc.t-luxe .vc-title,.vc.t-luxe .vc-user,.vc.t-luxe .vc-counts span{color:#bfae7c}
.vc.t-luxe .vc-av{border:2px solid #c9a649;box-shadow:0 0 0 6px #111009,0 0 0 7px #6b5a2a;background:#2a2416;color:#f7e7a1}
.vc.t-luxe .vc-acts a{color:#f3e9c6}
.vc.t-luxe .vc-acts .ci,.vc.t-luxe .vc-save{background:linear-gradient(135deg,#a8822f,#f2d98c 50%,#a8822f);color:#1a150a}
.vc.t-luxe .vc-line,.vc.t-luxe .vc-about,.vc.t-luxe .vc-soc,.vc.t-luxe .vc-qr,.vc.t-luxe .vc-bizs{border-color:#2c2717;color:#f3e9c6}
.vc.t-luxe .vc-line .ic{color:#c9a649}
.vc.t-luxe .vc-soc a,.vc.t-luxe .vc-social,.vc.t-luxe .vc-bizs a{background:#1b1910;color:#f3e9c6}
.vc.t-luxe .vc-qr #qr{background:#fff;display:inline-block;padding:8px;border-radius:8px}
.vc-page.t-luxe .vc-foot,.vc-page.t-luxe .vc-foot a{color:#bfae7c}
/* Kiberpank */
.vc-page.t-cyber{background:#0a0a12 linear-gradient(rgba(255,0,170,.08) 1px,transparent 1px) 0 0/100% 4px}
.vc.t-cyber{background:#0d0d1a;color:#e8f9ff;border:2px solid #fcee0a;border-radius:0;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));box-shadow:none}
.vc.t-cyber h1{text-transform:uppercase;letter-spacing:.05em;color:#fcee0a;text-shadow:2px 0 #ff00aa,-2px 0 #00f0ff}
.vc.t-cyber .vc-title,.vc.t-cyber .vc-user,.vc.t-cyber .vc-counts span{color:#00f0ff}
.vc.t-cyber .vc-av{border:2px solid #ff00aa;border-radius:0;box-shadow:6px 6px 0 #00f0ff;background:#1a1a2e;color:#fcee0a}
.vc.t-cyber .vc-acts a{color:#e8f9ff}
.vc.t-cyber .vc-acts .ci{background:#fcee0a;color:#0d0d1a;border-radius:0}
.vc.t-cyber .vc-save{background:#ff00aa;color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.1em}
.vc.t-cyber .vc-line,.vc.t-cyber .vc-about,.vc.t-cyber .vc-soc,.vc.t-cyber .vc-qr,.vc.t-cyber .vc-bizs{border-color:#26264a;color:#e8f9ff}
.vc.t-cyber .vc-line .ic{color:#00f0ff}
.vc.t-cyber .vc-soc a,.vc.t-cyber .vc-social,.vc.t-cyber .vc-bizs a{background:#16162c;color:#fcee0a;border-radius:0}
.vc.t-cyber .vc-qr #qr{background:#fff;display:inline-block;padding:8px}
.vc-page.t-cyber .vc-foot,.vc-page.t-cyber .vc-foot a{color:#00f0ff}
/* Retro 70-lər */
.vc-page.t-retro{background:#f4e4c1 repeating-linear-gradient(180deg,#e85d2a 0 14px,#f29e38 14px 28px,#f6c75e 28px 42px,#f4e4c1 42px 100%) top/100% 100% no-repeat;background-size:100% 160px;background-color:#f4e4c1}
.vc.t-retro{background:#fff6e3;border:3px solid #3b2314;border-radius:28px;box-shadow:8px 8px 0 #3b2314;color:#3b2314}
.vc.t-retro h1{font-family:'Comfortaa','Poppins',sans-serif;color:#c2410c}
.vc.t-retro .vc-av{border:3px solid #3b2314;background:#f29e38}
.vc.t-retro .vc-acts .ci{background:#e85d2a;border:2px solid #3b2314;border-radius:50%}
.vc.t-retro .vc-acts a{color:#3b2314}
.vc.t-retro .vc-save{background:#f29e38;color:#3b2314;border:3px solid #3b2314;border-radius:99px}
.vc.t-retro .vc-line,.vc.t-retro .vc-about,.vc.t-retro .vc-soc,.vc.t-retro .vc-qr,.vc.t-retro .vc-bizs{border-color:#ecd3a5}
.vc.t-retro .vc-line .ic{color:#e85d2a}
.vc.t-retro .vc-soc a,.vc.t-retro .vc-social{background:#fbe7bd;color:#3b2314;border-radius:99px}
/* Bauhaus */
.vc-page.t-bauhaus{background:#f3efe6}
.vc.t-bauhaus{border-radius:0;box-shadow:none;border:3px solid #111;position:relative}
.vc.t-bauhaus .vc-top{background:linear-gradient(90deg,#e63946 0 33.3%,#f4c430 33.3% 66.6%,#1d4ed8 66.6%) top/100% 14px no-repeat,#fff;padding-top:42px;text-align:left}
.vc.t-bauhaus .vc-av{margin:0 0 12px;border-radius:50%;border:3px solid #111;box-shadow:10px 10px 0 #f4c430;background:#1d4ed8}
.vc.t-bauhaus h1{text-transform:uppercase;font-weight:900;letter-spacing:-.02em;font-size:30px}
.vc.t-bauhaus .vc-acts .ci{border-radius:0;background:#111}
.vc.t-bauhaus .vc-acts a:nth-child(1) .ci{background:#e63946}.vc.t-bauhaus .vc-acts a:nth-child(2) .ci{background:#f4c430;color:#111}.vc.t-bauhaus .vc-acts a:nth-child(3) .ci{background:#1d4ed8;border-radius:50%}
.vc.t-bauhaus .vc-save{background:#111;border-radius:0;text-transform:uppercase;letter-spacing:.1em}
.vc.t-bauhaus .vc-line,.vc.t-bauhaus .vc-about,.vc.t-bauhaus .vc-soc,.vc.t-bauhaus .vc-qr,.vc.t-bauhaus .vc-bizs{border-color:#111}
.vc.t-bauhaus .vc-soc a,.vc.t-bauhaus .vc-social{background:#f3efe6;border-radius:0}
/* Mərmər */
.vc-page.t-marble{background:radial-gradient(ellipse at 20% 30%,rgba(0,0,0,.05) 0 2%,transparent 30%),linear-gradient(115deg,#f5f5f2 0%,#e9e8e3 18%,#fafaf8 32%,#e2e1db 48%,#f7f6f2 66%,#e7e5df 84%,#fbfbf9 100%)}
.vc.t-marble{background:rgba(255,255,255,.88);border:1px solid #d9d6cc;border-radius:6px;box-shadow:0 30px 60px rgba(60,55,40,.18)}
.vc.t-marble h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:.01em}
.vc.t-marble .vc-title{text-transform:uppercase;letter-spacing:.2em;font-size:12px}
.vc.t-marble .vc-av{border:1px solid #cfcabd;box-shadow:0 0 0 6px #fff,0 0 0 7px #d9d6cc}
.vc.t-marble .vc-acts .ci{background:#2b2a26;border-radius:50%}
.vc.t-marble .vc-save{background:#2b2a26;border-radius:2px;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px}
.vc.t-marble .vc-line .ic{color:#9a8f6c}
.vc.t-marble .vc-soc a,.vc.t-marble .vc-social{background:#f4f2ec;border-radius:2px}
/* Kosmos */
.vc-page.t-cosmos{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 85% 65%,#fff,transparent),radial-gradient(1px 1px at 10% 70%,#fff,transparent),radial-gradient(ellipse at 70% 0%,#3b1d6e,transparent 60%),radial-gradient(ellipse at 0% 100%,#0e3a5c,transparent 60%),#05040f;background-size:220px 220px,180px 180px,260px 260px,200px 200px,240px 240px,100% 100%,100% 100%,100% 100%}
.vc.t-cosmos{background:rgba(14,12,34,.82);color:#e9e6ff;border:1px solid rgba(167,139,250,.35);backdrop-filter:blur(8px);box-shadow:0 0 80px rgba(124,58,237,.35)}
.vc.t-cosmos .vc-av{border-color:#a78bfa;box-shadow:0 0 30px rgba(167,139,250,.7)}
.vc.t-cosmos h1{background:linear-gradient(90deg,#c4b5fd,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc.t-cosmos .vc-title,.vc.t-cosmos .vc-user,.vc.t-cosmos .vc-counts span{color:#a5a0d6}
.vc.t-cosmos .vc-acts a{color:#e9e6ff}
.vc.t-cosmos .vc-acts .ci,.vc.t-cosmos .vc-save{background:linear-gradient(135deg,#7c3aed,#06b6d4)}
.vc.t-cosmos .vc-line,.vc.t-cosmos .vc-about,.vc.t-cosmos .vc-soc,.vc.t-cosmos .vc-qr,.vc.t-cosmos .vc-bizs{border-color:rgba(167,139,250,.18);color:#e9e6ff}
.vc.t-cosmos .vc-line .ic{color:#67e8f9}
.vc.t-cosmos .vc-soc a,.vc.t-cosmos .vc-social,.vc.t-cosmos .vc-bizs a{background:rgba(124,58,237,.18);color:#e9e6ff}
.vc.t-cosmos .vc-qr #qr{background:#fff;display:inline-block;padding:8px;border-radius:10px}
.vc-page.t-cosmos .vc-foot,.vc-page.t-cosmos .vc-foot a{color:#a5a0d6}
/* Holoqrafik */
.vc-page.t-holo{background:linear-gradient(125deg,#e0c3fc,#8ec5fc 25%,#f9d1e8 50%,#c2f5e9 75%,#fbe7a1);background-size:300% 300%;animation:aurora 16s ease infinite}
.vc.t-holo{background:linear-gradient(145deg,rgba(255,255,255,.75),rgba(255,255,255,.45));backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.8);box-shadow:0 30px 60px rgba(120,80,200,.2)}
.vc.t-holo .vc-top{background:linear-gradient(120deg,rgba(255,154,240,.35),rgba(130,200,255,.35),rgba(150,255,210,.35))}
.vc.t-holo h1{background:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.vc.t-holo .vc-acts .ci,.vc.t-holo .vc-save{background:linear-gradient(120deg,#a78bfa,#f472b6,#22d3ee)}
.vc.t-holo .vc-soc a,.vc.t-holo .vc-social,.vc.t-holo .vc-bizs a{background:rgba(255,255,255,.55)}
/* Brutalist */
.vc-page.t-brutal{background:#ffde59}
.vc.t-brutal{border:3px solid #000;border-radius:0;box-shadow:12px 12px 0 #000;background:#fff}
.vc.t-brutal .vc-top{background:#fff;border-bottom:3px solid #000;text-align:left}
.vc.t-brutal .vc-av{margin:0 0 12px;border-radius:0;border:3px solid #000;box-shadow:6px 6px 0 var(--c);background:var(--c)}
.vc.t-brutal h1{font-size:34px;font-weight:900;text-transform:uppercase;line-height:1}
.vc.t-brutal .vc-title{display:inline-block;background:#000;color:#ffde59;padding:2px 8px;margin-top:6px}
.vc.t-brutal .vc-acts .ci{border-radius:0;border:3px solid #000;box-shadow:4px 4px 0 #000;background:var(--c)}
.vc.t-brutal .vc-save{border-radius:0;border:3px solid #000;box-shadow:6px 6px 0 #000;background:#ff5757;text-transform:uppercase;font-weight:900}
.vc.t-brutal .vc-line,.vc.t-brutal .vc-about,.vc.t-brutal .vc-soc,.vc.t-brutal .vc-qr,.vc.t-brutal .vc-bizs{border-color:#000;border-width:2px}
.vc.t-brutal .vc-soc a,.vc.t-brutal .vc-social{background:#fff;border:2px solid #000;border-radius:0;font-weight:800}

/* şablon seçicisinin kiçik önizləmələri */
.pk-wave{background:linear-gradient(180deg,var(--pc) 38%,#f8fafc 38%)}.pk-wave .k{border-radius:12px}
.pk-sakura{background:radial-gradient(circle at 20% 20%,#ffc2d1 0 10%,transparent 11%),radial-gradient(circle at 80% 70%,#ffd6e0 0 10%,transparent 11%),#fff0f5}.pk-sakura .k::before{background:#ec4899}.pk-sakura .k{border-radius:12px}
.pk-neumorph{background:#e6ebf2}.pk-neumorph .k{background:#e6ebf2;box-shadow:5px 5px 10px #c3c8ce,-5px -5px 10px #fff;border-radius:12px}
.pk-polaroid{background:#d9cfc1}.pk-polaroid .k{border-radius:2px;transform:rotate(-3deg)}.pk-polaroid .k::before{left:10%;width:80%;height:46%;border-radius:2px;top:8%}
.pk-luxe{background:#0b0a08}.pk-luxe .k{background:#111009;border:1px solid #c9a649}.pk-luxe .k::before{background:linear-gradient(135deg,#a8822f,#f2d98c)}.pk-luxe .k::after{background:#c9a649;box-shadow:0 8px 0 #4a3f20,0 16px 0 #c9a649}
.pk-cyber{background:#0a0a12}.pk-cyber .k{background:#0d0d1a;border:2px solid #fcee0a;border-radius:0}.pk-cyber .k::before{background:#ff00aa;border-radius:0}.pk-cyber .k::after{background:#00f0ff;box-shadow:0 8px 0 #333,0 16px 0 #fcee0a}
.pk-retro{background:repeating-linear-gradient(180deg,#e85d2a 0 6px,#f29e38 6px 12px,#f6c75e 12px 18px,#f4e4c1 18px 100%)}.pk-retro .k{border:2px solid #3b2314;box-shadow:3px 3px 0 #3b2314}
.pk-bauhaus{background:#f3efe6}.pk-bauhaus .k{border:2px solid #111;border-radius:0;background:linear-gradient(90deg,#e63946 0 33%,#f4c430 33% 66%,#1d4ed8 66%) top/100% 6px no-repeat,#fff}.pk-bauhaus .k::before{background:#1d4ed8;left:14%}
.pk-marble{background:linear-gradient(115deg,#f5f5f2,#e2e1db 40%,#fafaf8 60%,#e7e5df)}.pk-marble .k{border-radius:3px}.pk-marble .k::before{background:#2b2a26}
.pk-cosmos{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(ellipse at 70% 0%,#3b1d6e,transparent 70%),#05040f}.pk-cosmos .k{background:#151233;box-shadow:0 0 14px rgba(124,58,237,.6)}.pk-cosmos .k::before{background:linear-gradient(135deg,#7c3aed,#06b6d4)}
.pk-holo{background:linear-gradient(125deg,#e0c3fc,#8ec5fc,#f9d1e8,#c2f5e9)}.pk-holo .k{background:rgba(255,255,255,.6)}.pk-holo .k::before{background:linear-gradient(90deg,#a78bfa,#f472b6)}
.pk-brutal{background:#ffde59}.pk-brutal .k{border:2px solid #000;border-radius:0;box-shadow:4px 4px 0 #000}.pk-brutal .k::before{border-radius:0;left:12%}

/* ================= v18: yeni CV şablonları ================= */
.cv-doc h3{break-after:avoid}
/* İsveçrə — böyük tipoqrafiya, qırmızı vurğu */
.cv-t-swiss{padding:44px clamp(22px,5vw,52px)!important}
.cv-t-swiss header{border-top:10px solid var(--cv);padding-top:22px;margin-bottom:10px}
.cv-t-swiss h1{font-size:46px;font-weight:900;letter-spacing:-.05em;line-height:.95;margin:0}
.cv-t-swiss .role{font-size:18px;font-weight:700;color:var(--cv);margin-top:8px}
.cv-t-swiss .contacts{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:12px;font-size:13px;font-weight:600}
.cv-t-swiss h3{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;border-top:2px solid #111;padding-top:8px;margin-top:22px}
.cv-t-swiss .cv-it b{font-size:15px}
/* Kartlar — hər bölmə ayrıca kartda */
.cv-doc.cv-t-cards{background:#f1f5f9!important;padding:26px!important}
.cv-t-cards header{display:flex;gap:18px;align-items:center;background:#fff;border-radius:18px;padding:20px;box-shadow:0 2px 10px rgba(15,23,42,.06);margin-bottom:14px}
.cv-t-cards header .cv-photo{width:84px;height:84px;border:3px solid var(--cv)}
.cv-t-cards h1{margin:0;font-size:28px}
.cv-t-cards .role{color:var(--cv);font-weight:700}
.cv-t-cards .contacts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;color:#475569;margin-top:6px}
.cv-t-cards .cv-card{background:#fff;border-radius:16px;padding:14px 18px 6px;margin-bottom:12px;box-shadow:0 2px 10px rgba(15,23,42,.05);break-inside:avoid}
.cv-t-cards .cv-card h3{margin:0 0 10px;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--cv);border:0}
.cv-t-cards .cv-card .tags{padding-bottom:8px}
/* Akademik — serif, mərkəz, nazik xətlər */
.cv-doc.cv-t-academic{font-family:var(--cvf,'Lora'),'Lora',Georgia,serif;padding:40px clamp(22px,6vw,60px)!important}
.cv-t-academic header{text-align:center;border-bottom:3px double #334155;padding-bottom:14px}
.cv-t-academic header .cv-photo{margin:0 auto 10px;width:96px;height:96px}
.cv-t-academic h1{font-weight:600;font-size:32px;margin:0}
.cv-t-academic .role{font-style:italic;color:#475569}
.cv-t-academic .contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:12.5px;margin-top:6px}
.cv-t-academic h3{font-variant:small-caps;letter-spacing:.06em;font-size:17px;text-transform:none;border-bottom:1px solid #cbd5e1;padding-bottom:3px;color:#0f172a}
.cv-t-academic .cv-it .pl{color:#334155;font-style:italic;font-weight:400}
/* Monoqram — iri baş hərflər */
.cv-t-monogram aside{background:color-mix(in srgb,var(--cv) 8%,#fff);border-right:4px solid var(--cv)}
.cv-doc .cv-mono{width:120px;height:120px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;font-size:44px;font-weight:300;letter-spacing:.06em;color:var(--cv);border:2px solid var(--cv);font-family:'Playfair Display',Georgia,serif}
.cv-t-monogram aside h4{color:var(--cv)}
.cv-t-monogram main h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:34px}
.cv-t-monogram main .role{color:var(--cv);letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:700}
.cv-t-monogram main h3{color:var(--cv);letter-spacing:.14em}
/* Gecə — tünd */
.cv-doc.cv-t-dark{background:#0f172a!important;color:#e2e8f0}
.cv-t-dark aside{background:#020617}
.cv-t-dark aside h4,.cv-t-dark main h3{color:color-mix(in srgb,var(--cv) 70%,#fff)}
.cv-t-dark .cv-mono{color:#fff;border-color:var(--cv);background:color-mix(in srgb,var(--cv) 25%,#020617)}
.cv-t-dark aside .cv-photo{border:4px solid var(--cv);margin:0 auto 16px}
.cv-t-dark .tg{background:color-mix(in srgb,var(--cv) 25%,#0f172a)!important;color:#e2e8f0!important}
.cv-t-dark .cv-it .d{color:#94a3b8}
.cv-t-dark .cv-it .pl{color:color-mix(in srgb,var(--cv) 70%,#fff)}
.cv-t-dark main h3{border-bottom:1px solid #1e293b;padding-bottom:6px}
.cv-t-dark a{color:#93c5fd}
/* Startap — qradiyent başlıq, yumru */
.cv-t-startup header{background:linear-gradient(120deg,var(--cv),color-mix(in srgb,var(--cv) 50%,#ec4899));color:#fff;display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-radius:0 0 30px 30px}
.cv-t-startup header .cv-photo{width:100px;height:100px;border:4px solid rgba(255,255,255,.6)}
.cv-t-startup header .role{color:rgba(255,255,255,.85);font-weight:600}
.cv-t-startup header .contacts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;margin-top:8px;color:rgba(255,255,255,.9)}
.cv-t-startup main h3{display:inline-block;background:color-mix(in srgb,var(--cv) 12%,#fff);color:var(--cv);padding:5px 14px;border-radius:99px;font-size:12px}
.cv-t-startup aside{background:#f8fafc;border-radius:22px;margin:20px 20px 20px 0}
.cv-t-startup aside h4{color:var(--cv);text-transform:uppercase;font-size:12px;letter-spacing:.1em;margin:0 0 8px}
.cv-t-startup aside h4~h4{margin-top:18px}
/* Jurnal — iri ad, iki sütun */
.cv-t-magazine header{display:flex;gap:22px;align-items:flex-end;border-bottom:1px solid #0f172a;flex-wrap:wrap}
.cv-t-magazine header .cv-photo{width:110px;height:140px;border-radius:2px;filter:grayscale(.2)}
.cv-t-magazine h1{font-family:'Playfair Display',Georgia,serif;font-size:52px;line-height:.95;font-weight:700;letter-spacing:-.02em;margin:0}
.cv-t-magazine .role{text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:700;color:var(--cv);margin-top:10px}
.cv-t-magazine .contacts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;margin-top:8px;color:#475569}
.cv-t-magazine main{column-count:1}
.cv-t-magazine main h3{font-family:'Playfair Display',Georgia,serif;font-size:21px;text-transform:none;letter-spacing:0;border-bottom:2px solid var(--cv);display:inline-block;padding-bottom:2px}
.cv-t-magazine aside{border-left:1px solid #0f172a}
.cv-t-magazine aside h4{font-family:'Playfair Display',Georgia,serif;font-size:17px;margin:0 0 8px}
.cv-t-magazine aside h4~h4{margin-top:18px}
/* Qradiyent və Dalğa — böyük başlıq (Cəsur quruluşu) */
.cv-t-gradient,.cv-t-wave{padding:0!important}
.cv-t-gradient .hero,.cv-t-wave .hero{color:#fff;padding:40px clamp(22px,5vw,48px) 58px;position:relative}
.cv-t-gradient .hero{background:linear-gradient(120deg,var(--cv),color-mix(in srgb,var(--cv) 40%,#a855f7) 55%,#ec4899)}
.cv-t-wave .hero{background:var(--cv);padding-bottom:84px}
.cv-t-wave .hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C200 70 400 -10 600 25 C700 42 760 38 800 30 V60 H0Z' fill='%23fff'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.cv-t-gradient .hero h1,.cv-t-wave .hero h1{font-size:40px;font-weight:800;letter-spacing:-.03em;margin:0}
.cv-t-gradient .hero .role,.cv-t-wave .hero .role{color:rgba(255,255,255,.88);font-weight:600}
.cv-t-gradient .hero .contacts,.cv-t-wave .hero .contacts{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px;font-size:13.5px;color:rgba(255,255,255,.92)}
.cv-t-gradient .hero .cv-photo,.cv-t-wave .hero .cv-photo{position:absolute;right:clamp(22px,5vw,48px);top:30px;width:110px;height:110px;border:4px solid rgba(255,255,255,.7)}
.cv-t-wave .hero .cv-photo{top:auto;bottom:-30px;border-color:#fff;z-index:2}
.cv-t-gradient .body,.cv-t-wave .body{padding:30px clamp(22px,5vw,48px)}
.cv-t-gradient h3{background:linear-gradient(90deg,var(--cv),#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.cv-t-wave .body h3{color:var(--cv)}
@media(max-width:600px){.cv-t-gradient .hero .cv-photo{position:static;margin-top:14px}.cv-t-magazine h1{font-size:38px}.cv-t-swiss h1{font-size:34px}}
@media print{.cvs-side{grid-template-columns:240px 1fr!important}.cv-t-startup aside{margin:0}}
/* şablon seçicisinin önizləmələri */
.pc-swiss .d{border-top:5px solid var(--pc)}.pc-swiss .d i:nth-child(1){height:10px;right:20%}
.pc-cards{background:#dfe5ee}.pc-cards .d{background:#f1f5f9}.pc-cards .d i{height:8px;background:#fff;box-shadow:0 0 0 1px #e2e8f0}.pc-cards .d i:nth-child(2){background:var(--pc)}
.pc-academic .d i:nth-child(1){left:25%;right:25%}.pc-academic .d::before{content:"";position:absolute;left:12%;right:12%;top:20%;border-top:3px double #334155}
.pc-monogram .d::before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:color-mix(in srgb,var(--pc) 12%,#fff);border-right:2px solid var(--pc)}
.pc-monogram .d::after{content:"";position:absolute;left:6%;top:8%;width:20%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--pc)}
.pc-monogram .d i,.pc-dark .d i{left:40%}
.pc-dark .d{background:#0f172a}.pc-dark .d::before{content:"";position:absolute;left:0;top:0;bottom:0;width:32%;background:#020617}.pc-dark .d i{background:#334155}.pc-dark .d i:nth-child(1){background:#e2e8f0}
.pc-startup .d::before{content:"";position:absolute;left:0;right:0;top:0;height:26%;background:linear-gradient(120deg,var(--pc),#ec4899);border-radius:0 0 10px 10px}
.pc-startup .d i:nth-child(1),.pc-startup .d i:nth-child(2){background:#fff;z-index:1}
.pc-magazine .d i:nth-child(1){height:12px;right:25%}.pc-magazine .d::before{content:"";position:absolute;left:12%;right:12%;top:24%;border-top:1px solid #0f172a}
.pc-gradient .d::before{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:linear-gradient(120deg,var(--pc),#a855f7,#ec4899)}
.pc-wave .d::before{content:"";position:absolute;left:0;right:0;top:0;height:30%;background:var(--pc);border-radius:0 0 50% 50%/0 0 30% 30%}
.pc-gradient .d i:nth-child(1),.pc-gradient .d i:nth-child(2),.pc-wave .d i:nth-child(1),.pc-wave .d i:nth-child(2){background:#fff;z-index:1}
.vc-tools{display:flex;justify-content:center;gap:10px;margin:18px auto 0;max-width:440px;flex-wrap:wrap}
.vc-tool{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;border:0;background:rgba(255,255,255,.92);color:#0f172a;font:600 13.5px inherit;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.1);text-decoration:none}
.vc-tool .ic{width:17px;height:17px}
.vc-tool.busy{opacity:.7}
.cv-bar .btn.busy{opacity:.7}
@media print{.vc-tools{display:none}}

/* ================= v18: redaktorda canlı önizləmə ================= */
.ed-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
@media(min-width:1100px){.ed-wrap{grid-template-columns:minmax(0,1fr) 380px}}
@media(min-width:1280px){.ed-wrap{grid-template-columns:minmax(0,1fr) 420px}}
.ed-prev{display:none;position:sticky;top:96px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:12px;flex-direction:column;gap:10px}
@media(min-width:1100px){.ed-prev{display:flex}}
.ep-head{display:flex;align-items:center;justify-content:space-between}
.ep-head b{display:flex;align-items:center;gap:8px;font-size:14.5px}
.ep-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:epPulse 2s infinite}
.ed-prev.pending .ep-dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.2)}
@keyframes epPulse{50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}
.ep-x{display:none;border:0;background:var(--soft);width:34px;height:34px;border-radius:50%;cursor:pointer;color:var(--ink)}
.ep-bar{display:flex;align-items:center;gap:8px}
.ep-sel{flex:1;display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.ep-sel select{flex:1;min-width:0;height:38px;padding:0 10px!important;font-size:13.5px!important}
.ep-col{position:relative;width:38px;height:38px;margin:0;cursor:pointer;flex:none}
.ep-col input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.ep-col span{display:block;width:100%;height:100%;border-radius:10px;border:3px solid var(--card);box-shadow:0 0 0 1.5px var(--line)}
.ep-frame{position:relative;height:calc(100vh - 290px);min-height:420px;border-radius:12px;overflow:hidden;background:#e9ecf3}
.ep-scale{transform-origin:0 0;position:absolute;left:0;top:0}
.ep-scale iframe{border:0;display:block;background:#e9ecf3}
.ep-load{position:absolute;inset:0;display:none;place-items:center;background:rgba(255,255,255,.35)}
.ep-load span{width:28px;height:28px;border-radius:50%;border:3px solid var(--pri-soft);border-top-color:var(--pri);animation:spin .8s linear infinite}
.ed-prev.loading .ep-load{display:grid}
@keyframes spin{to{transform:rotate(360deg)}}
.ep-acts{display:flex;gap:6px;flex-wrap:wrap}
.ep-acts .btn{flex:1;justify-content:center}
.ep-note{font-size:12px;color:var(--muted);margin:0;line-height:1.5}
.ed-prev.full{display:flex;position:fixed;inset:0;z-index:1500;border-radius:0;top:0;padding:14px max(14px,env(safe-area-inset-left));box-shadow:none}
.ed-prev.full .ep-x{display:grid;place-items:center}
.ed-prev.full .ep-frame{flex:1;height:auto}
.ed-prev.full .ep-note{display:none}
body.ep-lock{overflow:hidden}
.ep-mob{position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:12px 18px;background:var(--pri);color:#fff;font:700 14px inherit;box-shadow:0 10px 24px -6px var(--pri);cursor:pointer}
.ep-mob .ic{width:18px;height:18px}
@media(min-width:1100px){.ep-mob{display:none}}
/* smaylik seçicisi: kateqoriya düymələri işləsin */
.emo-grid[hidden]{display:none!important}
.emo-cat-t{font-size:12px;font-weight:700;color:var(--muted);padding:8px 12px 0;text-transform:uppercase;letter-spacing:.06em}
.emo-tabs{overflow-x:auto;scrollbar-width:none}
.emo-tabs button{min-width:34px}
.msg-locked{opacity:.7;cursor:not-allowed}
.vp-locked{opacity:.7}.vp-locked input{cursor:not-allowed}

/* ===== v19: Şəxsi zəng ekranı (görüşlərdən ayrı) ===== */
body.call-page{background:#0b0d12;margin:0;overflow:hidden}
.call{position:fixed;inset:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:inherit;background:radial-gradient(120% 80% at 50% 0%,#1d2a44 0%,#0b0d12 70%);overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
.cl-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) brightness(.35) saturate(1.3);opacity:.9;transform:scale(1.1)}
.cl-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;transition:opacity .4s;pointer-events:none}
.call.has-video:not(.cam-off) .cl-remote{opacity:1}
.call.has-video:not(.cam-off) .cl-info{top:auto;bottom:150px;transform:none}
.call.has-video:not(.cam-off) .cl-info .cl-av,.call.has-video:not(.cam-off) .cl-kind{display:none}
.call.has-video:not(.cam-off) .cl-info h1{font-size:18px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.cl-top{position:relative;z-index:3;width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;box-sizing:border-box}
.cl-back{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:26px;line-height:1;flex:none}
.cl-sec{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:rgba(255,255,255,.1);padding:6px 12px;border-radius:99px;backdrop-filter:blur(8px);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 auto 0 0}
.cl-sec .ic{width:14px;height:14px;flex:none;color:#4ade80}
.cl-info{position:absolute;left:0;right:0;top:50%;transform:translateY(-62%);z-index:2;text-align:center;padding:0 16px}
.cl-info h1{margin:18px 0 4px;font-size:clamp(22px,6vw,30px);font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.cl-kind{display:inline-flex;align-items:center;gap:6px;margin:0;opacity:.7;font-size:14px}
.cl-kind .ic{width:16px;height:16px}
.cl-status{margin:10px 0 0;font-size:17px;font-variant-numeric:tabular-nums;opacity:.92;min-height:24px}
.cl-av{position:relative;display:inline-grid;place-items:center}
.cl-av .av{position:relative;z-index:1;box-shadow:0 10px 40px rgba(0,0,0,.45);border:3px solid rgba(255,255,255,.18)}
.cl-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,255,255,.35);opacity:0}
.call[data-state="out"] .cl-ring,.call[data-state="in"] .cl-ring{animation:clPulse 2s ease-out infinite}
.call[data-state="out"] .cl-ring.r2,.call[data-state="in"] .cl-ring.r2{animation-delay:1s}
@keyframes clPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
.call.weak .cl-status::after{content:' · bağlantı zəifdir…';opacity:.7}
.call.peer-muted[data-state="on"] .cl-info h1::after{content:'🔇';font-size:.7em}
.cl-pip{position:absolute;z-index:4;right:14px;top:70px;width:clamp(96px,26vw,180px);aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#111;box-shadow:0 8px 30px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.2)}
.cl-pip[hidden]{display:none}
.cl-pip video{width:100%;height:100%;object-fit:cover}
.cl-pip video.mirror{transform:scaleX(-1)}
.call[data-state="end"] .cl-pip{display:none}
.cl-unmute{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);border:0;border-radius:99px;padding:12px 20px;background:#fff;color:#111;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.cl-unmute[hidden]{display:none}
.cl-bar{position:relative;z-index:3;display:none;gap:clamp(18px,7vw,44px);justify-content:center;padding:24px 16px 34px;width:100%;box-sizing:border-box;background:linear-gradient(transparent,rgba(0,0,0,.45))}
.call[data-state="in"] .cl-in,.call[data-state="out"] .cl-on,.call[data-state="conn"] .cl-on,.call[data-state="on"] .cl-on,.call[data-state="end"] .cl-end{display:flex}
.cl-b{display:flex;flex-direction:column;align-items:center;gap:8px}
.cl-b[hidden]{display:none}
.cl-b small{font-size:12px;opacity:.8}
.cl-btn{width:62px;height:62px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.16);color:#fff;font-size:24px;text-decoration:none;backdrop-filter:blur(10px);transition:transform .15s,background .2s}
.cl-btn:active{transform:scale(.92)}
.cl-btn .ic{width:26px;height:26px}
.cl-btn.red{background:#ef4444}
.cl-btn.green{background:#22c55e}
.cl-btn.pulse{animation:clBtn 1.4s ease-in-out infinite}
@keyframes clBtn{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{box-shadow:0 0 0 14px rgba(34,197,94,0)}}
.cl-btn:disabled{opacity:.5}
.cl-btn .ic+.ic{display:none}
.cl-btn.off{background:#fff;color:#111}
.cl-btn.off .ic:first-child{display:none}
.cl-btn.off .ic+.ic{display:block}
.call[data-state="end"] .cl-status{color:#fca5a5}
.call[data-state="init"] .cl-bar{display:none}
@media (min-width:800px){.cl-pip{top:auto;bottom:140px;right:24px}}
/* söhbətdəki zəng kartı */
.msg-call.mc-missed .mc-ic{background:#ef4444}
.msg-call.mc-ring .mc-ic{animation:clBtn 1.4s ease-in-out infinite}

/* ===== v20: Kəşfet görünüş rejimləri ===== */
.ex-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ex-views{display:inline-flex;gap:2px;padding:4px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);max-width:100%;overflow-x:auto;scrollbar-width:none}
.ex-views::-webkit-scrollbar{display:none}
.ex-views a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none}
.ex-views a .ic{width:18px;height:18px}
.ex-views a span{display:none}
.ex-views a.on{background:var(--pri);color:#fff}
.ex-views a.on span{display:inline}
.ex-views a:not(.on):hover{background:var(--soft);color:var(--ink)}
@media(max-width:600px){.ex-tools{width:100%}.ex-views{width:100%;justify-content:space-between}.ex-views a{flex:1;justify-content:center;padding:8px 6px}.ex-views a.on span{display:none}}
/* Şəbəkə: eyni ölçülü kartlar */
.tiles.ev-grid{columns:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:700px){.tiles.ev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.tiles.ev-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tiles.ev-grid .tile{margin:0;display:flex;flex-direction:column}
.tiles.ev-grid .tile-img,.tiles.ev-grid .tile-ic{aspect-ratio:1/1;height:auto;min-height:0;overflow:hidden}
.tiles.ev-grid .tile-img img{height:100%;object-fit:cover}
.tiles.ev-grid .tile-b{flex:1}
.tiles.ev-grid .tile-b b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tiles.ev-grid .tile-a{margin-top:auto}
/* Qalereya: yalnız şəkil, Instagram kimi */
.tiles.ev-photo{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
@media(min-width:900px){.tiles.ev-photo{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}}
.tiles.ev-photo .tile{margin:0;border-radius:6px;border:0;box-shadow:none;position:relative;aspect-ratio:1/1}
.tiles.ev-photo .tile:hover{transform:none;filter:brightness(.92)}
.tiles.ev-photo .tile-img,.tiles.ev-photo .tile-ic{position:absolute;inset:0;height:auto;min-height:0}
.tiles.ev-photo .tile-img img{height:100%;object-fit:cover}
.tiles.ev-photo .tile-b{position:absolute;left:0;right:0;bottom:0;padding:18px 7px 6px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;gap:2px}
.tiles.ev-photo .tile:not(.has-img) .tile-b{background:linear-gradient(transparent,rgba(0,0,0,.45))}
.tiles.ev-photo .tile-b b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tiles.ev-photo .ptag,.tiles.ev-photo .tile-a{display:none}
.tiles.ev-photo .tile-x{color:#fff;font-size:12px}
.tiles.ev-photo .tile-play{width:30px;height:30px;font-size:11px}
.tiles.ev-photo .tile-multi{top:5px;right:5px;font-size:10px}
.tiles.ev-photo .skel-tile{aspect-ratio:1/1;padding:0}
.tiles.ev-photo .skel-tile .sk-l{display:none}
.tiles.ev-photo .skel-tile .sk-box{height:100%}
/* Siyahı: şəkil solda, mətn sağda */
.tiles.ev-list{columns:auto;display:grid;grid-template-columns:1fr;gap:10px;max-width:860px;margin-inline:auto}
@media(min-width:1100px){.tiles.ev-list{grid-template-columns:1fr 1fr;max-width:none}}
.tiles.ev-list .tile{margin:0;display:flex;align-items:stretch;min-height:104px}
.tiles.ev-list .tile-img,.tiles.ev-list .tile-ic{width:clamp(96px,28vw,150px);flex:none;min-height:0;height:auto;align-self:stretch}
.tiles.ev-list .tile-img img{height:100%;object-fit:cover;position:absolute;inset:0}
.tiles.ev-list .tile-ic .ic{width:30px;height:30px}
.tiles.ev-list .tile-b{flex:1;min-width:0;justify-content:center}
.tiles.ev-list .tile:not(.has-img) .tile-b{background:var(--card)}
.tiles.ev-list .tile-b b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tiles.ev-list .skel-tile{display:flex;flex-direction:column;justify-content:center;padding:12px}
.tiles.ev-list .skel-tile .sk-box{display:none}
/* Tək: bir sütun, böyük kartlar */
.tiles.ev-single{columns:auto;display:grid;grid-template-columns:1fr;gap:16px;max-width:620px;margin-inline:auto}
.tiles.ev-single .tile{margin:0;border-radius:22px}
.tiles.ev-single .tile-img img{max-height:640px;object-fit:cover}
.tiles.ev-single .tile-ic{height:180px}
.tiles.ev-single .tile-b{padding:16px 18px;gap:8px}
.tiles.ev-single .tile-b b{font-size:17px}
.tiles.ev-single .tile-a{font-size:13.5px}
.ex-feed{max-width:640px;margin-inline:auto}

/* ===== v20: məhsulda birbaşa əlaqə ===== */
.contact-box{border:1px dashed var(--line);border-radius:14px;padding:12px 14px;margin:4px 0 12px;background:var(--soft)}
.contact-box label .ic{width:15px;height:15px;vertical-align:-2px}
.cb-opts{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 6px}
.cb-opt{cursor:pointer}
.cb-opt input{position:absolute;opacity:0;pointer-events:none}
.cb-opt span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1.5px solid var(--line);background:var(--card);font-weight:600;font-size:14px;color:var(--muted);transition:.15s}
.cb-opt span .ic{width:17px;height:17px}
.cb-call input:checked+span{border-color:#2563eb;color:#2563eb;background:#eff6ff}
.cb-wa input:checked+span{border-color:#16a34a;color:#15803d;background:#f0fdf4}
.cb-opt input:focus-visible+span{outline:2px solid var(--pri);outline-offset:2px}
.deal-contact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 10px;padding:10px 12px;border-radius:14px;background:var(--soft)}
.dc-ph{display:inline-flex;align-items:center;gap:6px;font-weight:700;margin-right:auto;font-variant-numeric:tabular-nums}
.dc-ph .ic{width:16px;height:16px;color:var(--muted)}
.dc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important}
.dc-btn .ic{width:17px;height:17px}
.dc-call{background:#2563eb}
.dc-wa{background:#22c55e}
.dc-btn:hover{filter:brightness(1.07)}
@media(max-width:480px){.dc-ph{width:100%}.dc-btn{flex:1;justify-content:center}}
.tile-ct{display:inline-flex;gap:3px;margin-left:6px;vertical-align:-2px}
.tile-ct .ic{width:14px;height:14px}
.tile-ct .ic:first-child{color:#16a34a}

/* ===== v20: səsli mesaj ===== */
.chat-form,.cb-form{position:relative}
.vrec-btn{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--soft);color:var(--pri);cursor:pointer;transition:.15s}
.vrec-btn .ic{width:21px;height:21px}
.vrec-btn:hover{background:color-mix(in srgb,var(--pri) 12%,var(--soft))}
.cb-form .vrec-btn{width:34px;height:34px;align-self:center}
.cb-form .vrec-btn .ic{width:18px;height:18px}
.has-text>.vrec-btn{display:none}
.vrec-bar{position:absolute;inset:0;z-index:5;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--card);border-radius:inherit;animation:vrIn .2s ease}
@keyframes vrIn{from{opacity:0;transform:translateY(6px)}}
.vrec-bar .vr-x{width:40px;height:40px;border-radius:50%;border:0;background:var(--soft);color:#ef4444;display:grid;place-items:center;cursor:pointer;flex:none}
.vrec-bar .vr-x .ic{width:19px;height:19px}
.vr-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;animation:vrDot 1s infinite;flex:none}
@keyframes vrDot{50%{opacity:.25}}
.vr-t{font-weight:700;font-variant-numeric:tabular-nums;min-width:38px}
.vr-lvl{display:flex;align-items:center;gap:3px;height:26px}
.vr-lvl i{width:4px;height:100%;border-radius:2px;background:var(--pri);transform:scaleY(.15);transition:transform .08s}
.vr-hint{color:var(--muted);margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vrec-bar .vr-send{width:44px;height:44px;border-radius:50%;border:0;background:var(--pri);color:#fff;font-size:18px;cursor:pointer;flex:none}
.cb-form .vrec-bar{gap:6px;padding:0 8px}
.cb-form .vrec-bar .vr-x,.cb-form .vrec-bar .vr-send{width:34px;height:34px;font-size:15px}
.cb-form .vr-hint{display:none}
.cb-form .vr-lvl{margin-right:auto}
/* oynadıcı */
.vmsg{display:flex;align-items:center;gap:10px;min-width:220px;max-width:300px;padding:2px 0}
.vm-play{width:40px;height:40px;border-radius:50%;border:0;flex:none;display:grid;place-items:center;cursor:pointer;background:var(--pri);color:#fff}
.vm-play svg{width:20px;height:20px}
.vm-i-pause,.vmsg.playing .vm-i-play{display:none}
.vmsg.playing .vm-i-pause{display:block}
.vmsg.loading .vm-play{animation:vrDot .8s infinite}
.vm-wave{flex:1;display:flex;align-items:center;gap:2px;height:30px;cursor:pointer;min-width:0}
.vm-wave i{flex:1;min-width:2px;border-radius:2px;background:color-mix(in srgb,var(--ink) 25%,transparent);transition:background .15s}
.vm-wave i.on{background:var(--pri)}
.vm-t{font-size:12px;font-variant-numeric:tabular-nums;opacity:.8;min-width:30px;text-align:right}
.vm-rate{border:0;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700;cursor:pointer;background:color-mix(in srgb,var(--ink) 10%,transparent);color:inherit}
.msg.me .vm-play{background:#fff;color:var(--pri)}
.msg.me .vm-wave i{background:rgba(255,255,255,.4)}
.msg.me .vm-wave i.on{background:#fff}
.msg.me .vm-rate{background:rgba(255,255,255,.2)}
.cbox .vmsg{min-width:180px}
/* Crisp: telefonda aşağı menyunun üstündə qalsın */
@media(max-width:900px){body.crisp-bubble .crisp-client .cc-1brb6,body.crisp-bubble .crisp-client [data-id="chat_closed"]{bottom:78px!important}}
.ct-live{border:1.5px solid color-mix(in srgb,#16a34a 40%,transparent)}
.ct-live .ct-ic{position:relative}
.ct-live .ct-ic::after{content:'';position:absolute;right:-2px;top:-2px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px var(--card)}
/* v20: test variantları əlavə/sil */
.qz-edit{display:flex;flex-direction:column;gap:8px;margin:6px 0 8px}
.qz-row{transition:opacity .15s,transform .15s}
.qz-row.out{opacity:0;transform:translateX(12px)}
.qz-del{width:34px;height:34px;flex:none;border:0;border-radius:10px;background:var(--soft);color:#ef4444;cursor:pointer;font-size:14px}
.qz-del:hover{background:#fee2e2}
.qz-del[hidden]{display:none}
.qz-add{margin:0 0 14px}
.qz-add[hidden]{display:none}

/* ===== v20: yeni CV şablonları (1 və 2 sütunlu) ===== */
/* — ATS sadə (1 sütun, Sadə): ağ-qara, işə qəbul sistemlərinin oxuya biləcəyi — */
.cv-t-ats{font-family:Arial,Helvetica,sans-serif!important;color:#111!important;font-size:13.5px;padding:34px clamp(22px,5vw,46px)!important}
.cv-t-ats header{text-align:center;margin-bottom:6px}
.cv-t-ats h1{font-size:26px;letter-spacing:.02em;text-transform:uppercase}
.cv-t-ats .role{font-weight:400;font-size:14px;color:#333}
.cv-t-ats .contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 0;font-size:12.5px;margin-top:6px}
.cv-t-ats .contacts span+span::before{content:'|';margin:0 8px;color:#999}
.cv-t-ats h3{font-size:13px!important;letter-spacing:.12em!important;border-bottom:1px solid #111;padding-bottom:3px;margin:20px 0 10px!important;color:#111}
.cv-t-ats .cv-it .pl{color:#111;font-weight:400;font-style:italic}
.cv-t-ats .cv-it .d{color:#444}
.cv-t-ats .tg{background:none!important;color:#111!important;padding:0!important;font-weight:400!important;border-radius:0!important}
.cv-t-ats .tags{gap:0}
.cv-t-ats .tg+.tg::before{content:'•';margin:0 8px;color:#666}
/* — Harvard (1 sütun, Peşəkar): serif, ortalanmış ad, tarixlər sağda — */
.cv-t-harvard{font-family:Georgia,'Times New Roman',serif!important;color:#1a1a1a!important;padding:40px clamp(22px,6vw,56px)!important;font-size:14px}
.cv-t-harvard header{text-align:center;border-bottom:2px solid #1a1a1a;padding-bottom:12px;margin-bottom:4px}
.cv-t-harvard h1{font-size:30px;font-weight:700;letter-spacing:.01em}
.cv-t-harvard .role{font-style:italic;font-weight:400;color:#444}
.cv-t-harvard .contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 16px;font-size:12.5px;margin-top:6px;color:#333}
.cv-t-harvard h3{font-variant:small-caps;text-transform:none!important;letter-spacing:.06em!important;font-size:17px!important;color:var(--cv);border-bottom:1px solid #bbb;padding-bottom:2px}
.cv-t-harvard .cv-it{position:relative;padding-right:150px}
.cv-t-harvard .cv-it .d{position:absolute;right:0;top:0;width:145px;text-align:right;font-style:italic;color:#333}
.cv-t-harvard .cv-it .pl{color:#1a1a1a;font-weight:400;font-style:italic}
.cv-t-harvard .tg{background:none!important;color:#1a1a1a!important;padding:0!important;font-weight:400!important}
.cv-t-harvard .tg+.tg::before{content:', ';margin-left:-3px}
.cv-t-harvard .tags{gap:0 3px}
@media(max-width:560px){.cv-t-harvard .cv-it{padding-right:0}.cv-t-harvard .cv-it .d{position:static;width:auto;text-align:left}}
/* — Təmiz xətt (1 sütun, Müasir): rəngli sol xətt, yumru şəkil — */
.cv-t-clean{padding:40px clamp(22px,5vw,50px)!important}
.cv-t-clean header{display:flex;gap:22px;align-items:center;padding-bottom:22px;border-bottom:1px solid #e2e8f0}
.cv-t-clean header .cv-photo{width:96px;height:96px;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--cv)}
.cv-t-clean h1{font-size:32px;font-weight:800;letter-spacing:-.03em}
.cv-t-clean .role{color:var(--cv)}
.cv-t-clean .contacts{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;color:#475569;margin-top:8px}
.cv-t-clean h3{text-transform:none!important;letter-spacing:-.01em!important;font-size:18px!important;display:flex;align-items:center;gap:10px}
.cv-t-clean h3::before{content:'';width:5px;height:20px;border-radius:3px;background:var(--cv)}
.cv-t-clean .cv-it{padding-left:15px;border-left:2px solid #f1f5f9}
@media(max-width:560px){.cv-t-clean header{flex-direction:column;align-items:flex-start}}
/* — Lüks (1 sütun, Premium): krem fon, qızılı detallar, serif başlıq — */
.cv-t-lux{background:#fbf8f1!important;color:#2a2620!important;padding:46px clamp(22px,6vw,58px)!important;--gold:#b08d57;border-top:6px solid var(--gold)}
.cv-t-lux header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:20px;margin-bottom:6px;position:relative}
.cv-t-lux header::after{content:'✦';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:#fbf8f1;padding:0 12px;color:var(--gold)}
.cv-t-lux header{border-bottom:1px solid color-mix(in srgb,var(--gold) 55%,transparent)}
.cv-t-lux header .cv-photo{width:110px;height:110px;border:3px solid var(--gold);padding:3px;background:#fff}
.cv-t-lux h1{font-family:'Playfair Display',Georgia,serif;font-size:36px;font-weight:700;letter-spacing:.01em}
.cv-t-lux .role{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:12.5px}
.cv-t-lux .contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 18px;font-size:12.5px;color:#5c5446;margin-top:6px}
.cv-t-lux h3{font-family:'Playfair Display',Georgia,serif;text-transform:none!important;letter-spacing:.02em!important;font-size:20px!important;text-align:center;color:#2a2620}
.cv-t-lux h3::after{content:'';display:block;width:44px;height:2px;background:var(--gold);margin:8px auto 0}
.cv-t-lux .cv-it .pl{color:var(--gold)}
.cv-t-lux .tags{justify-content:center}
.cv-t-lux .tg{background:#fff!important;color:#5c5446!important;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent)}
.cv-t-lux > p{text-align:center}
/* — Peşəkar panel (2 sütun, Peşəkar): tünd göy sol panel — */
.cv-t-navy aside{background:#14213d;color:#dbe4f3}
.cv-t-navy aside .cv-photo{width:140px;height:140px;margin:0 auto 18px;border:4px solid rgba(255,255,255,.18)}
.cv-t-navy aside h4{color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:6px}
.cv-t-navy aside .tg{background:rgba(255,255,255,.1);color:#fff;border-radius:6px}
.cv-t-navy aside .ct .ic{color:color-mix(in srgb,var(--cv) 60%,#fff)}
.cv-t-navy main h1{font-size:34px;font-weight:800;color:#14213d;letter-spacing:-.02em}
.cv-t-navy main .role{color:var(--cv);text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.cv-t-navy main h3{color:#14213d;display:flex;align-items:center;gap:10px}
.cv-t-navy main h3::after{content:'';flex:1;height:1px;background:#cbd5e1}
.cv-t-navy main .cv-it{border-left:3px solid color-mix(in srgb,var(--cv) 35%,#fff);padding-left:12px}
/* — Qara qızıl (2 sütun, Premium) — */
.cv-t-noir{--gold:#c9a45c}
.cv-t-noir aside{background:#0d0d0d;color:#d6d0c4}
.cv-t-noir aside .cv-photo{width:140px;height:140px;margin:0 auto 18px;border:2px solid var(--gold);padding:4px;background:#0d0d0d}
.cv-t-noir aside .cv-mono{background:none;border:2px solid var(--gold);color:var(--gold)}
.cv-t-noir aside h4{color:var(--gold);letter-spacing:.2em}
.cv-t-noir aside .tg{background:none;color:#e9e2d4;border:1px solid #3a352c;border-radius:4px}
.cv-t-noir aside .ct .ic{color:var(--gold)}
.cv-t-noir main{background:#fff}
.cv-t-noir main h1{font-family:'Playfair Display',Georgia,serif;font-size:38px;color:#0d0d0d}
.cv-t-noir main .role{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:12.5px}
.cv-t-noir main h3{color:#0d0d0d;letter-spacing:.18em!important}
.cv-t-noir main h3::after{content:'';display:block;width:36px;height:2px;background:var(--gold);margin-top:6px}
.cv-t-noir main .cv-it .pl{color:#8a6d35}
/* — Təravətli (2 sütun, Müasir): rəngli başlıq zolağı, sağ panel — */
.cv-t-fresh header{background:linear-gradient(120deg,var(--cv),color-mix(in srgb,var(--cv) 55%,#22d3ee));color:#fff;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.cv-t-fresh header .cv-photo{width:104px;height:104px;border:4px solid rgba(255,255,255,.65)}
.cv-t-fresh header h1{font-size:34px;font-weight:800;letter-spacing:-.03em}
.cv-t-fresh header .role{color:rgba(255,255,255,.9)}
.cv-t-fresh header .contacts{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px;margin-top:8px;color:rgba(255,255,255,.92)}
.cv-t-fresh main h3{color:var(--cv);text-transform:none!important;letter-spacing:-.01em!important;font-size:18px!important}
.cv-t-fresh main .cv-it{background:color-mix(in srgb,var(--cv) 4%,#fff);border-radius:12px;padding:12px 14px}
.cv-t-fresh aside{background:color-mix(in srgb,var(--cv) 7%,#fff)}
.cv-t-fresh aside h4{color:var(--cv);text-transform:uppercase;font-size:12px;letter-spacing:.1em;margin:0 0 8px}
.cv-t-fresh aside h4~h4{margin-top:20px}
.cv-t-fresh aside .tg{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}
/* — Sadə iki sütun (2 sütun, Sadə): ağ fon, nazik xətlər — */
.cv-t-plain2 header{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;border-bottom:2px solid #0f172a}
.cv-t-plain2 h1{font-size:28px;font-weight:700}
.cv-t-plain2 .role{color:#475569;font-weight:500}
.cv-t-plain2 header .contacts{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;color:#334155}
.cv-t-plain2 main h3{font-size:12.5px!important;color:#0f172a;border-bottom:1px solid #e2e8f0;padding-bottom:4px}
.cv-t-plain2 aside{border-left:1px solid #e2e8f0}
.cv-t-plain2 aside h4{text-transform:uppercase;font-size:12px;letter-spacing:.1em;margin:0 0 8px;color:#0f172a}
.cv-t-plain2 aside h4~h4{margin-top:20px}
.cv-t-plain2 .tg{background:#f1f5f9!important;color:#0f172a!important;border-radius:4px!important}
@media(max-width:600px){.cv-t-plain2 header .contacts{align-items:flex-start}}
/* CV şablon süzgəci və miniatürlər */
.cv-filter{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.cvf-row{display:flex;gap:6px;flex-wrap:wrap}
.cvf-row button{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}
.cvf-row button.on{background:var(--pri);border-color:var(--pri);color:#fff}
.picks .pick[hidden]{display:none}
.pv-cv{position:relative}
.pc-cols{position:absolute;left:5px;top:5px;font-style:normal;font-size:9.5px;font-weight:700;background:rgba(15,23,42,.72);color:#fff;padding:1px 6px;border-radius:99px;z-index:2}
.pick .pc-cat{display:block;font-size:11px;color:var(--muted);margin-top:-2px}
.pc-ats .d i{background:#94a3b8}.pc-ats .d i:nth-child(1){left:25%;right:25%;background:#111}.pc-ats .d i:nth-child(2){left:30%;right:30%;background:#64748b}
.pc-ats .d::after{content:"";position:absolute;left:12%;right:12%;top:33%;height:1px;background:#111}
.pc-harvard .d{border-top:0}.pc-harvard .d i:nth-child(1){left:22%;right:22%;background:#1a1a1a}.pc-harvard .d i:nth-child(2){left:32%;right:32%}
.pc-harvard .d::after{content:"";position:absolute;left:10%;right:10%;top:31%;height:2px;background:#1a1a1a}
.pc-clean .d i:nth-child(n+3){left:20%}.pc-clean .d::before{content:"";position:absolute;left:10%;top:37%;width:3px;height:8%;border-radius:2px;background:var(--pc);box-shadow:0 30px 0 var(--pc)}
.pc-lux .d{background:#fbf8f1;border-top:4px solid #b08d57}.pc-lux .d i:nth-child(1){left:25%;right:25%;background:#2a2620}.pc-lux .d i:nth-child(2){left:33%;right:33%;background:#b08d57}
.pc-navy .d::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:#14213d}.pc-navy .d i{left:42%}
.pc-noir .d::before{content:"";position:absolute;left:0;top:0;bottom:0;width:34%;background:#0d0d0d;border-right:2px solid #c9a45c}.pc-noir .d i{left:42%}.pc-noir .d i:nth-child(2){background:#c9a45c}
.pc-fresh .d::before{content:"";position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(120deg,var(--pc),#22d3ee)}.pc-fresh .d::after{content:"";position:absolute;right:0;top:28%;bottom:0;width:30%;background:color-mix(in srgb,var(--pc) 12%,#fff)}
.pc-fresh .d i{right:36%}.pc-fresh .d i:nth-child(1),.pc-fresh .d i:nth-child(2){background:#fff;z-index:1}
.pc-plain2 .d::after{content:"";position:absolute;right:30%;top:30%;bottom:6%;width:1px;background:#cbd5e1}.pc-plain2 .d::before{content:"";position:absolute;left:10%;right:10%;top:22%;height:2px;background:#0f172a}.pc-plain2 .d i{right:36%}
@media(max-width:859px){.ds-grid.has-prev>*{flex-shrink:0}}
/* Siyahı görünüşü: şəkil solda (style.css-dəki sütun istiqamətini ləğv et) */
.tiles.ev-list .tile{flex-direction:row}
.tiles.ev-list .tile-ic{height:auto;min-height:104px}
.tiles.ev-list .tile-img{overflow:hidden}

/* ===== v21: paylaş səhifəsi bölmələri ===== */
.tp-sep{display:flex;align-items:center;gap:10px;margin:4px 0 10px;color:var(--muted);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.tp-sep::before,.tp-sep::after{content:'';flex:1;height:1px;background:var(--line)}
.tp-sep span{display:inline-flex;align-items:center;gap:6px}
.tp-sep .ic{width:15px;height:15px}
.tp-biz-row .tp2{opacity:.94}

/* ===== Sorğu ===== */
.poll{border:1.5px solid color-mix(in srgb,#0369a1 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,#0369a1 6%,var(--card)),var(--card));border-radius:16px;padding:14px;margin-bottom:10px}
.pl-q{display:flex;gap:8px;align-items:flex-start;margin-bottom:10px;font-size:16px}
.pl-q .ic{width:20px;height:20px;color:#0369a1;flex:none;margin-top:2px}
.pl-hint{font-size:12.5px;color:var(--muted);margin:-6px 0 8px}
.pl-opts{display:grid;gap:8px}
.pl-o{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font:600 14.5px Inter,sans-serif;cursor:pointer;overflow:hidden;z-index:0;transition:border-color .15s,transform .1s}
.pl-o::before{content:'';position:absolute;inset:0;width:var(--w);background:color-mix(in srgb,#0369a1 14%,transparent);z-index:-1;transition:width .7s cubic-bezier(.2,.8,.2,1)}
.poll:not(.done) .pl-o:hover{border-color:#0369a1}
.poll:not(.done) .pl-o:active{transform:scale(.99)}
.pl-ck{width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,#0369a1 45%,var(--line));display:grid;place-items:center;font-size:12px;flex:none;color:#fff}
.poll.multi .pl-ck{border-radius:6px}
.pl-o.sel .pl-ck,.pl-o.my .pl-ck{background:#0369a1;border-color:#0369a1}
.pl-o.sel{border-color:#0369a1}
.pl-t{flex:1;min-width:0}
.pl-o em{font-style:normal;font-weight:800;color:#0369a1}
.pl-o.top{border-color:color-mix(in srgb,#0369a1 55%,var(--line))}
.pl-o.top::before{background:color-mix(in srgb,#0369a1 22%,transparent)}
.poll.done .pl-o{cursor:default}
.poll:not(.reveal).done .pl-o::before{transition:none}
.poll.busy{opacity:.6;pointer-events:none}
.pl-send{margin-top:10px}
.pl-f{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12.5px;color:var(--muted)}
.pl-undo{margin-left:auto;border:0;background:none;color:#0369a1;font-weight:600;cursor:pointer;font-size:12.5px;padding:0}

/* ===== Blog ===== */
.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink)!important;text-decoration:none!important;margin-bottom:10px;background:var(--card);transition:border-color .2s}
.blog-card:hover{border-color:color-mix(in srgb,#b45309 40%,var(--line))}
.bc-cover{display:block;aspect-ratio:2/1;overflow:hidden;background:var(--soft)}
.bc-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bc-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px}
.bc-t{font-size:19px;line-height:1.3;letter-spacing:-.01em}
.bc-sub{color:var(--muted);font-weight:500}
.bc-ex{font-size:14.5px;color:color-mix(in srgb,var(--ink) 80%,transparent);line-height:1.55}
.bc-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.bc-meta .ic{width:14px;height:14px}
.bc-meta em{margin-left:auto;font-style:normal;color:#b45309;font-weight:700}
.article{margin:0 0 10px}
.ar-cover{width:calc(100% + 32px);margin:0 -16px 16px;max-height:420px;object-fit:cover;display:block}
.ar-t{font-size:clamp(26px,5vw,36px);line-height:1.18;letter-spacing:-.025em;margin:0 0 8px}
.ar-sub{font-size:18px;color:var(--muted);margin:0 0 12px}
.ar-meta{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}
.ar-meta .ic{width:15px;height:15px}
.ar-body{font-size:17px;line-height:1.75;font-family:Georgia,'Times New Roman',serif;color:color-mix(in srgb,var(--ink) 92%,transparent)}
.ar-body h2,.ar-body h3,.ar-body h4{font-family:Inter,system-ui,sans-serif;letter-spacing:-.015em;line-height:1.3;margin:1.5em 0 .5em}
.ar-body h2{font-size:24px}.ar-body h3{font-size:20px}.ar-body h4{font-size:17px}
.ar-body p{margin:0 0 1.1em}
.ar-body blockquote{margin:1.2em 0;padding:4px 0 4px 18px;border-left:4px solid #b45309;font-style:italic;color:var(--muted)}
.ar-body ul,.ar-body ol{padding-left:1.4em;margin:0 0 1.1em}
.ar-body li{margin:.3em 0}
.ar-body code{font-family:ui-monospace,Menlo,monospace;font-size:.85em;background:var(--soft);padding:2px 6px;border-radius:6px}
.ar-body pre{background:#0f172a;color:#e2e8f0;padding:14px 16px;border-radius:12px;overflow-x:auto;font-size:14px;line-height:1.55}
.ar-body pre code{background:none;padding:0;color:inherit}
.ar-body a{color:var(--pri);text-decoration:underline}
.ar-body hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.ar-tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 6px}
.ar-tags a{background:#fff7ed;color:#b45309;font-weight:600;font-size:13px;padding:4px 10px;border-radius:99px}
.th-dark .ar-tags a{background:color-mix(in srgb,#b45309 20%,var(--card));color:#fdba74}
.md-bar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--soft);align-items:center}
.md-bar button{min-width:34px;height:32px;border:0;border-radius:8px;background:var(--card);color:var(--ink);font-weight:700;cursor:pointer;font-size:13px}
.md-bar button:hover{background:color-mix(in srgb,var(--pri) 12%,var(--card))}
.md-count{margin-left:auto;font-size:12px;color:var(--muted);padding-right:6px}
.blog-ta{border-radius:0 0 12px 12px!important;font-family:Georgia,serif;font-size:16px!important;line-height:1.65;min-height:320px}
.blog-title-in{font-size:20px!important;font-weight:700}
/* Bloglar səhifəsi */
.blog-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:26px clamp(18px,4vw,34px);border-radius:24px;margin-bottom:18px;background:radial-gradient(120% 140% at 0% 0%,#fff7ed 0%,var(--card) 60%);border:1px solid var(--line)}
.blog-hero h1{margin:8px 0 6px;font-size:clamp(26px,4vw,38px);letter-spacing:-.03em}
.blog-hero p{margin:0;max-width:560px}
.forum-hero{background:radial-gradient(120% 140% at 0% 0%,#ede9fe 0%,var(--card) 60%)}
.group-hero{background:radial-gradient(120% 140% at 0% 0%,#dbeafe 0%,var(--card) 60%)}
.channel-hero{background:radial-gradient(120% 140% at 0% 0%,#cffafe 0%,var(--card) 60%)}
.th-dark .blog-hero{background:var(--card)}
.bh-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bh-search{display:flex;gap:6px}
.bh-search input{min-width:0;width:220px;max-width:100%}
@media(max-width:600px){.bh-acts,.bh-search{width:100%}.bh-search input{flex:1;width:auto}.bh-acts>.btn{flex:1;justify-content:center}}
.blog-wrap{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:960px){.blog-wrap{grid-template-columns:minmax(0,1fr) 300px}}
.blog-side .card{margin-bottom:14px}
.blog-side h4{margin:0 0 10px}
.bl-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:620px){.bl-grid{grid-template-columns:1fr 1fr}}
.bl-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;color:var(--ink)!important;text-decoration:none!important;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.bl-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.bl-cv{display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,hsl(var(--h) 80% 88%),hsl(calc(var(--h) + 50) 80% 80%));overflow:hidden}
.bl-cv img{width:100%;height:100%;object-fit:cover}
.bl-cv i .ic{width:42px;height:42px;color:hsl(var(--h) 60% 35%);opacity:.7}
.bl-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.bl-tags{font-size:12px;color:#b45309;font-weight:700;min-height:14px}
.bl-b b{font-size:17px;line-height:1.3}
.bl-ex{font-size:14px;color:var(--muted);line-height:1.5}
.bl-a{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:13px;font-weight:600}
.bl-a small{margin-left:auto;color:var(--muted);font-weight:500;white-space:nowrap}
.bl-lead{display:grid;grid-template-columns:1fr;border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh);margin-bottom:16px;color:var(--ink)!important;text-decoration:none!important}
@media(min-width:760px){.bl-lead{grid-template-columns:1.1fr 1fr}}
.bl-lead-cv{display:grid;place-items:center;min-height:220px;background:linear-gradient(135deg,hsl(var(--h) 80% 86%),hsl(calc(var(--h) + 60) 75% 78%))}
.bl-lead-cv img{width:100%;height:100%;object-fit:cover}
.bl-lead-cv i .ic{width:60px;height:60px;opacity:.6}
.bl-lead-b{display:flex;flex-direction:column;gap:10px;padding:22px}
.bl-lead-b em{font-style:normal;font-size:12px;font-weight:800;color:#b45309;text-transform:uppercase;letter-spacing:.08em}
.bl-lead-b b{font-size:clamp(20px,3vw,26px);line-height:1.25;letter-spacing:-.02em}
.bl-lead-b>span{color:var(--muted)}
.bl-tagcloud{display:flex;flex-wrap:wrap;gap:6px}
.bl-tagcloud a{background:var(--soft);padding:5px 10px;border-radius:99px;font-size:13px;font-weight:600;color:var(--ink)}
.bl-tagcloud a.on{background:#b45309;color:#fff}
.bl-tagcloud small{color:var(--muted);font-weight:500}
.bl-au{display:flex;align-items:center;gap:10px;padding:7px 0;color:var(--ink)}
.bl-au span{display:flex;flex-direction:column}
.bl-au small{color:var(--muted)}

/* ===== Forum ===== */
.forum-list{display:flex;flex-direction:column;gap:10px}
.forum-row{display:flex;align-items:center;gap:14px;margin:0;color:var(--ink)!important;text-decoration:none!important;border-left:4px solid var(--fc);transition:transform .15s}
.forum-row:hover{transform:translateX(3px)}
.fr-ic,.fh-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--fc) 13%,var(--card));flex:none}
.fr-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.fr-b b{font-size:16px}
.fr-b small{color:var(--muted)}
.fr-co{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted)}
.fr-n{display:flex;flex-direction:column;align-items:center;min-width:54px}
.fr-n b{font-size:17px}.fr-n small{font-size:11.5px;color:var(--muted)}
.fr-last{font-size:12px;color:var(--muted);min-width:80px;text-align:right}
@media(max-width:620px){.fr-n,.fr-last{display:none}.forum-row{align-items:flex-start}}
.hot-topic{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.hot-topic:last-child{border:0}
.hot-topic small{color:var(--muted)}
.forum-new{margin-bottom:16px}
.emoji-pick{display:flex;flex-wrap:wrap;gap:6px}
.emoji-pick input{position:absolute;opacity:0}
.emoji-pick span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:2px solid var(--line);font-size:20px;cursor:pointer}
.emoji-pick input:checked+span{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,var(--card))}
.forum-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;border-top:5px solid var(--fc)}
.forum-head h1{margin:0 0 4px;font-size:clamp(22px,4vw,30px)}
.forum-head p{margin:0 0 8px}
.fh-stats{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.fh-acts{display:flex;gap:8px;flex-wrap:wrap}
.topic-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0 10px}
.topic-list{padding:0!important;overflow:hidden}
.topic-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.topic-row:last-child{border:0}
.topic-row:hover{background:var(--soft)}
.topic-row.pinned{background:color-mix(in srgb,#f59e0b 7%,var(--card))}
.tr-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tr-b b{font-size:15px}
.tr-b small{color:var(--muted);font-size:12.5px}
.tr-n{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:4px 6px;border-radius:10px;background:color-mix(in srgb,var(--pri) 9%,var(--card))}
.tr-n.zero{background:var(--soft)}
.tr-n b{font-size:15px}.tr-n small{font-size:11px;color:var(--muted)}
@media(max-width:560px){.hide-sm{display:none!important}}
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:16px 0}
.topic{border-top:5px solid var(--fc)}
.tp-h{display:flex;gap:12px;align-items:center}
.tp-t{font-size:clamp(21px,4vw,28px);line-height:1.25;margin:14px 0 8px;letter-spacing:-.02em}
.tp-body{font-size:15.5px;line-height:1.65}
.tp-count{margin:20px 0 10px}
.replies{display:flex;flex-direction:column;gap:10px}
.reply{display:flex;gap:12px;margin:0}
.reply.is-staff{border-left:4px solid var(--pri)}
.rp-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rp-body{margin-top:6px;line-height:1.6;word-wrap:break-word}
.staff,.op{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--pri);color:#fff}
.op{background:var(--soft);color:var(--muted)}
.rp-del{margin-left:auto}
.rp-del button{border:0;background:none;color:var(--muted);cursor:pointer;font-size:13px;padding:4px}
.rp-del button:hover{color:#ef4444}
.rp-quote{border:0;background:none;color:var(--pri);font-weight:600;font-size:13px;cursor:pointer;padding:6px 0 0}
.reply-form{margin-top:14px}
.rf-who{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.reply-form .ta-tools{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.danger-txt{color:#dc2626!important}

/* ===== Qruplar və kanallar ===== */
.sec-t{margin:22px 0 12px}
.group-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:700px){.group-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.group-grid{grid-template-columns:1fr 1fr 1fr}}
.group-card{display:flex;align-items:center;gap:12px;margin:0;color:var(--ink)!important;text-decoration:none!important;position:relative;transition:transform .15s}
.group-card:hover{transform:translateY(-2px)}
.group-card.pending{opacity:.75}
.g-av{border-radius:16px;object-fit:cover;flex:none}
.g-av-t{display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--h) 75% 60%),hsl(calc(var(--h) + 40) 75% 50%));color:#fff;font-weight:800;font-size:16px}
.gc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gc-b b,.gc-b small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-b small{font-size:12.5px;color:var(--muted)}
.gc-b small .ic{width:13px;height:13px;vertical-align:-2px}
.gc-un{font-style:normal;background:#ef4444;color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:99px;display:inline-grid;place-items:center;padding:0 6px}
.radio-cards{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}
.radio-cards input{position:absolute;opacity:0}
.radio-cards span{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;border:2px solid var(--line);cursor:pointer;height:100%;box-sizing:border-box}
.radio-cards small{color:var(--muted)}
.radio-cards input:checked+span{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 7%,var(--card))}
@media(max-width:480px){.radio-cards{grid-template-columns:1fr}}
.group-shell{padding:0!important;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 150px);min-height:480px;max-width:900px;margin:0 auto}
@media(max-width:859px){.group-shell{height:calc(100dvh - 130px);border-radius:0;margin:-8px -16px 0;border-left:0;border-right:0}}
.gs-h{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.gs-h small{display:block}
.gs-tabs{display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid var(--line);overflow-x:auto}
.gs-tabs a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}
.gs-tabs a .ic{width:16px;height:16px}
.gs-tabs a.on{background:color-mix(in srgb,var(--pri) 10%,var(--card));color:var(--pri)}
.gs-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}
.gs-pad{padding:16px;overflow-y:auto;flex:1}
.gs-locked{flex:1;display:grid;place-content:center;text-align:center;padding:30px}
.gm{display:flex;gap:8px;align-items:flex-end;max-width:82%}
.gm.me{align-self:flex-end;flex-direction:row-reverse}
.gm-c{display:flex;flex-direction:column;min-width:0}
.gm.me .gm-c{align-items:flex-end}
.gm-n{font-size:12px;font-weight:700;color:hsl(var(--h) 60% 42%);margin:0 0 2px 10px}
.th-dark .gm-n{color:hsl(var(--h) 70% 70%)}
.gm .bubble{padding:9px 13px;border-radius:18px 18px 18px 6px;background:var(--card);border:1px solid var(--line);word-wrap:break-word;max-width:100%}
.gm.me .bubble{background:linear-gradient(135deg,var(--pri),color-mix(in srgb,var(--pri) 70%,#a855f7));color:#fff;border:0;border-radius:18px 18px 6px 18px}
.gm.me .bubble a{color:#fff}
.gm .bubble .msg-img img{max-width:240px;border-radius:12px;display:block}
.gm .mt{font-size:11px;color:var(--muted);margin:2px 8px 0}
.gm.sending{opacity:.6}
.gm-sys{align-self:center;font-size:12px;color:var(--muted);background:var(--soft);padding:4px 12px;border-radius:99px;margin:4px 0;text-align:center}
.g-form{border-top:1px solid var(--line)}
.g-invite{display:flex;gap:8px;margin-bottom:14px}
.g-invite input{flex:1;min-width:0}
.g-mem{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.g-mem .grow{display:flex;flex-direction:column;min-width:140px}
.g-mem.pending{background:color-mix(in srgb,#f59e0b 8%,transparent);border-radius:12px;padding:9px}
.g-mact{display:flex;gap:6px;flex-wrap:wrap}
.ch-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.ch-head h1{margin:0 0 4px;font-size:clamp(22px,4vw,28px)}
.ch-head .grow{display:flex;flex-direction:column;gap:4px}
.ch-head p{margin:6px 0 0}
.ch-head small .ic{width:14px;height:14px;vertical-align:-2px}
.ch-compose .ta-tools{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:8px}
.ch-feed{display:flex;flex-direction:column;gap:12px;max-width:680px;margin:14px auto 0}
.ch-post{margin:0;padding:0!important;overflow:hidden}
.ch-post header{display:flex;align-items:center;gap:8px;padding:12px 14px}
.ch-post header small{margin-left:4px}
.ch-img img{width:100%;display:block;max-height:560px;object-fit:cover;cursor:zoom-in}
.ch-body{padding:12px 14px 4px;line-height:1.6;font-size:15px}
.ch-post footer{display:flex;align-items:center;gap:6px;padding:8px 14px 12px;font-size:12.5px}
.ch-post footer .ic{width:14px;height:14px}

/* ===== Story ===== */
.story-bar{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:6px;scrollbar-width:none}
.story-bar::-webkit-scrollbar{display:none}
.sb-it{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:none;padding:0;cursor:pointer;color:var(--ink)!important;text-decoration:none!important;flex:none;width:70px}
.sb-it small{font-size:12px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-ring{position:relative;padding:3px;border-radius:50%;background:conic-gradient(from 210deg,#f59e0b,#ef4444,#ec4899,#8b5cf6,#f59e0b)}
.sb-ring>.av{border:3px solid var(--bg);display:block;box-sizing:content-box}
.sb-ring.seen{background:var(--line)}
.sb-add .sb-ring{background:none}
.sb-add .sb-ring.has{background:conic-gradient(from 210deg,#f59e0b,#ef4444,#ec4899,#8b5cf6,#f59e0b)}
.sb-add .sb-ring i{position:absolute;right:0;bottom:0;width:22px;height:22px;border-radius:50%;background:var(--pri);color:#fff;font-style:normal;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg);font-size:15px;line-height:1}
.ph-av.has-story{cursor:pointer;border-radius:50%;padding:4px;background:conic-gradient(from 210deg,#f59e0b,#ef4444,#ec4899,#8b5cf6,#f59e0b)}
.ph-av.has-story>.av{border:4px solid var(--card)}
.story-new{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.st-kinds{margin-bottom:14px}
.st-kinds button{border:0;background:none;cursor:pointer;font:inherit}
.st-stage{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:720px){.st-stage{grid-template-columns:270px 1fr}}
.st-prev{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;display:grid;place-items:center;color:#fff;max-width:270px;margin:0 auto;width:100%;box-shadow:var(--sh-lg)}
.st-prev img,.st-prev video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-prev img[hidden],.st-prev video[hidden]{display:none}
.st-txt{position:relative;z-index:1;padding:16px;text-align:center;font-weight:800;font-size:22px;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.3);white-space:pre-wrap;word-break:break-word}
.st-prev:not(.is-text) .st-txt{position:absolute;left:10px;right:10px;bottom:40px;font-size:15px;font-weight:600;background:rgba(0,0,0,.45);border-radius:12px;padding:8px 12px}
.st-prev:not(.is-text):not(.has-cap) .st-txt{display:none}
.st-top{position:absolute;left:10px;top:12px;display:flex;align-items:center;gap:6px;font-size:13px;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.st-file{margin-bottom:12px}
.st-file[hidden],.st-bgs[hidden]{display:none}
.st-bg-pick{display:flex;gap:8px;flex-wrap:wrap}
.st-bg-pick input{position:absolute;opacity:0}
.st-bg-pick span{display:block;width:40px;height:40px;border-radius:12px;cursor:pointer;border:3px solid transparent}
.st-bg-pick input:checked+span{border-color:var(--ink)}
.st-mine{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.st-thumb{position:relative;flex:none;width:110px;aspect-ratio:9/16;border-radius:14px;overflow:hidden;border:0;cursor:pointer;color:#fff;padding:0;display:grid;place-items:center}
.st-thumb img,.st-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-thumb span{position:relative;font-weight:700;font-size:13px;padding:8px}
.st-thumb em{position:absolute;left:6px;bottom:6px;font-style:normal;font-size:12px;font-weight:700;display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.45);border-radius:99px;padding:2px 7px}
.st-thumb em .ic{width:12px;height:12px}
.st-thumb small{position:absolute;right:6px;top:6px;font-size:10.5px;background:rgba(0,0,0,.45);border-radius:99px;padding:1px 6px}
/* baxıcı */
body.sv-open{overflow:hidden}
.sv{position:fixed;inset:0;z-index:3000;background:rgba(10,10,14,.94);display:grid;place-items:center}
.sv[hidden]{display:none}
.sv-box{position:relative;width:min(420px,100vw);height:min(100dvh,calc(min(420px,100vw) * 16 / 9));max-height:100dvh;background:#000;overflow:hidden;color:#fff;user-select:none;-webkit-user-select:none}
@media(min-width:500px){.sv-box{border-radius:18px}}
.sv-bars{position:absolute;left:8px;right:8px;top:8px;display:flex;gap:4px;z-index:4}
.sv-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.sv-bars b{display:block;height:100%;width:0;background:#fff}
.sv-head{position:absolute;left:10px;right:10px;top:18px;display:flex;align-items:center;gap:8px;z-index:4}
.sv-u{display:flex;align-items:center;gap:8px;color:#fff!important;font-weight:700;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.sv-ago{opacity:.8;margin-right:auto;font-size:12.5px}
.sv-x,.sv-mute{border:0;background:none;color:#fff;font-size:20px;cursor:pointer;width:36px;height:36px}
.sv-mute{font-size:17px}
.sv-mute[hidden]{display:none}
.sv-stage{position:absolute;inset:0;display:grid;place-items:center}
.sv-stage img,.sv-stage video{width:100%;height:100%;object-fit:contain}
.sv-cap{position:absolute;left:12px;right:12px;bottom:70px;text-align:center;background:rgba(0,0,0,.5);border-radius:14px;padding:10px 14px;font-size:16px;font-weight:600;white-space:pre-wrap;word-break:break-word}
.sv-cap.big{position:static;background:none;font-size:clamp(22px,6vw,30px);font-weight:800;line-height:1.3;padding:24px;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.sv-nav{position:absolute;top:70px;bottom:70px;width:35%;border:0;background:none;z-index:3;cursor:pointer}
.sv-p{left:0}.sv-n{right:0;width:65%}
.sv-foot{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:14px;z-index:4;background:linear-gradient(transparent,rgba(0,0,0,.5))}
.sv-foot button{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:99px;padding:8px 14px;font-weight:700;cursor:pointer;backdrop-filter:blur(8px)}
.sv-foot:empty{display:none}
.sv.paused .sv-bars{opacity:.4}
.sv-viewers{position:absolute;left:0;right:0;bottom:0;max-height:60%;background:#fff;color:#111;border-radius:18px 18px 0 0;z-index:6;display:flex;flex-direction:column}
.sv-viewers[hidden]{display:none}
.sv-vh{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}
.sv-vh button{border:0;background:none;font-size:18px;cursor:pointer}
.sv-vl{overflow-y:auto;padding:6px 16px 16px}
.sv-row{display:flex;align-items:center;gap:10px;padding:8px 0;color:#111!important}
.sv-row small{margin-left:auto;color:#64748b}
.sv-empty{color:#64748b;text-align:center;padding:20px}
.sv-u .av{flex:none}
.sv-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.ch-head .grow{flex:1 1 220px}
@media(max-width:600px){.ch-head .fh-acts,.forum-head .fh-acts{width:100%}.ch-head .fh-acts>*,.forum-head .fh-acts>*{flex:1}.ch-head .fh-acts .btn,.forum-head .fh-acts .btn{width:100%;justify-content:center}}

/* ===== v22: cihazlar və "Məni xatırla" ===== */
.remember-me{margin:4px 0 14px;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.remember-me small{flex-basis:100%;margin-left:26px;margin-top:-4px}
.dev-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.dev-row:last-of-type{border:0}
.dev-row .grow{display:flex;flex-direction:column;min-width:0}
.dev-ic{width:38px;height:38px;border-radius:12px;background:var(--soft);display:grid;place-items:center;flex:none}
.dev-ic .ic{width:19px;height:19px}
.dev-cur{font-style:normal;font-size:11px;font-weight:700;background:#dcfce7;color:#15803d;padding:2px 8px;border-radius:99px}

/* ===== v22: canlı axtarış ===== */
.hsearch{position:relative;overflow:visible!important}
.hsearch .hs-btn{border-radius:0 9px 9px 0}
.live-search{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);z-index:1200;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.18);max-height:min(70vh,560px);overflow-y:auto;padding:6px;text-align:left}
.live-search[hidden]{display:none}
.live-search.busy{opacity:.75}
.ls-sec+.ls-sec{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.ls-h{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 4px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ls-h a{text-transform:none;letter-spacing:0;font-weight:600;font-size:12px}
.ls-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;color:var(--ink)!important;text-decoration:none!important}
.ls-row:hover,.ls-row.on{background:color-mix(in srgb,var(--pri) 9%,var(--card))}
.ls-t{display:flex;flex-direction:column;min-width:0;flex:1}
.ls-t b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ls-t mark{background:color-mix(in srgb,#facc15 45%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.ls-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--pri);flex:none}
.ls-ic .ic{width:17px;height:17px}
.ls-emo{font-size:18px}
.ls-tag{font-style:normal;font-size:12px;font-weight:700;color:var(--pri);white-space:nowrap}
.ls-all{display:flex;align-items:center;gap:8px;justify-content:center;padding:10px;margin-top:4px;border-top:1px solid var(--line);font-weight:600;font-size:13.5px}
.ls-all.on{background:color-mix(in srgb,var(--pri) 9%,var(--card));border-radius:10px}
.ls-all .ic{width:15px;height:15px}
.ls-empty{padding:16px;text-align:center;color:var(--muted);font-size:14px}
@media(max-width:600px){.live-search{position:fixed;left:8px;right:8px;top:auto;max-height:65vh}}

/* ===== v22: Xəbərlər ===== */
.news-hero{background:radial-gradient(120% 140% at 0% 0%,#fee2e2 0%,var(--card) 60%)}
.th-dark .news-hero{background:var(--card)}
.nw-cat{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#b91c1c;margin:0 0 8px}
.nw-cat .ic{width:14px;height:14px}
.news-card{padding-top:0}
.news-card>.nw-cat{margin:12px 16px 0}
.article.is-news .ar-t{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.01em}
.bl-tags .nw-c{font-style:normal;color:#b91c1c}
.nw-lead .bl-lead-b em{color:#b91c1c}
.nw-top{display:grid;grid-template-columns:26px 1fr;gap:2px 8px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink)!important}
.nw-top:last-child{border:0}
.nw-top span{grid-row:span 2;font-weight:800;font-size:20px;color:#fca5a5;line-height:1}
.nw-top b{font-size:14px;line-height:1.35}
.nw-top small{color:var(--muted);font-size:12px}
.lim-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;padding:10px 12px;border-radius:12px;background:var(--soft);margin-bottom:12px;position:relative;overflow:hidden}
.lim-bar i{position:absolute;left:0;bottom:0;height:3px;width:var(--w);background:var(--pri)}
.lim-bar a{margin-left:auto;font-weight:700}
.tp-sep-pro{color:#b45309}
/* story səsi */
.st-audio[hidden]{display:none}
.sta-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sta-row .btn .ic{width:16px;height:16px}
.sta-row [data-st-rec].rec{background:#fee2e2;color:#dc2626;animation:vrDot 1s infinite}
.sta-name{font-size:13px;color:var(--muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sta-x{border:0;background:var(--soft);border-radius:8px;width:28px;height:28px;cursor:pointer;color:#ef4444}
.sta-x[hidden]{display:none}
[data-st-aprev]{width:100%;margin-top:8px;height:36px}
[data-st-aprev][hidden]{display:none}
.sv-note{position:absolute;right:14px;bottom:76px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;font-size:16px;animation:svSpin 3s linear infinite;z-index:2}
@keyframes svSpin{to{transform:rotate(360deg)}}

/* ===== v22: admin ===== */
.adm-lvl{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:#334155;color:#fff;text-transform:uppercase;letter-spacing:.04em}
.adm-lvl.lvl-super{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.adm-lvl.lvl-admin{background:#2563eb}
.adm-lvl.lvl-sub{background:#64748b}
.adm-top .adm-lvl{margin-right:6px;align-self:center}
.quick-bal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px;border:1.5px solid color-mix(in srgb,var(--pri) 30%,var(--line))}
.quick-bal>b{display:flex;align-items:center;gap:6px;flex-basis:100%}
.quick-bal>b .ic{width:18px;height:18px;color:var(--pri)}
.quick-bal input[name=who]{flex:2 1 220px}
.quick-bal .qb-amt{flex:1 1 110px}.quick-bal .qb-dir{flex:0 0 auto;width:auto}.quick-bal .qb-note{flex:2 1 160px}
.ib{position:relative;display:inline-block}
.ib>summary{list-style:none;cursor:pointer}
.ib>summary::-webkit-details-marker{display:none}
.ib-f{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--sh-lg);width:max-content}
.ib-f select{width:auto}.ib-f input{width:100px}
.adm-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.adm-tabs a{padding:8px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--ink)}
.adm-tabs a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.adm-tabs small{opacity:.7}
.lim-tbl input{width:100px}
.lvl-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:14px}
.lvl-card{margin:0;border-top:4px solid #64748b;display:flex;flex-direction:column;gap:4px}
.lvl-card.lvl-super{border-top-color:#f59e0b}.lvl-card.lvl-admin{border-top-color:#2563eb}
.perm-grid{display:grid;gap:6px 14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:6px}
.adm-bal{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 16px 12px;padding:12px;border-radius:14px;background:color-mix(in srgb,var(--pri) 7%,var(--card));border:1px dashed color-mix(in srgb,var(--pri) 40%,var(--line))}
.adm-bal[hidden]{display:none}
.adm-bal b{display:flex;align-items:center;gap:6px;flex-basis:100%}
.adm-bal select{width:auto}.adm-bal input{flex:1 1 120px;min-width:0}

/* ===== v23: mesaj əməliyyatları ===== */
.msg{position:relative}
.msg-act{position:absolute;top:2px;width:26px;height:26px;border-radius:50%;border:0;background:var(--card);box-shadow:0 1px 4px rgba(0,0,0,.15);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .15s;font-size:15px;line-height:1;z-index:2}
.msg.me .msg-act{left:-30px}.msg.them .msg-act{right:-30px}
.msg:hover .msg-act,.msg-act:focus{opacity:1}
@media(hover:none){.msg-act{display:none}}
.msg.deleted .msg-act{display:none}
.msg-del{opacity:.75;font-size:13.5px}
.msg.deleted .bubble{background:transparent!important;border:1px dashed var(--line)!important;color:var(--muted)!important}
.msg-ed{font-style:italic;opacity:.8}
.msg-menu{position:fixed;z-index:3000;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(15,23,42,.2);padding:6px;min-width:180px;display:flex;flex-direction:column;animation:vrIn .12s ease}
.msg-menu button{border:0;background:none;text-align:left;padding:10px 12px;border-radius:10px;font:600 14px Inter,sans-serif;color:var(--ink);cursor:pointer}
.msg-menu button:hover{background:var(--soft)}
.msg-menu .danger{color:#dc2626}
.msg-edit{display:flex;flex-direction:column;gap:6px;min-width:240px;max-width:100%}
.msg-edit textarea{border-radius:14px!important;font-size:15px}
.msg-edit div{display:flex;gap:6px;justify-content:flex-end}
.msg.editing{max-width:92%}

/* ===== v23: yazışma "+" menyusu və tam ekran ===== */
.cp-wrap{position:relative;flex:none;align-self:flex-end}
.cp-plus{width:44px;height:44px;border-radius:50%;border:0;background:var(--soft);color:var(--pri);font-size:28px;font-weight:300;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s}
.cp-plus.on{transform:rotate(45deg);background:var(--pri);color:#fff}
.cb-form .cp-plus{width:34px;height:34px;font-size:22px}
.cp-hid{display:none!important}
.cp-menu{position:absolute;left:0;bottom:calc(100% + 10px);z-index:30;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 44px rgba(15,23,42,.2);padding:6px;min-width:230px;display:flex;flex-direction:column;animation:vrIn .15s ease}
.cp-menu[hidden]{display:none}
.cp-menu button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:9px 10px;border-radius:12px;font:600 14px Inter,sans-serif;color:var(--ink);cursor:pointer;text-align:left}
.cp-menu button:hover{background:var(--soft)}
.cp-menu i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:17px;color:#fff;flex:none}
.chat-fs{margin-left:4px;font-size:18px}
@media(max-width:859px){.chat-fs{display:none!important}}
body.chat-full .chat{position:fixed;inset:0;z-index:900;height:100vh!important;border-radius:0;margin:0;max-width:none}
body.chat-full{overflow:hidden}

/* ===== v23: səhifəyə görə skeletlər ===== */
body.nav-loading .adm-top ~ .wrap.main>*:not(#page-skel){display:none!important}
body.nav-loading .adm-top ~ .wrap.main #page-skel{display:block}
.ps-hero{padding:22px!important;margin-bottom:14px}
.ps-narrow{max-width:720px;margin:0 auto}
.ps-cards{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:620px){.ps-cards{grid-template-columns:1fr 1fr}}
.ps-tp{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin:14px 0}
.ps-tp .sk{height:76px;border-radius:16px}
.ps-stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:14px 0}
.ps-admin{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:860px){.ps-admin{grid-template-columns:250px 1fr}}
.ps-tr{padding:10px 0;border-bottom:1px solid var(--line)}
.sk-h{height:22px;margin:10px 0}

/* ===== v23: əməkdaş demoları, reklamlar, sponsorlar ===== */
.pt-demos{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0}
.pt-demos a{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;background:color-mix(in srgb,var(--pri) 10%,var(--card));color:var(--pri);font-size:12.5px;font-weight:700}
.pt-demos a .ic{width:14px;height:14px}
.pt-demos a:hover{background:var(--pri);color:#fff}
.demo-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.demo-row{display:grid;grid-template-columns:140px 1fr 34px;gap:6px}
@media(max-width:600px){.demo-row{grid-template-columns:1fr 34px}.demo-row input:first-child{grid-column:1/-1}}
.ad-box{position:relative;display:flex;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;margin:0 0 14px;box-shadow:var(--sh);overflow:hidden}
.ad-lbl{position:absolute;right:10px;top:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--soft);padding:2px 7px;border-radius:99px}
.ad-img{flex:none;width:120px;align-self:stretch;border-radius:12px;overflow:hidden}
.ad-img img{width:100%;height:100%;object-fit:cover;display:block}
.ad-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:44px}
.ad-t{font-weight:800;font-size:15px;color:var(--ink)!important}
.ad-b p{margin:0;font-size:13.5px;color:var(--muted)}
.ad-btn{align-self:flex-start;margin-top:4px}
.ad-wide .ad-img,.ad-in-feed .ad-img{width:200px}
.ad-sidebar{flex-direction:column;align-items:stretch}
.ad-sidebar .ad-img{width:100%;height:140px}
.ad-sidebar .ad-b{padding-right:0}
@media(max-width:600px){.ad-box{flex-direction:column;align-items:stretch}.ad-img,.ad-wide .ad-img,.ad-in-feed .ad-img{width:100%;height:150px}.ad-b{padding-right:0}}
.sp-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp-mini a{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--ink);text-align:center}
.sp-mini small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sp-mini .sp-gold .av{box-shadow:0 0 0 2px #f59e0b}
.sp-strip{display:flex;align-items:center;gap:16px;padding:18px 16px;margin-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}
.sp-strip>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sp-strip>div{display:flex;gap:22px;align-items:center;flex-wrap:wrap;flex:1}
.sp-strip img{height:34px;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.2s}
.sp-strip a:hover img{filter:none;opacity:1}
.sp-strip b{color:var(--muted)}
.sp-all{font-size:13px;font-weight:600}
.sp-hero{background:radial-gradient(120% 140% at 0% 0%,#fef3c7 0%,var(--card) 60%)}
.th-dark .sp-hero{background:var(--card)}
.sp-tier-h{display:flex;align-items:center;gap:10px}
.sp-tier-h span{width:14px;height:14px;border-radius:50%;background:var(--tc)}
.sp-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:10px}
.sp-g-gold{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.sp-card{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--ink)!important;border-top:4px solid var(--tc);transition:transform .2s}
.sp-card:hover{transform:translateY(-3px)}
.sp-logo{height:80px;display:grid;place-items:center;margin-bottom:4px}
.sp-logo img{max-height:80px;max-width:180px;object-fit:contain}
.sp-logo b{width:70px;height:70px;border-radius:18px;background:var(--soft);display:grid;place-items:center;font-size:24px}
.sp-card em{font-style:normal;font-size:11px;font-weight:800;color:var(--tc);text-transform:uppercase;letter-spacing:.06em}
.row-off{opacity:.55}

/* ===== v23: başlıqda balans ===== */
.hbal{display:flex;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:12px;border:1.5px solid;text-decoration:none!important;flex:none;transition:transform .15s}
.hbal:hover{transform:translateY(-1px)}
.hbal .ic{width:20px;height:20px}
.hbal span{display:flex;flex-direction:column;line-height:1.1}
.hbal b{font-size:14.5px;font-variant-numeric:tabular-nums}
.hbal small{font-size:11px;font-weight:600;opacity:.85}
.hbal.pos{background:#ecfdf5;border-color:#86efac;color:#15803d}
.hbal.zero{background:#fef2f2;border-color:#fca5a5;color:#dc2626;animation:balPulse 2.4s ease-in-out infinite}
@keyframes balPulse{50%{box-shadow:0 0 0 4px rgba(239,68,68,.12)}}
.th-dark .hbal.pos{background:color-mix(in srgb,#16a34a 18%,var(--card));color:#4ade80;border-color:#166534}
.th-dark .hbal.zero{background:color-mix(in srgb,#dc2626 18%,var(--card));color:#f87171;border-color:#7f1d1d}
@media(max-width:1180px){.hbal small{display:none}.hbal{padding:0 10px}}
.hm-bal{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 10px;border-radius:99px;font-weight:800;font-size:13px;text-decoration:none!important;font-variant-numeric:tabular-nums;white-space:nowrap}
.hm-bal .ic{width:16px;height:16px}
.hm-bal.pos{background:#dcfce7;color:#15803d}
.hm-bal.zero{background:#fee2e2;color:#dc2626}
.th-dark .hm-bal.pos{background:color-mix(in srgb,#16a34a 25%,var(--card));color:#4ade80}
.th-dark .hm-bal.zero{background:color-mix(in srgb,#dc2626 25%,var(--card));color:#f87171}
.wallet-hero{position:relative}
.wh-topup{margin-top:14px;background:#fff!important;color:var(--pri)!important;font-weight:800}
.topup-form[hidden]{display:none}
.tu-amts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.tu-amts input{position:absolute;opacity:0}
.tu-amts span{display:inline-block;padding:9px 16px;border-radius:12px;border:2px solid var(--line);font-weight:800;cursor:pointer}
.tu-amts input:checked+span{border-color:var(--pri);color:var(--pri);background:color-mix(in srgb,var(--pri) 8%,var(--card))}
.ft-seg label.o input:checked+span{background:#475569;color:#fff}
.mod-grp{margin:16px 0 4px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
/* v23: balans çipi olanda başlıqda axtarış sıxılmasın */
@media(min-width:860px){
  .hdr:has(.hbal) .hsearch select{display:none!important}
  .hdr:has(.hbal) .hs-btn{padding:0 18px}
  .hdr:has(.hbal) .hsearch input{min-width:80px}
}
/* v23: tətbiq səhifəsi — telefon ekranında yeni logo */
.ahp-screen{display:flex;flex-direction:column}
.ahp-top{margin-bottom:14px}
.ahp-widget{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.92);border-radius:18px;padding:10px;margin-bottom:16px;box-shadow:0 8px 20px -8px rgba(15,23,42,.35)}
.ahp-widget img{width:46px;height:46px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e5e7eb;flex:none}
.ahp-widget span{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.ahp-widget b{font-size:13px;color:#0575fb;font-weight:800}
.ahp-widget small{font-size:9.5px;color:#475569}
.ahp-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}
.ahp-ic{display:block}.ahp-ic i{display:block;aspect-ratio:1;border-radius:13px;opacity:.85}
.ahp-me{min-width:0}
.ahp-me img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#fff;border-radius:13px;box-shadow:0 0 0 2px #fff,0 6px 16px rgba(5,117,251,.55)}
.ahp-me small{text-shadow:0 1px 2px rgba(0,0,0,.25)}
.ahp-dock{margin-top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:9px;border-radius:20px;background:rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.ahp-dock i{display:block;aspect-ratio:1;border-radius:12px;opacity:.9}
.ahp-me.sm{animation:none}
@media(max-width:959px){.ahp-widget{padding:8px;margin-bottom:12px}.ahp-widget img{width:38px;height:38px}.ahp-widget b{font-size:12px}.ahp-apps{gap:9px 8px}}
/* v24: paylaşım badge-ləri */
.pbadge{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 7px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap;margin-right:5px;vertical-align:middle}
.pbadge .ic{width:11px;height:11px}
.pbadge.pb-business{background:#0f172a;color:#fff}
.pbadge.pb-new{background:#16a34a;color:#fff;text-transform:uppercase;font-size:9.5px;animation:pbNew 2s ease-in-out infinite}
@keyframes pbNew{0%,100%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}50%{box-shadow:0 0 0 4px rgba(22,163,74,0)}}
.pbadge.pb-hot{background:linear-gradient(90deg,#f97316,#ef4444);color:#fff}
.pbadge.pb-views{background:#ede9fe;color:#6d28d9}
.pbadge.pb-sale{background:#dc2626;color:#fff}
.pbadge.pb-free{background:#dcfce7;color:#15803d}
.th-dark .pbadge.pb-business{background:#e5e7eb;color:#0f172a}
.th-dark .pbadge.pb-views{background:#2e1065;color:#c4b5fd}
.th-dark .pbadge.pb-free{background:#14532d;color:#86efac}
.post-sub .pbadge{margin-right:0}
.tile,.bl-card{position:relative}
.tile-bdg{position:absolute;top:8px;left:8px;z-index:2;display:flex;gap:4px;pointer-events:none}
.tile-bdg .pbadge{margin:0;font-size:10.5px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.bl-cv{position:relative}
.bd-demo{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
@media (prefers-reduced-motion:reduce){.pb-new{animation:none}}
/* ===== v24: Kurslar — İngilis dilinə hazırlıq ===== */
.crs-hero{background:linear-gradient(135deg,#eef6ff,#f5f3ff)}
.crs-grid{display:grid;gap:16px;margin-top:18px}
.crs-card{display:flex;gap:18px;align-items:center;padding:22px;text-decoration:none!important;color:inherit;border-left:5px solid var(--cc,var(--pri));transition:transform .15s,box-shadow .15s}
a.crs-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(15,23,42,.35)}
.crs-ic{font-size:44px;width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:color-mix(in srgb,var(--cc,#0575fb) 12%,var(--card));flex:none}
.crs-b{flex:1;min-width:0}
.crs-b h2{margin:2px 0 4px;font-size:21px}
.crs-b p{margin:0 0 10px}
.crs-kick{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cc,var(--pri))}
.crs-meta{display:flex;flex-wrap:wrap;gap:6px}
.crs-meta span{font-size:12.5px;background:var(--soft,#f1f5f9);border-radius:999px;padding:4px 10px}
.crs-prog{margin-top:12px;max-width:420px}
.crs-prog .bar,.enc-bar,.enw-prog{height:8px;border-radius:99px;background:var(--soft,#eef2f7);overflow:hidden}
.crs-prog .bar i,.enc-bar i,.enw-prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0575fb,#22c55e);transition:width .4s}
.crs-prog small{display:block;margin-top:5px;color:var(--muted)}
.crs-go{flex:none}
.crs-soon{opacity:.75;border-left-color:#94a3b8;--cc:#94a3b8}
@media(max-width:700px){.crs-card{flex-direction:column;align-items:flex-start;padding:18px}.crs-go{width:100%;justify-content:center}}

.en-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.en-crumb{font-weight:700;color:var(--muted)!important;font-size:14px}
.en-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.en-tabs::-webkit-scrollbar{display:none}
.en-tabs a{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink,inherit)!important;text-decoration:none!important}
.en-tabs a.on{background:var(--pri);border-color:var(--pri);color:#fff!important;box-shadow:0 8px 18px -10px var(--pri)}

.en-hero{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;padding:26px;background:linear-gradient(135deg,color-mix(in srgb,#0575fb 7%,var(--card)),var(--card) 60%)}
.en-hero h1{margin:8px 0 6px;font-size:30px;line-height:1.15}
.enh-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.enh-r{display:flex;flex-direction:column;align-items:center;gap:12px}
.en-ring{--p:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(#22c55e calc(var(--p)*1%),var(--soft,#e5e7eb) 0);display:grid;place-items:center}
.en-ring>div{width:118px;height:118px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center}
.en-ring b{font-size:30px;line-height:1}
.en-ring small{color:var(--muted);font-size:12px}
.enh-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}
.enh-chips span{font-size:12px;background:var(--soft,#f1f5f9);border-radius:10px;padding:6px 8px;text-align:center}
@media(max-width:760px){.en-hero{grid-template-columns:1fr;padding:18px}.en-hero h1{font-size:24px}.enh-btns .btn{flex:1;justify-content:center}}

.en-search{display:flex;gap:8px;margin:16px 0}
.en-search input{flex:1;min-width:0}
.en-res{margin-bottom:16px}
.en-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:6px}
.en-side{display:flex;flex-direction:column;gap:14px}
@media(max-width:960px){.en-layout{grid-template-columns:1fr}}
.enc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:18px}
.enc{padding:14px;display:flex;flex-direction:column;gap:10px}
.enc-main{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit!important}
.enc-ic{font-size:26px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--soft,#f1f5f9);flex:none}
.enc-t{display:flex;flex-direction:column;min-width:0;flex:1}
.enc-t small{color:var(--muted);font-size:12px}
.enc-done{width:24px;height:24px;border-radius:50%;background:#22c55e;color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}
.enc-act{display:flex;gap:6px}
.enc-act a{flex:1;text-align:center;font-size:12.5px;font-weight:700;padding:7px 6px;border-radius:10px;background:var(--soft,#f1f5f9);color:var(--ink,inherit)!important;text-decoration:none!important}
.enc-act a:hover{background:color-mix(in srgb,var(--pri) 12%,var(--card))}
.enc-mix{flex-direction:row;align-items:center;text-decoration:none!important;color:inherit;border:2px dashed color-mix(in srgb,var(--pri) 40%,transparent);background:color-mix(in srgb,var(--pri) 5%,var(--card))}
.en-chart .card-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.enb{display:flex;align-items:flex-end;gap:5px;height:150px}
.enb-c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.enb-c i{display:block;width:100%;max-width:26px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#22c55e,#0575fb)}
.enb-c small{font-size:10px;color:var(--muted);margin-top:4px}
.enb-v{font-size:10px;font-weight:700;color:var(--muted);min-height:13px}
.enb-30{gap:3px}.enb-30 .enb-c small{font-size:9px}
@media(max-width:600px){.enb-30 .enb-c:nth-child(odd) small{visibility:hidden}}
.en-claim{display:flex;flex-direction:column;gap:8px;border:2px solid color-mix(in srgb,#f59e0b 45%,transparent);background:color-mix(in srgb,#f59e0b 6%,var(--card))}
.en-claim p{margin:0}
.en-sug,.en-tips{display:flex;flex-direction:column;gap:6px}
.en-sug p,.en-tips ol{margin:0}
.en-tips ol{padding-left:18px;display:flex;flex-direction:column;gap:3px}
.en-rank{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--soft,#f1f5f9);flex:none}
.en-rank.r1{background:#fde68a;color:#92400e}.en-rank.r2{background:#e5e7eb;color:#374151}.en-rank.r3{background:#fed7aa;color:#9a3412}

/* sözlər səhifəsi */
.en-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px;padding-bottom:2px}
.en-cats::-webkit-scrollbar{display:none}
.en-cats a{white-space:nowrap;padding:8px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:13.5px;color:var(--ink,inherit)!important;text-decoration:none!important}
.en-cats a em{font-style:normal;font-size:11px;color:var(--muted);margin-left:2px}
.en-cats a.on{background:#0f172a;border-color:#0f172a;color:#fff!important}.en-cats a.on em{color:#cbd5e1}
.en-words{display:grid;grid-template-columns:420px minmax(0,1fr);gap:18px;align-items:start}
.enw-left{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.enw-head{padding:14px 16px}
.enw-head h1{font-size:20px;margin:0 0 2px}
.enw-prog{margin-top:10px}
.enw-right{display:flex;flex-direction:column;gap:12px;min-width:0}
@media(max-width:960px){.en-words{grid-template-columns:1fr}.enw-left{position:static}}
.fc-stage{position:relative;padding:14px 14px 16px;border:2px solid color-mix(in srgb,var(--pri) 35%,var(--line))}
.fc-tools{display:flex;justify-content:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.fc-tools button{width:40px;height:40px;border-radius:50%;border:0;background:var(--soft,#f1f5f9);font-size:17px;cursor:pointer;transition:transform .12s}
.fc-tools button:hover{transform:scale(1.08)}
.fc-tools .fc-star.on{background:#fef3c7;color:#d97706}
.fc-card{perspective:1000px;height:220px;cursor:pointer;margin:0 34px;outline:none}
.fc-in{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.fc-card.flip .fc-in{transform:rotateY(180deg)}
.fc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:16px;text-align:center}
.fc-front{background:var(--card)}
.fc-back{transform:rotateY(180deg);background:linear-gradient(135deg,#0575fb,#7c3aed);color:#fff}
.fc-face.fc-back small{color:rgba(255,255,255,.85)}
.fc-face small{font-size:12.5px;color:var(--muted)}
.fc-w{font-size:40px;line-height:1.15;font-weight:800;word-break:break-word}
.fc-w.long{font-size:28px}
.fc-front .fc-w.en{color:var(--pri)}.fc-front .fc-w.az{color:#dc2626}
.fc-card.learned .fc-front{background:color-mix(in srgb,#22c55e 7%,var(--card))}
.fc-card.learned .fc-front::after{content:'★ öyrənilib';position:absolute;top:10px;right:12px;font-size:11px;font-weight:800;color:#16a34a}
.fc-nav{position:absolute;top:50%;width:38px;height:38px;border-radius:50%;border:0;font-size:24px;line-height:1;cursor:pointer;background:var(--soft,#e5e7eb);color:var(--ink,#111);z-index:2}
.fc-nav.prev{left:8px}.fc-nav.next{right:8px;background:#0f172a;color:#fff}
.fc-foot{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.fc-dots{display:flex;justify-content:center;gap:5px;min-height:8px}
.fc-dots i{width:7px;height:7px;border-radius:99px;background:var(--line,#d1d5db);transition:width .2s}
.fc-dots i.l{background:#86efac}.fc-dots i.on{width:22px;background:var(--pri)}
.fc-ctl{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.fc-ctl span{font-weight:800;font-variant-numeric:tabular-nums}
.btn-dark{background:#0f172a!important;color:#fff!important;border-color:#0f172a!important}
.fc-opts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.fc-lang{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:7px 12px;font-weight:800;cursor:pointer}
.fc-auto{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600}
.fc-opts select{width:auto!important;max-width:170px;height:36px;font-size:13px!important;padding:0 26px 0 10px!important}
@media(max-width:520px){.fc-card{height:200px;margin:0 28px}.fc-w{font-size:34px}.fc-w.long{font-size:24px}.fc-nav{width:32px;height:32px;font-size:20px}.fc-nav.prev{left:4px}.fc-nav.next{right:4px}}
.enw-filters{display:flex;flex-direction:column;gap:10px;padding:12px}
.enw-filters .seg{align-self:flex-start;max-width:100%;overflow-x:auto}
.enw-fr{display:flex;gap:8px}
.enw-fr input{flex:1;min-width:0}.enw-fr select{width:auto!important}
.en-pages{background:linear-gradient(135deg,#0575fb,#2563eb);color:#fff;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.en-pages>span{font-weight:800;font-size:14px}
.en-pages div{display:flex;flex-wrap:wrap;gap:6px}
.en-pages a{padding:6px 12px;border-radius:9px;background:rgba(255,255,255,.18);color:#fff!important;font-weight:700;font-size:13px;text-decoration:none!important}
.en-pages a.on{background:#fff;color:#0575fb!important}
.en-list{padding:0;overflow:hidden}
.enl-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px 10px;flex-wrap:wrap}
.en-tbl{display:flex;flex-direction:column}
.ent-r{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(0,1fr) 36px 36px;align-items:center;gap:6px;padding:9px 12px;border-top:1px solid var(--line);cursor:pointer;transition:background .12s}
.en-res .ent-r{cursor:default}
.ent-r:hover{background:var(--soft,#f8fafc)}
.ent-r.cur{background:color-mix(in srgb,var(--pri) 9%,var(--card));box-shadow:inset 3px 0 0 var(--pri)}
.ent-hd{background:#0f172a!important;color:#e2e8f0;font-size:12.5px;font-weight:700;cursor:default;border:0}
.ent-n{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.ent-hd .ent-n{color:#94a3b8}
.ent-en{color:var(--pri);font-weight:700;overflow-wrap:anywhere}
.ent-hd .ent-en,.ent-hd .ent-az{color:#e2e8f0;font-weight:700}
.ent-az{color:#dc2626;font-weight:600;overflow-wrap:anywhere}
.ent-cat{font-style:normal;font-size:12px;background:var(--soft,#f1f5f9);border-radius:6px;padding:1px 4px;margin-left:3px;text-decoration:none!important}
.ent-say,.ent-star{width:32px;height:32px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:16px;display:grid;place-items:center}
.ent-say:hover,.ent-star:hover{background:var(--soft,#eef2f7)}
.ent-star{color:#94a3b8;font-size:18px}.ent-star.on{color:#f59e0b}
.ent-r.learned .ent-en,.ent-r.learned .ent-az{opacity:.45;text-decoration:line-through}
.en-fab{position:fixed;right:18px;bottom:22px;width:56px;height:56px;border-radius:50%;border:0;background:var(--pri);color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 12px 26px -10px var(--pri);z-index:40}
@media(max-width:860px){.en-fab{bottom:86px}}
@media(max-width:520px){.ent-r{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 30px 30px;padding:8px;gap:4px;font-size:14px}.ent-say,.ent-star{width:30px;height:30px}}

/* tam ekran kart */
body.fc-fs-on{overflow:hidden}
.fc-fs{position:fixed;inset:0;z-index:300;background:linear-gradient(160deg,#0b1220,#1e1b4b);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:20px}
.fcf-x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px;cursor:pointer}
.fcf-pos{position:absolute;top:26px;left:20px;font-weight:800;opacity:.8}
.fcf-card{width:min(640px,100%);min-height:min(56vh,420px);border-radius:28px;background:#fff;color:#0575fb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;cursor:pointer;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transition:background .25s}
.fcf-card.back{background:linear-gradient(135deg,#0575fb,#7c3aed);color:#fff}
.fcf-w{font-size:clamp(34px,9vw,72px);line-height:1.1;word-break:break-word}
.fcf-h{font-size:14px;opacity:.7}
.fcf-card:not(.back) .fcf-h{color:#64748b;opacity:1}
.fcf-bar{display:flex;gap:14px}
.fcf-bar button{width:58px;height:58px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer}
.fcf-bar button.on{background:#f59e0b}

/* imtahan */
.en-exam{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.ex-setup h1{margin:0 0 6px}.ex-setup h3{margin:18px 0 8px;font-size:15px}
.ex-cats,.ex-sizes{display:flex;flex-wrap:wrap;gap:8px}
.ex-langs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ex-cats label,.ex-langs label,.ex-sizes label{cursor:pointer}
.ex-cats input,.ex-langs input,.ex-sizes input{position:absolute;opacity:0;pointer-events:none}
.ex-cats span,.ex-sizes span{display:inline-flex;gap:5px;align-items:center;padding:9px 14px;border-radius:12px;border:1.5px solid var(--line);font-weight:700;font-size:14px;background:var(--card)}
.ex-cats em{font-style:normal;font-size:11px;color:var(--muted)}
.ex-langs span{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card)}
.ex-langs b{font-size:18px}.ex-langs small{color:var(--muted)}
.ex-cats input:checked+span,.ex-langs input:checked+span,.ex-sizes input:checked+span{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 9%,var(--card));color:var(--pri);box-shadow:0 0 0 3px color-mix(in srgb,var(--pri) 15%,transparent)}
.ex-cats input:focus-visible+span,.ex-langs input:focus-visible+span,.ex-sizes input:focus-visible+span{outline:2px solid var(--pri)}
.ex-setup [data-ex-start]{margin-top:20px;width:100%;justify-content:center}
@media(max-width:560px){.ex-langs{grid-template-columns:1fr}}
.ex-run{padding:20px}
.ex-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700}
.ex-timer{font-variant-numeric:tabular-nums;background:var(--soft,#f1f5f9);padding:6px 12px;border-radius:999px}
.ex-timer.warn{background:#fee2e2;color:#dc2626;animation:balPulse 1s infinite}
.ex-prog{height:8px;border-radius:99px;background:var(--soft,#eef2f7);margin:14px 0 24px;overflow:hidden}
.ex-prog i{display:block;height:100%;background:linear-gradient(90deg,#0575fb,#22c55e);width:0;transition:width .3s}
.ex-q{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-bottom:26px;min-height:70px}
.ex-q b{font-size:clamp(28px,6vw,42px);line-height:1.15;word-break:break-word}
.ex-q b.en{color:var(--pri)}.ex-q b.az{color:#dc2626}
.ex-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ex-o{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);font-size:16px;font-weight:700;cursor:pointer;color:inherit;transition:transform .1s,border-color .15s}
.ex-o:hover:not(:disabled){border-color:var(--pri);transform:translateY(-1px)}
.ex-o span{width:30px;height:30px;border-radius:9px;background:var(--soft,#f1f5f9);display:grid;place-items:center;font-size:13px;flex:none}
.ex-o.ok{border-color:#22c55e;background:#dcfce7;color:#15803d}.ex-o.ok span{background:#22c55e;color:#fff}
.ex-o.bad{border-color:#ef4444;background:#fee2e2;color:#b91c1c;animation:exShake .35s}.ex-o.bad span{background:#ef4444;color:#fff}
.ex-o:disabled{cursor:default}
@keyframes exShake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ex-next{display:flex;justify-content:flex-end;margin-top:16px;min-height:42px}
@media(max-width:560px){.ex-opts{grid-template-columns:1fr}.ex-run{padding:16px}}
.th-dark .ex-o.ok{background:#14532d;color:#bbf7d0}.th-dark .ex-o.bad{background:#7f1d1d;color:#fecaca}
.ex-res{text-align:center}
.exr-top{padding:22px;border-radius:18px;margin-bottom:16px;color:#fff;background:linear-gradient(135deg,#0575fb,#7c3aed)}
.exr-top.excellent{background:linear-gradient(135deg,#16a34a,#0ea5e9)}.exr-top.good{background:linear-gradient(135deg,#0575fb,#7c3aed)}.exr-top.average{background:linear-gradient(135deg,#f59e0b,#f97316)}.exr-top.poor{background:linear-gradient(135deg,#64748b,#334155)}
.exr-ic{font-size:54px}.exr-top h2{margin:6px 0;color:#fff}
.exr-pct{font-size:44px;font-weight:900}
.exr-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}
.exr-nums div{background:var(--soft,#f1f5f9);border-radius:12px;padding:10px 4px;display:flex;flex-direction:column}
.exr-nums b{font-size:22px}.exr-nums small{color:var(--muted);font-size:12px}
.exr-mist{text-align:left}
.exr-mist h3{font-size:15px;margin:6px 0 8px}
.exm{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 6px;border-top:1px solid var(--line)}
.exm b{color:var(--pri)}.exm span{color:#16a34a;font-weight:700}.exm s{color:#dc2626;font-size:13px}.exm em{color:var(--muted);font-size:12px}
.exm-ok{font-weight:800;color:#16a34a}
.exr-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}
@media(max-width:520px){.exr-nums{grid-template-columns:repeat(2,1fr)}.exm{grid-template-columns:30px 1fr;}.exm span,.exm s,.exm em{grid-column:2}}
.en-hist .card-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.enh-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
details.enh-row{display:block}
details.enh-row summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}
details.enh-row summary::-webkit-details-marker{display:none}
.enh-row .grow{display:flex;flex-direction:column;min-width:0}
.enh-ic{font-size:22px;width:32px;text-align:center}
.enh-pct{font-weight:900;padding:4px 10px;border-radius:999px;font-size:13px}
.enh-pct.pg{background:#dcfce7;color:#15803d}.enh-pct.pm{background:#fef3c7;color:#b45309}.enh-pct.pb{background:#fee2e2;color:#b91c1c}
.enh-mist{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px 42px}
.enh-mist span{font-size:12.5px;background:var(--soft,#f1f5f9);border-radius:8px;padding:4px 8px}
.enh-mist s{color:#dc2626}

/* reytinq və statistika */
.en-top-h{display:flex;flex-direction:column;gap:8px}
.en-top-h h1{margin:0}.en-top-h p{margin:0}.en-top-h .seg{align-self:flex-start}
.en-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;margin:18px 0}
.pod{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none!important;color:inherit!important;min-width:0}
.pod b{max-width:100%}.pod small{color:var(--muted)}
.pod-m{font-size:30px}
.pod i{display:block;width:100%;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,#fde68a,#f59e0b)}
.pod.p1 i{height:110px}.pod.p2 i{height:80px;background:linear-gradient(180deg,#e5e7eb,#9ca3af)}.pod.p3 i{height:60px;background:linear-gradient(180deg,#fed7aa,#ea580c)}
.en-lb{padding:6px 0}
.lb-r{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);text-decoration:none!important;color:inherit!important}
.lb-r:first-child{border-top:0}
.lb-r.me{background:color-mix(in srgb,var(--pri) 8%,var(--card))}
.lb-r em{font-style:normal;color:var(--pri);font-size:12px}
.lb-n{display:flex;flex-direction:column;align-items:center;min-width:56px}
.lb-n b{font-size:15px}.lb-n small{font-size:11px;color:var(--muted)}
@media(max-width:560px){.lb-r{padding:10px 12px;gap:8px}.lb-n{min-width:44px}.lb-n:nth-last-child(2){display:none}}
.en-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:14px}
.est{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px}
.est span{font-size:22px}.est b{font-size:28px;line-height:1.1}.est small{color:var(--muted);font-size:12.5px}
.en-catprog{display:flex;flex-direction:column;gap:2px}
.ecp{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:8px 0;text-decoration:none!important;color:inherit!important;border-top:1px solid var(--line)}
.ecp .enc-bar{grid-column:1/-1}.ecp small{color:var(--muted)}
.en-dlg{max-width:400px;text-align:left;display:flex;flex-direction:column;gap:10px}
.en-dlg h3{margin:0}
.en-dlg label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:13.5px}
.en-dlg .row{display:flex;gap:8px;justify-content:flex-end}
.link-btn{background:none;border:0;color:var(--pri);font-weight:700;cursor:pointer;padding:0}
.th-dark .ent-hd,.th-dark .en-cats a.on{background:#020617!important}
.exm>*{text-align:left}.exm s,.exm em{text-align:right}
/* v25: Level 1 / Level 2 kilidi, tac */
.en-lvl{margin-bottom:22px}
.enl-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.enl-top h2{margin:0;font-size:20px}
.enl-top .enc-bar{margin-top:6px;max-width:360px}
.enl-badge{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:var(--card);border:1px solid var(--line);flex:none}
.en-lvl.done .enl-badge{background:#fef3c7;border-color:#fcd34d}
.en-lvl.locked .enl-badge{background:var(--soft,#f1f5f9)}
.enl-lockmsg,.enl-hint{margin:-4px 0 12px;font-size:13.5px;padding:10px 12px;border-radius:12px}
.enl-lockmsg{background:color-mix(in srgb,#f59e0b 10%,var(--card));border:1px dashed #f59e0b;color:#92400e}
.enl-hint{background:color-mix(in srgb,var(--pri) 7%,var(--card));color:var(--ink,inherit)}
.th-dark .enl-lockmsg{color:#fcd34d}
.enc-lock{opacity:.6;filter:grayscale(.6)}
.enc-lock .enc-act span{flex:1;text-align:center;font-size:12px;font-weight:700;padding:7px 6px;border-radius:10px;background:var(--soft,#f1f5f9);color:var(--muted)}
.en-cats a.lk{opacity:.55}
.ex-cats label.lk{cursor:not-allowed;opacity:.5}
.en-locked{text-align:center;padding:36px 20px;max-width:620px;margin:10px auto}
.en-locked h1{font-size:22px;margin:8px 0}
.enlk-ic{font-size:56px}
.enlk-prog{max-width:360px;margin:14px auto 18px}
.enlk-prog small{display:block;margin-top:6px;color:var(--muted)}
.en-unlock{position:fixed;inset:0;z-index:320;background:rgba(15,23,42,.6);display:grid;place-items:center;padding:16px;animation:fadeIn .2s}
.enu-box{background:var(--card);border-radius:22px;padding:28px 24px;max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;gap:10px;animation:enuPop .35s cubic-bezier(.2,1.4,.4,1)}
.enu-box>span{font-size:64px}.enu-box h2{margin:0}.enu-box p{margin:0;color:var(--muted)}
@keyframes enuPop{from{transform:scale(.7);opacity:0}}
@keyframes fadeIn{from{opacity:0}}
.pod{position:relative}
.pod-crown{font-size:34px;line-height:1;margin-bottom:-6px;animation:crownBob 2.4s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(245,158,11,.45))}
@keyframes crownBob{50%{transform:translateY(-4px) rotate(-6deg)}}
.pod.p1 .pod-av .av{box-shadow:0 0 0 4px #fbbf24,0 10px 24px -8px rgba(245,158,11,.7)}
.en-rank.r1{background:linear-gradient(135deg,#fde68a,#f59e0b);font-size:15px}
.lb-r.lb-king{background:linear-gradient(90deg,color-mix(in srgb,#fbbf24 14%,var(--card)),var(--card))}
.lb-crown{font-style:normal;font-size:11px;font-weight:800;color:#b45309;background:#fef3c7;border-radius:999px;padding:2px 7px;margin-left:4px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.pod-crown{animation:none}}
/* v25: story zolağında profil şəkli dairəni tam doldursun */
.sb-ring{display:block;width:66px;height:66px;padding:0;box-sizing:border-box;flex:none}
.sb-ring>.av,.sb-ring>img.av,.sb-ring>.av-txt{position:absolute;top:3px;left:3px;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important;border:2.5px solid var(--bg);border-radius:50%;box-sizing:border-box;object-fit:cover;object-position:center 30%;display:grid;place-items:center;max-width:none}
.sb-add .sb-ring:not(.has){background:var(--line)}
.sb-it:active .sb-ring{transform:scale(.95)}
.orbit-c.orbit-logo{background:#fff;padding:6px;overflow:hidden}.orbit-logo img{width:100%;height:100%;object-fit:contain;border-radius:16px}
/* v25: "+" menyusu — ikon şəbəkəsi */
.cp-menu.cp-grid{display:grid;grid-template-columns:repeat(3,84px);gap:6px 4px;padding:14px 10px;min-width:0;border-radius:20px}
.cp-menu.cp-grid[hidden]{display:none}
.cp-grid button{flex-direction:column;gap:7px;padding:8px 2px;text-align:center;font:600 12px Inter,sans-serif;border-radius:14px}
.cp-grid i{width:52px;height:52px;border-radius:50%;background:var(--c);box-shadow:0 8px 16px -8px var(--c);transition:transform .15s}
.cp-grid i svg{width:24px;height:24px}
.cp-grid button:hover i{transform:translateY(-2px) scale(1.05)}
.cp-grid button:hover{background:transparent}
.cb-form .cp-menu.cp-grid{grid-template-columns:repeat(3,72px)}.cb-form .cp-grid i{width:44px;height:44px}
/* kamera */
body.cam-on{overflow:hidden}
.cam{position:fixed;inset:0;z-index:400;background:#000;color:#fff;display:flex;flex-direction:column}
.cam-v{flex:1;width:100%;height:100%;object-fit:cover;min-height:0;background:#000}
.cam-v.mirror{transform:scaleX(-1)}
.cam-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:linear-gradient(rgba(0,0,0,.5),transparent)}
.cam-top button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px;cursor:pointer}
.cam-rec{background:#dc2626;padding:5px 12px;border-radius:999px;font-weight:800;font-variant-numeric:tabular-nums}
.cam-bot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 16px calc(22px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.6))}
.cam-modes{display:flex;gap:6px;background:rgba(0,0,0,.35);border-radius:999px;padding:4px}
.cam-modes button{border:0;background:none;color:#fff;font:800 12px Inter,sans-serif;letter-spacing:.06em;padding:7px 14px;border-radius:999px;cursor:pointer;opacity:.75}
.cam-modes button.on{background:#fff;color:#000;opacity:1}
.cam.recording .cam-modes{visibility:hidden}
.cam-shot{width:76px;height:76px;border-radius:50%;border:5px solid #fff;background:transparent;padding:5px;cursor:pointer}
.cam-shot i{display:block;width:100%;height:100%;border-radius:50%;background:#fff;transition:all .2s}
.cam.vid .cam-shot i{background:#ef4444}
.cam.recording .cam-shot i{border-radius:8px;transform:scale(.55)}
.cam-hint{font-size:12px;opacity:.8}
/* önizləmə */
.mprev{position:fixed;inset:0;z-index:400;background:#0b0f19;color:#fff;display:flex;flex-direction:column}
.mp-top{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 14px 10px;font-weight:700}
.mp-top button{width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer}
.mp-media{flex:1;min-height:0;display:grid;place-items:center;padding:8px}
.mp-media img,.mp-media video{max-width:100%;max-height:100%;border-radius:12px;object-fit:contain}
.mp-bot{padding:12px 14px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;max-width:640px;width:100%;margin:0 auto}
.mp-modes{display:flex;gap:8px;justify-content:center}
.mp-modes button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;font:700 13.5px Inter,sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer}
.mp-modes button.on{background:#fff;color:#0b0f19;border-color:#fff}
.mo-ic{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:2px dashed currentColor;font-style:normal;font-size:11px;font-weight:900;line-height:1;flex:none}
.mp-note{margin:0;text-align:center;font-size:12.5px;opacity:.85}
.mp-row{display:flex;gap:8px}
.mp-cap{flex:1;min-width:0;border-radius:999px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;padding:0 16px!important;height:48px}
.mp-send{width:52px;height:52px;border-radius:50%;border:0;background:#22c55e;color:#fff;font-size:20px;cursor:pointer;flex:none}
.mp-send:disabled{opacity:.6}
.mp-bar{height:4px;border-radius:9px;background:rgba(255,255,255,.15);overflow:hidden;visibility:hidden}
.mprev.up .mp-bar{visibility:visible}.mp-bar i{display:block;height:100%;width:0;background:#22c55e;transition:width .2s}
/* 1 dəfəlik mesaj */
.msg-once{display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:2px 0;min-width:190px}
.msg-once .mo-ic{width:30px;height:30px;font-size:13px}
.msg-once span{display:flex;flex-direction:column}
.msg-once small{opacity:.75;font-size:12px}
.msg-once.open{cursor:pointer}
.msg-once.open .mo-ic{border-style:solid;background:color-mix(in srgb,currentColor 12%,transparent)}
.msg-once.seen{opacity:.7}
.once-view{position:fixed;inset:0;z-index:420;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;user-select:none;-webkit-user-select:none}
.once-view img,.once-view video{max-width:100%;max-height:78vh;border-radius:10px;-webkit-touch-callout:none;pointer-events:none}
.once-view video{pointer-events:auto}
.ov-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;color:#fff;font-weight:700}
.ov-top span{display:flex;align-items:center;gap:8px}
.ov-top button{width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:20px;cursor:pointer}
.ov-note{color:rgba(255,255,255,.7)}
.pbadge.pb-crown{background:linear-gradient(90deg,#fde68a,#f59e0b);color:#78350f;box-shadow:0 0 0 1px #fbbf24 inset}
.pbadge.pb-vip{background:linear-gradient(90deg,#1e1b4b,#7c3aed);color:#fde68a}
/* v26: söz kartı — ikonlar kartın içində, düymələr altda, arxa üz saytın rəngində */
.fc-card{position:relative;margin:0;height:260px}
.fc-card .fc-tools{position:absolute;top:12px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:8px;margin:0;pointer-events:none}
.fc-card .fc-tools button{pointer-events:auto;width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink,#0f172a) 10%,transparent);background:color-mix(in srgb,var(--card) 86%,transparent);backdrop-filter:blur(6px);color:var(--ink,#0f172a);display:grid;place-items:center;padding:0;font-size:0;transition:transform .12s,background .2s,color .2s}
.fc-card .fc-tools button svg{width:18px;height:18px}
.fc-card .fc-tools button:hover{transform:scale(1.08)}
.fc-card.flip .fc-tools button{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.3);color:#fff}
.fc-card .fc-tools .fc-star.on{background:#fef3c7;color:#d97706;border-color:#fcd34d}
.fc-card .fc-tools .fc-star.on svg,.ent-star.on svg,.fcf-bar button.on svg{fill:currentColor}
.fc-card .fc-tools button.done{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}
.fc-face{padding:58px 18px 18px;border:1.5px solid var(--line)}
.fc-front{background:var(--card)}
.fc-back{background:linear-gradient(140deg,var(--pri),color-mix(in srgb,var(--pri) 58%,#0b1220));border-color:transparent;color:#fff}
.fc-back .fc-w{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.fc-card.learned .fc-front::after{top:auto;bottom:12px;right:14px}
.fc-nav{display:none}
.fc-ctl .btn{display:inline-flex;align-items:center;justify-content:center;gap:4px}
.fc-ctl .btn svg{width:16px;height:16px}
.ent-say svg,.ent-star svg{width:18px;height:18px}
.ent-say{color:var(--muted)}.ent-say:hover{color:var(--pri)}
.fcf-x svg,.fcf-bar button svg{width:24px;height:24px}
.fcf-x,.fcf-bar button{display:grid;place-items:center}
/* imtahan: səs düyməsi solda */
.ex-say{width:44px;height:44px;border-radius:50%;border:0;background:color-mix(in srgb,var(--pri) 10%,var(--card));color:var(--pri);display:grid;place-items:center;cursor:pointer;flex:none}
.ex-say svg{width:22px;height:22px}
.ex-say[hidden]{display:none}
.exm .ent-say svg{width:16px;height:16px}
/* şəkillər pəncərəsi */
.en-imgs{position:fixed;inset:0;z-index:330;background:rgba(15,23,42,.6);display:grid;place-items:center;padding:14px}
.eim-box{position:relative;background:var(--card);border-radius:20px;width:min(760px,100%);max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,.45)}
.eim-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px}
.eim-h b{font-size:22px;color:var(--pri);display:block}.eim-h small{color:var(--muted)}
.eim-x{width:40px;height:40px;border-radius:50%;border:0;background:var(--soft,#f1f5f9);color:var(--ink);display:grid;place-items:center;cursor:pointer}.eim-x svg{width:20px;height:20px}
.eim-tabs{display:flex;gap:6px;padding:0 16px 12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.eim-tabs button,.eim-tabs a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);font:700 13px Inter,sans-serif;color:var(--ink)!important;text-decoration:none!important;cursor:pointer}
.eim-tabs button.on{background:var(--pri);border-color:var(--pri);color:#fff!important}
.eim-tabs svg{width:14px;height:14px}
.eim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:12px 16px 16px;overflow-y:auto}
.eim-grid button{border:0;padding:0;border-radius:12px;overflow:hidden;aspect-ratio:1;background:var(--soft,#f1f5f9);cursor:zoom-in}
.eim-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.eim-grid button:hover img{transform:scale(1.05)}
.eim-sk{display:block;aspect-ratio:1;border-radius:12px;background:linear-gradient(90deg,var(--soft,#eef2f7),color-mix(in srgb,var(--soft,#eef2f7) 50%,var(--card)),var(--soft,#eef2f7));background-size:200% 100%;animation:skel 1.2s infinite}
@keyframes skel{to{background-position:-200% 0}}
.eim-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 10px}
.eim-big{position:absolute;inset:0;background:rgba(2,6,23,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;cursor:zoom-out}
.eim-big img{max-width:100%;max-height:78%;border-radius:12px;object-fit:contain}
.eim-bf{display:flex;gap:12px;align-items:center;color:#e2e8f0;font-size:13px;max-width:100%}
.eim-bf span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eim-bf a{color:#93c5fd!important;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.eim-bf svg{width:14px;height:14px}
@media(max-width:520px){.fc-card{height:240px}.eim-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.fc-card .fc-tools{gap:6px}.fc-card .fc-tools button{width:36px;height:36px}}
.eim-big[hidden]{display:none}
/* v26: süzgəc düymələri bir sətirdə, "+" solda, menyuda "Daha çox" yığcam */
.enw-filters .seg{display:flex;width:100%;align-self:stretch}
.enw-filters .seg a{flex:1;justify-content:center;white-space:nowrap;padding:9px 6px;font-size:13.5px;gap:5px}
.enw-filters .seg a svg{width:14px;height:14px;color:#f59e0b;flex:none}
.enw-filters .seg a.on svg{color:#fde68a}
.en-fab{right:auto;left:18px}
.cm-more-btn{display:flex;align-items:center;gap:11px;width:100%;padding:10px 18px;border:0;border-bottom:1px solid #f1f5f9;background:none;color:var(--ink,#334155);font:600 14.5px Inter,sans-serif;cursor:pointer;text-align:left}
.cm-more-btn .ic{width:18px;height:18px;color:#94a3b8;flex:none}
.cm-more-btn span{flex:1}
.cm-more-arr{font-style:normal;color:#94a3b8;transition:transform .2s}
.cm-more-btn.on{color:var(--pri);background:var(--pri-soft)}.cm-more-btn.on .ic{color:var(--pri)}
.cm-more-btn.on .cm-more-arr{transform:rotate(180deg)}
.cm-more-btn:hover{background:var(--pri-soft);color:var(--pri)}
.cm-more-list{list-style:none;margin:0;padding:0;background:color-mix(in srgb,var(--soft,#f8fafc) 70%,var(--card))}
.cm-more-list li a{padding-left:28px!important}
.th-dark .cm-more-btn{border-color:var(--line)}
/* v27: başlıq — üstdə menyu + Haqqımızda/Əlaqə + balans/hesab, altda uzun axtarış */
.htop-r{display:none;align-items:center;gap:8px;flex:none}
.htl{font-weight:700;font-size:13.5px;color:var(--muted)!important;padding:8px 8px;border-radius:8px;white-space:nowrap;text-decoration:none!important}
.htl:hover,.htl.on{color:var(--pri)!important}
.htop-r .btn{white-space:nowrap}
@media(min-width:1024px){
  .htop-r{display:flex}
  .hdr-top{gap:16px}
  .hnav{margin:0 auto 0 8px}
  .hdr .hsearch select{display:block!important}
  .hdr .hs-btn{padding:0 30px}
  .hdr .hsearch input{min-width:120px}
}
@media(min-width:1024px) and (max-width:1279px){.htl{font-size:12.5px;padding:8px 5px}}
@media(min-width:860px){.htop-r{display:flex;margin-left:auto}.hmob-act,.hmob-act.hmob-user{display:none!important}}
@media(min-width:1024px){.htop-r{margin-left:0}.hdr:has(.hbal) .hsearch select{display:block!important}.hdr:has(.hbal) .hs-btn{padding:0 30px}}
/* v27: Digər portallar (extra) */
.cm-new.cm-extra{background:linear-gradient(135deg,#7c3aed,#ec4899)!important;color:#fff!important}
.cm-xi{background:linear-gradient(135deg,#f5f3ff,#fdf2f8)!important;font-style:normal;font-size:17px;overflow:hidden}
.cm-xi img{width:100%;height:100%;object-fit:cover}
.cm-soon{display:flex;align-items:center;gap:11px;padding:10px 18px;opacity:.6;cursor:default}
.cm-soon small{display:block;font-size:12px;color:var(--muted)}
.cm-soon>span{display:flex;flex-direction:column;line-height:1.25}.cm-soon b{font-weight:600;font-size:14px}
.xp-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#f5f3ff,#fdf2f8);flex:none}
.hnav a[href*="p=business"] .hbadge{background:#ef4444}.hnav a[href*="p=business"] .hbadge::after{border-top-color:#ef4444}
@media(min-width:1280px){.hnav a{padding:10px 7px;font-size:12.5px;letter-spacing:.03em;gap:5px}.hnav a .ic{width:16px;height:16px}.hdr-top{gap:12px}}
@media(min-width:1024px){.hnav a{padding:10px 5px;gap:4px}.htop-r{gap:6px}.hnav{gap:2px}}
@media(min-width:860px){.is-home .catdd.open .cat-menu{display:block;opacity:1;visibility:visible;transform:none}}
.bw-list{display:flex;flex-wrap:wrap;gap:6px}
.bw-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:999px;background:var(--soft,#f1f5f9);border:1px solid var(--line);font-size:13px}
.bw-chip.bw-part{background:#fef2f2;border-color:#fecaca}
.bw-chip form{display:inline}.bw-chip .btn{padding:3px 8px;font-size:11px;min-height:0}
/* kurs loqosu */
.crs-ic img,.enh-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.crs-ic:has(img){padding:0;overflow:hidden;background:#fff}
.enh-logo{width:64px;height:64px;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px -10px rgba(15,23,42,.35);margin-bottom:10px;display:block}
.cm-ti img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* v27: tam ekran gələn zəng */
body.incall-on{overflow:hidden}
.incall{position:fixed;inset:0;z-index:2000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));background:#0b1220;animation:icIn .3s ease}
@keyframes icIn{from{opacity:0;transform:scale(1.03)}}
.ic-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,#1e3a8a,#0b1220 70%);background-size:cover;background-position:center;filter:blur(28px) brightness(.45);transform:scale(1.2)}
.incall>*:not(.ic-bg){position:relative}
.ic-top{font-size:13px;font-weight:600;opacity:.8}
.ic-mid{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ic-av{position:relative;width:132px;height:132px;margin-bottom:12px}
.ic-av .av{width:132px!important;height:132px!important;border:4px solid rgba(255,255,255,.85);position:relative;z-index:1}
.ic-av i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(34,197,94,.75);animation:icRing 2s ease-out infinite}
.ic-av i+i{animation-delay:1s}
@keyframes icRing{from{transform:scale(1);opacity:1}to{transform:scale(1.75);opacity:0}}
.ic-mid h2{margin:0;font-size:30px;font-weight:800;color:#fff}
.ic-mid p{margin:0;font-size:16px;opacity:.85;animation:icBlink 1.6s ease-in-out infinite}
@keyframes icBlink{50%{opacity:.45}}
.ic-snd{display:none;margin-top:6px;border:0;border-radius:999px;padding:8px 16px;background:rgba(255,255,255,.18);color:#fff;font-weight:700;cursor:pointer}
body.ring-muted .ic-snd{display:inline-block}
.ic-bot{display:flex;gap:min(28vw,140px);align-items:flex-start}
.ic-b{display:flex;flex-direction:column;align-items:center;gap:8px}
.ic-b small{font-size:13px;opacity:.85}
.ic-btn{width:74px;height:74px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}
.ic-btn svg{width:32px;height:32px}
.ic-btn.red{background:#ef4444}.ic-btn.red svg{transform:rotate(135deg)}
.ic-btn.green{background:#22c55e;animation:icPulse 1.2s ease-in-out infinite}
@keyframes icPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{box-shadow:0 0 0 16px rgba(34,197,94,0)}}
@media (prefers-reduced-motion:reduce){.ic-av i,.ic-btn.green,.ic-mid p{animation:none}}
/* oxundu işarəsi */
.msg .mt .tick{display:inline-flex;vertical-align:-1px;margin-left:4px;color:#94a3b8}
.msg .mt .tick svg{width:15px;height:10px}
.msg .mt .tick.rd{color:#38bdf8}
.msg.me .mt .tick.rd{color:#0ea5e9}

/* v27: zəng bitəndə X, səs seçimi, zəng icazələri */
.cl-x{position:absolute;top:50%;transform:translateY(-50%);right:14px;z-index:5;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:20px;text-decoration:none;backdrop-filter:blur(6px)}
.cl-x:hover{background:rgba(239,68,68,.85)}
#call[data-state=end] .cl-x{background:#ef4444;width:48px;height:48px;font-size:22px;box-shadow:0 6px 20px rgba(239,68,68,.45)}
.tone-grp{margin:10px 0 14px}.tone-grp>b{display:block;margin-bottom:8px}
.tone-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.tone-opt{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line,#e5e7eb);border-radius:12px;cursor:pointer;flex-wrap:wrap}
.tone-opt:has(input[type=radio]:checked){border-color:var(--brand,#4f46e5);background:color-mix(in srgb,var(--brand,#4f46e5) 8%,transparent)}
.tone-opt span{flex:1;font-size:14px}
.tone-play{width:30px;height:30px;border-radius:50%;border:0;background:var(--brand,#4f46e5);color:#fff;cursor:pointer;font-size:12px;flex:none}
.tone-play.on{background:#ef4444}
.tone-own input[type=file]{width:100%;font-size:12px}
.call-perm .perm-steps{margin-top:10px;border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:8px 12px}
.call-perm .perm-steps summary{cursor:pointer}.call-perm ol{margin:8px 0 2px;padding-left:20px;line-height:1.7}
.cl-top{padding-right:68px}.cl-top .cl-sec{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tone-own input[type=file]{display:none}.tone-own:has(input[type=radio]:checked) input[type=file]{display:block}

/* v28: mesaj ayarları ⚙ və söhbət menyusu ⋮ */
.cl-h .ms-gear{display:inline-grid!important}
.ms-dd{position:relative}
.ms-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:230px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.18);padding:6px;display:flex;flex-direction:column}
.ms-menu[hidden]{display:none}
.ms-menu a,.ms-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:none;border-radius:10px;font:inherit;font-size:14.5px;color:var(--ink);text-align:left;cursor:pointer;text-decoration:none}
.ms-menu a:hover,.ms-menu button:hover{background:var(--pri-soft)}
.ms-menu svg{width:18px;height:18px;flex:none;opacity:.8}
.ms-menu .dang{color:#dc2626}.ms-menu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}
.ms-sheet{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.45);display:flex;align-items:flex-start;justify-content:center;padding:70px 16px 16px;backdrop-filter:blur(3px)}
.ms-sheet[hidden]{display:none}
.ms-panel{width:100%;max-width:440px;max-height:calc(100vh - 100px);overflow:auto;display:flex;flex-direction:column;gap:12px;margin:0}
.ms-ph{display:flex;align-items:center;justify-content:space-between}.ms-ph b{display:flex;align-items:center;gap:8px;font-size:17px}.ms-ph svg{width:20px;height:20px}
.ms-links{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ms-links a{display:flex;justify-content:space-between;padding:11px 14px;color:var(--ink);text-decoration:none;font-size:14.5px}
.ms-links a+a{border-top:1px solid var(--line)}.ms-links a:hover{background:var(--pri-soft)}.ms-links span{opacity:.5}
.ms-blk>b{display:block;margin-bottom:6px}.ms-blk p{margin:0}
.ms-bi{display:flex;align-items:center;gap:10px;padding:6px 0}.ms-bi span{flex:1;font-weight:600;font-size:14px}
.ms-ask{position:fixed;inset:0;z-index:1100;background:rgba(15,23,42,.5);display:grid;place-items:center;padding:16px}
.ms-ask .card{max-width:380px;width:100%;margin:0}.ms-ask p{margin:0 0 12px;font-size:15px;line-height:1.5}
.ms-ask textarea{width:100%;box-sizing:border-box;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;background:var(--bg);color:var(--ink)}
.ms-ask-b{display:flex;justify-content:flex-end;gap:8px}
@media (max-width:859px){.ms-sheet{align-items:flex-end;padding:0}.ms-panel{max-width:none;border-radius:20px 20px 0 0;max-height:85vh;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.ms-wide{display:none!important}}

/* v29: söhbət başlığı yığcam (ad / @istifadəçi · son görülmə), tək zəng düyməsi, ✕ */
.chat-h{gap:8px}
.chat-h .ch-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.25}
.chat-h .ch-name{font-weight:700;font-size:15.5px;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-h .ch-meta{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-h .ch-meta .ch-sub{display:inline}
.chat-h .ch-user{color:var(--muted)}
.chat-h .ch-biz{font-size:11.5px;color:var(--pri);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-h .icon-btn{flex:none}
.ms-call{min-width:200px}.ms-call svg{color:var(--pri);opacity:1!important}
.pa-x{font-size:18px;font-weight:600;color:var(--ink);text-decoration:none}
.cl-h .pa-x{display:inline-grid!important}
@media(min-width:860px){.page-head.compact:has(.pa-x){display:flex;align-items:center;justify-content:space-between}}
@media(max-width:859px){
  body.msg-page .chat{padding:0!important}
  body.msg-page .chat-h{padding-left:6px;padding-right:6px;gap:6px}
  body.msg-page .chat-h .av{width:40px!important;height:40px!important}
  body.msg-page .chat-body{padding:12px 10px}
  body.msg-page .chat-form{padding-left:8px;padding-right:8px}
  body.msg-page .msg{max-width:86%}
}

/* v30: söhbət başlığı həmişə yuxarıda sabit (ad, @istifadəçi, zəng) */
.chat-main{display:flex;flex-direction:column;min-height:0}
.chat-main>.chat-h{position:sticky;top:0;z-index:6;flex:none}
.chat-main>.chat-body{flex:1;min-height:0;overflow:auto}
.chat-main>.chat-form,.chat-main>.typing-row,.chat-main>.att-prev,.chat-main>.chat-blocked{flex:none}
@media(max-width:859px){
  body.msg-page.in-thread{overflow:hidden;overscroll-behavior:none}
  body.msg-page.in-thread .chat{height:var(--vvh,100dvh)!important;top:var(--vvt,0)!important;bottom:auto!important}
}

/* v30: imtahan sistemi (AYS Quiz Maker funksiyaları) */
.qt-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.qt-pick label{cursor:pointer}.qt-pick input{display:none}
.qt-pick span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;height:100%;box-sizing:border-box}
.qt-pick small{color:var(--muted);font-size:11.5px;line-height:1.3}
.qt-pick input:checked+span{border-color:var(--pri);background:var(--pri-soft)}
.qt-sec[hidden]{display:none}
.opt-row input[type=checkbox],.opt-row input[type=radio]{width:20px;height:20px;flex:none;accent-color:var(--ok)}
.opt-row [hidden]{display:none}
.tf-opt{flex:1;cursor:pointer}.tf-opt input{display:none}
.tf-opt span{display:block;text-align:center;padding:12px;border:1.5px solid var(--line);border-radius:12px;font-weight:700}
.tf-opt input:checked+span{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}
.q-img-prev{display:flex;align-items:center;gap:12px;margin-bottom:8px}.q-img-prev img{max-width:140px;max-height:90px;border-radius:10px;object-fit:cover}
.qrow{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.qrow-act{display:flex;gap:2px;flex-wrap:nowrap}.qrow-act form{margin:0}.qrow-act .btn{padding:6px 9px}
.qmeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.qt-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--pri-soft);color:var(--pri);white-space:nowrap}
.qt-cat{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--soft,#f1f5f9);color:var(--muted)}
.bulk-help{margin:0 0 10px;padding-left:18px;line-height:1.7}
.ex-set details{border:1px solid var(--line);border-radius:12px;padding:0 12px;margin-bottom:8px}
.ex-set details[open]{padding-bottom:10px}
.ex-set summary{cursor:pointer;font-weight:700;padding:11px 0;list-style:none}.ex-set summary::-webkit-details-marker{display:none}
.ex-set summary::after{content:'▾';float:right;opacity:.5}.ex-set details[open] summary::after{content:'▴'}
.ex-set .check{display:flex;gap:8px;align-items:flex-start;margin:6px 0;font-size:14px}
.ex-cover{height:170px;margin:-20px -20px 16px;border-radius:var(--r,16px) var(--r,16px) 0 0;background:center/cover no-repeat}
.ex-card-cover{height:110px;margin:-16px -16px 10px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background:center/cover no-repeat}
.ex-rate{display:flex;align-items:center;gap:6px;margin:-4px 0 8px}
.ex-cats{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.ex-cats span{font-size:12.5px;padding:4px 10px;border-radius:99px;background:var(--pri-soft);color:var(--pri);font-weight:600}
.ex-intro{background:var(--pri-soft);border-radius:12px;padding:12px 14px;margin:10px 0}
.ex-rules{padding-left:18px;line-height:1.7}
.ex-stat{display:flex;flex-wrap:wrap;gap:14px;padding-top:10px;border-top:1px solid var(--line)}
.ex-lb .lb-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px}
.ex-lb .lb-row.me{background:var(--pri-soft)}
.ex-lb .lb-n{width:26px;text-align:center;font-weight:800;color:var(--muted)}
.ex-lb .lb-p{min-width:46px;text-align:right;color:var(--pri)}
.countdown{display:flex;gap:6px;justify-content:center;margin-top:8px}.countdown span{display:flex;flex-direction:column;font-size:11px;color:var(--muted);background:var(--bg);border-radius:10px;padding:6px 8px;min-width:44px}.countdown b{font-size:18px;color:var(--ink)}
/* imtahan pəncərəsi */
.take-cnt{font-weight:700;font-size:14px;color:var(--muted);margin-right:8px}
.q-n{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.q-tip{font-size:11.5px;padding:2px 8px;border-radius:99px;background:#fef3c7;color:#92400e;font-weight:600}
.q-flag{margin-left:auto;border:0;background:none;font-size:18px;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:8px}
.q-card.flag .q-flag{color:#f59e0b;background:#fef3c7}
.q-img{display:block;max-width:100%;max-height:320px;border-radius:12px;margin:10px 0;cursor:zoom-in;object-fit:contain}
.q-img.zoom{max-height:none;cursor:zoom-out}
.q-tf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.q-sel,.q-inp{width:100%;box-sizing:border-box;padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:16px;background:var(--card);color:var(--ink)}
.q-sel:focus,.q-inp:focus{border-color:var(--pri);outline:0}
.q-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.q-foot:empty{display:none}
.q-hint{width:100%;padding:10px 12px;border-radius:10px;background:#fef9c3;color:#713f12;font-size:14px}
.q-qt{margin-left:auto;font-weight:700;font-size:14px;color:var(--pri)}.q-qt.warn{color:var(--err)}
.q-fb{margin-top:10px;padding:12px 14px;border-radius:12px;font-size:14.5px;line-height:1.5}
.q-fb.ok{background:var(--ok-soft);color:var(--ok)}.q-fb.bad{background:var(--err-soft);color:var(--err)}.q-fb.part{background:#fef3c7;color:#92400e}
.q-fb .q-key{color:var(--ink);margin-top:4px}.q-fb .q-ex,.q-ex{color:var(--ink);margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:14px}
.q-card.locked .q-opt{cursor:default}
.q-card.right{border-color:var(--ok)}.q-card.wrong{border-color:var(--err)}
.q-card.shake{animation:qshake .45s}
@keyframes qshake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.take-p1 .q-card{min-height:240px}
.take-nav{display:flex;justify-content:space-between;gap:10px;margin:6px 0 12px}.take-nav [hidden]{visibility:hidden;display:inline-flex}
.take-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.take-grid button{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-weight:700;cursor:pointer;color:var(--ink)}
.take-grid button.done{background:var(--pri-soft);border-color:var(--pri);color:var(--pri)}
.take-grid button.flag{box-shadow:inset 0 -3px 0 #f59e0b}
.take-grid button.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.take-grid button.lock{opacity:.55}
.take-grid.nojump button{pointer-events:none}
.take-end{margin:6px 0 40px}.take-end p{text-align:center}
.take-one .take-end:not(.last) [data-finish]{opacity:.85}
.take-strict .take{user-select:none;-webkit-user-select:none}
.take-warn{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:99;background:var(--err);color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:90vw;text-align:center}
.take-warn[hidden]{display:none}
/* nəticə */
.res-msg{margin-top:10px;padding:10px 14px;border-radius:12px;background:var(--pri-soft);font-weight:600}
.res-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.res-chips span{font-size:13px;padding:4px 10px;border-radius:99px;background:var(--bg);font-weight:600}
.res-chips .ok{color:var(--ok);background:var(--ok-soft)}.res-chips .bad{color:var(--err);background:var(--err-soft)}.res-chips .part{color:#92400e;background:#fef3c7}
.res-cats h3,.res-rate h3{margin-top:0}
.rc-row{display:flex;align-items:center;gap:10px;padding:6px 0}
.rc-bar{width:38%;height:9px;border-radius:9px;background:var(--bg);overflow:hidden}.rc-bar i{display:block;height:100%;border-radius:9px}
.rc-p{min-width:44px;text-align:right}
.star-pick{display:inline-flex;flex-direction:row-reverse;gap:2px;margin-bottom:8px}
.star-pick input{display:none}.star-pick label{font-size:32px;color:var(--line);cursor:pointer;line-height:1}
.star-pick input:checked~label,.star-pick label:hover,.star-pick label:hover~label{color:#f59e0b}
.res-rate textarea{width:100%;box-sizing:border-box;margin-bottom:8px}
.q-card.res-ok{border-left:4px solid var(--ok)}.q-card.res-bad{border-left:4px solid var(--err)}.q-card.res-part{border-left:4px solid #f59e0b}
.q-opt.res.mine{font-weight:600}.q-opt.res small{margin-left:auto}
.q-ansrow{padding:6px 0;font-size:15px}.q-ansrow span{color:var(--muted)}.q-ansrow .ok{color:var(--ok)}.q-ansrow .bad{color:var(--err)}
.qs-row{padding:12px 0;border-bottom:1px solid var(--line)}.qs-row:last-child{border-bottom:0}
.qs-h{display:flex;gap:8px;align-items:flex-start}
.qs-opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.qs-opts span{font-size:12.5px;padding:3px 9px;border-radius:99px;background:var(--bg)}.qs-opts .ok{background:var(--ok-soft);color:var(--ok)}
@media(max-width:600px){.rc-bar{width:30%}.ex-cover{height:130px}}
.result-hero .ring{position:relative;border:0;opacity:1;inset:auto}
@media(max-width:600px){.result-hero{flex-direction:column;align-items:stretch}.result-hero .ring{margin:0 auto}.result-hero h1{text-align:center}}
/* v31: imtahan media, variant şəkilləri, yeni sual tipləri, şəxsiyyət testi, esse */
.opt-row .opt-img{flex:none;width:42px;height:42px;border:1.5px dashed var(--line);border-radius:10px;display:grid;place-items:center;cursor:pointer;overflow:hidden;font-size:18px;opacity:.75}
.opt-row .opt-img:hover{border-color:var(--pri);opacity:1}
.opt-row .opt-img img{width:100%;height:100%;object-fit:cover}
.opt-row .opt-imgdel{flex:none;font-size:12px;color:var(--err);cursor:pointer;display:flex;align-items:center;gap:2px}
.opt-row .opt-imgdel input{width:14px;height:14px}
.opt-row .opt-kw{flex:none;width:58px;padding:8px 4px}
.opt-row [hidden]{display:none!important}
.m-row input{flex:1;min-width:0}.m-arrow{flex:none;color:var(--muted);font-weight:700}
.so-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--pri-soft);color:var(--pri);display:grid;place-items:center;font-weight:700;font-size:13px}
.q-info{border-left:4px solid var(--pri);background:color-mix(in srgb,var(--pri) 4%,var(--card))}
.q-video,.q-audio{display:block;width:100%;margin:10px 0;border-radius:12px;background:#000}
.q-audio{background:none}
.q-video{max-height:360px}
.q-yt{position:relative;padding-top:56.25%;margin:10px 0;border-radius:12px;overflow:hidden;background:#000}
.q-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.q-opts-img:not(.q-tf){display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.q-opts-img .q-opt{flex-wrap:wrap;margin:0;align-content:flex-start}
.q-opt .q-oimg{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;margin-bottom:4px;background:var(--bg)}
.q-oimg.sm{width:64px;height:48px;aspect-ratio:auto;margin:0;flex:none}
.q-opt.res{gap:10px}
.q-fill{line-height:2.4}
.q-blank{display:inline-block;width:9ch;min-width:5ch;max-width:100%;padding:4px 8px;margin:0 3px;border:0;border-bottom:2px solid var(--pri);background:var(--pri-soft);border-radius:6px 6px 0 0;font:inherit;font-weight:600;color:var(--ink);text-align:center}
.q-blank:focus{outline:0;background:color-mix(in srgb,var(--pri) 18%,var(--card))}
.q-match{display:flex;flex-direction:column;gap:8px}
.qm-row{display:grid;grid-template-columns:1fr auto 1.2fr;gap:8px;align-items:center}
.qm-l{padding:11px 12px;border-radius:12px;background:var(--bg);font-weight:600}
.qm-a{color:var(--muted);font-weight:700}
.qm-row .q-sel{padding:11px 12px}
@media(max-width:520px){.qm-row{grid-template-columns:1fr}.qm-a{display:none}.qm-l{padding:8px 12px}}
.q-sort{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;counter-reset:qs}
.qs-item{display:flex;align-items:center;gap:8px;padding:10px 10px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);counter-increment:qs;user-select:none;transition:transform .15s,box-shadow .15s}
.qs-item::before{content:counter(qs);width:24px;height:24px;border-radius:50%;background:var(--pri-soft);color:var(--pri);display:grid;place-items:center;font-weight:800;font-size:12.5px;flex:none}
.qs-item.drag{opacity:.6;border-color:var(--pri);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.qs-item.moved{border-color:var(--pri)}
.qs-grip{cursor:grab;color:var(--muted);font-size:18px;touch-action:none;padding:0 2px}
.qs-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--bg);cursor:pointer;color:var(--ink);font-weight:700}
.locked .qs-btn,.locked .qs-grip{opacity:.4;pointer-events:none}
.q-essay{min-height:140px;resize:vertical;line-height:1.5}
.q-cnt{text-align:right;margin-top:4px}
.q-date{max-width:240px}
.kw-hero .kw-big{width:110px;height:110px;border-radius:28px;display:grid;place-items:center;font-size:54px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--pri),#7c3aed);flex:none;margin:0 auto}
.kw-bars{margin-top:10px}.kw-bars .grow-bar{flex:1;width:auto}
.res-msg.res-wait{background:#fef3c7;color:#92400e}
.q-essay-ans{padding:12px 14px;border-radius:12px;background:var(--bg);white-space:normal;line-height:1.55}
.q-grade{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--pri-soft)}
.q-grade input{width:90px}
.q-card.res-wait{border-left:4px solid #f59e0b}
/* v32: səhifədə N sual, kateqoriya hovuzu cədvəli, sual filtri */
.pool-tbl{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.pool-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}
.pool-row input{width:76px;text-align:center}
.pool-sum{padding:9px 12px;background:var(--pri-soft);font-size:14px;text-align:right}
.q-filter{display:flex;gap:8px;margin:0 0 10px;flex-wrap:wrap}.q-filter input{flex:1;min-width:160px}.q-filter select{max-width:240px}
.qrow[hidden]{display:none}
.take-nav{align-items:center}.take-page-i{text-align:center}
/* v33: sayt daxili təsdiq pəncərəsi və ödəniş pop-up */
.pa-modal,.pay-pop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,0);transition:background .18s}
.pa-modal.in,.pay-pop.in{background:rgba(15,23,42,.5);backdrop-filter:blur(3px)}
.pa-mbox,.pp-box{width:100%;max-width:380px;background:var(--card);color:var(--ink);border-radius:22px;padding:24px 22px 18px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.25);transform:translateY(14px) scale(.96);opacity:0;transition:.2s}
.in .pa-mbox,.in .pp-box{transform:none;opacity:1}
.pa-mic{font-size:34px;line-height:1;margin-bottom:8px}
.pa-mbox h3{margin:0 0 6px;font-size:19px}.pa-mbox p{margin:0 0 18px;color:var(--muted);line-height:1.5;white-space:pre-line}
.pa-mbtn,.pp-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pa-mbtn .btn,.pp-btns .btn{justify-content:center;min-height:44px}
.pp-ic svg{width:74px;height:74px}
.pp-ic circle{fill:none;stroke:var(--ok);stroke-width:3;stroke-dasharray:160;stroke-dashoffset:160;animation:ppC .5s .1s forwards}
.pp-ic path{fill:none;stroke:var(--ok);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:ppC .35s .55s forwards}
.pp-box.in .pp-ic circle,.pp-box.in .pp-ic path{stroke:#16a34a}
.pp-box.out .pp-ic circle,.pp-box.out .pp-ic path{stroke:var(--pri)}
@keyframes ppC{to{stroke-dashoffset:0}}
.pp-box h3{margin:8px 0 4px;font-size:18px}
.pp-amt{font-size:32px;font-weight:900;letter-spacing:-.5px;margin:4px 0}
.pp-box.in .pp-amt{color:#16a34a}.pp-box.out .pp-amt{color:var(--ink)}
.pp-note{margin:0 0 8px;color:var(--muted);font-size:14px}
.pp-more{list-style:none;margin:0 0 8px;padding:8px 10px;border-radius:12px;background:var(--bg);font-size:13px;text-align:left}
.pp-bal{margin:6px 0 16px;padding:9px;border-radius:12px;background:var(--pri-soft);font-size:14px}
@media(max-width:979px){.ds-prev .frame.wide{height:600px}}
.ep-scale iframe{max-width:none}
/* v34: reklam izlə — qazan, sistem bildirişlərində loqo */
.site-badge{border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 1px var(--line)}
.ad-earn{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:12.5px}
.ad-views{color:var(--muted)}
.ad-earn-go{font-weight:700;color:#16a34a;background:#dcfce7;padding:4px 10px;border-radius:99px;text-decoration:none}
.earn-cta{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#bbf7d0}
.earn-cta .ec-ic{font-size:30px}.earn-cta small{display:block;color:var(--muted);margin-top:2px}
.earn-hero .earn-prog{height:8px;border-radius:8px;background:rgba(0,0,0,.08);overflow:hidden;margin-top:14px;max-width:420px}
.earn-hero .earn-prog i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:8px}
.earn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.earn-card{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.earn-card:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.earn-card.done{opacity:.6}
.ec-media{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--pri-soft),#f5f3ff);display:grid;place-items:center;font-size:40px}
.ec-media img{width:100%;height:100%;object-fit:cover}
.ec-play{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;font-style:normal;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px}
.ec-b{padding:12px 14px 14px}.ec-b b{display:block;margin-bottom:6px}
.ec-meta{display:flex;gap:12px;font-size:12.5px;color:var(--muted)}
.ec-rw{position:absolute;top:10px;right:10px;background:#16a34a;color:#fff;font-weight:800;font-size:13px;padding:5px 11px;border-radius:99px;box-shadow:0 4px 12px rgba(22,163,74,.35)}
.earn-card.done .ec-rw{background:#64748b;box-shadow:none}
.earn-view{max-width:720px;margin:10px auto 30px}
.ev-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ev-rw{font-weight:800;color:#16a34a;background:#dcfce7;padding:5px 12px;border-radius:99px}
.ev-media img,.earn-video{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:14px;background:#000}
.ev-media img{background:var(--bg)}
.ev-body{line-height:1.6;margin:12px 0}
.ev-bar{height:10px;border-radius:10px;background:var(--bg);overflow:hidden;margin:16px 0 12px}
.ev-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .25s linear}
.earn-view.paused .ev-bar i{background:#f59e0b}
.earn-view.ready [data-earn-btn]{background:#16a34a;border-color:#16a34a;animation:pulse 1.2s infinite}
.ev-msg{padding:12px;border-radius:12px;background:var(--bg);text-align:center;margin:0}.ev-msg.ok{background:#dcfce7;color:#166534}
.earn-fs{border:1px dashed var(--line);border-radius:12px;padding:10px 14px;margin:0 0 12px}.earn-fs legend{font-weight:700;padding:0 6px}
.earn-ph{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,var(--pri-soft),#f5f3ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px}.earn-ph span{font-size:46px}.earn-ph b{font-size:18px}