/* ===== Юридические страницы (privatepolicy.html, policy_agree.html) =================
   ЗАЧЕМ ОНИ ЕСТЬ. На боевом сайте по этим адресам лежит голый HTML без шапки,
   подвала и стилей: гость уходил из сайта на чужого вида страницу, а в
   офлайн-архиве демо она вообще не открывалась. Решение пользователя
   (2026-08-07): держать свои страницы рядом с index.html, текст переносить с
   боевых. Имена файлов при этом ОСТАВЛЕНЫ боевыми — по ним страницы уже
   проиндексированы, и при переезде ссылки сойдутся сами.
   ⚠️ Значит текст живёт у нас КОПИЕЙ. Правят юристы боевую версию — надо
   обновить и здесь.

   Устройство простое и намеренно НЕ повторяет механику сайта: тут обычный
   документ, который листают, а не сцена со слайдами. Никакого GSAP, никакого
   канваса — только колонка чтения.

   Шрифты: заголовки Unbounded (голос бренда), тело — Source Sans Pro. Читать
   длинный юридический текст набранным дисплейным Unbounded невозможно, а
   Source Sans Pro и так подключён (подписи, кнопки), новых файлов не заводим.

   Ширина: страница ограничена 1440 (как канвас сайта), колонка чтения — 880.
   Числа не с потолка: 880 при 17px даёт ~90 знаков в строке, верхнюю границу
   комфортного чтения. Дальше растёт только поле по бокам. */

:root{
  --yellow:#FFE300;
  --ink:#1A1A1C;
  --legal-max:1440px;
  --legal-col:880px;
}

*{ box-sizing:border-box; }

html, body{
  margin:0; padding:0;
  background:var(--yellow); color:var(--ink);
  font-family:'Source Sans Pro', system-ui, sans-serif;
  -webkit-text-size-adjust:100%;
}

.legal-page{ max-width:var(--legal-max); margin:0 auto; padding:0 40px 96px; }

/* Шапка — не копия сайтовой (она живёт в сцене и тянет за собой полсайта), а
   её минимальный смысловой эквивалент: логотип домой и путь назад. */
.legal-top{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:24px 0 40px;
}
.legal-top__logo{ display:block; }
.legal-top__logo img{ display:block; width:96px; height:auto; }
.legal-top__back{
  font-family:'Unbounded', sans-serif; font-weight:500; font-size:14px;
  color:var(--ink); text-decoration:none;
  border:1px dashed var(--ink); border-radius:100px; padding:12px 24px;
  white-space:nowrap;
}
.legal-top__back:hover{ background:var(--ink); color:var(--yellow); border-style:solid; }

.legal-col{ max-width:var(--legal-col); }

h1{
  margin:0 0 8px;
  font-family:'Unbounded', sans-serif; font-weight:600; font-size:40px; line-height:1.15;
}
.legal-updated{ margin:0 0 48px; font-size:15px; opacity:0.6; }

h2{
  margin:48px 0 16px;
  font-family:'Unbounded', sans-serif; font-weight:600; font-size:21px; line-height:1.3;
}
h3{
  margin:32px 0 12px;
  font-family:'Unbounded', sans-serif; font-weight:500; font-size:17px; line-height:1.3;
}

p{ margin:0 0 16px; font-size:17px; line-height:1.6; }

/* Нумерация пунктов — своя, а не браузерная: в исходнике пункты идут как
   «1.», «1.1», и порядок важен юридически. Держим её В ТЕКСТЕ (см. разметку),
   а список тут только за отступы и ритм. */
ol.legal-list, ul.legal-list{ margin:0 0 16px; padding-left:0; list-style:none; }
ol.legal-list > li, ul.legal-list > li{ margin:0 0 16px; font-size:17px; line-height:1.6; }
ul.legal-bullets{ margin:0 0 16px; padding-left:22px; }
ul.legal-bullets > li{ margin:0 0 10px; font-size:17px; line-height:1.6; }

/* Карточка реквизитов в разделе «Контакты» и таблица состава данных: тёмная
   плашка того же радиуса, что карточки на сайте, — единственное «фирменное»
   пятно на всю страницу, чтобы документ не выглядел распечаткой. */
.legal-card{
  background:var(--ink); color:#fff; border-radius:32px; padding:32px 40px;
  margin:24px 0 16px;
}
.legal-card p{ margin:0 0 10px; }
.legal-card p:last-child{ margin:0; }
.legal-card a{ color:var(--yellow); }

.legal-defs{ margin:0 0 16px; }
.legal-defs dt{
  font-family:'Unbounded', sans-serif; font-weight:500; font-size:15px;
  margin:20px 0 6px;
}
.legal-defs dd{ margin:0; font-size:17px; line-height:1.6; }

a{ color:var(--ink); }

.legal-foot{
  max-width:var(--legal-col);
  margin-top:64px; padding-top:24px; border-top:1px solid rgba(26,26,28,0.2);
  font-size:14px; opacity:0.6;
}
.legal-foot a{ color:inherit; }

/* ===== Тело перенесённого документа (privatepolicy.html) ======================
   Разметка внутри .legal-doc — с боевой страницы КАК ЕСТЬ: вложенные <ol>
   разделов и пунктов, <ul> для перечислений, <div> внутри <li> (наследие
   Word-экспорта). Ни одного слова не переписано, поэтому и стили написаны
   под чужую структуру, а не структура подогнана под стили.

   ⚠️ НУМЕРАЦИЯ — CSS-СЧЁТЧИКИ, а не текст. В исходнике номеров нет вообще:
   на боевой странице их рисовал браузер списком по умолчанию, и вложенные
   пункты выходили как «1. 2. 3.» на каждом уровне заново. counters(item,'.')
   даёт сквозную нумерацию 1. / 1.1. / 1.1.1., как документ и читается.
   Из этого следует: НЕ вписывать номера в текст руками — они удвоятся. */
.legal-doc ol{ list-style:none; counter-reset:item; margin:0; padding:0; }
.legal-doc ol > li{ counter-increment:item; }

/* Верхний уровень — названия разделов, набраны как подзаголовки страницы. */
.legal-doc > div > ol > li,
.legal-doc > ol > li{
  margin:48px 0 0;
  font-family:'Unbounded', sans-serif; font-weight:600; font-size:21px; line-height:1.3;
}
.legal-doc > div > ol > li::before,
.legal-doc > ol > li::before{ content:counter(item) ". "; }

/* Пункты и подпункты — обычный текст, номер в левом поле висячей строкой. */
.legal-doc ol ol{ margin:16px 0 0; }
.legal-doc ol ol > li{
  position:relative; padding-left:52px; margin:0 0 16px;
  font-family:'Source Sans Pro', system-ui, sans-serif; font-weight:400;
  font-size:17px; line-height:1.6;
}
.legal-doc ol ol > li::before{
  content:counters(item, ".") ". ";
  position:absolute; left:0; top:0; opacity:0.55; font-variant-numeric:tabular-nums;
}
.legal-doc ol ol ol > li{ padding-left:64px; }

/* Перечисления внутри пункта — маркеры, счётчик их не касается. */
.legal-doc ul{ list-style:disc; margin:12px 0 0; padding-left:22px; }
.legal-doc ul > li{
  margin:0 0 10px; padding-left:0;
  font-family:'Source Sans Pro', system-ui, sans-serif; font-weight:400;
  font-size:17px; line-height:1.6;
}
.legal-doc ul > li::before{ content:none; }
.legal-doc li > div{ display:block; }
.legal-doc b{ font-weight:600; }
.legal-doc a{ color:var(--ink); word-break:break-word; }

@media (max-width:768px){
  .legal-doc > div > ol > li,
  .legal-doc > ol > li{ font-size:18px; margin-top:36px; }
  .legal-doc ol ol > li{ font-size:16px; padding-left:42px; }
  .legal-doc ol ol ol > li{ padding-left:52px; }
  .legal-doc ul > li{ font-size:16px; }
}

/* Мобильные и планшетные ширины: та же колонка, только поля меньше и кегли
   на шаг ниже. Медиазапрос один — документу дробная сетка ни к чему. */
@media (max-width:768px){
  .legal-page{ padding:0 20px 64px; }
  .legal-top{ padding:16px 0 28px; }
  .legal-top__logo img{ width:72px; }
  .legal-top__back{ font-size:12px; padding:10px 18px; }
  h1{ font-size:28px; }
  h2{ font-size:18px; margin:36px 0 12px; }
  h3{ font-size:16px; }
  p, ol.legal-list > li, ul.legal-list > li, ul.legal-bullets > li, .legal-defs dd{ font-size:16px; }
  .legal-card{ padding:24px; border-radius:24px; }
}