@import url('https://cdn.jsdelivr.net/npm/@fontsource/marck-script/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/manrope/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/manrope/600.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/manrope/800.css');

:root{
  --bg:#04060d; --bg2:#0b1a38; --navy:#0d2145; --navy2:#122a52;
  --gold:#e6c15c; --gold-l:#f7e6b0; --gold-d:#b8892f;
  --txt:#f4f6fb; --muted:#98a4bc; --line:rgba(230,193,92,.22);
  --card:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  --r:16px;
  --ui:'Manrope',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --call:'Marck Script','Manrope',cursive;
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  min-height:100vh; color:var(--txt); font:15px/1.45 var(--ui);
  background:
    radial-gradient(1100px 620px at 50% -12%, #16294f 0%, rgba(11,26,56,0) 62%),
    radial-gradient(760px 560px at 105% 108%, #2b1d4d 0%, rgba(43,29,77,0) 58%),
    linear-gradient(#04060d, #071129 46%, #04060d);
  background-attachment:fixed; padding-bottom:84px;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.55;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 18%, rgba(255,255,255,.75), transparent 60%),
    radial-gradient(1.2px 1.2px at 78% 9%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(1.6px 1.6px at 33% 62%, rgba(230,193,92,.65), transparent 60%),
    radial-gradient(1.1px 1.1px at 62% 34%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(1.3px 1.3px at 88% 71%, rgba(120,170,255,.6), transparent 60%),
    radial-gradient(1.2px 1.2px at 21% 87%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(1.5px 1.5px at 52% 91%, rgba(230,193,92,.45), transparent 60%);
}
a{color:inherit; text-decoration:none}
button,input,select,textarea{font:inherit; color:inherit}
.gold{background:linear-gradient(180deg,var(--gold-l),var(--gold) 52%,var(--gold-d)); -webkit-background-clip:text; background-clip:text; color:transparent}
.call{font-family:var(--call); font-weight:400; letter-spacing:.4px}
.call-xl{font-family:var(--call); font-size:30px; line-height:1.1}

/* ЗАСТАВКА — фото на 3 секунды, потом плавно растворяется */
#splash{position:fixed; inset:0; z-index:90; display:grid; place-items:center; overflow:hidden;
  background:#04060d; transition:opacity .8s ease, visibility .8s}
#splash.hide{opacity:0; visibility:hidden}
#splash .sp-img{position:absolute; inset:0; z-index:1; width:100%; height:100%; display:block;
  object-fit:contain; object-position:center}
#splash .sp-grad{position:absolute; left:0; right:0; bottom:0; height:38%; z-index:2; pointer-events:none;
  background:linear-gradient(180deg, rgba(4,6,13,0), rgba(4,6,13,.94))}
#splash svg.art{position:absolute; inset:0; z-index:0; width:100%; height:100%}
#splash .brand{position:relative; z-index:0; display:grid; place-items:center; gap:10px; text-align:center; padding:24px}
#splash .brand b{font-family:var(--call); font-size:40px; line-height:1.15}
#splash .brand span{color:var(--muted); font-size:12px; letter-spacing:.22em; text-transform:uppercase; font-family:var(--ui)}
#splash .bar{position:absolute; bottom:60px; z-index:3; width:132px; height:3px; border-radius:3px; background:rgba(255,255,255,.14); overflow:hidden}
#splash .bar i{display:block; height:100%; width:0; background:linear-gradient(90deg,var(--gold-d),var(--gold-l)); animation:load 3s linear forwards}
#splash .skip{position:absolute; bottom:22px; z-index:3; color:#8b96ac; font-size:12px}
@keyframes load{to{width:100%}}

/* ШАПКА */
header{position:sticky; top:0; z-index:20; padding:14px 14px 10px; backdrop-filter:blur(14px);
  background:linear-gradient(180deg, rgba(4,6,13,.94), rgba(4,6,13,.62)); border-bottom:1px solid var(--line)}
.brand{display:flex; align-items:center; gap:10px}
.brand-logo{flex:none; width:38px; height:38px; border-radius:50%; object-fit:cover;
  box-shadow:0 0 0 1px rgba(230,193,92,.55), 0 2px 10px rgba(230,193,92,.18); background:#0a0d16}
#splash .splash-logo{width:112px; height:112px; border-radius:50%; object-fit:cover; display:block;
  filter:drop-shadow(0 6px 26px rgba(230,193,92,.35)); animation:spLogo 2.6s ease-in-out infinite}
@keyframes spLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.brand .t{font-family:var(--call); font-size:25px; line-height:1}
.brand .s{font-size:10.5px; color:var(--muted); letter-spacing:.14em; text-transform:uppercase}
.brand .vip{margin-left:auto; font-size:10px; letter-spacing:.14em; padding:5px 9px; border:1px solid var(--line); border-radius:999px; color:var(--gold)}
.search{margin-top:12px; display:flex; align-items:center; gap:9px; padding:11px 13px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.04)}
.search input{flex:1; background:none; border:0; outline:none}
.search input::placeholder{color:#7b869c}
.cats{margin-top:11px; display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding-bottom:3px}
.cats::-webkit-scrollbar{display:none}
.chip{white-space:nowrap; padding:7px 13px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.03); color:#cfd6e6; font-size:13px}
.chip.on{background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); color:#231703; border-color:transparent; font-weight:700}
/* подменю: второй ряд под категориями */
.cats.subs{margin-top:7px; padding-top:7px; border-top:1px dashed rgba(230,193,92,.18)}
.cats.subs[style*="none"]{border-top:0}
.chip.sm{padding:5px 11px; font-size:12px; border-color:rgba(230,193,92,.16); background:rgba(230,193,92,.05)}
.chip.sm.on{background:rgba(230,193,92,.16); color:var(--gold); border-color:var(--gold)}
.chip.sm::before{content:"› "; opacity:.6}

/* третий уровень меню: подпункты подкатегории (Постинг → Кросспостинг …) */
#subcats3{margin-top:3px; padding-top:4px; border-top:0; padding-left:10px}
#subcats3 .chip.sm{padding:1px 7px; font-size:10px; border-color:rgba(230,193,92,.12); background:rgba(230,193,92,.03); opacity:.92}
#subcats3 .chip.sm.on{opacity:1}

/* СЕГМЕНТЫ */
#p-catalog{margin-top:-12px}
.segs{display:inline-flex; flex-wrap:nowrap; width:auto; max-width:100%; gap:3px; margin:2px 0 0; padding:2px;
  border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.03); overflow-x:auto; scrollbar-width:none}
.segs::-webkit-scrollbar{display:none}
.segs button{flex:0 0 auto; padding:4px 6px; border:0; border-radius:6px; background:none; color:var(--muted);
  font-size:10px; line-height:1.2; white-space:nowrap}
.segs button.on{background:rgba(230,193,92,.14); color:var(--gold); font-weight:700}

main{padding:14px 14px 10px; position:relative; z-index:1}
.grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media (min-width:560px){.grid{grid-template-columns:1fr 1fr 1fr}}
.card{position:relative; border:1px solid var(--line); border-radius:14px; background:var(--card); overflow:hidden; display:flex; flex-direction:column; text-align:left; cursor:pointer; transition:border-color .15s, transform .12s}
.card:active{transform:scale(.985); border-color:rgba(230,193,92,.45)}
.card .cat-line{font-size:10.5px; color:#8fd0a8; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.card .rate-line{display:flex; align-items:center; gap:5px; font-size:12px; color:var(--gold)}
.card .rate-line b{font-weight:700; font-size:12.5px}
.card .star-ico{display:inline-flex; color:var(--gold)}
.card .m-line{display:flex; align-items:center; gap:11px; font-size:11px; color:var(--muted)}
.card .mi{display:inline-flex; align-items:center; gap:4px; line-height:1}
.card .mi svg{opacity:.85}
.card .mi.liked{color:#ff6b8a}
.card .mi.liked svg{opacity:1}
.card .cover{position:relative; overflow:hidden; aspect-ratio:16/9; background:linear-gradient(135deg,#f9ecc0 0%,#f0d489 22%,#e0bd63 46%,#c79a3c 72%,#a87f26 100%); box-shadow:inset 0 0 34px rgba(90,62,10,.22); display:grid; place-items:center}
.card h3{margin:0; font-size:14.5px; font-weight:700; line-height:1.25; letter-spacing:.01em}
.card .body{padding:9px 10px 11px; display:flex; flex-direction:column; gap:6px; flex:1}
.card p{margin:0; font-size:12px; color:var(--muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.meta{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:11px; color:var(--muted)}
.tag{padding:3px 7px; border-radius:6px; border:1px solid var(--line); color:var(--gold); font-size:10.5px; letter-spacing:.04em}
.stars{color:var(--gold); font-size:12px}
.pin{position:absolute; top:8px; left:8px; z-index:3; display:inline-flex; align-items:center; gap:4px; padding:4px 9px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.3px; text-transform:uppercase; color:#231703; background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); box-shadow:0 4px 12px rgba(0,0,0,.45)}
.pin::before{content:"★"; font-size:9px; line-height:1}
/* своя заявка на модерации — нейтральная метка, чтобы не путать с «Оплачено» */
.pin.pend{color:#ffe4a8; background:linear-gradient(180deg,#4a3a12,#2f2509); outline:1px solid rgba(230,193,92,.55)}
.pin.pend::before{content:"…"; font-size:11px; letter-spacing:0}
.card.paid{outline:1.5px solid rgba(230,193,92,.55); box-shadow:0 0 0 1px rgba(230,193,92,.18), 0 10px 26px rgba(0,0,0,.35)}
.empty{margin:34px 8px; text-align:center; color:var(--muted)}
.empty b{display:block; color:var(--txt); font-size:16px; margin-bottom:6px}

/* КНОПКИ */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px 16px; border-radius:13px; border:1px solid var(--line); background:rgba(255,255,255,.04); cursor:pointer; color:var(--txt)}
.btn.gold{background:linear-gradient(180deg,var(--gold-l),var(--gold) 45%,var(--gold-d)); color:#241803; border-color:transparent; font-weight:800}
.btn.ghost{background:none}
.row{display:flex; gap:9px}

/* СТРАНИЦЫ */
.page{display:none}
.page.on{display:block}
.fullpage{display:none}
.fullpage.on{display:block}
.banner{margin:-14px -14px 14px; padding:26px 16px 20px; background:
  radial-gradient(600px 260px at 20% 0%, rgba(230,193,92,.22), transparent 70%),
  linear-gradient(135deg,#12244a,#0a1730 55%,#241a44); border-bottom:1px solid var(--line)}
.banner h2{margin:10px 0 6px; font-size:27px; line-height:1.15}
.sec{margin:16px 0 0; border:1px solid var(--line); border-radius:var(--r); background:var(--card); padding:13px}
.sec h4{margin:0 0 9px; font-size:19px; color:var(--gold); font-family:var(--call)}
/* скрытие через атрибут hidden не работало: класс .field перебивал display:none */
[hidden]{display:none !important}
.field{display:block; margin-bottom:10px}
.field span{display:block; font-size:12px; color:var(--muted); margin-bottom:5px}
.field input,.field select,.field textarea{width:100%; padding:11px 12px; border-radius:11px; border:1px solid var(--line); background:rgba(0,0,0,.35); outline:none}
.field textarea{min-height:78px; resize:vertical}
.list{display:flex; flex-direction:column; gap:9px}
.li{display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.03)}
.li .g{flex:1; min-width:0}
.li .g b{display:block; font-size:14px}
.li .g small{color:var(--muted)}
.li .ch{color:var(--muted); font-size:18px}
.hint{font-size:12px; color:var(--muted); margin:6px 0 0}
.badge{display:inline-block; padding:3px 8px; border-radius:999px; font-size:11px; border:1px solid var(--line); color:var(--gold)}

nav.bottom{position:fixed; left:0; right:0; bottom:0; z-index:30; display:flex; padding:8px 6px calc(8px + env(safe-area-inset-bottom)); gap:4px;
  background:rgba(4,6,13,.9); backdrop-filter:blur(14px); border-top:1px solid var(--line)}
nav.bottom button{flex:1; border:0; background:none; color:var(--muted); display:grid; place-items:center; gap:3px; font-size:11px; padding:5px 2px; border-radius:11px}
nav.bottom button.on{color:var(--gold); background:rgba(230,193,92,.10)}
nav.bottom svg{width:22px; height:22px}
.toast{position:fixed; left:50%; transform:translateX(-50%); bottom:96px; z-index:60; padding:11px 16px; border-radius:12px; border:1px solid var(--line); background:rgba(10,18,38,.96); color:var(--txt); font-size:13px; opacity:0; transition:.3s; pointer-events:none}
.toast.on{opacity:1}

/* ── ЛИСИЧКА · страница ИИ ── */
/* герой Лисички — фото целиком, аккуратный портрет по центру */
.ai-hero{display:grid; justify-items:center; text-align:center; padding:0; margin:8px 0 0}
.ai-ava-wrap{position:relative; width:62vw; max-width:300px; aspect-ratio:1 / 1; border-radius:18px;
  padding:0; overflow:hidden; background:#071129;
  box-shadow:0 0 0 1px rgba(230,193,92,.55), 0 10px 26px rgba(0,0,0,.45)}
.ai-ava{width:100%; height:100%; object-fit:cover; object-position:50% 50%; border-radius:0; display:block}
.ai-ava-wrap::after{display:none}
.ai-overlay{position:static; padding:11px 0 0; text-align:center}
.ai-name{display:block; font-size:26px; line-height:1.1; margin:0}
.ai-sub{margin:5px auto 0; max-width:300px; color:var(--muted); font-size:12.5px}
.kinds{display:flex; flex-wrap:wrap; gap:6px}
.kind{display:flex; align-items:center; justify-content:center; gap:8px; padding:15px 10px; border-radius:13px; border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(230,193,92,.10), rgba(255,255,255,.02)); color:var(--txt); font-weight:700; font-size:14px}
.kind svg{width:20px; height:20px; color:var(--gold)}
.chatlog{display:flex; flex-direction:column; gap:9px; max-height:44vh; overflow-y:auto; padding:2px 0 4px}
.msg{max-width:86%; padding:10px 13px; border-radius:14px; font-size:13.6px; line-height:1.42; word-break:break-word}
.msg.bot{align-self:flex-start; border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border-bottom-left-radius:5px}
.msg.bot{position:relative; padding-left:47px}
.msg.bot::before{content:''; position:absolute; left:11px; top:10px; width:26px; height:26px; border-radius:50%; background:url(images/lisichka-64.png?v=6) center/cover no-repeat #071129; box-shadow:0 0 0 1px rgba(230,193,92,.45), 0 0 12px rgba(230,193,92,.18)}
.msg.me{align-self:flex-end; border:1px solid rgba(230,193,92,.5); background:linear-gradient(180deg, rgba(230,193,92,.20), rgba(230,193,92,.10)); border-bottom-right-radius:5px}
.msg b{color:var(--gold)}
.msg .mini{margin:8px 0 0; display:flex; flex-direction:column; gap:6px}
.msg .mini .li{padding:8px 10px; background:rgba(0,0,0,.28)}
.msg .mini .li small{display:block; font-size:12px; line-height:1.45; opacity:.85; margin-top:2px}
.msg ul{margin:6px 0 2px 18px; padding:0}
.msg ul li{margin:3px 0; font-size:13px; line-height:1.45}
.msg.typing{opacity:.65; font-style:italic}
.quick{display:flex; gap:7px; flex-wrap:wrap; margin-top:10px}
.quick .chip{font-size:12px; padding:7px 11px}
.composer{display:none}
#p-ai.on .composer{display:flex; position:fixed; left:0; right:0; bottom:calc(70px + env(safe-area-inset-bottom,0px));
  z-index:34; gap:7px; align-items:center; padding:8px 12px;
  background:rgba(4,6,13,.95); backdrop-filter:blur(14px); border-top:1px solid var(--line); border-bottom:0}
.composer input{flex:1; min-width:0; padding:11px 14px; border-radius:999px; border:1px solid var(--line); background:rgba(0,0,0,.4); outline:none; font-size:14px}
.cbtn{flex:0 0 auto; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--gold)}
.cbtn svg{width:20px; height:20px}
.cbtn.send{background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); color:#241803; border-color:transparent}
#p-ai.on{padding-bottom:132px}
.kind-badge{display:inline-flex; align-items:center; gap:4px; padding:3px 7px; border-radius:6px; font-size:10.5px; border:1px solid rgba(230,193,92,.35); color:var(--gold-l)}

/* ── размещение: две колонки — Бесплатно | Топ / от 100 ₽ ── */
.place{display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:7px}
.pcol{display:grid; gap:3px; text-align:left; padding:12px 12px; border-radius:13px; border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); color:var(--txt)}
.pcol b{font-size:14.5px; font-weight:800}
.pcol small{color:var(--muted); font-size:11.5px; line-height:1.3}
.pcol.on{border-color:rgba(230,193,92,.75); background:linear-gradient(180deg, rgba(230,193,92,.20), rgba(230,193,92,.07)); box-shadow:0 0 0 1px rgba(230,193,92,.22) inset}
.pcol.on b{color:var(--gold-l)}
.tag.top{border-color:rgba(230,193,92,.6); color:var(--gold-l); background:rgba(230,193,92,.10)}

/* ── МЕДИА КАРТОЧКИ: логотип и короткое видео ── */
.field input[type=file]{padding:9px 10px; font-size:13px; background:rgba(230,193,92,.06); border-style:dashed}
.field input[type=file]::file-selector-button{
  margin-right:10px; padding:8px 12px; border:0; border-radius:9px; cursor:pointer;
  background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); color:#241803; font-weight:700; font-size:13px}
.f-prev{display:block; width:100%; max-height:190px; margin-top:9px; border-radius:12px; border:1px solid var(--line);
  background:#050a16; object-fit:contain}

.card .thumb{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block}
.card .cover .ph{font-family:var(--call); font-size:38px; color:rgba(74,50,6,.62)}
.card p{margin-top:1px}
/* МЕТКИ КАРТОЧКИ — под картинкой: мелкий шрифт, тонкая золотая обводка (в 2 раза уже прежней) */
.card .badges{display:flex; flex-wrap:wrap; align-items:center; gap:4px; margin:-1px 0 1px}
.card .bd{display:inline-flex; align-items:center; gap:3px; padding:0 5px; border-radius:999px; line-height:1.55;
  font-size:8px; font-weight:800; letter-spacing:.2px; text-transform:uppercase; white-space:nowrap;
  color:var(--gold-l); background:rgba(230,193,92,.09);
  border:0; box-shadow:inset 0 0 0 .5px rgba(230,193,92,.5)}   /* обводка-волосок: вдвое тоньше прежней 1px */
.card .bd.paid{color:#241803; background:linear-gradient(180deg,var(--gold-l),var(--gold-d));
  box-shadow:inset 0 0 0 .5px rgba(255,242,200,.5)}
.card .bd.pend{text-transform:none; color:#ffe4a8; background:rgba(58,45,14,.92); border-color:rgba(230,193,92,.4)}
.card .bd.vid{color:var(--gold)}
.card .vbadge{position:absolute; right:6px; bottom:6px; padding:2px 7px; border-radius:999px; font-size:10px; font-weight:700;
  color:#241803; background:linear-gradient(180deg,var(--gold-l),var(--gold-d))}
.it-logo{display:block; width:100%; max-height:260px; object-fit:contain; border-radius:12px; border:1px solid var(--line); background:#050a16}
.it-video{display:block; width:100%; margin-top:10px; border-radius:12px; border:1px solid var(--line); background:#000}

/* ══════════ АДМИНКА: сводка, вкладки, карточки модерации ══════════ */
.adm-top{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:14px 0 0}
.adm-s{border:1px solid var(--line); border-radius:13px; background:var(--card); padding:10px 6px; text-align:center}
.adm-s b{display:block; font-family:var(--call); font-size:23px; line-height:1.05; color:var(--gold)}
.adm-s small{display:block; font-size:11px; color:var(--muted); margin-top:2px}
.adm-s i{display:block; font-style:normal; font-size:10px; color:rgba(152,164,188,.7); margin-top:1px}
.adm-tabs{display:flex; gap:5px; margin:12px 0 0; padding:4px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.03); overflow-x:auto}
.adm-tabs button{flex:1 0 auto; padding:8px 9px; border:0; border-radius:9px; background:none; color:var(--muted); font-size:12.5px; white-space:nowrap}
.adm-tabs button i{font-style:normal; opacity:.75; font-size:11px}
.adm-tabs button.on{background:rgba(230,193,92,.14); color:var(--gold); font-weight:700}

/* карточка заявки: слева логотип и текст, справа столбик кнопок */
.adm-c{display:flex; align-items:flex-start; gap:9px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.03); padding:10px}
.adm-r{display:flex; align-items:flex-start; gap:9px; flex:1; min-width:0}
.adm-th{width:42px; height:42px; flex:0 0 42px; border-radius:10px; object-fit:contain; border:1px solid rgba(230,193,92,.2); background:#0b1a38}
.adm-th.ph{display:flex; align-items:center; justify-content:center; font-family:var(--call); font-size:20px; color:var(--gold)}
.adm-c .g{flex:1; min-width:0}
.adm-c .g b{display:block; font-size:14px; line-height:1.22; word-break:break-word}
.adm-st-line{font-size:11px; color:var(--muted); margin-top:2px}
.adm-tags{display:flex; flex-wrap:wrap; gap:4px; margin-top:4px}
.adm-tag{display:inline-block; padding:1px 7px; border-radius:999px; font-size:10px; border:1px solid rgba(230,193,92,.22); color:#cfd6e6; background:rgba(230,193,92,.05); white-space:nowrap}
.adm-url{display:block; font-size:11px; color:rgba(152,164,188,.8); margin-top:4px; word-break:break-all; overflow:hidden; text-overflow:ellipsis; max-height:15px}
.adm-meta{display:block; font-size:10.5px; color:rgba(152,164,188,.7); margin-top:2px}
.adm-acts{display:flex; flex-direction:column; gap:5px; flex:0 0 auto}
.abtn{min-width:88px; padding:6px 9px; border-radius:9px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--txt); font-size:11.5px; line-height:1.1; text-align:center; cursor:pointer}
.abtn:active{transform:scale(.97)}
.abtn.gold{background:linear-gradient(180deg,var(--gold-l),var(--gold) 55%,var(--gold-d)); color:#241803; border-color:transparent; font-weight:700}
.abtn.del{color:#ff9a9a; border-color:rgba(255,120,120,.28)}
.st{display:inline-block; padding:2px 7px; border-radius:999px; font-size:10.5px; border:1px solid var(--line); margin-right:5px}
.st-pending{color:#ffd479; border-color:rgba(255,212,121,.4); background:rgba(255,212,121,.1)}
.st-published{color:#7ee0a2; border-color:rgba(126,224,162,.35); background:rgba(126,224,162,.09)}
.st-hidden{color:#9fb3d1; border-color:rgba(159,179,209,.35); background:rgba(159,179,209,.09)}
.st-rejected{color:#ff9a9a; border-color:rgba(255,154,154,.35); background:rgba(255,154,154,.09)}

/* на служебных экранах (админка, карточка, подраздел) поиск и категории не нужны */
body.adm-mode header .search,
body.adm-mode header .cats{display:none}
body:not(.cat-page) header .search,
body:not(.cat-page) header .cats,
body:not(.cat-page) header .cats.subs{display:none !important}

/* ── ЭКРАН КАРТОЧКИ В ФОРМАТЕ MASTCONNECT ── */
#p-item{padding:0 14px 20px}
.it-top{position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 -14px 10px; padding:10px 14px; background:rgba(4,6,13,.82); backdrop-filter:blur(12px); border-bottom:1px solid rgba(230,193,92,.14)}
.it-brand{font-size:14px; font-weight:700; letter-spacing:.2px; color:var(--muted)}
.it-ico{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.05); color:var(--txt); cursor:pointer}
.it-ico svg{width:18px; height:18px}
.it-menu{position:absolute; top:52px; right:14px; display:none; flex-direction:column; min-width:172px; padding:6px; border-radius:14px; border:1px solid var(--line); background:#0a1226; box-shadow:0 18px 40px rgba(0,0,0,.6); z-index:30}
.it-menu.on{display:flex}
.it-menu button{padding:11px 12px; text-align:left; border:0; border-radius:10px; background:transparent; color:var(--txt); cursor:pointer; font-size:14px}
.it-menu button:active{background:rgba(255,255,255,.07)}

.it-hero{position:relative; margin:0 -14px 0; border-radius:0 0 20px 20px; overflow:hidden; aspect-ratio:16/9; background:linear-gradient(135deg,#f9ecc0 0%,#f0d489 22%,#e0bd63 46%,#c79a3c 72%,#a87f26 100%); box-shadow:inset 0 0 60px rgba(90,62,10,.2)}
.it-hero img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block}
.it-hero .ph-big{display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:64px; font-weight:800; color:rgba(74,50,6,.6)}
.it-shots{display:none; gap:8px; margin-top:10px; overflow-x:auto; padding-bottom:2px}
.it-shots.on{display:flex}
.it-shots img{width:78px; height:78px; border-radius:12px; object-fit:contain; border:1px solid var(--line); flex:0 0 auto}

.it-head{margin:14px 2px 0}
.it-head h2{margin:0; font-size:23px; line-height:1.2}
.it-cat{margin-top:6px; display:flex; flex-wrap:wrap; align-items:center; gap:7px; font-size:12.5px; color:#7fe3b0}
.it-cat .ct{color:var(--muted)}
.it-cat .rate{color:var(--gold); display:inline-flex; align-items:center; gap:4px}

.it-short{margin:11px 2px 0; font-size:14px; color:#d8dfec; line-height:1.5}
.it-short.clamp{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.it-toggle{margin:7px 2px 0; padding:0; border:0; background:none; color:#7fb0ff; font-size:13.5px; font-weight:600; cursor:pointer}

.it-stats{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px}
.it-stats .st{display:flex; flex-direction:column; align-items:center; gap:4px; padding:11px 6px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.04)}
.it-stats .st b{font-size:21px; line-height:1; font-weight:800; color:#fff}
.it-stats .st span{font-size:11.5px; color:var(--muted)}
.it-stats .st .ic{width:16px; height:16px; opacity:.95}
.it-stats .st .ic svg{width:16px; height:16px}

.it-cta{display:flex; gap:9px; margin-top:14px}
.it-open-btn{flex:1; display:flex; align-items:center; justify-content:center; padding:15px; border-radius:15px; font-weight:800; font-size:16px; color:#06140f; background:linear-gradient(100deg,#31d0a0,#6f8cff 55%,#8b5cf6); box-shadow:0 10px 26px rgba(80,120,255,.28)}
.it-plus{width:54px; border-radius:15px; border:0; font-size:24px; font-weight:800; color:#06140f; background:linear-gradient(100deg,#31d0a0,#8b5cf6); cursor:pointer}
.it-actions{display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:9px}
.it-act{padding:13px; border-radius:14px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:var(--txt); font-size:14px; cursor:pointer}

.it-about{margin-top:16px; padding:13px; border:1px solid var(--line); border-radius:var(--r); background:var(--card)}
.it-about h4{margin:0 0 3px; font-size:19px; color:var(--gold); font-family:var(--call)}
.it-about .it-sub{font-size:12px; color:var(--muted); margin-bottom:8px}
.it-full{font-size:14px; line-height:1.55; color:#e6ebf5}
.it-full.clamp{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
.it-full-more{margin:8px 2px 0; padding:0; border:0; background:none; color:#7fb0ff; font-size:13.5px; font-weight:600; cursor:pointer}
@media (min-width:640px){
  .it-hero{max-height:400px; aspect-ratio:auto; height:400px; border-radius:18px; margin:0 0 4px}
  #p-item{padding:0 20px 24px}
  .it-hero img{object-fit:contain}
  .it-short.clamp{-webkit-line-clamp:2}
}

/* ── звёзды оценки: 5 отдельных кнопок ── */
#it-stars.stars5{display:flex; gap:8px; font-size:0; margin:2px 0 4px}
#it-stars.stars5 .st{
  padding:0; border:0; background:none; cursor:pointer; line-height:1;
  font-size:31px; color:rgba(255,255,255,.22); transition:transform .12s, color .12s;
}
#it-stars.stars5 .st.on{color:var(--gold); text-shadow:0 0 14px rgba(230,193,92,.45)}
#it-stars.stars5 .st:active{transform:scale(.9)}

/* ── стрелка «открыть» в каждой карточке ── */
.cat-row{display:flex; align-items:center; justify-content:space-between; gap:8px}
.chev{flex:0 0 auto; font-size:22px; line-height:1; color:var(--gold); opacity:.65; transform:translateY(-1px)}
.card:active .chev{opacity:1}

/* на экране карточки прячем шапку каталога и нижнее меню — свой заголовок со стрелкой */
body.item-open header,
body.item-open .bottom{display:none}
body.item-open{padding-bottom:20px}

/* кнопка «Копировать» у реквизитов */
.li .cp{flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; margin-left:10px;
  padding:7px 11px; border-radius:10px; border:1px solid rgba(230,193,92,.38);
  background:rgba(230,193,92,.10); color:var(--gold); font-size:12.5px; font-weight:600;
  cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background .15s, transform .1s}
.li .cp:active{background:rgba(230,193,92,.22); transform:scale(.97)}
.li .cp svg{flex:0 0 auto}
@media (max-width:380px){ .li .cp span{display:none} .li .cp{padding:8px} }

/* ── профиль: аватар, имя, звание ── */
.pf-head{display:flex; flex-direction:column; align-items:center; text-align:center; padding:16px 14px 18px;
  border-radius:18px; background:radial-gradient(120% 100% at 50% 0%, rgba(230,193,92,.12), rgba(255,255,255,.02) 60%);
  border:1px solid rgba(230,193,92,.18); margin:0 0 12px}
.pf-ava{position:relative; width:88px; height:88px; padding:0; border-radius:50%; border:2px solid rgba(230,193,92,.65);
  background:linear-gradient(145deg,#3a2b0e,#0d1420); cursor:pointer; overflow:visible; flex:0 0 auto;
  box-shadow:0 8px 24px rgba(0,0,0,.45), 0 0 0 5px rgba(230,193,92,.07); -webkit-tap-highlight-color:transparent}
.pf-ava img{width:100%; height:100%; border-radius:50%; object-fit:cover; display:block}
.pf-ini{display:flex; width:100%; height:100%; align-items:center; justify-content:center; border-radius:50%;
  font-family:Georgia,'Playfair Display',serif; font-size:36px; font-weight:700;
  background:linear-gradient(150deg,#f7e6b0,#c79a35 60%,#8a6420); -webkit-background-clip:text; background-clip:text; color:transparent}
.pf-cam{position:absolute; right:-2px; bottom:-2px; width:28px; height:28px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#1a1408;
  background:linear-gradient(150deg,#f7e6b0,#c79a35); border:2px solid #0b1018}
.pf-nick{margin-top:11px; font-size:23px; font-weight:700; letter-spacing:.2px; display:inline-flex; align-items:center; gap:7px; cursor:pointer}
.pf-pen{color:var(--gold); opacity:.6}
.pf-rankline{margin-top:5px; font-size:13px; color:var(--muted)}
.pf-rank{color:var(--gold); font-weight:700}
.pf-idline{margin-top:7px; font-size:12px; color:var(--muted)}
/* иконки у пунктов меню профиля */
.li .ic{flex:0 0 auto; width:30px; height:30px; margin-right:10px; border-radius:9px; display:flex; align-items:center; justify-content:center;
  background:rgba(230,193,92,.10); border:1px solid rgba(230,193,92,.18); color:var(--gold)}
.li .ic svg{width:16px; height:16px}

/* экран «Добавить сервис» — как отдельный экран: шапка и нижнее меню скрыты */
body.add-open header,
body.add-open .bottom{display:none}
body.add-open{padding-bottom:24px}
#p-add .banner{position:sticky; top:0; z-index:5}

/* тип карточки: Бот / Канал / Мини-апп / Сайт */
.card .kbadge{position:absolute; top:6px; right:6px; z-index:3; padding:2px 7px; border-radius:999px; font-size:10px; font-weight:800;
  letter-spacing:.02em; color:#241803; background:linear-gradient(180deg,var(--gold-l),var(--gold-d)); box-shadow:0 2px 8px rgba(0,0,0,.4)}
.it-cat .ktag{display:inline-block; margin-right:6px; padding:2px 8px; border-radius:999px; font-size:10.5px; font-weight:800;
  letter-spacing:.03em; color:#241803; background:linear-gradient(180deg,var(--gold-l),var(--gold-d))}

/* ── КНОПКА «МЕНЮ» В ШАПКЕ ── */
.menu-btn{margin-left:auto; display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px;
  border:1px solid rgba(230,193,92,.5); background:linear-gradient(180deg,rgba(230,193,92,.16),rgba(230,193,92,.06));
  color:var(--gold); font:inherit; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; cursor:pointer}
.menu-btn:active{transform:scale(.97)}
.menu-btn svg{flex:none}

/* ── СТРАНИЦА «МЕНЮ» ── */
.mcols{display:grid; grid-template-columns:1fr; gap:12px; margin-top:12px}
@media (min-width:520px){.mcols{grid-template-columns:1fr 1fr}}
@media (min-width:860px){.mcols{grid-template-columns:repeat(4,1fr)}}
.mcol{border:1px solid var(--line); border-radius:14px; background:var(--card); padding:12px 12px 8px}
.mhead{display:flex; flex-direction:column; gap:2px; padding-bottom:9px; margin-bottom:6px; border-bottom:1px dashed rgba(230,193,92,.22)}
.mhead b{font-family:var(--call); font-size:19px; line-height:1.1}
.mhead span{font-size:10.5px; color:var(--muted); letter-spacing:.05em}
.mitem{display:flex; align-items:center; gap:9px; width:100%; padding:9px 8px; margin:2px 0; border:0; border-radius:10px;
  background:transparent; color:var(--txt); font:inherit; text-align:left; cursor:pointer}
.mitem:active{background:rgba(230,193,92,.1)}
.mitem .mic{display:inline-flex; flex:none; width:24px; height:24px; border-radius:8px; align-items:center; justify-content:center;
  color:var(--gold); background:rgba(230,193,92,.1)}
.mitem .mic svg{width:15px; height:15px}
.mitem .mt{flex:1; font-size:13.5px; font-weight:600; line-height:1.25}
.mitem .mn{flex:none; min-width:24px; text-align:center; font-size:11px; font-weight:800; color:#241803;
  padding:2px 6px; border-radius:999px; background:linear-gradient(180deg,var(--gold-l),var(--gold-d))}
.mitem.off .mt{color:var(--muted); font-weight:500}
.mitem.off .mn{color:var(--muted); background:rgba(255,255,255,.06)}

/* ── ПЛАШКА АКТИВНОГО РАЗДЕЛА ── */
.fbar{display:flex; align-items:center; gap:10px; margin:10px 2px 0; padding:8px 10px; border-radius:12px;
  border:1px solid rgba(230,193,92,.4); background:rgba(230,193,92,.08)}
.fbar .fb-t{flex:1; font-size:12.5px; font-weight:700; color:var(--gold); letter-spacing:.03em}
.fbar .fb-x{border:1px solid rgba(230,193,92,.45); background:transparent; color:var(--gold); font:inherit;
  font-size:11.5px; font-weight:700; padding:5px 10px; border-radius:999px; cursor:pointer}

/* тонкая строка-шапка на странице Лисички: назад + название + подпись в одну линию */
#p-ai .banner.svc-strip{margin:-14px -14px 10px; padding:5px 10px; display:flex; align-items:center; gap:7px;
  flex-wrap:nowrap; overflow:hidden; border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,#12244a,#0a1730 55%,#241a44)}
#p-ai .strip-back{width:auto; flex:none; padding:2px 7px; font-size:10.5px; line-height:1.2; border-radius:999px}
#p-ai .strip-title{flex:none; font-size:13px; line-height:1.15; white-space:nowrap; letter-spacing:.2px}
#p-ai .strip-sub{min-width:0; font-size:10px; line-height:1.2; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
@media (max-width:420px){ #p-ai .strip-title{font-size:12px} #p-ai .strip-sub{font-size:9.5px} }

/* хештеги в карточке сервиса */
.it-cat .it-tags{flex-basis:100%; display:flex; flex-wrap:wrap; gap:6px; margin-top:8px}
.it-cat .it-tags span{padding:3px 9px; border-radius:999px; font-size:11px; font-weight:700;
  color:var(--gold, #e9c46a); background:rgba(233,196,106,.10); border:1px solid rgba(233,196,106,.28)}

/* каталог: меню и подменю компактнее вдвое и выше */
header{padding:9px 14px 6px}
header .search{margin-top:6px; padding:7px 12px}
header .cats{margin-top:4px; padding-bottom:0; gap:5px}
header .cats .chip{padding:2px 9px; font-size:11px; line-height:1.35}
header .cats.subs{margin-top:3px; padding-top:3px}
header .cats.subs .chip.sm{padding:1px 7px; font-size:10px; line-height:1.35}

/* ── ЛИСИЧКА: фото прямоугольником на всю ширину экрана (по просьбе) ── */
#p-ai .ai-hero{margin-top:8px}
#p-ai .ai-ava-wrap{justify-self:stretch; width:auto; max-width:none; margin:0 -14px;
  aspect-ratio:1280 / 688; border-radius:0;
  box-shadow:inset 0 1px 0 rgba(230,193,92,.45), inset 0 -1px 0 rgba(230,193,92,.35), 0 12px 26px rgba(0,0,0,.5)}
#p-ai .ai-ava{object-position:50% 50%}

/* ── ЛИСИЧКА: анимация (гиф) вместо статичного фото ── */
#p-ai .ai-ava-wrap{position:relative}
#p-ai video.ai-anim{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%;
  display:block; background:#071129; pointer-events:none}
#p-ai #ai-fb{position:absolute; inset:0}

/* ── микрофон Лисички: состояние записи ── */
#lisi-mic.rec{color:#ff6b6b; border-color:rgba(255,107,107,.65); background:rgba(255,107,107,.12);
  animation:micPulse 1.1s ease-in-out infinite}
#lisi-mic.rec svg{transform:scale(1.06)}
@keyframes micPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,107,107,.45)}
  50%{box-shadow:0 0 0 7px rgba(255,107,107,0)}
}

/* ── карточка «нужен доступ к микрофону» ── */
.perm-ovl{position:fixed; inset:0; z-index:90; display:flex; align-items:flex-end; justify-content:center;
  background:rgba(3,7,16,.74); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  opacity:0; pointer-events:none; transition:opacity .25s}
.perm-ovl.on{opacity:1; pointer-events:auto}
.perm-card{width:100%; max-width:440px; margin:0 12px 18px; padding:18px 16px 14px; border-radius:18px;
  background:linear-gradient(180deg,#0c1c36,#081124); border:1px solid rgba(230,193,92,.38);
  box-shadow:0 18px 44px rgba(0,0,0,.55)}
.perm-card h3{margin:0 0 8px; font-size:17px; line-height:1.25}
.perm-card p{margin:0; font-size:13.5px; line-height:1.5; color:var(--dim,#a9b6cc)}
.perm-card .perm-actions{display:grid; gap:8px; margin-top:14px}
.perm-card .btn{margin:0}

/* диагностика микрофона (долгое нажатие на микрофон) */
.micdiag{position:fixed; inset:0; z-index:95; display:flex; align-items:center; justify-content:center;
  background:rgba(3,7,16,.82); opacity:0; pointer-events:none; transition:opacity .2s; padding:14px}
.micdiag.on{opacity:1; pointer-events:auto}
.micdiag-card{width:100%; max-width:440px; padding:16px 14px 12px; border-radius:16px;
  background:linear-gradient(180deg,#0c1c36,#081124); border:1px solid rgba(230,193,92,.35)}
.micdiag-card h3{margin:0 0 10px; font-size:16px}
.micdiag-card pre{margin:0; font-size:11.5px; line-height:1.5; color:#cfe0ff; white-space:pre-wrap; word-break:break-word;
  max-height:46vh; overflow:auto}
.micdiag-card .perm-actions{display:grid; gap:8px; margin-top:12px}

/* ── нижняя панель: тонкая (было ~68 px, стало ~29 px) ── */
nav.bottom{padding:2px 5px calc(2px + env(safe-area-inset-bottom)); gap:3px}
nav.bottom button{padding:1px 4px; gap:1px; font-size:8.5px; line-height:1.1; border-radius:8px; letter-spacing:.1px}
nav.bottom button.on{background:rgba(230,193,92,.14)}
nav.bottom svg{width:15px; height:15px}
body{padding-bottom:36px}
.toast{bottom:48px}
#p-ai.on .composer{bottom:calc(34px + env(safe-area-inset-bottom,0px)); padding:6px 10px}
#p-ai.on .composer input{padding:9px 13px; font-size:13.5px}
#p-ai.on .cbtn{width:36px; height:36px}
#p-ai.on .cbtn svg{width:18px; height:18px}
#p-ai.on{padding-bottom:100px}

/* ── типы сервиса (Канал, Бот, Чат, Сайт, Мини-апп): компактной строкой, втрое ниже ── */
.kinds .kind{flex:0 0 auto; padding:4px 10px; gap:5px; border-radius:999px; font-size:11px; font-weight:600}
.kinds .kind svg{width:13px; height:13px}

/* кнопка «прислать фото из галереи» в чате Лисички */
.cbtn.att{color:#e9d9a6}
#p-ai.on .composer{gap:6px}
@media (max-width:390px){ #p-ai.on .composer{padding:6px 8px; gap:5px} #p-ai.on .cbtn{width:33px; height:33px} #p-ai.on .cbtn svg{width:17px; height:17px} }
.chat-photo{display:block; width:100%; max-width:190px; border-radius:12px; border:1px solid var(--line); margin:6px 0 4px}

/* шапка в 2 раза ниже: строка «Каталог Сервисов» была ~56 px, стала ~29 px — на всех страницах */
header{padding:2px 12px 2px}
header .brand{gap:6px}
header .brand-logo{width:20px; height:20px; box-shadow:0 0 0 1px rgba(230,193,92,.5)}
header .brand .t{font-size:13px; line-height:1.15; letter-spacing:.01em}
header .brand .s{font-size:7px; line-height:1.25; letter-spacing:.1em}
header .brand .vip{margin-left:auto; font-size:8px; padding:2px 6px; letter-spacing:.1em}
header .menu-btn{padding:3px 8px; gap:4px; font-size:9.5px; letter-spacing:.06em}
header .menu-btn svg{width:11px; height:11px}

/* ══ СТРАНИЦА «СТАТИСТИКА КАНАЛОВ» ══ */
.st-in{display:flex; gap:8px; margin-top:10px}
.st-in input{flex:1; min-width:0; padding:11px 13px; border-radius:12px; border:1px solid var(--line);
  background:rgba(255,255,255,.04); color:var(--txt); font-size:13px}
.st-in input:focus{outline:none; border-color:rgba(230,193,92,.55)}
.st-go{width:auto; padding:0 16px; font-size:13px; margin:0}
.st-per{display:flex; gap:6px; margin-top:9px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none}
.st-per::-webkit-scrollbar{display:none}
.st-head{display:flex; gap:11px; align-items:center; margin-top:14px; padding:12px; border-radius:16px;
  border:1px solid rgba(230,193,92,.22); background:linear-gradient(160deg,rgba(230,193,92,.10),rgba(255,255,255,.02))}
.st-ava{width:46px; height:46px; border-radius:13px; object-fit:cover; background:rgba(255,255,255,.06); flex:0 0 46px}
.st-head b{display:block; font-size:14px; line-height:1.25}
.st-head small{display:block; color:var(--muted); font-size:10.5px; margin-top:2px; text-transform:uppercase; letter-spacing:.4px}
.st-kpi{display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:9px}
.st-k{ padding:9px 8px; border-radius:13px; border:1px solid var(--line); background:rgba(255,255,255,.03); text-align:center}
.st-k b{display:block; font-size:15px; color:var(--gold); letter-spacing:.2px}
.st-k small{display:block; color:var(--muted); font-size:9.5px; margin-top:2px; text-transform:uppercase; letter-spacing:.3px}
.st-card{margin-top:10px; padding:12px; border-radius:16px; border:1px solid var(--line); background:rgba(255,255,255,.025)}
.st-card h5{margin:0 0 3px; font-size:12.5px; font-weight:700}
.st-card p.hint{margin:0 0 8px; font-size:10.5px}
.st-chart{width:100%; display:block}
.st-note{font-size:10.5px; color:var(--muted); margin-top:7px; line-height:1.45}
.st-list{display:flex; flex-direction:column; gap:6px; margin-top:9px}
.st-li{display:flex; gap:9px; align-items:center; padding:8px 10px; border-radius:12px;
  border:1px solid var(--line); background:rgba(255,255,255,.03); cursor:pointer}
.st-li img{width:26px; height:26px; border-radius:8px; object-fit:cover; flex:0 0 26px}
.st-li b{flex:1; font-size:12px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.st-li span{font-size:10.5px; color:var(--muted)}
.st-err{padding:11px 12px; border-radius:13px; border:1px solid rgba(255,120,120,.35);
  background:rgba(255,90,90,.08); color:#ffb3b3; font-size:12px; margin-top:10px; line-height:1.45}

/* ══════════ PRO: аналитика каналов ══════════ */
.pro-chip{display:inline-block; margin-left:5px; padding:0 5px; border-radius:999px; font-size:7.5px; font-weight:800;
  letter-spacing:.3px; vertical-align:2px; color:#241803; background:linear-gradient(180deg,var(--gold-l),var(--gold-d))}
.chip.lock{opacity:.62}
.st-cols{display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:8px 0 2px}
.pro-card{border-color:rgba(230,193,92,.45); background:linear-gradient(180deg,rgba(230,193,92,.09),rgba(230,193,92,.025))}
.pro-card h5{color:var(--gold-l)}
.pro-plans{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:9px}
.pro-plan{padding:8px 5px; border-radius:12px; border:1px solid var(--line); background:rgba(255,255,255,.03);
  color:var(--text); font:inherit; text-align:center; cursor:pointer}
.pro-plan b{display:block; font-size:11px; font-weight:700; line-height:1.2}
.pro-plan small{display:block; font-size:9px; color:var(--muted); margin-top:2px}
.pro-plan.on{border-color:rgba(230,193,92,.75); background:rgba(230,193,92,.14)}
.pro-plan.on small{color:var(--gold-l)}

/* паспорт для рекламы (PRO): строки «подпись — значение» */
.ps-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.ps-row:last-of-type{border-bottom:0}
.ps-row span{opacity:.72}
.ps-row b{font-variant-numeric:tabular-nums;white-space:nowrap}

/* закуп рекламы: дата + сумма */
.ps-mark{display:flex;gap:6px;margin-top:10px;align-items:stretch}
.ps-mark input{min-width:0;flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:inherit;border-radius:10px;padding:9px 10px;font-size:13px;font-family:inherit}
.ps-mark input[type=date]{flex:0 0 42%}
.ps-mark .btn{flex:0 0 auto;width:auto;padding:9px 13px;white-space:nowrap}
.ps-list{margin-top:8px;border-top:1px solid rgba(255,255,255,.07);padding-top:6px}
.ps-buy{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;padding:4px 0;opacity:.9}
.ps-buy i{font-style:normal;opacity:.55;cursor:pointer;padding:0 4px}
.ps-buy em{font-style:normal;opacity:.45;font-size:11.5px}
.st-sort{display:flex;gap:6px;margin:8px 0 4px;flex-wrap:wrap}

/* ── балл канала ── */
.st-score .sc-top{display:flex;align-items:center;gap:12px;margin:2px 0 4px}
.st-score .sc-num{font-size:34px;font-weight:800;line-height:1;letter-spacing:-1px}
.st-score .sc-num span{font-size:13px;font-weight:600;opacity:.45;letter-spacing:0}
.st-score .sc-grade{font-size:13px;font-weight:800;padding:3px 9px;border:0.5px solid;border-radius:99px}
.st-score .sc-row{display:flex;align-items:center;gap:8px;margin-top:9px}
.st-score .sc-row .sc-t{flex:0 0 37%;font-size:11px;opacity:.75}
.st-score .sc-row b{flex:0 0 26px;text-align:right;font-size:11px}
.st-score .sc-bar{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden}
.st-score .sc-bar i{display:block;height:100%;border-radius:99px}
.st-score .sc-why{font-size:10px;opacity:.45;margin:2px 0 0 37%}

/* балл в списке каналов */
.st-li{position:relative}
.st-li .st-li-score{position:absolute;right:12px;top:10px;font-style:normal;font-size:11px;font-weight:800;opacity:.9}

/* ── СРАВНЕНИЕ КАНАЛОВ ── */
.cmp-sel h5{margin:0 0 4px}
.cmp-li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;margin-bottom:4px;background:rgba(255,255,255,.04);transition:.15s}
.cmp-li.on{background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.3)}
.cmp-li img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}
.cmp-li b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.cmp-li span{font-size:11px;opacity:.5;white-space:nowrap}
.cmp-check{color:#f0d48a;font-weight:800;font-size:14px}
.cmp-table-wrap{overflow-x:auto;margin-top:12px}
.cmp-table{border-collapse:collapse;width:100%;font-size:12px}
.cmp-table th,.cmp-table td{padding:6px 8px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}
.cmp-table th{font-weight:600;font-size:11px;opacity:.7;padding-bottom:10px}
.cmp-table th b{display:block;font-size:12px;margin-top:4px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
.cmp-ava{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block;margin:0 auto}
.cmp-label{text-align:left !important;font-weight:600;font-size:11px;opacity:.6;padding-left:0 !important}
.cmp-table td.grn{color:#7ee0a2;font-weight:700}
.cmp-table td.yel{color:#f0d48a;font-weight:600}
.cmp-table td.red{color:#ff9b9b;font-weight:600}

/* ══════════ РЕКЛАМА ТОПА: карусель на странице «Каталоги» ══════════ */
.adv-wrap{position:relative;margin:0 -14px 12px;border-radius:12px;overflow:hidden;
  background:#0b0b0b;border:1px solid rgba(212,175,55,.38);box-shadow:0 8px 26px rgba(0,0,0,.45)}
.adv-track{position:relative;height:min(28vh,212px);background:#0b0b0b;display:flex;
  will-change:transform;transition:transform .55s cubic-bezier(.45,0,.25,1)}
.adv-slide{position:relative;flex:0 0 100%;width:100%;height:100%;pointer-events:none;overflow:hidden}
.adv-slide.on{pointer-events:auto}
.adv-slide video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.adv-slide .adv-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:30px;font-weight:800;color:rgba(212,175,55,.55)}
.adv-ov{position:absolute;left:0;right:0;bottom:0;padding:10px 12px 18px;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.45) 52%,rgba(0,0,0,0))}
.adv-tag{display:inline-block;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:700;
  letter-spacing:.3px;text-transform:uppercase;color:#191100;background:linear-gradient(135deg,#f2d47a,#c9a227)}
.adv-ov h3{margin:4px 0 2px;font-size:15px;line-height:1.14;color:#fff;font-weight:800}
.adv-ov p{margin:0;font-size:11px;line-height:1.3;color:rgba(255,255,255,.82);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.adv-buy{position:absolute;top:7px;right:7px;z-index:3;padding:3px 6px;border-radius:999px;
  font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  color:#191100;background:rgba(242,212,122,.93)}
.adv-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:6px;justify-content:center;z-index:4}
.adv-dots b{width:14px;height:3px;border-radius:3px;background:rgba(255,255,255,.34);transition:background .3s}
.adv-dots b.on{background:linear-gradient(90deg,#f2d47a,#c9a227)}