/* Легализуем.ру — правки по Impeccable critique от 13.11.2026.
   Подключать ПОСЛЕ /static/css/site.css на всех страницах:
   <link rel="stylesheet" href="/static/css/legalizuem-impeccable.css">
   Каждый блок помечен номером правки из README.md. */

/* ── 1. Шапка: кнопка «Оставить заявку» видна и на ноутбуках 1081–1300px ── */
@media (min-width:1081px) and (max-width:1300px){
  .header .cta{display:inline-flex}
  .header .wrap{gap:16px 20px}
  .nav{gap:8px 16px;font-size:14px}
  .logo img{width:190px}
  .header .cta.btn-sm{padding:10px 16px;font-size:15px}
}

/* ── 1. Верхняя полоса на телефоне: меньше ссылок, зоны нажатия 44px ── */
@media (max-width:600px){
  .topbar .wrap{padding-top:2px;padding-bottom:2px}
  .topbar .group{gap:0 4px;justify-content:space-between;width:100%}
  .topbar a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-size:14px}
  .topbar a.phone + a.phone,
  .topbar a[href^="mailto:"]{display:none}
}

/* ── 1. Меню на телефоне: телефон и заявка внутри меню ── */
.nav-contacts{display:none}
@media (max-width:1080px){
  .nav.open .nav-contacts{display:flex;flex-direction:column;gap:10px;width:100%;padding:16px 0 8px}
  .nav .nav-contacts a{border-bottom:0;padding:0;width:auto}
  .nav-contacts .nav-phone{display:inline-flex;align-items:center;min-height:44px;font-size:20px;font-weight:700;color:var(--text);text-decoration:none}
  .nav-contacts .btn{width:100%}
  .nav .nav-contacts a.btn-primary{color:#fff}
}

/* ── 1. Закреплённая панель действий внизу экрана (телефон и планшет) ── */
.mobile-cta{display:none}
@media (max-width:900px){
  .mobile-cta{
    position:fixed;left:0;right:0;bottom:0;z-index:45;
    display:grid;grid-template-columns:1fr 1.4fr;gap:8px;
    padding:8px 12px max(8px, env(safe-area-inset-bottom));
    background:#fff;border-top:1px solid var(--line);
    box-shadow:0 -6px 24px rgba(35,38,47,.10);
  }
  .mobile-cta .btn{min-height:48px;padding:10px 12px;font-size:16px;white-space:nowrap}
  .mobile-cta .btn svg{flex:none}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  /* баннер cookie поднимаем над панелью */
  .consent{bottom:calc(76px + env(safe-area-inset-bottom))}
  /* окно заявки открыто — панель не нужна */
  body.lz-modal .mobile-cta{display:none}
}

/* ── 2. Первый экран на телефоне: короче, форма сразу под обещанием ── */
@media (max-width:900px){
  .hero-v2 h1{font-size:36px;line-height:1.12}
}
@media (max-width:600px){
  .hero-v2 h1{font-size:30px;line-height:1.15;letter-spacing:-0.015em}
  .hero-cover .wrap{padding-top:28px;padding-bottom:40px;gap:20px}
  .hero-cover .hero-main{display:contents}
  .hero-cover .wrap{display:flex;flex-direction:column}
  .hero-cover .hero-main > *{order:1}
  .hero-cover .form-card{order:2}
  .hero-cover .hero-main > .actions,
  .hero-cover .hero-main > .slogan,
  .hero-cover .hero-main > .stats{order:3}
  .hero-cover .sub{font-size:17px;line-height:1.5}
  .hero-checks{gap:8px}
  .hero-cover .slogan{font-size:18px}
  .hero-cover .stats-hero{margin-top:0}
}

/* ── 2. «Что нужно для вашей страны»: две колонки на телефоне ── */
@media (max-width:600px){
  .grid-countries{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .card-country{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;min-height:0}
  .card-country span:first-child{font-size:16px}
}
.badge-legend{font-size:15px;line-height:1.5;color:var(--muted);margin-top:12px}

/* ── 4. Карточки услуг: цена и срок ── */
@media (max-width:600px){.card-service{padding:20px;gap:10px}.card-service b{font-size:20px}.card-service span{font-size:15px}}
.card-service .facts{font-size:15px;font-weight:600;line-height:1.45;color:var(--text);
  padding-top:12px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}

/* ── 5. Доверие: строка под кнопкой формы ── */
.form-card .trust-line{font-size:14px;line-height:1.5;color:var(--text-2);margin-top:-4px}

/* ── 5. Итоговый блок перед подвалом ── */
.final-cta{background:var(--warm);padding:64px 0}
.final-cta .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px 56px;align-items:center}
.final-cta h2{font-size:34px;line-height:1.15}
.final-cta p{font-size:18px;line-height:1.55;color:var(--text-2);margin-top:12px;max-width:60ch}
.final-cta ul{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:16px;color:var(--text-2)}
.final-cta li b{color:var(--text)}
.final-cta .final-actions{display:flex;flex-direction:column;gap:12px}
.final-cta .final-phone{font-size:26px;font-weight:700;color:var(--text);text-decoration:none;font-variant-numeric:tabular-nums}
.final-cta .final-note{font-size:14px;color:var(--muted)}
@media (max-width:900px){
  .final-cta{padding:48px 0}
  .final-cta .wrap{grid-template-columns:1fr}
  .final-cta h2{font-size:26px}
  .final-cta p{font-size:17px}
}

/* ── 5. Подвал: исполнители простыми словами ── */
.footer-legal .exec-plain{font-weight:600}

/* ── 3. Страница услуги и статья на телефоне: заказ сразу после «Коротко» ── */
.short-cta{display:none}
@media (max-width:900px){
  .short-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:16px;
    padding:16px 20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
  .short-cta .price{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
  .short-cta .price small{display:block;font-size:14px;font-weight:500;color:var(--muted)}
  .short-cta .btn{flex:1 1 200px}
}

/* ── 3. Таблицы на телефоне: тень-подсказка, что таблица листается вбок ── */
@media (max-width:900px){
  .table-wrap{
    background:
      linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,
      linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,
      radial-gradient(farthest-side at 0 50%,rgba(35,38,47,.16),rgba(35,38,47,0)) left/14px 100% no-repeat scroll,
      radial-gradient(farthest-side at 100% 50%,rgba(35,38,47,.16),rgba(35,38,47,0)) right/14px 100% no-repeat scroll;
  }
  .table-wrap thead tr{background:transparent}
  .table-wrap thead th{background:var(--warm)}
  .table-wrap tbody tr:hover{background:transparent}
}

/* ── 6. Мелочи по итогам проверки ── */
@media (max-width:600px){
  .badge{font-size:13px}
  .reviews .review figcaption{font-size:14px}
}
::selection{background:#F7D3CC;color:var(--text)}

/* ── 5г. Рейтинг площадок у «Отзывов клиентов» (тёмная секция) ── */
.rating-links{display:flex;flex-wrap:wrap;gap:4px 28px;margin:16px 0 0;font-size:15px}
.rating-links a{display:inline-flex;align-items:baseline;gap:8px;min-height:44px;align-items:center;color:#fff;text-decoration:none}
.rating-links a:hover{text-decoration:underline}
.rating-links b{font-size:22px;color:#fff}
.form-card .trust-line b{color:var(--text)}