/* Слой связи внизу экрана (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}

/* ---------- окно «Проверьте шансы на разблокировку» (static/js/popup.js, 18.10.2026) ----------
   Над всем слоем связи: кнопкой «Написать юристу» (z 100009), панелью Telegram
   и баннером cookie. Пока окно открыто, они под затемнением; после закрытия на месте. */
.pp115{position:fixed;inset:0;z-index:100020;display:flex;align-items:center;justify-content:center;
  font-family:'Montserrat',-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
.pp115-bg{position:absolute;inset:0;background:rgba(26,31,35,.45);opacity:0;transition:opacity .22s ease}
.pp115-box{position:relative;width:440px;max-width:calc(100% - 32px);box-sizing:border-box;background:#fff;
  border-radius:18px;padding:30px 30px 26px;box-shadow:0 18px 50px rgba(26,31,35,.28);
  opacity:0;transform:translateY(16px);transition:opacity .22s ease,transform .22s ease}
.pp115_on .pp115-bg{opacity:1}
.pp115_on .pp115-box{opacity:1;transform:none}
.pp115-grip{display:none}
.pp115-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;
  background:#f1f3f5;color:#485155;font-size:24px;line-height:36px;padding:0;cursor:pointer}
.pp115-x:hover{background:#e3e6e8;color:#1a1f23}
.pp115 .pp115-h{font-size:23px;line-height:1.25;font-weight:700;color:#1a1f23;margin:0 34px 10px 0}
.pp115 .pp115-s{font-size:16px;line-height:1.5;color:#485155;margin:0 0 22px}
.pp115-b{display:flex;gap:10px;flex-wrap:wrap}
.pp115-go{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;
  padding:0 22px;border-radius:12px;background:#1b6b3a;color:#fff!important;font-size:16px;font-weight:600;
  text-decoration:none!important;box-sizing:border-box}
.pp115-go:hover{background:#155630}
.pp115-no{flex:0 0 auto;min-height:50px;padding:0 18px;border:1px solid #c3cace;border-radius:12px;
  background:#fff;color:#485155;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.pp115-no:hover{border-color:#1a1f23;color:#1a1f23}

/* Телефон: нижний лист. Занимает только свою высоту (около трети экрана), страница видна выше */
@media screen and (max-width:768px){
  .pp115{align-items:flex-end}
  .pp115-box{width:100%;max-width:none;border-radius:20px 20px 0 0;
    padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));max-height:70vh;overflow:auto;
    transform:translateY(100%);box-shadow:0 -8px 30px rgba(26,31,35,.18);touch-action:pan-y}
  .pp115_on .pp115-box{transform:translateY(0)}
  .pp115-grip{display:block;width:40px;height:4px;border-radius:2px;background:#c3cace;margin:-10px auto 14px}
  .pp115-x{top:8px;right:8px}
  .pp115 .pp115-h{font-size:20px;margin-right:36px}
  .pp115 .pp115-s{font-size:15px;margin-bottom:18px}
  .pp115-go{width:100%;flex-basis:100%}
  .pp115-no{width:100%;min-height:44px;border:0;background:none;color:#7c878c}
}