@import url('https://fonts.googleapis.com/css2?family=Syne:wght@800&display=swap');
/* =====================================================================
   Bloggers.tools — новая шапка и подвал (дизайн из прототипа 656)
   Подключать в <head> ПОСЛЕ custom.new.css и uikit.min.css.
   Классы .bth-* (шапка) и .btf-* (подвал) — свои, со старыми не пересекаются.
   Старые правила main.css для тегов header/footer нейтрализованы ниже.
   ===================================================================== */
:root{--bt-lime:#d0fb35;--bt-lime-h:#bfe633;--bt-text:#f2f2f2;--bt-muted:#9aa2a9;--bt-line:#313740;--bt-panel:#15191e;--bt-panel2:#1d2126;
    --bt-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}

/* ---------- шапка ---------- */
header.bth{position:sticky!important;z-index:1000!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;
    background:rgba(20,20,20,.96)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    color:var(--bt-text);font-family:var(--bt-font);font-size:16px;line-height:1.3}
header.bth *,header.bth *::before,header.bth *::after,footer.btf *,footer.btf *::before,footer.btf *::after{box-sizing:border-box}
header.bth a{text-decoration:none}
header.bth button{font-family:inherit}
header.bth ~ section.mob_header{display:none!important} /* старая мобильная шапка больше не нужна */
.bth-in{display:flex;align-items:center;gap:24px;height:78px}
.bth-logo{display:inline-flex;flex:none;align-items:center;color:#f7f8f9!important;font-size:24px;font-weight:900;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.bth-logo .bth-b,.bth-logo .bth-dot{color:var(--bt-lime)}
.bth-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.bth-link{flex:none;display:inline-flex;align-items:center;gap:6px;height:78px;margin:0;padding:0;border:0;background:none;color:var(--bt-text)!important;font-size:16px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:color .15s ease}
.bth-link:hover,.bth-link.is-active,.bth-dd.is-open > .bth-link{color:var(--bt-lime)!important}
.bth-chev{flex:none;width:10px;height:10px;opacity:.8;transition:transform .15s ease}
.bth-dd.is-open > .bth-link .bth-chev{transform:rotate(180deg)}
.bth-dd{position:relative}
.bth-act{display:flex;align-items:center;gap:14px;margin-left:8px}

/* выпадашки: общий вид */
.bth-pop{position:absolute;z-index:1001;top:calc(100% - 8px);left:50%;visibility:hidden;opacity:0;transform:translate(-50%,6px);
    transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;pointer-events:none}
.bth-dd.is-open > .bth-pop{visibility:visible;opacity:1;transform:translate(-50%,0);transition:opacity .16s ease,transform .16s ease;pointer-events:auto}

/* «Все сервисы» */
.bth-mega{width:960px;max-width:calc(100vw - 32px);padding:18px;border:1px solid #3a4047;border-radius:18px;background:var(--bt-panel);box-shadow:0 24px 70px rgba(0,0,0,.5)}
.bth-mega-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:12px}
.bth-mega-h{margin:10px 12px 9px;color:var(--bt-lime);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.25;text-transform:uppercase}
.bth-mi{display:grid;grid-template-columns:22px minmax(0,1fr);gap:0 13px;align-items:start;padding:10px 12px;border-radius:12px;color:#eef1f2!important;transition:background-color .15s ease}
a.bth-mi:hover{background:rgba(255,255,255,.055)}
a.bth-mi:hover b{color:var(--bt-lime)}
.bth-mi svg{width:20px;height:20px;margin-top:1px;color:var(--bt-lime);opacity:.85}
.bth-mi b{display:block;color:#eef1f2;font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.26;transition:color .15s ease}
.bth-mi small{display:block;margin-top:3px;color:#8f999f;font-size:13px;font-weight:400;line-height:1.42}
.bth-mi.is-soon{cursor:default}
.bth-soon{display:inline-block;margin:0 0 0 6px;padding:3px 8px;border:1px solid rgba(208,251,53,.34);border-radius:999px;background:rgba(208,251,53,.12);color:var(--bt-lime);font-size:11px;font-style:normal;font-weight:700;line-height:1.1;vertical-align:2px}
.bth-mega-foot{margin:8px 0 0;padding:12px 12px 2px;border-top:1px solid #30363d}
.bth-mega-foot a{color:var(--bt-lime)!important;font-size:13px;font-weight:800}
.bth-mega-foot a:hover{text-decoration:underline}
.bth-mega-foot:has(.bth-mega-free){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px}
.bth-mega-free{color:var(--bt-muted);font-size:13px;line-height:1.5}
.bth-mega-free b{margin-right:4px;color:var(--bt-muted);font-weight:700}
.bth-mega-free i{margin:0 6px;color:#5b636b;font-style:normal}
.bth-mega-foot .bth-mega-free a{color:#e3e7ea!important;font-weight:600}
.bth-mega-foot .bth-mega-free a:hover{color:var(--bt-lime)!important;text-decoration:none}

/* «Блог» и язык */
.bth-menu{min-width:250px;padding:9px;border:1px solid #3c444b;border-radius:15px;background:#171b1f;box-shadow:0 18px 48px rgba(0,0,0,.38)}
.bth-menu a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;color:#cbd1d6!important;font-size:13.5px;font-weight:650;line-height:1.25;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.bth-menu a:hover{background:rgba(255,255,255,.055);color:#fff!important}
.bth-menu a svg{flex:none;width:18px;height:18px;color:var(--bt-lime);opacity:.85}
.bth-lang .bth-pop{left:auto;right:0;transform:translateY(6px)}
.bth-lang.is-open .bth-pop{transform:none}
.bth-lang-btn{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 10px;border:0;border-radius:24px;background:none;color:var(--bt-text);font-size:16px;cursor:pointer}
.bth-lang-btn:hover{background:rgba(255,255,255,.06)}
.bth-flag{display:block;width:24px;height:16px;border-radius:3px;object-fit:cover}
.bth-langs{min-width:190px;padding:8px;border:1px solid #444b52;border-radius:14px;background:#1d2024;box-shadow:0 16px 36px rgba(0,0,0,.42)}
.bth-langs a{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:9px;color:#e4e4e7!important;font-size:15px;font-weight:600}
.bth-langs a:hover{background:rgba(255,255,255,.06)}
.bth-langs a.is-current{background:#2a2f34;color:var(--bt-lime)!important}
.bth-langs a + a{margin-top:6px}

/* гость: «Войти» и «Начать бесплатно» */
.bth-login{color:#a8a8ad!important;font-size:16px;font-weight:600;white-space:nowrap;transition:color .15s ease}
.bth-login:hover{color:#fff!important}
.bth-cta{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:15px;background:var(--bt-lime);color:#111!important;font-size:17px;font-weight:900;letter-spacing:-.01em;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}
.bth-cta:hover{background:var(--bt-lime-h);transform:translateY(-1px)}
.bth-cta i{display:block;width:7px;height:7px;border-radius:50%;background:#111}

/* авторизован: партнёрка, уведомления, меню аккаунта (как в прототипе 656) */
.bth-user{display:flex;align-items:center;gap:8px}
.bth-ic{position:relative;display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:12px;background:#232323;color:var(--bt-lime);cursor:pointer;transition:background-color .15s ease}
.bth-ic:hover,.bth-dd.is-open > .bth-ic{background:#2e2e30}
.bth-ic.is-plain{background:none}
.bth-ic.is-plain:hover,.bth-dd.is-open > .bth-ic.is-plain{background:rgba(255,255,255,.06)}
.bth-ic svg{width:21px;height:21px}
.bth-club{font-size:24px;font-weight:800;line-height:1}
.bth-cnt{position:absolute;top:-3px;right:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#fff;color:#111;font-size:11px;font-style:normal;font-weight:900;line-height:1}
.bth-ava-btn{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0 2px;border:0;background:none;color:#fff;cursor:pointer}
.bth-ava{display:grid;place-items:center;flex:none;width:44px;height:44px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#d0fb35,#bd31ef);color:#111;font-size:14px;font-weight:900}
.bth-ava img{display:block;width:100%;height:100%;object-fit:cover}
/* панели (партнёрка, уведомления, меню аккаунта) */
.bth-user .bth-pop{left:auto;right:-6px;top:calc(100% + 10px);transform:translateY(6px)}
.bth-user .bth-dd.is-open > .bth-pop{transform:none}
.bth-panel{width:380px;max-width:calc(100vw - 24px);padding:22px;border:1px solid var(--bt-lime);border-radius:20px;background:#353535;box-shadow:0 28px 80px rgba(0,0,0,.6);color:#f7f8f9}
.bth-x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:9px;background:none;color:#aaa;font-size:26px;font-weight:800;line-height:1;cursor:pointer}
.bth-x:hover{background:rgba(255,255,255,.08);color:#fff}
.bth-panel-h{margin:0 40px 16px 0;color:#fff;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.bth-reflink{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 10px 0 18px;border:2px solid #1b1b1b;border-radius:16px;background:#6a6a6a;color:#fff;font-size:15px}
.bth-reflink span{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bth-copy{display:grid;place-items:center;flex:none;width:34px;height:34px;margin:0;padding:0;border:0;border-radius:9px;background:none;color:#ddd;cursor:pointer}
.bth-copy:hover{color:var(--bt-lime)}
.bth-copy svg{width:17px;height:17px}
.bth-copy.is-done{color:var(--bt-lime)}
.bth-rate{margin:16px 0;color:#f2f2f2;font-size:15px;line-height:1.45}
.bth-stats{padding:8px 16px;border-radius:16px;background:#262626}
.bth-stats > div{display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px}
.bth-stats i{width:22px;color:var(--bt-lime);font-style:normal;font-weight:800;text-align:center}
.bth-stats b{flex:1 1 auto;font-weight:700}
.bth-stats em{color:var(--bt-lime);font-style:normal;font-weight:600}
.bth-panel-btn{display:flex;align-items:center;justify-content:center;min-height:50px;margin:16px 0 0;border:1.5px solid var(--bt-lime);border-radius:14px;background:#262626;color:var(--bt-lime)!important;font-size:15px;font-weight:800;transition:background-color .15s ease,color .15s ease}
.bth-panel-btn:hover{background:var(--bt-lime);color:#111!important}
.bth-nt{display:block;padding:12px 0;border-bottom:1px solid #4a4a4a;color:#fff!important}
.bth-nt b{display:block;font-size:16px;font-weight:800;line-height:1.3}
.bth-nt span{display:block;margin-top:3px;color:#aaa;font-size:13.5px;line-height:1.4}
a.bth-nt:hover b{color:var(--bt-lime)}
.bth-nt-empty{padding:10px 0 4px;color:#aaa;font-size:14.5px}
.bth-umenu{width:330px;padding:14px;border-radius:18px;background:#343434}
.bth-um-head{display:flex;align-items:center;gap:13px;padding:5px 5px 13px}
.bth-um-head b{display:block;font-size:16px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.bth-um-head small{display:flex;align-items:center;gap:6px;margin-top:2px;color:#aaa;font-size:13.5px}
.bth-um-head .bth-copy{width:26px;height:26px;color:#aaa}
.bth-um-bal{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;margin:0 0 6px;padding:0 14px;border-radius:14px;background:#202020;color:var(--bt-lime);font-size:17px;font-weight:600}
.bth-um-bal a{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--bt-lime);border-radius:50%;color:var(--bt-lime)!important;font-size:18px;line-height:1}
.bth-um-bal a:hover{background:var(--bt-lime);color:#111!important}
.bth-um-sec{display:block;padding:7px 0;border-top:1px solid #4a4a4a}
.bth-um-sec a,.bth-um-out{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-radius:10px;color:#eee!important;font-size:14.5px;line-height:1.3;transition:background-color .15s ease}
.bth-um-sec a:hover,.bth-um-out:hover{background:rgba(255,255,255,.06)}
.bth-um-sec em{min-width:22px;padding:2px 7px;border-radius:999px;background:#161616;color:var(--bt-lime);font-size:11px;font-style:normal;font-weight:700;text-align:center}
.bth-um-sec em.bth-pro,.btlk-pro{background:linear-gradient(90deg,#6296ff,#df63ba);color:#fff}
.bth-um-out{margin-top:2px;border-top:1px solid #4a4a4a;border-radius:0 0 10px 10px;color:#c64dff!important}
/* 1200–1399: контейнер сайта 1140px — шапка плотнее */
@media (min-width:1200px) and (max-width:1399.98px){
    .bth-in{gap:20px}.bth-logo{font-size:21px}.bth-nav{gap:18px}.bth-link{font-size:15px}
    .bth-act{gap:10px;margin-left:4px}.bth-login{font-size:15px}.bth-cta{height:44px;padding:0 18px;border-radius:13px;font-size:15px;gap:8px}
}
/* бургер и мобильное меню */
.bth-burger{display:none;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--bt-line);border-radius:12px;background:none;color:var(--bt-text);cursor:pointer}
.bth-burger svg{width:20px;height:20px}
.bth-burger .bth-x{display:none}
header.bth.is-mob-open .bth-burger .bth-x{display:block}
header.bth.is-mob-open .bth-burger .bth-bars{display:none}
.bth-mob{display:none}
@media (max-width:1199.98px){
    .bth-nav,.bth-act > .bth-lang,.bth-act > .bth-login{display:none}
    .bth-act{margin-left:auto}
    .bth-burger{display:grid}
    .bth-mob{position:absolute;top:100%;left:0;right:0;display:block;max-height:calc(100vh - 64px);overflow:auto;visibility:hidden;opacity:0;transform:translateY(-6px);
        transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;border-bottom:1px solid var(--bt-line);background:#141414;overscroll-behavior:contain}
    header.bth.is-mob-open .bth-mob{visibility:visible;opacity:1;transform:none;transition:opacity .18s ease,transform .18s ease}
    .bth-mob-in{display:flex;flex-direction:column;gap:4px;padding-top:12px;padding-bottom:22px}
    .bth-mob a,.bth-mob summary{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 4px;border-bottom:1px solid #26262a;color:var(--bt-text)!important;font-size:17px;font-weight:700;cursor:pointer;list-style:none}
    .bth-mob summary::-webkit-details-marker{display:none}
    .bth-mob details[open] > summary .bth-chev{transform:rotate(180deg)}
    .bth-mob .bth-mob-sub{padding:6px 0 10px}
    .bth-mob .bth-mob-sub .bth-mega-h{margin:12px 4px 6px}
    .bth-mob .bth-mob-sub a,.bth-mob .bth-mob-sub .bth-mi{min-height:44px;padding:0 4px 0 16px;border:0;color:#cbd1d6!important;font-size:15.5px;font-weight:600}
    .bth-mob .bth-mob-sub .bth-mi.is-soon{display:flex;align-items:center;color:#8f999f!important}
    .bth-mob-langs{display:flex;gap:8px;padding:16px 4px 4px}
    .bth-mob-langs a{flex:1 1 0;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--bt-line);border-radius:12px;font-size:15px}
    .bth-mob-langs a.is-current{border-color:var(--bt-lime);color:var(--bt-lime)!important}
    .bth-mob-cta{display:flex;flex-direction:column;gap:10px;padding:14px 4px 0}
    .bth-mob-cta a{justify-content:center;border:0;border-radius:14px;min-height:52px}
    .bth-mob-cta .bth-mob-login{border:1px solid var(--bt-line)}
    .bth-mob-cta .bth-mob-start{background:var(--bt-lime);color:#111!important;font-weight:900}
}
@media (max-width:640px){
    .bth-in{height:64px;gap:12px}
    .bth-logo{font-size:20px}
    .bth-act > .bth-cta{display:none}
    .bth-user > .bth-dd:first-child{display:none}
    .bth-user .bth-pop{position:fixed;top:72px;right:12px;left:12px;width:auto;max-height:calc(100vh - 90px);overflow:auto}
}

/* ---------- подвал ---------- */
footer.btf{position:relative;margin:0!important;padding:0!important;border:0!important;border-top:1px solid var(--bt-line)!important;border-radius:0!important;
    background:#171a1e!important;color:#f5f5f5;font-family:var(--bt-font);font-size:16px;line-height:1.35}
footer.btf a{text-decoration:none}
.btf-in{padding-top:46px}
.btf-top{display:grid;grid-template-columns:230px minmax(0,1fr) 180px 190px;gap:28px}
.btf-logo{display:inline-flex;color:#f7f8f9!important;font-size:28px;font-weight:900;letter-spacing:-.045em;line-height:1;white-space:nowrap}
.btf-logo .bth-b,.btf-logo .bth-dot{color:var(--bt-lime)}
.btf-tag{margin:10px 0 0;color:#ececec;font-size:14px;line-height:1.4}
.btf-soc{display:flex;gap:9px;margin:20px 0 0}
.btf-soc a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--bt-line);border-radius:12px;color:var(--bt-muted)!important;transition:border-color .15s ease,color .15s ease}
.btf-soc a:hover{border-color:var(--bt-lime);color:var(--bt-lime)!important}
.btf-soc svg{width:19px;height:19px}
.btf-h{margin:0 0 16px;color:var(--bt-muted);font-size:13px;font-weight:850;letter-spacing:.07em;line-height:1.2;text-transform:uppercase}
.btf-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.btf-svc a{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 12px;border:1px solid var(--bt-line);border-radius:12px;background:var(--bt-panel2);color:#f1f3f4!important;font-size:13px;line-height:1.25;transition:border-color .15s ease}
.btf-svc a:hover{border-color:rgba(208,251,53,.55)}
.btf-svc a:hover svg{color:var(--bt-lime)}
.btf-svc svg{flex:none;width:17px;height:17px;color:var(--bt-muted);transition:color .15s ease}
.btf-svc .btf-soon-t{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 12px;border:1px dashed var(--bt-line);border-radius:12px;background:transparent;color:#aab3b8;font-size:13px;line-height:1.25;cursor:default}
.btf-svc .btf-soon-t .bth-soon{margin-left:4px;padding:2px 7px;font-size:10px;vertical-align:1px}
.btf-svc .btf-all.w3-2{grid-column:span 2}
.btf-svc .btf-all.w3-3{grid-column:1 / -1}
.btf-h-free{margin-top:22px}
.btf-free{display:flex;flex-wrap:wrap;gap:8px}
.btf-free a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid var(--bt-line);border-radius:999px;color:#e3e7ea!important;font-size:13px;line-height:1.25;transition:border-color .15s ease,color .15s ease}
.btf-free a::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--bt-lime)}
.btf-free a:hover{border-color:rgba(208,251,53,.55);color:#fff!important}
.btf-svc .btf-dots{flex:none;width:17px;color:var(--bt-muted);font-size:12px;font-weight:900;letter-spacing:1px;text-align:center}
.btf-col a{display:block;margin:0 0 15px;color:var(--bt-text)!important;font-size:15px;line-height:1.35;transition:color .15s ease}
.btf-col a:hover{color:var(--bt-lime)!important}
.btf-ai{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:42px;margin:34px 0 0;padding:24px 0 20px;border-top:1px solid #343a40;border-bottom:1px solid #343a40}
.btf-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.btf-ai-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:11px 15px;border:1px solid var(--bt-line);border-radius:13px;background:var(--bt-panel2);color:var(--bt-text)!important;transition:border-color .15s ease}
.btf-ai-card:hover{border-color:rgba(208,251,53,.55)}
.btf-ai-card b{display:block;font-size:15px;font-weight:700;line-height:1.2}
.btf-ai-card small{display:block;margin-top:2px;color:#8f949a;font-size:12px;line-height:1.25}
.btf-ai-card em{color:#8a8f95;font-style:normal;font-size:15px}
.btf-ask{padding-left:42px;border-left:1px solid #343a40}
.btf-ask p{max-width:330px;margin:0 0 14px;color:#989ea5;font-size:13.5px;line-height:1.45}
.btf-ask-ic{display:flex;flex-wrap:wrap;gap:7px}
.btf-ask-ic a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--bt-line);border-radius:11px;background:var(--bt-panel2);font-size:20px;line-height:1;transition:border-color .15s ease,transform .15s ease}
.btf-ask-ic a:hover{border-color:rgba(255,255,255,.35);transform:translateY(-1px)}
.btf-legal{display:flex;flex-wrap:wrap;gap:12px 28px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.11)}
.btf-legal a{color:var(--bt-muted)!important;font-size:14px;line-height:1.35}
.btf-legal a:hover{color:#fff!important}
.btf-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;padding:14px 0}
.btf-copy{color:#7d858c;font-size:12.5px;line-height:1.5}
.btf-copy a{color:#9aa2a9!important}
.btf-copy a:hover{color:#fff!important}
.btf-lang{position:relative;flex:none}
.btf-lang .bth-lang-btn{height:38px;border:1px solid var(--bt-line);border-radius:999px;color:var(--bt-muted);font-size:13px}
.btf-lang .bth-pop{top:auto;bottom:calc(100% + 8px);left:auto;right:0;transform:translateY(-6px)}
.btf-lang.is-open .bth-pop{transform:none}
.btf-mark{padding:6px 0 34px;line-height:0}
.btf-mark svg{display:block;width:100%;height:auto;overflow:visible}
.btf-mark text{font-family:"Syne",Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.02em;fill:var(--bt-lime)}
@media (min-width:1200px) and (max-width:1399.98px){
    .btf-top{grid-template-columns:minmax(0,1fr) 180px 190px}
    .btf-brand{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
    .btf-soc{margin:0}
}
@media (max-width:1199.98px){
    .btf-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
    .btf-brand,.btf-svc-wrap{grid-column:1 / -1}
    .btf-brand{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
    .btf-soc{margin:0}
    .btf-ai{grid-template-columns:minmax(0,1fr);gap:24px}
    .btf-ask{padding:22px 0 0;border-left:0;border-top:1px solid #343a40}
}
@media (max-width:640px){
    .btf-in{padding-top:34px}
    .btf-svc{grid-template-columns:repeat(2,minmax(0,1fr))}
    .btf-svc .btf-all.w3-2,.btf-svc .btf-all.w3-3{grid-column:auto}
    .btf-svc .btf-all.w2-2{grid-column:1 / -1}
    .btf-ai-grid{grid-template-columns:minmax(0,1fr)}
    .btf-bottom{flex-direction:column;align-items:flex-start}
    .btf-legal{gap:10px 20px}
    .btf-mark{padding-bottom:22px}
}
@media (max-width:420px){.btf-top{grid-template-columns:minmax(0,1fr)}}

/* ---------- личный кабинет: боковое меню (как в прототипе 656) ---------- */
section.content_flex:has(aside.btlk){--sidebar_width:268px}
aside.btlk{display:block!important;width:var(--sidebar_width)!important;max-width:100%;margin:0;color:#f7f8f9;font-family:var(--bt-font)}
.btlk-nav{padding:14px;border:1px solid var(--bt-line);border-radius:18px;background:#202327}
.btlk-g{padding:6px 0}
.btlk-g + .btlk-g{margin-top:4px;padding-top:10px;border-top:1px solid var(--bt-line)}
.btlk-h{padding:4px 10px 6px;color:var(--bt-muted);font-size:11.5px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.btlk a,.btlk .btlk-soon{display:flex;align-items:center;gap:11px;min-height:38px;padding:8px 10px;border-radius:11px;color:#eef0f2!important;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
.btlk a:hover{background:rgba(255,255,255,.045)}
.btlk a.is-active{background:#1a1d21;color:var(--bt-lime)!important}
.btlk a.is-active svg{color:var(--bt-lime)}
.btlk svg.btlk-i{flex:none;width:17px;height:17px;color:#9aa2a9;transition:color .15s ease}
.btlk a:hover svg.btlk-i{color:#dfe3e6}
.btlk .btlk-soon{color:#7d858c!important;cursor:default}
.btlk .btlk-soon:hover{background:none}
.btlk-tag{margin-left:auto;padding:3px 7px;border-radius:999px;background:#161616;color:var(--bt-lime);font-size:10.5px;font-style:normal;font-weight:700;line-height:1.15}
.btlk-pro{margin-left:auto;padding:3px 8px;border-radius:999px;font-size:10.5px;font-style:normal;font-weight:800;line-height:1.15}
.btlk .btlk-soon .btlk-tag{background:rgba(208,251,53,.1);border:1px solid rgba(208,251,53,.3)}
.btlk-row{position:relative}
.btlk-row > a{padding-right:40px}
.btlk-caret-btn{position:absolute;top:50%;right:4px;display:grid;place-items:center;width:30px;height:30px;margin:-15px 0 0;padding:0;border:0;border-radius:8px;background:none;color:#c9ced2;cursor:pointer}
.btlk-caret-btn:hover{background:rgba(255,255,255,.06)}
.btlk-caret-btn svg{width:12px;height:12px;transition:transform .15s ease}
.btlk-chs:not(.is-open) .btlk-caret-btn svg{transform:rotate(-90deg)}
.btlk-chs:not(.is-open) .btlk-ch{display:none}
.btlk-ch{margin:2px 0 6px 18px;padding:2px 0 2px 12px;border-left:1px solid var(--bt-line)}
.btlk-ch a{gap:9px;min-height:36px;padding:5px 7px;border:1px solid transparent;border-radius:9px;font-size:14.5px;font-weight:400}
.btlk-ch a.is-active{border-color:var(--bt-lime);background:#1a1d21;color:#fff!important}
.btlk-ava{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #3a4047;border-radius:50%;overflow:hidden;background:#15181c;color:#c9ced2;font-size:10.5px;font-weight:700}
.btlk-ava img{display:block;width:100%;height:100%;object-fit:cover}
.btlk-ch a.is-active .btlk-ava{border-color:var(--bt-lime);background:var(--bt-lime);color:#111}
.btlk-ch .btlk-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.btlk-warn{display:grid;place-items:center;flex:none;width:16px;height:16px;margin-left:auto;border-radius:50%;background:rgba(224,179,74,.16);color:#e0b34a;font-size:11px;font-weight:900}
.btlk-ch .btlk-add{min-height:32px;color:#9aa2a9!important;font-size:14px}
.btlk a.btlk-out{color:#9aa2a9!important}
.btlk a.btlk-out:hover{color:#fff!important}
.btlk-toggle{display:none}
@media (max-width:1279.98px){
    section.content_flex:has(aside.btlk) .content{width:100%!important}
    aside.btlk{width:100%!important;margin:0 0 20px}
    .btlk-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;margin:0;padding:0 16px;border:1px solid var(--bt-line);border-radius:14px;background:#202327;color:#fff;font-family:var(--bt-font);font-size:15.5px;font-weight:700;cursor:pointer}
    .btlk-toggle svg{width:12px;height:12px;transition:transform .15s ease}
    aside.btlk.is-open .btlk-toggle svg{transform:rotate(180deg)}
    aside.btlk .btlk-nav{display:none;margin-top:8px}
    aside.btlk.is-open .btlk-nav{display:block}
}
.btlk-current:not(:empty)::before{content:" · "}



/* ===== Bloggers.tools · сайт и кабинет: начало · v5 от 19.10 (весь блок до «конец» заменяется целиком) ===== */
@keyframes btvsShow{to{visibility:visible}}
.wrap:not(:has(> footer)) > .main > :not(header):not(.top-banner-badge):not(.mob_header):not(script):not(style){visibility:hidden;animation:btvsShow 0s 2.5s forwards}

body:has(.lk_menu,.btlk) section.page_head:empty{display:none!important}
body:has(.lk_menu,.btlk) section.content_flex{padding-top:28px!important;padding-bottom:56px!important;background:transparent!important}
body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu) > aside{float:none!important;flex:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu) > section.content{float:none!important;flex:none!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
@media (min-width:992px){
    body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu){display:grid!important;grid-template-columns:256px minmax(0,1fr)!important;gap:28px!important;align-items:start!important}
    body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu) > aside{display:block!important}
}
@media (min-width:1200px){
    body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu){grid-template-columns:272px minmax(0,1fr)!important;gap:36px!important}
}
@media (max-width:991.98px){
    body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu){display:block!important}
    body:has(.lk_menu,.btlk) section.content_flex > .container.row-block:has(> aside .lk_menu) > aside{display:none!important}
}

body:has(.lk_menu,.btlk) aside .lk_menu{display:flex!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:10px!important;border:1px solid #303033!important;border-radius:20px!important;background:#202021!important;box-shadow:none!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div{margin:0!important;padding:0!important;border:0!important;background:none!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;margin:0!important;padding:6px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#c9c9cd!important;font-size:14.5px!important;font-weight:600!important;line-height:1.25!important;text-align:left!important;text-decoration:none!important;transition:background-color .15s ease,color .15s ease!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a:hover{background:#29292b!important;color:#fff!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a.active{background:rgba(208,251,53,.1)!important;color:#fff!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a.active::before{content:""!important;position:absolute!important;left:-10px!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:#d0fb35!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a > .icon{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border:1px solid #333336!important;border-radius:9px!important;background:#28282a!important;color:#d0fb35!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a.active > .icon{border-color:rgba(208,251,53,.55)!important;background:#1b1b1b!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a > .icon svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;fill:currentColor}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a > div:not(.icon){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;color:inherit!important;font:inherit!important;white-space:nowrap!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a > div:not(.icon) > span{display:inline-grid!important;place-items:center!important;min-width:22px!important;height:22px!important;margin:0!important;padding:0 7px!important;border:0!important;border-radius:999px!important;background:#d0fb35!important;color:#111!important;font-size:12px!important;font-weight:800!important;line-height:1!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a[href$="/account/logout"]{color:#8a8a8f!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a[href$="/account/logout"]:hover{background:rgba(255,107,107,.08)!important;color:#ff8a8a!important}
body:has(.lk_menu,.btlk) aside .lk_menu > .sep{display:block!important;height:1px!important;margin:8px 10px!important;padding:0!important;border:0!important;background:#303033!important}
body:has(.lk_menu,.btlk) aside .lk_menu > .sep:has(+ div > a[href$="/account/author"], + div > a[href$="/account/topper"], + div > a[href$="/account/booster"], + div > a[href$="/account/auditor"]){height:auto!important;margin:8px 0 2px!important;padding:14px 10px 6px!important;border-top:1px solid #303033!important;background:none!important}
body:has(.lk_menu,.btlk) aside .lk_menu > .sep:has(+ div > a[href$="/account/author"], + div > a[href$="/account/topper"], + div > a[href$="/account/booster"], + div > a[href$="/account/auditor"])::after{content:"Мои роли";display:block;color:#7c7c82;font-size:11px;font-weight:800;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}
html[lang="en"] body:has(.lk_menu,.btlk) aside .lk_menu > .sep:has(+ div > a[href$="/account/author"], + div > a[href$="/account/topper"], + div > a[href$="/account/booster"], + div > a[href$="/account/auditor"])::after{content:"My roles"}

body:has(.lk_menu,.btlk) section.content > h1.page_title{margin:0 0 10px!important;padding:0!important;color:#fff!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;font-size:clamp(32px,3.2vw,46px)!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-.035em!important;text-align:left!important;text-transform:none!important}

body .services-page{--accent:#d0fb35;--purple:#c64dff;--blue:#3ea6ff;--surface:#242424;--surface-2:#1d1d1f;--border:#343437;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body .services-page .services-page__header{margin-bottom:28px}
body .services-page .services-page__header p{color:#a8a8ad;font-size:17px}
body .services-page .service-primary-card{min-height:230px;padding:22px;border-color:rgba(208,251,53,.32);background:radial-gradient(90% 120% at 0% 0%,rgba(208,251,53,.12),rgba(208,251,53,0) 60%),#232324}
body .services-page .service-primary-card.purple-edge{border-color:rgba(198,77,255,.38);background:radial-gradient(90% 120% at 0% 0%,rgba(198,77,255,.16),rgba(198,77,255,0) 60%),#232324}
body .services-page .service-primary-card.blue-edge{border-color:rgba(62,166,255,.36);background:radial-gradient(90% 120% at 0% 0%,rgba(62,166,255,.14),rgba(62,166,255,0) 60%),#232324}
body .services-page .service-primary-icon{width:42px;height:42px;border-color:#333336;background:#1b1b1b;font-size:18px}
body .services-page .purple-edge .service-primary-icon{color:#d68bff}
body .services-page .blue-edge .service-primary-icon{color:#7cc4ff}
body .services-page .service-primary-card small{color:#8a8a8f;font-size:11px;letter-spacing:.1em}
body .services-page .service-primary-card h2{font-size:22px;font-weight:800}
body .services-page .service-primary-card p{color:#a8a8ad;font-size:14px;line-height:1.5}
body .services-page .services-page__action{min-height:42px;padding:0 18px;border-radius:11px;font-size:14px}
body .services-page .services-page__soon{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;padding:0 12px;border:1px solid #3a3a3d;border-radius:999px;background:#1b1b1b;color:#a8a8ad;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body .services-page .catalog-title{font-size:21px}
body .services-page .catalog-subtitle{color:#8a8a8f;font-size:13.5px}
body .services-page .catalog-card{min-height:104px;border-radius:16px}
body .services-page .catalog-card small{color:#a1a1a6;font-size:13px}
body .services-page .catalog-card.is-soon{cursor:default}
body .services-page .catalog-card.is-soon:hover{border-color:var(--border);background:var(--surface);transform:none}
body .services-page .catalog-card .catalog-card__soon{grid-column:2;justify-self:start;margin-top:6px;padding:2px 8px;border:1px solid #3a3a3d;border-radius:999px;color:#a8a8ad;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

@media (min-width:761px) and (max-width:1100px){body .services-page .services-primary > :last-child:nth-child(odd),body .services-page .catalog-cards > :last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:760px){body .services-page .catalog-card{min-height:0}body .services-page .service-primary-card{min-height:0}}

body:has(.lk_menu,.btlk) header a[href$="/boost"],body:has(.lk_menu,.btlk) footer a[href$="/boost"],body:has(.lk_menu,.btlk) #mob_header_modal a[href$="/boost"]{display:none!important}

body:has(.lk_menu,.btlk) section.content > .page_desc{max-width:760px!important;margin:0 0 6px!important;padding:0!important;color:#a8a8ad!important;font-size:17px!important;line-height:1.55!important;background:none!important;border:0!important}
body:has(.lk_menu,.btlk) section.content hr{margin:22px 0!important;border:0!important;border-top:1px solid #303033!important;background:none!important;opacity:1!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .label{display:block!important;margin:0 0 8px!important;color:#a8a8ad!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) h5,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) h6{color:#fff!important;font-size:19px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.01em}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) p small,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .text-muted{color:#8a8a8f!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) p small{font-size:14px!important;line-height:1.6!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .input,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) input.form-control,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) textarea:not(.select2-search__field),body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .form-select,
body:has(.lk_menu,.btlk) #newKitModal .input{width:100%;min-height:48px!important;padding:12px 14px!important;border:1px solid #3a3a3d!important;border-radius:12px!important;background:#151516!important;box-shadow:none!important;color:#fff!important;font-family:inherit!important;font-size:15px!important;line-height:1.4!important;outline:none!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) textarea:not(.select2-search__field){min-height:110px!important;resize:vertical}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .form-select{padding-right:40px!important;background-image:linear-gradient(45deg,transparent 50%,#a8a8ad 50%),linear-gradient(135deg,#a8a8ad 50%,transparent 50%)!important;background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px!important;background-size:5px 5px!important;background-repeat:no-repeat!important;-webkit-appearance:none;appearance:none}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .form-select option{background:#1b1b1b;color:#fff}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .input::placeholder,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) textarea:not(.select2-search__field)::placeholder,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) input.form-control::placeholder{color:#6b6b70!important;opacity:1}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .input:focus,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) input.form-control:focus,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) textarea:not(.select2-search__field):focus,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .form-select:focus,body:has(.lk_menu,.btlk) #newKitModal .input:focus{border-color:#d0fb35!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .submit_btn,body:has(.lk_menu,.btlk) #newKitModal .submit_btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:180px;min-height:50px!important;margin:0!important;padding:0 26px!important;border:0!important;border-radius:14px!important;background:#d0fb35!important;box-shadow:none!important;color:#111!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;line-height:1!important;cursor:pointer;transition:background-color .15s ease,transform .15s ease}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .submit_btn:hover,body:has(.lk_menu,.btlk) #newKitModal .submit_btn:hover{background:#bfe633!important;transform:translateY(-1px)}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .card{border:1px solid #333336!important;border-radius:18px!important;background:#232324!important;box-shadow:none!important;color:#e4e4e7!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .card .card-body{border-radius:18px!important;background:none!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox{position:relative!important;display:inline-flex!important;flex:none!important;align-items:center!important;margin:0!important;cursor:pointer}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox > input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;opacity:0!important;pointer-events:none}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox > .check{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;border:1.5px solid #4a4a4e!important;border-radius:7px!important;background:#151516!important;transition:background-color .15s ease,border-color .15s ease}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox > .check svg{display:block!important;width:14px!important;height:14px!important;color:#111;fill:#111;opacity:0!important;transition:opacity .15s ease}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox > input:checked + .check{border-color:#d0fb35!important;background:#d0fb35!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox > input:checked + .check svg{opacity:1!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox > input:focus-visible + .check{outline:2px solid #d0fb35;outline-offset:2px}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) label.checkbox + label{margin:0 0 0 12px!important;color:#e4e4e7!important;font-size:15px!important;font-weight:600!important;cursor:pointer}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .addBtn,body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .delBtn{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:2px!important;padding:0!important;border:1px solid #3a3a3d!important;border-radius:12px!important;background:#1b1b1b!important;box-shadow:none!important;font-size:14px!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .addBtn{color:#d0fb35!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .delBtn{color:#ff8a8a!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .addBtn:hover{border-color:#d0fb35!important}
body:has(.lk_menu,.btlk) :is(.a_b_tests,#mkSocials,#mkUserPage,#newKitModal) .delBtn:hover{border-color:#ff8a8a!important}

body:has(.lk_menu,.btlk) section.content .a_b_tests{margin:0!important;padding:0!important;background:none!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests > hr:first-child{margin-top:18px!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .bt-button{display:inline-flex!important;align-items:center!important;min-height:50px!important;margin:0!important;padding:0 22px 0 16px!important;border:0!important;border-radius:14px!important;background:#d0fb35!important;box-shadow:none!important;color:#111!important;font-family:inherit!important;font-size:16px!important;font-weight:800!important;cursor:pointer;transition:background-color .15s ease,transform .15s ease}
body:has(.lk_menu,.btlk) section.content .a_b_tests .bt-button:hover{background:#bfe633!important;transform:translateY(-1px)}
body:has(.lk_menu,.btlk) section.content .a_b_tests .bt-button > div{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:0!important;color:inherit!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .bt-button svg.icon{width:22px!important;height:22px!important;margin:0!important;color:#111;fill:#111}
body:has(.lk_menu,.btlk) section.content .a_b_tests .bt-button span{color:#111!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list{display:grid!important;gap:10px!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list > .card{margin:0!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .card-body{padding:18px 20px!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .card-body > .d-flex{align-items:center!important;gap:16px!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .card-body > .d-flex > div:first-child{flex:1 1 auto;min-width:0}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .label{margin:0 0 6px!important;color:#8a8a8f!important;font-size:12.5px!important;font-weight:600!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .card-body > .d-flex > div:first-child > .d-flex{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list h3{margin:0!important;color:#fff!important;font-size:20px!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.01em;overflow-wrap:anywhere}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .ms-4{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 12px!important;margin:0!important;min-width:0}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list small{color:#8a8a8f!important;font-size:13px!important;word-break:break-all}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .copy_btn{color:#d0fb35!important;font-size:13.5px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .copy_btn:hover{color:#e6ff8a!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .text-end{display:flex!important;flex:none!important;align-items:center!important;gap:8px!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .text-end > div{margin:0!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .text-end .btn,body:has(.lk_menu,.btlk) #mkUserPage .submit .btn-warning{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 16px!important;border-radius:12px!important;box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .btn-light{border:0!important;background:#d0fb35!important;color:#111!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .btn-light:hover{background:#bfe633!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .btn-warning,body:has(.lk_menu,.btlk) #mkUserPage .submit .btn-warning{border:1px solid #3d3d3d!important;background:#2c2c2c!important;color:#fff!important}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .btn-warning::after,body:has(.lk_menu,.btlk) #mkUserPage .submit .btn-warning::after{content:"\2197";margin-left:8px;color:#d0fb35}
body:has(.lk_menu,.btlk) section.content .a_b_tests .list .btn-warning:hover,body:has(.lk_menu,.btlk) #mkUserPage .submit .btn-warning:hover{border-color:#d0fb35!important;background:#333!important}
@media (max-width:640px){
    body:has(.lk_menu,.btlk) section.content .a_b_tests .list .card-body > .d-flex{flex-direction:column!important;align-items:stretch!important}
    body:has(.lk_menu,.btlk) section.content .a_b_tests .list .text-end > div{flex:1 1 0}
    body:has(.lk_menu,.btlk) section.content .a_b_tests .list .text-end .btn{width:100%}
}
body:has(.lk_menu,.btlk) #newKitModal .modal-content{border:1px solid #3a3a3d!important;border-radius:22px!important;background:#232324!important;box-shadow:0 30px 80px rgba(0,0,0,.55)!important;color:#f2f2f2!important}
body:has(.lk_menu,.btlk) #newKitModal .modal-header{padding:6px 12px 10px!important;border:0!important}
body:has(.lk_menu,.btlk) #newKitModal .modal-title{color:#fff!important;font-family:inherit!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em}
body:has(.lk_menu,.btlk) #newKitModal .btn-close{width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:50%!important;background-color:transparent!important;background-size:14px!important;box-shadow:none!important;filter:invert(1) grayscale(1);opacity:.6}
body:has(.lk_menu,.btlk) #newKitModal .btn-close:hover{opacity:1}
body:has(.lk_menu,.btlk) #newKitModal .label{display:block!important;margin:0 0 8px!important;color:#a8a8ad!important;font-size:13.5px!important;font-weight:700!important;line-height:1.4!important}
body:has(.lk_menu,.btlk) #newKitModal .submit{padding:6px 12px 8px!important}
body:has(.lk_menu,.btlk) #newKitModal .submit_btn{width:100%!important}

body:has(.lk_menu,.btlk) section.content > div > .row > .col-12 > h1,body:has(.lk_menu,.btlk) #mkUserPage > h2{margin:18px 0 0!important;color:#fff!important;font-size:28px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.02em}
body:has(.lk_menu,.btlk) section.content .row > .col-8.offset-2:has(#mkSocials){width:100%!important;max-width:820px!important;margin-left:0!important}
body:has(.lk_menu,.btlk) section.content .row > .col-8.offset-2:has(#mkSocials) > p{margin:0 0 16px!important;color:#d0d0d0!important;font-size:16px!important;line-height:1.55}
body:has(.lk_menu,.btlk) #mkSocials .msoc-item,body:has(.lk_menu,.btlk) #mkUserPage .msoc-item{margin:0 0 8px!important}
body:has(.lk_menu,.btlk) #mkSocials .msoc-item .card-body,body:has(.lk_menu,.btlk) #mkUserPage .msoc-item .card-body{padding:12px 16px!important}
body:has(.lk_menu,.btlk) #mkSocials .msoc-item .card-body > .d-flex{align-items:center!important;gap:12px}
body:has(.lk_menu,.btlk) #mkSocials .msoc-item .d-flex.align-items-center,body:has(.lk_menu,.btlk) #mkUserPage .msoc-item .d-flex.align-items-center{gap:14px!important}
body:has(.lk_menu,.btlk) section.content .msoc-item .logo{flex:none!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border-radius:50%!important;background:#1b1b1b!important;overflow:hidden}
body:has(.lk_menu,.btlk) section.content .msoc-item .logo img{display:block;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover}
body:has(.lk_menu,.btlk) section.content .msoc-item .ms-3,body:has(.lk_menu,.btlk) section.content .msoc-item .ms-2{margin:0!important;color:#fff!important;font-size:15.5px!important;font-weight:700!important;line-height:1.3!important}
body:has(.lk_menu,.btlk) section.content .msoc-item small{display:block;margin-top:2px;color:#8a8a8f!important;font-size:13px!important;font-weight:600!important}
body:has(.lk_menu,.btlk) #mkSocials .connectSocial{flex:none;min-height:40px!important;padding:0 16px!important;border-radius:11px!important;box-shadow:none!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1!important}
body:has(.lk_menu,.btlk) #mkSocials .connectSocial.btn-success{border:0!important;background:#d0fb35!important;color:#111!important}
body:has(.lk_menu,.btlk) #mkSocials .connectSocial.btn-success:hover{background:#bfe633!important}
body:has(.lk_menu,.btlk) #mkSocials .connectSocial.btn-danger{border:1px solid #3a3a3d!important;background:#1b1b1b!important;color:#ff8a8a!important}
body:has(.lk_menu,.btlk) #mkSocials .connectSocial.btn-danger:hover{border-color:#ff8a8a!important}
body:has(.lk_menu,.btlk) #mkSocials .submit{margin-top:22px!important}

body:has(.lk_menu,.btlk) section.content section.wallet:has(#mkUserPage){margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body:has(.lk_menu,.btlk) #mkUserPage{max-width:860px;margin:0!important;padding:0!important;background:none!important}
body:has(.lk_menu,.btlk) #mkUserPage form{margin:0!important;padding:0!important;background:none!important}
body:has(.lk_menu,.btlk) #mkUserPage .handle{display:grid!important;place-items:center!important;width:36px;height:36px;margin:0!important;border:1px solid #3a3a3d;border-radius:10px;background:#1b1b1b;color:#a8a8ad!important;font-size:16px;line-height:1}
body:has(.lk_menu,.btlk) #mkUserPage .handle:hover{border-color:#d0fb35;color:#d0fb35!important}
body:has(.lk_menu,.btlk) #mkUserPage .bg-item{margin:0 8px 0 0!important;padding:3px!important;border:2px solid transparent!important;border-radius:12px!important;cursor:pointer}
body:has(.lk_menu,.btlk) #mkUserPage .bg-item > div{width:64px!important;height:38px!important;margin:0!important;border:0!important;border-radius:9px!important}
body:has(.lk_menu,.btlk) #mkUserPage .bg-item.selected{border-color:#d0fb35!important}
body:has(.lk_menu,.btlk) #mkUrlGroup{flex-wrap:nowrap!important}
body:has(.lk_menu,.btlk) #mkUrlGroup .input-group-text{border:1px solid #3a3a3d!important;background:#1f1f20!important;color:#8a8a8f!important;font-size:14px!important}
body:has(.lk_menu,.btlk) #mkUrlGroup .input-group-text:first-child{border-right:0!important;border-radius:12px 0 0 12px!important;white-space:nowrap}
body:has(.lk_menu,.btlk) #mkUrlGroup .input-group-text:last-child{border-left:0!important;border-radius:0 12px 12px 0!important}
body:has(.lk_menu,.btlk) #mkUrlGroup .form-control{min-width:0;border-radius:0!important}
body:has(.lk_menu,.btlk) #mkUserPage .clipboard{color:#d0fb35!important;font-size:13.5px!important;font-weight:700!important;text-decoration:none!important}
body:has(.lk_menu,.btlk) #mkUserPage .contactItem,body:has(.lk_menu,.btlk) #mkUserPage .rateItem,body:has(.lk_menu,.btlk) #mkUserPage .linkItem{margin:0 0 8px!important}
body:has(.lk_menu,.btlk) #mkUserPage .contactItem .card-body,body:has(.lk_menu,.btlk) #mkUserPage .rateItem .card-body,body:has(.lk_menu,.btlk) #mkUserPage .linkItem .card-body{padding:14px!important}
body:has(.lk_menu,.btlk) #mkUserPage .rateItem .row + .row{margin-top:10px}
body:has(.lk_menu,.btlk) #mkUserPage .submit > .d-flex{flex-wrap:wrap;align-items:center;gap:10px}
body:has(.lk_menu,.btlk) #mkUserPage .submit > .d-flex > .d-flex{margin:0!important;gap:10px}
body:has(.lk_menu,.btlk) #mkUserPage .submit .btn-warning{min-height:50px!important;padding:0 20px!important;border-radius:14px!important;font-size:15px!important}
body:has(.lk_menu,.btlk) #mkUserPage .submit .delete{display:inline-grid!important;place-items:center!important;width:50px!important;height:50px!important;margin:0!important;padding:0!important;border:1px solid #3a3a3d!important;border-radius:14px!important;background:#1b1b1b!important;box-shadow:none!important;color:#ff8a8a!important}
body:has(.lk_menu,.btlk) #mkUserPage .submit .delete:hover{border-color:#ff8a8a!important}
@media (max-width:640px){body:has(.lk_menu,.btlk) #mkUrlGroup .input-group-text:first-child{font-size:12px!important;padding:0 8px!important}}
body:has(.lk_menu,.btlk) #mkUserPage .select2-container{width:100%!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-container .select2-selection{min-height:48px!important;padding:6px 10px!important;border:1px solid #3a3a3d!important;border-radius:12px!important;background:#151516!important;color:#fff!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-container--focus .select2-selection,body:has(.lk_menu,.btlk) #mkUserPage .select2-container--open .select2-selection{border-color:#d0fb35!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-selection--single .select2-selection__rendered{padding:6px 24px 6px 4px!important;color:#fff!important;line-height:1.4!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-selection--single .select2-selection__arrow{top:11px!important;right:10px!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-selection__placeholder{color:#6b6b70!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-selection--multiple .select2-selection__choice{margin:4px 6px 0 0!important;padding:3px 10px 3px 26px!important;border:1px solid rgba(208,251,53,.4)!important;border-radius:999px!important;background:rgba(208,251,53,.1)!important;color:#e6ff8a!important;font-size:13.5px!important;font-weight:600!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-selection__choice__remove{top:2px!important;left:6px!important;border:0!important;background:none!important;color:#d0fb35!important}
body:has(.lk_menu,.btlk) #mkUserPage .select2-search__field{color:#fff!important;font-family:inherit!important}
body:has(#mkUserPage) .select2-dropdown{border:1px solid #3a3a3d!important;border-radius:12px!important;background:#1f1f20!important;overflow:hidden;color:#e4e4e7!important}
body:has(#mkUserPage) .select2-search--dropdown .select2-search__field{border:1px solid #3a3a3d!important;border-radius:9px!important;background:#151516!important;color:#fff!important}
body:has(#mkUserPage) .select2-results__option{padding:8px 12px!important;color:#e4e4e7!important}
body:has(#mkUserPage) .select2-results__option--highlighted,body:has(#mkUserPage) .select2-results__option--highlighted[aria-selected]{background:rgba(208,251,53,.14)!important;color:#fff!important}
body:has(#mkUserPage) .select2-results__option[aria-selected="true"],body:has(#mkUserPage) .select2-results__option--selected{background:#2a2a2c!important;color:#d0fb35!important}
body:has(#mkUserPage) .select2-results__option:empty{display:none!important}

@keyframes lkShow{to{visibility:visible}}
body:has(.lk_menu,.btlk) aside .lk_menu:not(.is-built) > *{visibility:hidden;animation:lkShow 0s 1.5s forwards}
body:has(.lk_menu,.btlk) aside .lk_menu.is-built{gap:1px!important}
body:has(.lk_menu,.btlk) aside .lk_menu > p.lk-grp{display:block!important;margin:4px 10px 4px!important;padding:6px 0 0!important;border:0!important;color:#7c7c82!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em!important;line-height:1.3!important;text-transform:uppercase!important}
body:has(.lk_menu,.btlk) aside .lk_menu > p.lk-grp:not(:first-child){margin-top:8px!important;padding-top:14px!important;border-top:1px solid #303033!important}
body:has(.lk_menu,.btlk) aside .lk_menu.is-built > div > a{min-height:40px!important;padding:4px 10px!important;gap:11px!important;font-size:14.5px!important}
body:has(.lk_menu,.btlk) aside .lk_menu.is-built > div > a > .icon{flex-basis:28px!important;width:28px!important;height:28px!important;border-radius:8px!important}
body:has(.lk_menu,.btlk) aside .lk_menu.is-built > div > a > .icon svg{width:16px!important;height:16px!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a > .icon.is-glyph{color:#d0fb35!important;font-size:13px!important;line-height:1!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a.is-soon{opacity:.6;cursor:default!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a.is-soon:hover{background:transparent!important;color:#c9c9cd!important}
body:has(.lk_menu,.btlk) aside .lk_menu > div > a > div:not(.icon) > span.lk-soon{min-width:0!important;height:20px!important;padding:0 7px!important;border:1px solid #3a3a3d!important;background:none!important;color:#8a8a8f!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}
body:has(.lk_menu,.btlk) section.content > .lk-eyebrow{display:block;margin:0 0 10px;color:#d0fb35;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
body:has(.lk_menu,.btlk) .channel-onboarding{border-color:rgba(208,251,53,.5)!important;background:radial-gradient(90% 140% at 0% 0%,rgba(208,251,53,.14),rgba(208,251,53,0) 60%),#232324!important}
body:has(.lk_menu,.btlk) .channel-onboarding-icon{background:#d0fb35!important;color:#111!important}
body:has(.lk_menu,.btlk) .onboarding-kicker{color:#d0fb35!important;font-size:12px!important;letter-spacing:.12em!important}
body:has(.lk_menu,.btlk) .channel-onboarding h2{color:#fff!important;font-size:26px!important;font-weight:800!important}
body:has(.lk_menu,.btlk) .channel-onboarding p{color:#a8a8ad!important;font-size:15px!important;line-height:1.55!important}
body:has(.lk_menu,.btlk) .onboarding-benefits span{padding:5px 10px!important;border-color:#3a3a3d!important;background:#1b1b1b!important;color:#d6d6d9!important;font-size:12.5px!important;font-weight:600}
body:has(.lk_menu,.btlk) .onboarding-benefits span:first-child{border-color:rgba(208,251,53,.6)!important;color:#d0fb35!important}
body:has(.lk_menu,.btlk) .primary-onboard{min-height:46px!important;padding:0 18px!important;border-radius:12px!important;background:#d0fb35!important;color:#111!important;font-size:14.5px!important}
body:has(.lk_menu,.btlk) .skip-onboard{color:#8a8a8f!important;font-size:14px!important}
body .services-page .catalog-card .catalog-card__need{grid-column:2;justify-self:start;margin-top:6px;padding:2px 8px;border:1px solid #3a3a3d;border-radius:999px;color:#a8a8ad;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
/* btvs-back-quiet: возврат к списку (страницы биржи рекламы и др. в кабинете) — тихая ссылка с прямой стрелкой, как на страницах сайта */
body:has(.lk_menu,.btlk) .wrap .main .back_link{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
body:has(.lk_menu,.btlk) .wrap .main .back_link a{display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:0!important;margin:0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#a8a8ad!important;font-size:14.5px!important;font-weight:600!important;line-height:1.3!important;text-decoration:none!important}
body:has(.lk_menu,.btlk) .wrap .main .back_link a:hover,body:has(.lk_menu,.btlk) .wrap .main .back_link a:focus{border:0!important;background:none!important;color:#fff!important}
body:has(.lk_menu,.btlk) .wrap .main .back_link a svg,body:has(.lk_menu,.btlk) .wrap .main .back_link a .icon{display:none!important}
body:has(.lk_menu,.btlk) .wrap .main .back_link a::before{content:"";flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d0fb35' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m11 6-6 6 6 6'/%3E%3C/svg%3E") center/18px 18px no-repeat;transition:transform .15s ease}
body:has(.lk_menu,.btlk) .wrap .main .back_link a:hover::before{transform:translateX(-3px)}
/* страницы сайта (коды страниц с #btvs): на телефоне кнопки в рядах кнопок во всю ширину, подпись под кнопкой по центру; «Сделать похожее» в галерее превью не трогаем */
@container btvs (max-width:519px){#btvs .btvs-cta-row > .btvs-btn,#btvs .btvs-cta-row > .btvs-more{width:100%;box-sizing:border-box}#btvs .btvs-cta-row > .btvs-muted{flex:1 1 100%;text-align:center}#btvs .pvg .btvs-cta-row > .btvs-btn{width:auto}#btvs .pvg .btvs-cta-row > .btvs-muted{flex:0 1 auto;text-align:left}}
/* ===== Bloggers.tools · сайт и кабинет: конец ===== */