

/* Start:/local/templates/main_v3/assets/css/legal.css?17882624163667*/
/*
   Стили юридических страниц: /law/privacy-policy/, /law/consent/,
   /law/useragreement/.

   Подключается из страниц раздела строкой
       $APPLICATION->SetAdditionalCSS(SITE_TEMPLATE_PATH . '/assets/css/legal.css');
   — так же, как redesign-cart.css в /cart/. Битрикс выводит файл в <head>
   через буфер, поэтому вызов работает и после подключения header.php.

   ПОЧЕМУ ЭТО .css, А НЕ .php. До 01.09.2026 правила лежали в
   /law/.legal_style.php и печатались тегом <style> в теле каждой страницы,
   то есть ехали к посетителю заново при каждом заходе. Отдельный файл браузер
   кэширует один раз и участвует в склейке и минификации
   (Настройки → Настройки продукта → Оптимизация CSS).

   Класс .ua-page исторически появился в пользовательском соглашении; чтобы
   не переверстывать уже залитые страницы, имя оставлено, а стили общие —
   политика, согласие и соглашение выглядят одинаково.
*/

.ua-page { max-width: 820px; color: #12181F; font-size: 15px; line-height: 1.65; }
.ua-page h2 { margin: 36px 0 14px; font-size: 20px; font-weight: 700; scroll-margin-top: 80px; }
.ua-page h3 { margin: 24px 0 10px; font-size: 16px; font-weight: 700; }
.ua-page p { margin: 0 0 12px; color: #3D4753; }
.ua-page p b { color: #12181F; }
.ua-page a { color: #178235; text-decoration: none; border-bottom: 1px solid rgba(23,130,53,.3); }
.ua-page a:hover { color: #22B24B; border-bottom-color: #22B24B; }

.ua-lead { font-size: 16px; color: #12181F !important; padding: 16px 18px; border-radius: 12px; background: #F7F9FC; }
.ua-meta { font-size: 13px; color: #7A8694 !important; margin-bottom: 20px; }

.ua-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; padding: 16px 18px; border: 1px solid #E6EAF0; border-radius: 16px; background: #fff; }
.ua-toc a { font-size: 13px; font-weight: 600; color: #3D4753; border: 1px solid #E6EAF0; border-radius: 999px; padding: 5px 12px; }
.ua-toc a:hover { border-color: #22B24B; color: #178235; background: #EAF8EF; }

.ua-terms { margin: 0; }
.ua-terms dt { margin-top: 14px; font-weight: 700; color: #12181F; }
.ua-terms dd { margin: 4px 0 0; color: #3D4753; }

.ua-list { margin: 0 0 12px; padding-left: 22px; color: #3D4753; }
.ua-list li { margin-bottom: 6px; }

.ua-note { margin: 16px 0; padding: 14px 16px; border-radius: 12px; background: #EAF8EF; font-size: 14px; color: #12181F; }

.ua-req { margin: 16px 0; padding: 16px 18px; border: 1px solid #E6EAF0; border-radius: 16px; background: #fff; font-size: 14px; }
.ua-req div { margin-bottom: 4px; color: #3D4753; }
.ua-req b { color: #12181F; }

/* Широкие таблицы прокручиваются внутри себя, страница по горизонтали не едет. */
.ua-tablewrap { overflow-x: auto; margin: 0 0 16px; -webkit-overflow-scrolling: touch; }
.ua-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14px; }
.ua-table th, .ua-table td { padding: 10px 12px; border: 1px solid #E6EAF0; text-align: left; vertical-align: top; color: #3D4753; }
.ua-table th { background: #F7F9FC; color: #12181F; font-weight: 700; }

@media (max-width: 720px) {
  .ua-toc { padding: 14px; }
}

/* End */
/* /local/templates/main_v3/assets/css/legal.css?17882624163667 */
