/* ============================================================
   АКСИ — общий слой экосистемы
   Подключается во все лендинги. Все классы с префиксом .aksi-,
   значения цветов литеральные — слой не зависит от переменных
   конкретной страницы (у auto/ своя система токенов).
   Правится здесь один раз, применяется ко всем 13 сайтам.
   ============================================================ */

/* Префикс --ak- гарантирует, что переменные страницы не переопределятся. */
:root{--ak-bg:#0F0F1A;--ak-surface:#1A1A2E;--ak-text:#F0E6FF;--ak-mut:#8B7DA8;--ak-mut2:#6B5D88;--ak-line:rgba(255,255,255,.08);--ak-acc:#7C3AFF;--ak-gold:#FF8F1F;--ak-pink:#EC4899;
  /* --ak-gold-ink — оранжевый ПОД БЕЛЫМ ТЕКСТОМ. Фирменный --ak-gold (#FF8F1F)
     даёт с белым 2.3:1 и для заливки под подписью кнопки непригоден: он для
     свечений и декора. Этот — 5.15:1, проходит AA. */
  --ak-gold-ink:#C2410C;
  /* Плейсхолдер в поле ввода. --ak-mut2 на фоне поля давал 2.6:1 — из-за этого
     форма выглядела выцветшей, а подсказки читались с трудом. Здесь 6.3:1. */
  --ak-field-ph:#9C90B8}

/* ---------- Плавающая кнопка переключателя ---------- */
.aksi-switch{position:fixed;right:20px;bottom:20px;z-index:9000;display:inline-flex;align-items:center;gap:9px;
  padding:11px 18px 11px 14px;border:1px solid var(--ak-line);border-radius:999px;cursor:pointer;
  background:rgba(26,26,46,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  color:var(--ak-text);font-family:'Onest',system-ui,sans-serif;font-size:13.5px;font-weight:600;
  box-shadow:0 4px 24px rgba(0,0,0,.4);transition:transform .25s,border-color .25s,box-shadow .25s}
.aksi-switch:hover{transform:translateY(-2px);border-color:rgba(124,58,255,.45);box-shadow:0 8px 30px rgba(0,0,0,.5)}
.aksi-switch .aksi-grid-ic{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5px;width:16px;flex-shrink:0}
.aksi-switch .aksi-grid-ic i{width:3.5px;height:3.5px;border-radius:1px;background:currentColor;opacity:.85;display:block}
.aksi-switch .aksi-sw-count{font-size:11px;font-weight:700;color:var(--ak-mut2);
  background:rgba(255,255,255,.05);padding:2px 7px;border-radius:999px}

/* ---------- Оверлей со всеми сервисами ---------- */
.aksi-ov{position:fixed;inset:0;z-index:9500;display:none;padding:24px;overflow-y:auto;
  background:rgba(8,8,16,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  font-family:'Onest',system-ui,sans-serif}
.aksi-ov.is-open{display:block;animation:aksiFade .22s ease}
@keyframes aksiFade{from{opacity:0}to{opacity:1}}
.aksi-ov-in{max-width:1020px;margin:0 auto;padding:8px 0 60px}
.aksi-ov-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}
.aksi-ov-title{font-family:'Nunito',system-ui,sans-serif;font-weight:900;font-size:clamp(22px,3vw,30px);
  color:var(--ak-text);letter-spacing:-.02em;line-height:1.15}
.aksi-ov-title span{background:linear-gradient(135deg,var(--ak-acc),var(--ak-gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aksi-ov-sub{font-size:14px;color:var(--ak-mut);margin-top:6px;max-width:520px}
.aksi-ov-close{flex-shrink:0;width:40px;height:40px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid var(--ak-line);color:var(--ak-text);
  font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}
.aksi-ov-close:hover{background:rgba(255,255,255,.1);transform:rotate(90deg)}

.aksi-grp{margin-bottom:26px}
.aksi-grp-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  color:var(--ak-mut2);margin-bottom:12px}
.aksi-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.aksi-card{display:flex;align-items:flex-start;gap:13px;padding:15px 16px;border-radius:14px;
  background:rgba(255,255,255,.025);border:1px solid var(--ak-line);
  transition:transform .22s,border-color .22s,background .22s;position:relative;overflow:hidden}
.aksi-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--c,var(--ak-acc));opacity:.75}
.aksi-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.05);border-color:var(--c,var(--ak-acc))}
.aksi-card.is-current{background:rgba(255,255,255,.06);border-color:var(--c,var(--ak-acc))}
.aksi-ic{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;
  justify-content:center;font-family:'Nunito',system-ui,sans-serif;font-weight:900;font-size:14px;color:#fff;
  background:var(--c,var(--ak-acc));box-shadow:0 3px 12px color-mix(in srgb,var(--c,#7C3AFF) 40%,transparent)}
.aksi-card-b{min-width:0}
.aksi-card-n{font-size:14.5px;font-weight:700;color:var(--ak-text);line-height:1.25;display:flex;align-items:center;gap:7px}
.aksi-card-d{font-size:12.5px;color:var(--ak-mut2);line-height:1.5;margin-top:4px}
.aksi-you{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--c,var(--ak-acc));background:color-mix(in srgb,var(--c,#7C3AFF) 16%,transparent);
  padding:2px 7px;border-radius:999px;flex-shrink:0}

/* ---------- Компактная полоса для главной ----------
   На axiomamoney.site список из 12 сервисов не нужен: это B2B-лендинг,
   и промокоды с VPN в подвале бьют по доверию. Одна сдержанная дверь в хаб. */
.aksi-mini{background:#141425;border-top:1px solid var(--ak-line);padding:26px 0;
  font-family:'Onest',system-ui,sans-serif}
.aksi-mini-in{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;
  justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.aksi-mini-t{font-size:14px;color:var(--ak-mut)}
.aksi-mini-t b{font-family:'Nunito',system-ui,sans-serif;font-weight:900;color:var(--ak-text)}
.aksi-mini-t b span{background:linear-gradient(135deg,var(--ak-acc),var(--ak-gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aksi-mini a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;
  color:var(--ak-text);padding:9px 18px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid var(--ak-line);transition:all .22s}
.aksi-mini a:hover{background:rgba(255,255,255,.08);border-color:rgba(124,58,255,.45);transform:translateY(-1px)}

/* ---------- Соцсети и видео (единые для всех лендингов) ----------
   Раньше эти секции были свёрстаны в каждом лендинге отдельно и разъехались:
   у axitg 11 площадок, у avia и promo — 5, у buh их не было вовсе.
   Теперь разметку генерирует build.py из services.json. Вид — как был у axitg. */
.aksi-soc{padding:80px 0;font-family:'Onest',system-ui,sans-serif}
.aksi-soc--alt{background:#141425;border-top:1px solid var(--ak-line);border-bottom:1px solid var(--ak-line)}
.aksi-soc-in{max-width:1100px;margin:0 auto;padding:0 24px}
.aksi-soc-head{text-align:center;max-width:640px;margin:0 auto 44px}
/* Кикер розовый, как в рукописных секциях лендингов до унификации, — иначе
   чип выбивается из привычного вида страницы. */
.aksi-soc-k{display:inline-flex;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.12em;color:var(--ak-pink);margin-bottom:14px;background:rgba(236,72,153,.08);
  padding:6px 16px;border-radius:20px;border:1px solid rgba(236,72,153,.15)}
.aksi-soc-head h2{font-family:'Nunito',system-ui,sans-serif;font-weight:800;
  font-size:clamp(24px,3.2vw,38px);line-height:1.08;letter-spacing:-.018em;color:var(--ak-text)}
.aksi-soc-head p{font-size:14.5px;color:var(--ak-mut);margin-top:10px}
.aksi-soc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;
  justify-content:center}
.aksi-soc-i{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid var(--ak-line);transition:all .2s}
.aksi-soc-i:hover{background:rgba(255,255,255,.05);border-color:var(--c,var(--ak-acc));transform:translateY(-2px)}
.aksi-soc-i .s-ic{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;
  background:var(--c,var(--ak-acc));font-family:'Nunito',system-ui,sans-serif}
.aksi-soc-i .s-n{font-size:14px;font-weight:600;color:var(--ak-text);line-height:1.2}
.aksi-soc-i .s-s{font-size:11px;color:var(--ak-mut2);margin-top:2px}

@media(max-width:768px){
  .aksi-soc{padding:50px 0}
}
@media(max-width:560px){
  .aksi-soc-grid{grid-template-columns:1fr}
}

/* ---------- Блок экосистемы над футером страницы ---------- */
.aksi-eco{background:#141425;border-top:1px solid var(--ak-line);padding:52px 0 44px;
  font-family:'Onest',system-ui,sans-serif}
.aksi-eco-in{max-width:1100px;margin:0 auto;padding:0 24px}
.aksi-eco-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.aksi-eco-h b{font-family:'Nunito',system-ui,sans-serif;font-weight:900;font-size:20px;color:var(--ak-text)}
.aksi-eco-h b span{background:linear-gradient(135deg,var(--ak-acc),var(--ak-gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.aksi-eco-h a{font-size:13px;color:var(--ak-mut);border-bottom:1px dashed rgba(139,125,168,.4);transition:color .2s}
.aksi-eco-h a:hover{color:var(--ak-text)}
.aksi-eco-sub{font-size:13.5px;color:var(--ak-mut2);margin-bottom:26px;max-width:620px}
.aksi-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aksi-col-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ak-mut2);margin-bottom:9px}
.aksi-col ul{list-style:none;margin:0;padding:0}
.aksi-col li{margin-bottom:6px}
.aksi-col a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ak-mut);transition:color .2s}
.aksi-col a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c,var(--ak-acc));
  flex-shrink:0;opacity:.8}
.aksi-col a:hover{color:var(--ak-text)}
.aksi-col a[aria-current]{color:var(--ak-text);font-weight:600}
.aksi-eco-foot{margin-top:30px;padding-top:20px;border-top:1px solid var(--ak-line);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ak-mut2)}
.aksi-eco-foot a{color:var(--ak-mut)}
.aksi-eco-foot a:hover{color:var(--ak-text)}

@media(max-width:820px){
  .aksi-cols{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:560px){
  .aksi-cols{grid-template-columns:1fr}
  .aksi-switch{right:14px;bottom:14px;padding:10px 15px 10px 12px;font-size:12.5px}
  .aksi-switch .aksi-sw-label{display:none}
  .aksi-ov{padding:16px}
  .aksi-cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .aksi-switch,.aksi-card,.aksi-ov-close{transition:none}
  .aksi-ov.is-open{animation:none}
}

/* ---------- Форма заявки на лендинге сервиса ----------
   Ставится блоком AKSI:LEAD из build.py. До неё форма не стояла ни на одном
   лендинге экосистемы, и сервисы модели «заявка → сделка» не могли принести
   ни одного лида. Скрытое поле service несёт слаг — по нему заявка попадает
   в воронку своего сервиса и своему отделу продаж. */
/* Раньше секция была светлее фона страницы, а поля — почти прозрачные
   (белый 4% поверх неё). Из-за этого форма читалась как серое пятно без
   границ: не видно, где поле, плейсхолдеры выцветали до 2.6:1. Теперь
   наоборот — секция уходит в глубину, а форма поднимается над ней
   карточкой с настоящей границей и тенью со смещением. */
.aksi-lead{position:relative;padding:clamp(72px,9vw,112px) 20px;background:var(--ak-bg);
  border-top:1px solid var(--ak-line);overflow:hidden}
/* Тёплое свечение сверху: единственное место, где --ak-gold работает как
   свет, а не как заливка. Оно же связывает блок с кнопкой. */
.aksi-lead::before{content:"";position:absolute;inset:-40% 0 auto 0;height:80%;pointer-events:none;
  background:radial-gradient(60% 100% at 50% 100%,rgba(255,143,31,.16),transparent 70%),
             radial-gradient(90% 100% at 50% 100%,rgba(124,58,255,.14),transparent 72%)}
.aksi-lead-in{position:relative;max-width:620px;margin:0 auto}
.aksi-lead h2{font-size:clamp(27px,4vw,40px);font-weight:800;color:var(--ak-text);
  letter-spacing:-.035em;line-height:1.08;margin:0 0 12px;text-wrap:balance}
.aksi-lead p{font-size:15.5px;line-height:1.55;color:var(--ak-mut);max-width:44ch;margin:0 0 30px}

.aksi-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;
  padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:20px;
  background:var(--ak-surface);box-shadow:0 26px 64px -30px rgba(0,0,0,.92)}
/* Длинные поля и кнопка идут на всю ширину карточки, имя и контакт — парой.
   Форма из трёх одинаковых полосок выглядела анкетой, а не предложением. */
.aksi-lead-form textarea,.aksi-lead-form button,.aksi-lead-msg{grid-column:1/-1}
.aksi-lead-form input,.aksi-lead-form textarea{width:100%;box-sizing:border-box;
  padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;
  background:rgba(9,8,17,.6);color:var(--ak-text);
  font-family:inherit;font-size:15px;line-height:1.4;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.aksi-lead-form input::placeholder,.aksi-lead-form textarea::placeholder{color:var(--ak-field-ph)}
.aksi-lead-form input:hover,.aksi-lead-form textarea:hover{border-color:rgba(255,255,255,.22)}
.aksi-lead-form input:focus,.aksi-lead-form textarea:focus{outline:none;
  border-color:var(--ak-acc);background:rgba(9,8,17,.85);
  box-shadow:0 0 0 3px rgba(124,58,255,.22)}
.aksi-lead-form textarea{resize:vertical;min-height:76px}
.aksi-lead-form button{margin-top:2px;padding:16px 20px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(120deg,var(--ak-gold-ink),var(--ak-acc));color:#fff;
  font-family:inherit;font-size:16px;font-weight:700;letter-spacing:-.01em;
  box-shadow:0 12px 28px -14px rgba(124,58,255,.9);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.aksi-lead-form button:hover{transform:translateY(-2px);filter:brightness(1.07);
  box-shadow:0 18px 36px -16px rgba(124,58,255,.95)}
.aksi-lead-form button:active{transform:translateY(0)}
.aksi-lead-form button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.aksi-lead-form button:disabled{filter:grayscale(.35);opacity:.65;cursor:default;transform:none;box-shadow:none}
@media(max-width:640px){
  .aksi-lead-form{grid-template-columns:1fr;padding:18px}
}
/* honeypot: человек этого поля не видит и не заполняет, робот заполняет */
.aksi-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aksi-lead-msg{font-size:13.5px;font-weight:600;min-height:19px}
.aksi-lead-msg.ok{color:#34D399}
.aksi-lead-msg.err{color:#F87171}
@media(prefers-reduced-motion:reduce){
  .aksi-lead-form button,.aksi-lead-form input,.aksi-lead-form textarea{transition:none}
  .aksi-lead-form button:hover{transform:none}
}

/* ---------- Клиентский кабинет сервиса ----------
   Общий каркас на все сервисы: вход, тариф, профиль, поддержка. Продуктовый
   модуль у каждого сервиса свой и подставляется отдельно. */
.kab-wrap{max-width:900px;margin:0 auto;padding:40px 20px 80px}
.kab-head{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.kab-lt{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  color:#fff;font-weight:800;font-size:17px;flex:0 0 auto}
.kab-head h1{font-size:22px;font-weight:700;color:var(--ak-text);margin:0;letter-spacing:-.02em}
.kab-head .kab-sub{font-size:12.5px;color:var(--ak-mut2)}
.kab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.kab-card{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:16px;
  padding:22px;margin-bottom:16px}
.kab-k{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ak-mut2);font-weight:800}
.kab-v{font-size:20px;font-weight:700;color:var(--ak-text);margin-top:6px}
.kab-sub{font-size:13px;color:var(--ak-mut);margin-top:4px}
.kab-days{display:inline-block;background:rgba(124,58,255,.18);color:#C4B5FD;
  border-radius:20px;padding:1px 8px;font-size:11.5px;font-weight:700;margin-left:4px}
.kab-btn{margin-top:14px;width:100%;padding:12px;border:0;border-radius:11px;cursor:pointer;
  background:linear-gradient(135deg,var(--ak-acc),var(--ak-gold));color:#fff;
  font-family:inherit;font-size:14px;font-weight:700}
.kab-btn.ghost{background:none;border:1px solid var(--ak-line);color:var(--ak-mut)}
.kab-btn.ghost:hover{color:var(--ak-text)}
.kab-auth{max-width:420px;margin:0 auto}
.kab-tabs{display:flex;gap:6px;margin-bottom:16px}
.kab-tab{flex:1;padding:9px;border:1px solid var(--ak-line);background:none;border-radius:10px;
  color:var(--ak-mut);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.kab-tab.on{background:rgba(124,58,255,.16);border-color:var(--ak-acc);color:var(--ak-text)}
#kab-form{display:grid;gap:10px}
#kab-form input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--ak-line);
  border-radius:11px;background:rgba(255,255,255,.04);color:var(--ak-text);
  font-family:inherit;font-size:14.5px}
#kab-form input::placeholder{color:var(--ak-mut2)}
#kab-form input:focus{outline:none;border-color:var(--ak-acc)}
#kab-form button{padding:13px;border:0;border-radius:11px;cursor:pointer;
  background:linear-gradient(135deg,var(--ak-acc),var(--ak-gold));color:#fff;
  font-family:inherit;font-size:15px;font-weight:700}
#kab-form button:disabled{opacity:.6}
.kab-msg{font-size:13px;font-weight:600;min-height:18px}
.kab-msg.err{color:#F87171}
.kab-msg.ok{color:#34D399}
.kab-fine{font-size:11.5px;color:var(--ak-mut2);margin-top:12px;line-height:1.5}
.kab-empty h3{font-size:17px;font-weight:700;color:var(--ak-text);margin:0 0 8px}
.kab-empty p{font-size:13.5px;color:var(--ak-mut);line-height:1.6;margin:0 0 8px}

/* ---------- Выбор тарифа в кабинете ----------
   Тарифы приходят из services.json, поэтому карточек может быть две, три или
   больше — сетка подстраивается сама, без правки CSS под каждый сервис. */
.kab-plans h3{font-size:17px;font-weight:700;color:var(--ak-text);margin:0 0 14px}
.kab-plan-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  margin-bottom:14px}
.kab-plan{border:1px solid var(--ak-line);border-radius:12px;padding:16px 14px;
  display:flex;flex-direction:column;gap:8px}
.kab-plan.on{border-color:var(--ak-acc);background:rgba(124,58,255,.10)}
.kab-plan-n{font-size:13px;font-weight:700;color:var(--ak-text)}
.kab-plan-p{font-family:'Nunito',system-ui,sans-serif;font-weight:900;font-size:22px;
  color:var(--ak-text);line-height:1.1}
.kab-plan-p span{font-family:inherit;font-size:12px;font-weight:600;color:var(--ak-mut2)}
.kab-plan .kab-btn{margin-top:auto}
.kab-plan .kab-fine{margin-top:auto}
/* Цена в пересчёте на месяц под ценой за период. Своим классом, а не .kab-fine:
   у той margin-top:auto, и она уехала бы к самой кнопке, оторвавшись от суммы. */
.kab-plan-mo{font-size:12px;color:var(--ak-mut2);margin-top:-4px}
/* Переключатель срока подписки над сеткой тарифов. */
.kab-seg{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.kab-seg button{flex:1;min-width:78px;padding:9px 6px;border:1px solid var(--ak-line);
  background:none;border-radius:10px;color:var(--ak-mut);
  font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.kab-seg button b{font-weight:700;color:var(--ak-gold)}
.kab-seg button.on{background:rgba(124,58,255,.16);border-color:var(--ak-acc);color:var(--ak-text)}

/* ---------- Нишевые CRM: карточки объектов (общий движок на 13 сервисов) ---------- */
.ncrm-form{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.ncrm-form input,.ncrm-form select{flex:1;min-width:130px;padding:11px 14px;
  background:rgba(255,255,255,.04);border:1px solid var(--ak-line);border-radius:10px;
  color:var(--ak-text);font-family:inherit;font-size:13.5px}
.ncrm-form input::placeholder{color:var(--ak-mut2)}
.ncrm-form input:focus,.ncrm-form select:focus{outline:none;border-color:var(--ak-acc)}
.ncrm-form button{width:auto;padding:11px 22px;margin:0;flex:0 0 auto}
.ncrm-msg{min-height:16px}
.ncrm-card{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:14px;
  padding:16px 18px;margin-bottom:10px}
.ncrm-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ncrm-title{font-size:14.5px;font-weight:700;color:var(--ak-text)}
.ncrm-del{background:none;border:none;color:var(--ak-mut2);cursor:pointer;font-size:18px;
  line-height:1;padding:2px 6px}
.ncrm-del:hover{color:#F87171}
.ncrm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ncrm-chip{font-size:12px;color:var(--ak-mut);background:rgba(255,255,255,.04);
  border:1px solid var(--ak-line);border-radius:20px;padding:4px 11px}
.ncrm-stage{margin-top:12px;padding:8px 12px;background:rgba(255,255,255,.04);
  border:1px solid var(--ak-line);border-radius:8px;color:var(--ak-text);
  font-family:inherit;font-size:12.5px;font-weight:600}
/* AKSI:A11Y */

/* ==================================================================
   Доступность на телефоне. Аудит 21.08.2026: на экране 375 px 25 из 42
   интерактивных элементов были меньше 44x44 (ссылки подвала 36 px,
   текстовые ссылки вроде «Смотреть тарифы» — 18-19 px), а 23 текстовых
   элемента набраны 10-11 пикселями.

   Правки нарочно узкие: срабатывают только на сенсорных экранах
   (pointer:coarse), увеличивают вертикальный габарит паддингом и не
   двигают текст, поэтому вёрстка на десктопе не меняется вообще.
   ================================================================== */
@media (pointer: coarse) {
  /* Ссылки и кнопки в шапке, подвале и служебных блоках дотягиваем
     до 44 px по высоте. inline-flex вместо block — чтобы строчные
     ссылки не растянулись на всю ширину контейнера. */
  nav a, .nav-links a, footer a, .foot-in a, .foot-legal a,
  .aksi-eco-h a, .aksi-col a, .aksi-ov a, .bnav a,
  a.btn, button.btn, .btn-sm {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  /* Логотип-ссылка: 30x30 -> 44x44 за счёт поля вокруг знака. */
  a.brand, a.bbrand, .brand > a { min-width: 44px; min-height: 44px; }

  /* Мельче 12 px на телефоне читать тяжело. Поднимаем нижнюю границу,
     не трогая размеры крупнее: подписи остаются подписями. */
  body { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
}

/* AKSI:A11Y-TYPE */
/* На телефоне 10-11 px нечитаемы. Поднимаем только эти селекторы
   и только на сенсорных экранах — пропорции макета на десктопе
   остаются прежними. */
@media (pointer: coarse) {
  .aksi-col-t { font-size: 12px; }
  .aksi-grp-t { font-size: 12px; }
  .aksi-soc-i .s-s { font-size: 12px; }
  .aksi-soc-k { font-size: 12px; }
  .aksi-switch .aksi-sw-count { font-size: 12px; }
  .kab-days { font-size: 12px; }
  .kab-fine { font-size: 12px; }
  .kab-k { font-size: 12px; }
}

/* AKSI:A11Y-TAP2 */
/* Добор по замеру live-страниц 22.08.2026: кнопка переключателя сервисов была
   42 px, ссылка с почтой в подвале — 19 px. */
@media (pointer: coarse) {
  .aksi-switch { min-height: 44px; }
  .foot-email a, .foot-copy a, .disc a,
  a[href^="mailto:"], a[href^="tel:"] { min-height: 44px; display: inline-flex; align-items: center; }
}
