/* Слой связи внизу экрана (17.10.2026, docs/analitika-rabochie-nishi-2026-10-17.md).
   Подключается после blog.css и shell.css и перебивает их правила для панели, чата
   и баннера cookie. Баннер Tilda (.t886) правится в pipeline/legacy_fix.py, COOKIE_PATCH.

   Было на телефоне: баннер cookie, плашка чата и панель Telegram одновременно,
   около четверти экрана при ширине 393 px. Стало:
     телефон (до 768 px): одна панель «Написать в Telegram» и звонок; баннер cookie
       узкой строкой над ней до нажатия «Ок»; плашки чата нет.
     компьютер: кнопка «Написать юристу» справа снизу, по нажатию три пути:
       Telegram, заявка с перезвоном (то же окно разбора), телефон. */

/* Плашка чата больше не показывается нигде: на компьютере окно открывается
   из кнопки «Написать юристу», на телефоне связь идёт через панель. */
.chat-open{display:none!important}

/* ---------- компьютер: кнопка «Написать юристу» ---------- */
.cfab{position:fixed;right:20px;bottom:20px;z-index:100009;display:flex;flex-direction:column;
  align-items:flex-end;gap:10px;font-family:'Montserrat',-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.cfab[hidden]{display:none}
.cfab-btn{display:flex;align-items:center;gap:10px;padding:13px 20px;border:0;border-radius:100px;
  background:#1a1f23;color:#fff;font:inherit;font-size:15px;font-weight:600;line-height:1.2;cursor:pointer;
  box-shadow:0 6px 24px rgba(26,31,35,.22)}
.cfab-btn:hover,.cfab-btn[aria-expanded="true"]{background:#1b6b3a}
.cfab-btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.cfab-menu{width:290px;background:#fff;border-radius:16px;padding:8px;box-sizing:border-box;
  box-shadow:0 12px 40px rgba(26,31,35,.24)}
.cfab-menu[hidden]{display:none}
.cfab-menu a,.cfab-menu button{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;
  padding:12px 14px;border:0;border-radius:12px;background:none;font:inherit;text-align:left;
  color:#1a1f23;text-decoration:none;cursor:pointer}
.cfab-menu a:hover,.cfab-menu button:hover{background:#f1f3f5}
.cfab-ic{flex:0 0 36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#1a1f23;color:#fff}
.cfab-ic svg{width:18px;height:18px;fill:currentColor}
.cfab-ic_tg{background:#29a9eb}
.cfab-ic_form{background:#1b6b3a}
.cfab-menu b{display:block;font-size:15px;font-weight:600;line-height:1.3}
.cfab-menu small{display:block;font-size:13px;line-height:1.35;color:#7c878c;margin-top:2px}

/* ---------- телефон и узкий планшет ---------- */
@media screen and (max-width:768px){
  .cfab{display:none!important}
  /* Панель действий: раньше включалась с 640 px, между 641 и 768 не было ничего. */
  .ftr-bar{display:flex!important;gap:8px;position:fixed;left:8px;right:8px;bottom:8px;z-index:60}
  .ftr-bar a{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:12px;
    font-weight:600;font-size:15px;box-shadow:0 4px 16px rgba(26,31,35,.18);border:0;color:#fff;
    text-decoration:none}
  .ftr-bar__tg{flex:1;background:var(--tg,#29a9eb)}
  .ftr-bar__tel{flex:0 0 52px;background:var(--text,#1a1f23)}
  .ftr-bar svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
  .ftr{padding-bottom:88px!important}
  /* Окно разбора, если его открыли: на весь экран над панелью */
  .chat-panel{right:8px;left:8px;bottom:8px;width:auto;height:calc(100vh - 80px);max-height:none}

  /* Баннер cookie: одна узкая строка сразу над панелью, кнопка «Ок» справа */
  .ck{left:8px!important;right:8px!important;bottom:68px!important;max-width:none!important;
    flex-direction:row!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;
    border-radius:10px}
  .ck-t{font-size:11px!important;line-height:1.35!important}
  .ck-ok{width:auto!important;padding:8px 14px!important;font-size:13px!important}
  .ck-long{display:none}
  .ck-short{display:inline!important}
}
.ck-short{display:none}

/* Старые страницы Tilda: site/css/custom.css держит отступ сверху 80 px (70 на телефоне)
   под плавающую шапку Tilda, которой больше нет: шапка теперь наша и стоит в потоке.
   Пустая полоса над шапкой сдвигала оффер первого экрана ниже сгиба. */
body.t-body{padding-top:0!important}
/* Та же история у статей банков (/ozon, /sberbank, /vtb...): отступ 120 px над статьёй
   под ту же плавающую шапку. На телефоне заголовок начинался на 206 px, оффер уходил
   под сгиб вместе с баннером и панелью. */
body.t-body .article-115{margin-top:24px!important}
@media screen and (min-width:769px){body.t-body .article-115{padding-top:32px!important}}
@media screen and (max-width:768px){body.t-body .article-115{margin-top:8px!important}}
/* Первый экран главной без той полосы прижимался к шапке вплотную */
body.t-body #rec656822703{margin-top:16px}