/* Юридические документы: отдельные страницы (/politika/, /soglasie/)
   и всплывающее окно, в которое js/legal.js подгружает тот же текст. */

.legal-doc{font-family:'Nunito Sans',Arial,sans-serif;color:#1f2329;font-size:15px;line-height:1.6}
.legal-doc h1{font-size:26px;line-height:1.25;margin:0 0 6px}
.legal-doc h2{font-size:18px;line-height:1.3;margin:28px 0 10px}
.legal-doc p,.legal-doc ul,.legal-doc ol{margin:0 0 12px}
.legal-doc ul,.legal-doc ol{padding-left:22px}
.legal-doc li{margin:0 0 6px}
.legal-doc a{color:#d85f0a}
.legal-doc .legal-doc__meta{color:#6b717b;font-size:13px;margin:0 0 20px}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.legal-doc th,.legal-doc td{border:1px solid #dcdfe4;padding:8px 10px;text-align:left;vertical-align:top}
.legal-doc th{background:#f5f6f8}
.legal-doc .legal-doc__req{background:#f5f6f8;border-radius:8px;padding:12px 14px;margin:0 0 14px}

/* Отдельная страница */
.legal-page{margin:0;background:#fff}
.legal-page__head{border-bottom:1px solid #eceef1;padding:14px 16px}
.legal-page__head a{font-family:'Nunito Sans',Arial,sans-serif;font-weight:700;color:#f47316;text-decoration:none;font-size:18px}
.legal-page__body{max-width:820px;margin:0 auto;padding:28px 16px 60px}
.legal-page__body .legal-doc table{display:block;overflow-x:auto}

/* Всплывающее окно */
.legal-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,18,24,.55)}
.legal-modal__box{position:relative;background:#fff;border-radius:12px;width:100%;max-width:820px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.legal-modal__scroll{overflow-y:auto;padding:28px 28px 24px;-webkit-overflow-scrolling:touch}
.legal-modal__scroll table{display:block;overflow-x:auto}
.legal-modal__close{position:absolute;top:8px;right:8px;width:40px;height:40px;border:0;border-radius:8px;background:transparent;font-size:28px;line-height:1;color:#6b717b;cursor:pointer}
.legal-modal__close:hover{background:#f2f3f5;color:#1f2329}
.legal-modal__foot{border-top:1px solid #eceef1;padding:12px 28px;font-size:13px}
.legal-modal__foot a{color:#d85f0a}
@media (max-width:600px){
  .legal-modal{padding:0;align-items:stretch}
  .legal-modal__box{max-height:none;border-radius:0}
  .legal-modal__scroll{padding:22px 16px 18px}
  .legal-modal__foot{padding:12px 16px}
  .legal-doc h1{font-size:22px;padding-right:36px}
}
html.legal-lock,html.legal-lock body{overflow:hidden}

/* Плашка cookie: слева внизу, чтобы не перекрывать кнопки и уведомления справа */
.cookie-bar{position:fixed;left:20px;bottom:20px;z-index:10040;max-width:420px;display:flex;align-items:center;gap:14px;
  padding:14px 16px;background:#fff;color:#1f2329;border-radius:12px;box-shadow:0 8px 30px rgba(15,18,24,.18);
  font-family:'Nunito Sans',Arial,sans-serif;font-size:13px;line-height:1.45;
  opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s}
.cookie-bar._show{opacity:1;transform:none}
.cookie-bar__text{margin:0}
.cookie-bar__text a{color:inherit;text-decoration:underline}
.cookie-bar__btn{flex:0 0 auto;border:0;border-radius:8px;background:#f47316;color:#fff;font:inherit;font-weight:700;
  padding:9px 16px;cursor:pointer}
.cookie-bar__btn:hover{background:#e0650c}
.cookie-bar__btn:focus-visible{outline:2px solid #f47316;outline-offset:2px}
@media (max-width:600px){
  .cookie-bar{left:10px;right:10px;bottom:10px;max-width:none;padding:12px 14px}
}

/* Подписи под чекбоксами в формах */
/* Размер и цвет — как у текста самой галочки: .checkbox__text (главная, 1.2rem)
   и .s-agree (посадочные, 1.3rem). На главной подпись лежит внутри .form-control_agree
   с отступом слева под квадратик. Селекторы усилены, чтобы перебить .features__form p. */
.form-legal-note a,.s-agree a,.checkbox__text a[data-legal]{color:inherit;text-decoration:underline}
.form-control_agree p.form-legal-note{font-size:1.2rem;line-height:1.3;margin:.8rem 0 0;padding:0;opacity:.75;text-align:left;color:inherit}
.form-control_agree .checkbox_light ~ p.form-legal-note{color:#fff}
.s-agree + p.form-legal-note{font-size:1.3rem;line-height:1.5;color:#5c626c;margin:-1.2rem 0 2rem;opacity:.85}