/* ═══════════════════════════════════════════════════════════════════════
   Legal-страницы — правки поверх pages.css.
   Дизайнер нарисовал три героя по-разному: разная высота, разные паддинги,
   разный кегль заголовка и разный водяной знак. Общий шаблон давал
   26 / 22 / 21% расхождения на 1440.
   ═══════════════════════════════════════════════════════════════════════ */

/* Числа ниже сняты с ДЕСКТОПНЫХ фреймов, поэтому живут в медиазапросе.
   Без него они перебивали мобильные правила из pages.css (файл грузится
   позже, специфичность та же) и герой terms на 390 вырастал с 221 до 324. */
@media (min-width: 1024px) {
  /* ── Водяные знаки: у каждого свой цвет, альфа заливки и обводка ──────── */

  /* 0:3718 — TERMS, 220px, заливка #120e0d с альфой 0.051, без обводки.
     Общий стиль красил его коралловым при 18% — знак был виден насквозь. */
  .legal-hero--terms .legal-hero__watermark {
    /* 0:3718 — бокс 900×239 стоит на x 680 y 40 внутри секции */
    /* Бокс знака стоит на 40px внутри секции, но Figma и браузер по-разному
     кладут первую базовую линию в строку: Figma по hhea-метрикам, браузер по
     win-метрикам. На кегле 220 это ~50px, поэтому смещаем вверх (подобрано
     замером: 40px → 6.68%, −10px → 2.96%). */
  top: -10px;
    right: auto;
    left: 680px;
    font-size: 220px;
    line-height: 239px;
    color: rgba(18, 14, 13, .051);
    opacity: 1;
  }

  /* 0:4454 — PRIVACY, 160px, заливка ink 5.9% плюс белая обводка 2px,
     и всё это ещё при прозрачности узла 0.3 */
  .legal-hero--privacy .legal-hero__watermark {
    /* 0:4454 — бокс 729×263 на x 711 y 89 */
    top: 89px;
    right: auto;
    left: 711px;
    font-size: 160px;
    line-height: 174px;
    color: rgba(18, 14, 13, .059);
    -webkit-text-stroke: 2px var(--color-white);
    opacity: .3;
  }

  /* 0:4159 — COOKIES, 150px, кремовая заливка с тонкой чернильной обводкой */
  .legal-hero--cookie .legal-hero__watermark {
    /* 0:4159 — бокс 727×256 на x 713 y 140 */
    top: 140px;
    right: auto;
    left: 713px;
    font-size: 150px;
    line-height: 163px;
    color: var(--color-paper);
    -webkit-text-stroke: 1px var(--color-ink);
    opacity: .12;
  }

  /* ── Terms (0:3717): 340 высотой, паддинг 60/80, зазор 24 ─────────────── */

  /* 0:3721 — заголовок и лид одной группой с зазором 8 */
  .legal-hero--terms .legal-hero__group { gap: var(--space-4); }

  /* 0:3722 — Archivo Black 56/56, вторая половина красная и в ту же строку */
  .legal-hero--terms .legal-hero__title { font-size: 56px; line-height: 56px; }
  .legal-hero--terms .legal-hero__title-accent { display: inline; }

  /* 0:3723 — 18/23.4 */
  .legal-hero--terms .legal-hero__lead { font-size: 18px; line-height: 23px; }

  /* ── Privacy (0:4448): 352 высотой, паддинг 96/80, зазор 24 ───────────── */

  .legal-hero--privacy .legal-hero__group { gap: var(--space-6); }

  /* 0:4452 — Archivo Black 72/72 */
  .legal-hero--privacy .legal-hero__title { font-size: 72px; line-height: 72px; }

  /* 0:4453 — коралловая строка Archivo Black 24/26, а не узкий гротеск */
  .legal-hero--privacy .legal-hero__subkicker {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    color: var(--color-flame);
  }

  /* ── Cookie (0:4153): 396 высотой, паддинг 110/80 ─────────────────────── */

  /* 0:4154 — весь контент в колонке шириной 760 с зазором 24 */
  .legal-hero--cookie .legal-hero__group { gap: var(--space-10); max-width: 760px; }

  /* 0:4157 — Archivo Black 72/72 */
  .legal-hero--cookie .legal-hero__title { font-size: 72px; line-height: 72px; }

  /* 0:4158 — 20/30 */
  .legal-hero--cookie .legal-hero__lead { max-width: 668px; font-size: 20px; line-height: 30px; }
}

/* ── Мобильные герои legal ──────────────────────────────────────────────── */

@media (max-width: 767px) {
  /* 9:494 — герой terms 221 высотой: паддинг 32/20, зазор 16, плашка 21,
     заголовок 32/36, лид 14/19.6, группа с зазором 8 */
  .legal-hero--terms { padding: var(--space-11) var(--gutter-mobile); gap: var(--space-8); min-height: 0; }
  .legal-hero--terms .legal-hero__group { gap: var(--space-4); }
  .legal-hero--terms .legal-hero__title { font-size: 32px; line-height: 36px; }
  .legal-hero--terms .legal-hero__lead { font-size: 14px; line-height: 20px; }

  /* 9:501 — полоса реквизитов 112 высотой: ДВА ряда по два поля,
     каждое поле колонкой «подпись сверху, значение снизу» с зазором 2.
     Строкой в четыре ряда она выходила 144. */
  .legal-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-4);
  }

  /* 9:502 — зазор между полями 8, а не 12: при 12 колонка выходит 173 и
     «Northern Territory, Australia» (178 в макете) переносится на вторую
     строку, полоса растёт со 112 до 129. В самой Figma этот текст на 3px
     шире своего бокса и просто выступает в зазор. */
  .legal-meta { column-gap: var(--space-4); }
  .legal-meta__item { flex-direction: column; align-items: flex-start; gap: 2px; }
  .legal-meta__value { white-space: nowrap; }

@media (max-width: 389px) {
  /* Ниже макетной ширины перенос возвращаем — там эталона нет, задача
     только не сломать. */
  .legal-meta__value { white-space: normal; }
}
  .legal-meta__label { font-size: 11px; line-height: 15px; }
  .legal-meta__value { font-size: 13px; line-height: 17px; }

  /* 9:495 — знак «TERMS» 100px, бокс 250×211, чернильный при 5.1% */
  .legal-hero--terms .legal-hero__watermark {
    top: 0;
    right: 0;
    left: auto;
    font-size: 100px;
    line-height: 109px;
    color: rgba(18, 14, 13, .051);
    opacity: 1;
  }
}

/* ── «At a glance» на privacy (0:4460 / 13:35) ─────────────────────────── */

/* 0:4465 — текст карточки 14/22 ЧЕРНИЛЬНЫЙ, а не 13/18 приглушённый:
   приглушение делало карточки заметно светлее макета. */
.page-privacy-policy .legal-glance__card-text {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-ink);
}

/* 0:4461 — заголовок секции Archivo Black 28/30 */
.page-privacy-policy .legal-glance__title { font-size: 28px; line-height: 30px; }

/* 0:4464 — подпись карточки 16/17 */
.page-privacy-policy .legal-glance__card-title { font-size: 16px; line-height: 17px; }

@media (max-width: 767px) {
  /* 13:35 — на мобильном карточки колонкой: паддинг 16, зазор 8,
     подпись 14/15, текст 13/20, заголовок секции 18/20 */
  .page-privacy-policy .legal-glance { gap: var(--space-10); padding: var(--space-11) var(--space-8); }
  .page-privacy-policy .legal-glance__grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .page-privacy-policy .legal-glance__card { gap: var(--space-4); padding: var(--space-8); }
  .page-privacy-policy .legal-glance__title { font-size: 18px; line-height: 20px; }
  .page-privacy-policy .legal-glance__card-title { font-size: 14px; line-height: 15px; }
  .page-privacy-policy .legal-glance__card-text { font-size: 13px; line-height: 20px; }
}


/* ── Полоса реквизитов terms и cookie (0:3724 / 0:4160) ────────────────────
   Подписи в макете ПРИГЛУШЁННЫЕ #5e5552, а не янтарные: янтарный был
   домыслен и тянул на себя всё внимание в узкой полосе. Значение — Geist
   700 14/18.2 чернильным, кроме даты: она красная (0:3736). */
.page-terms-and-conditions .legal-meta__label,
.page-cookie-policy .legal-meta__label {
  font-family: var(--font-narrow);
  font-weight: var(--fw-bold);
  color: var(--color-muted);
}

.page-terms-and-conditions .legal-meta__value,
.page-cookie-policy .legal-meta__value {
  font-weight: var(--fw-bold);
  color: var(--color-ink);
}

/* Кегли — только на широкой ширине: у мобильных фреймов свои (11/15 и 13/17) */
@media (min-width: 768px) {
  .page-terms-and-conditions .legal-meta__label,
  .page-cookie-policy .legal-meta__label { font-size: 13px; line-height: 18px; }
  .page-terms-and-conditions .legal-meta__value,
  .page-cookie-policy .legal-meta__value { font-size: 14px; line-height: 18px; }
}

/* 0:3736 — дата обновления набрана красным */
.page-terms-and-conditions .legal-meta__item:last-child .legal-meta__value {
  color: var(--color-brand-text);
}

/* ── Полоса реквизитов privacy (0:4455 / 13:30) ────────────────────────────
   У каждой legal-страницы она своя. На privacy это ЧЕТЫРЕ строки в одну
   колонку, подпись и значение одним начертанием и одним цветом —
   а не сетка «подпись сверху, значение снизу», как на terms. */
.page-privacy-policy .legal-meta__label,
.page-privacy-policy .legal-meta__value {
  font-size: 13px;
  font-weight: var(--fw-regular);
  line-height: 20px;
  color: var(--color-muted);
}

@media (max-width: 767px) {
  /* 13:30 — 120 высотой: паддинг 16, четыре строки по 16 с зазором 8 */
  .page-privacy-policy .legal-meta {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-8) var(--space-8);
  }

  .page-privacy-policy .legal-meta__item { flex-direction: row; gap: 4px; }

  .page-privacy-policy .legal-meta__label,
  .page-privacy-policy .legal-meta__value {
    font-size: 12px;
    line-height: 16px;
    white-space: normal;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   Cookie Policy: строки категорий и менеджер согласий.

   В макете третий раздел — это четыре строки «название · плашка статуса ·
   описание» (0:4249), а четвёртый — карточка менеджера с переключателями
   и тремя кнопками (0:4279). Мы переносили и то и другое обычными абзацами:
   тело документа на 390 расходилось с макетом на 21%, а три кнопки и
   четыре переключателя были просто текстом. Менеджер теперь рабочий —
   пишет ту же куку, что и панель сайта, и работает без JS.
   ═══════════════════════════════════════════════════════════════════════ */

.legal-row { display: flex; flex-direction: column; }
.legal-row__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }
.legal-row__title { font-family: var(--font-display); font-weight: var(--fw-regular); color: var(--color-ink); }

.legal-pill {
  flex: none;
  border-radius: var(--radius);
  font-family: var(--font-narrow);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  white-space: nowrap;
}

/* 0:4252 / 0:4258 / 0:4270 — три тона плашки статуса */
.legal-pill--ok { background: #e8f5e9; color: #2e7d32; }
.legal-pill--warn { background: #fff3e0; color: #ef6c00; }
.legal-pill--muted { background: #eceff1; color: #37474f; }

.legal-consent {
  display: flex;
  flex-direction: column;
  border-radius: var(--radius-xl);
  background: var(--color-paper);
  box-shadow: inset 0 0 0 1.5px var(--color-ink);
}

.legal-consent__title {
  font-family: var(--font-display);
  font-weight: var(--fw-regular);
  text-transform: uppercase;
  color: var(--color-ink);
}

.legal-consent__list { display: flex; flex-direction: column; }

/* 0:4287 — строки разделены линией #e5d8c8 */
.legal-consent__row + .legal-consent__row { border-top: 1px solid #e5d8c8; }

.legal-consent__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-6);
}

.legal-consent__main { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.legal-consent__label { font-weight: var(--fw-bold); color: var(--color-ink); }
.legal-consent__text { color: var(--color-muted); }
.legal-consent__state { color: var(--color-muted); }

/* 0:4292 — переключатель 44×24 с кружком 20 */
.legal-consent .switch__track { width: 44px; height: 24px; background: #ccc2b5; }
.legal-consent .switch__track::after { top: 2px; left: 2px; width: 20px; height: 20px; }
.legal-consent .switch input:checked + .switch__track::after { translate: 20px 0; }

.legal-consent__actions { display: flex; }

/* 0:4309 — «ACCEPT ALL» чернильная, две другие светлые с обводкой 1 */
.legal-consent__btn {
  min-height: 0;
  border-radius: var(--radius);
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
}

/* ── Числа 1440 (0:4249 / 0:4279) ─────────────────────────────────────── */
@media (min-width: 1024px) {
  .page-cookie-policy .legal-row { gap: var(--space-6); padding-bottom: var(--space-11); }
  .page-cookie-policy .legal-row:last-child { padding-bottom: 0; }
  .page-cookie-policy .legal-row__title { font-size: 16px; line-height: 17px; }
  .page-cookie-policy .legal-row__text { font-size: 15px; line-height: 25px; color: var(--color-muted); }
  .page-cookie-policy .legal-pill { padding: var(--space-2) 10px; font-size: 11px; line-height: 15px; }

  .page-cookie-policy .legal-consent { gap: var(--space-9); padding: var(--space-10); }
  .page-cookie-policy .legal-consent__title { font-size: 14px; line-height: 15px; }
  .page-cookie-policy .legal-consent__list { gap: var(--space-6); }
  .page-cookie-policy .legal-consent__row { min-height: 38px; padding-top: var(--space-6); }
  .page-cookie-policy .legal-consent__row:first-child { padding-top: 0; }
  .page-cookie-policy .legal-consent__label { font-size: 14px; line-height: 18px; }
  .page-cookie-policy .legal-consent__text { font-size: 12px; line-height: 16px; }
  .page-cookie-policy .legal-consent__actions { gap: var(--space-6); padding-top: var(--space-4); }
  .page-cookie-policy .legal-consent__btn {
    height: 37px;
    padding: 10px var(--space-8);
    font-size: 13px;
    line-height: 17px;
  }
  .page-cookie-policy .legal-consent__state { font-size: 12px; line-height: 16px; }
}

/* ── Числа 390 (11:123 / 11:153) ──────────────────────────────────────── */
@media (max-width: 767px) {
  .page-cookie-policy .legal-row { gap: 10px; padding-block: var(--space-4); }
  .page-cookie-policy .legal-row__title { font-size: 16px; line-height: 17px; }
  .page-cookie-policy .legal-row__text { font-size: 14px; line-height: 21px; color: var(--color-muted); }
  .page-cookie-policy .legal-pill { padding: var(--space-2) 10px; font-size: 12px; line-height: 16px; }

  .page-cookie-policy .legal-consent { gap: var(--space-9); padding: var(--space-8); }
  .page-cookie-policy .legal-consent__title { font-size: 12px; line-height: 13px; }
  .page-cookie-policy .legal-consent__list { gap: var(--space-8); }
  .page-cookie-policy .legal-consent__row { padding-top: var(--space-8); }
  .page-cookie-policy .legal-consent__row:first-child { padding-top: 0; }
  .page-cookie-policy .legal-consent__label { font-size: 14px; line-height: 18px; }
  .page-cookie-policy .legal-consent__text { font-size: 12px; line-height: 16px; }
  /* 11:182 — на мобильном кнопки идут столбиком по 41 с зазором 10 */
  .page-cookie-policy .legal-consent__actions { flex-direction: column; gap: 10px; }
  .page-cookie-policy .legal-consent__btn {
    height: 41px;
    padding: var(--space-6) 0;
    font-size: 13px;
    line-height: 17px;
  }
  .page-cookie-policy .legal-consent__state { font-size: 12px; line-height: 16px; }
}

/* 0:4342 / 11:212 — плашка-выноска внутри раздела: чернильный фон,
   кремовый текст, радиус 8. */
.legal-callout {
  border-radius: var(--radius-lg);
  background: var(--color-ink);
  color: var(--color-surface);
}

@media (min-width: 1024px) {
  .page-cookie-policy .legal-callout { padding: var(--space-10); font-size: 16px; line-height: 26px; }
  /* 0:4336 / 0:4356 — ссылка-призыв в разделе: Geist 800 16/20.8 */
  .page-cookie-policy .legal-cta { font-weight: var(--fw-extrabold); font-size: 16px; line-height: 21px; }
}

@media (max-width: 767px) {
  .page-cookie-policy .legal-callout { padding: var(--space-8); font-size: 14px; line-height: 22px; }
  .page-cookie-policy .legal-cta { font-weight: var(--fw-extrabold); font-size: 14px; line-height: 18px; }
}

/* 11:84 — на мобильном фрейме зазор ВНУТРИ раздела 16, а не 12: двенадцать
   стояло от строки заголовка (11:85 row gap12), и все разделы шли короче
   макетных на 4–15px. */
@media (max-width: 767px) {
  .page-cookie-policy .legal-section { gap: var(--space-8); }
}

/* 11:89 и далее — каждый раздел cookie заканчивается тонкой линией #e5d8c8
   (на 1440 это 0:4215 и далее). У нас линий не было вовсе.
   Раздел 08 на мобильном фрейме (11:212) целиком лежит в чернильной плашке
   вместе с заголовком — на 1440 в плашке только абзац (0:4342). */
.page-cookie-policy .legal-section:not(.legal-section--end) {
  border-bottom: 1px solid #e5d8c8;
}

@media (max-width: 767px) {
  .page-cookie-policy .legal-section:has(.legal-callout) {
    gap: var(--space-8);
    padding: var(--space-10);
    border-bottom: 0;
    border-radius: var(--radius-lg);
    background: var(--color-ink);
  }
  .page-cookie-policy .legal-section:has(.legal-callout) .legal-section__title { color: var(--color-surface); }
  .page-cookie-policy .legal-section:has(.legal-callout) .legal-callout {
    padding: 0;
    border-radius: 0;
    background: none;
    font-size: 15px;
    line-height: 24px;
    opacity: .9;
  }
}


/* 0:4316 — на широком фрейме у раздела cookie зазор МЕЖДУ АБЗАЦАМИ нулевой:
   строки текста стоят вплотную, а разделяет их только межстрочный. Это огрех
   auto layout (на мобильном фрейме тот же раздел набран с зазором 16), и мы
   его не воспроизводим — берём мобильный ритм. Разница по разделу до 32px
   названа в отчёте как объяснённое расхождение.
   Заголовок отбит от текста на 20 (0:4317 pad(0,0,20,0)). */
@media (min-width: 1024px) {
  .page-cookie-policy .legal-section { gap: var(--space-8); }
  .page-cookie-policy .legal-section__title { padding-bottom: var(--space-2); }
}

/* 0:4249 — строки категорий сами несут отступ снизу 32, поэтому зазор
   раздела к ним не добавляется (в макете он там нулевой). На мобильном
   фрейме (11:118) раздел набран с зазором 20, а строки — с полями 8. */
@media (min-width: 1024px) {
  .page-cookie-policy .legal-section:has(.legal-row) { gap: 0; }
  .page-cookie-policy .legal-section:has(.legal-row) .legal-p--lead,
  .page-cookie-policy .legal-section:has(.legal-row) > .legal-p { padding-bottom: var(--space-8); }
}


/* 0:4213 — заголовки разделов cookie набраны с прописной, а не капсом,
   и лид набран чернильным, а не приглушённым. */
.page-cookie-policy .legal-section__title { text-transform: none; }
.page-cookie-policy .legal-p { color: var(--color-ink); }

/* 0:4286 — в карточке менеджера «ALWAYS ACTIVE» это просто зелёный текст,
   без плашки (плашка есть только у строк категорий, 0:4252). */
.legal-consent .legal-pill { padding: 0; background: none; }

/* 0:4311 — светлые кнопки менеджера белые, а не кремовые */
.legal-consent__btn.btn--outline { background: var(--color-surface); }

/* 0:4212 / 0:4213 — номер и заголовок раздела одного кегля, 24/26.11,
   зазор 16 (общее правило даёт номер 32/35 и заголовок другого размера). */
@media (min-width: 1024px) {
  .page-cookie-policy .legal-section__title { align-items: center; gap: var(--space-8); font-size: 24px; line-height: 26px; }
  .page-cookie-policy .legal-section__num { font-size: 24px; line-height: 26px; }
}

/* 11:150 — на мобильном номер 24/26.11, заголовок 20/21.76 */
@media (max-width: 767px) {
  .page-cookie-policy .legal-section__title { gap: var(--space-6); font-size: 20px; line-height: 22px; }
  .page-cookie-policy .legal-section__num { font-size: 24px; line-height: 26px; }
}

/* ── Оглавление: поиск это КАРТОЧКА под списком (0:4203 / 11:79) ───────────
   В макете рельс устроен так: заголовок с линией, список глав, а под ним
   кремовая карточка «FIND IN …» с подписью и полем. У нас поле стояло
   голым инпутом сразу под заголовком — рельс на 390 расходился на 14.86%. */
.legal-toc__find {
  order: 3;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-8);
  border-radius: var(--radius-lg);
  background: var(--color-paper);
  box-shadow: inset 0 0 0 1px var(--color-ink);
}

.legal-toc__find-label {
  font-family: var(--font-narrow);
  font-weight: var(--fw-bold);
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--color-ink);
}

/* 0:4205 — само поле белое с обводкой 1 и радиусом 6 */
.legal-toc__search {
  height: 33px;
  padding-inline: var(--space-6);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-ink);
  font-size: 13px;
  line-height: 17px;
}

/* 11:44 — заголовок рельса отбит линией 2px, список идёт вторым */
.legal-toc__title { order: 1; padding-bottom: var(--space-4); border-bottom: 2px solid var(--color-ink); }
.legal-toc__list { order: 2; }

/* ── Карточки-перебивки privacy (0:4607 / 0:4671, 13:174 / 13:231) ─────────
   Между разделами в макете стоят две плашки: чернильная с красной обводкой
   и кремовая с чернильной. Номера у них нет, в оглавление они не идут. */
.page-privacy-policy .legal-section--ink-brand {
  background: var(--color-ink);
  color: var(--color-surface);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.page-privacy-policy .legal-section--paper {
  background: var(--color-paper);
  box-shadow: inset 0 0 0 1.5px var(--color-ink);
}

.page-privacy-policy .legal-section--ink-brand .legal-section__title { color: var(--color-surface); }
.page-privacy-policy .legal-section--ink-brand .legal-p { color: var(--color-flame); }
.page-privacy-policy .legal-section--paper .legal-p { color: var(--color-brand); font-weight: var(--fw-extrabold); }

@media (min-width: 1024px) {
  /* 0:4607 — паддинг 56/32, зазор 16, заголовок 24/26.11, текст 14/18.2 */
  .page-privacy-policy .legal-section--card { gap: var(--space-8); padding: 56px var(--space-11); }
  .page-privacy-policy .legal-section--card .legal-section__title { font-size: 24px; line-height: 26px; }
  .page-privacy-policy .legal-section--card .legal-p { font-size: 14px; line-height: 18px; }
}

@media (max-width: 767px) {
  /* 13:174 — на мобильном плашка с паддингом 24 и зазором 12 */
  .page-privacy-policy .legal-section--card { gap: var(--space-6); padding: var(--space-10); }
  .page-privacy-policy .legal-section--card .legal-section__title { font-size: 20px; line-height: 22px; }
  .page-privacy-policy .legal-section--card .legal-p { font-size: 13px; line-height: 17px; }
}

/* 13:54 — зазор между пунктами оглавления privacy 10, а не 12 */
@media (max-width: 767px) {
  .page-privacy-policy .legal-toc__list { gap: 10px; }
}

/* 13:102 — на privacy абзацы внутри раздела стоят через тот же зазор 12,
   что и остальные блоки: общий хак «абзац + абзац = −10» делал разделы
   с четырьмя и более детьми на 20–32px короче макетных. */
.page-privacy-policy .legal-section .legal-p + .legal-p { margin-top: 0; }

/* ── Полоса-призыв и номера пунктов (13:249 / 13:252) ─────────────────────
   Номер пункта в макете красный и жирный, а «HAVE A PRIVACY QUESTION? /
   CONTACT US →» — кремовая полоса с обводкой, а не два абзаца подряд. */
.legal-p__num { font-weight: var(--fw-extrabold); color: var(--color-brand); }

.legal-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: var(--space-8);
  border-radius: var(--radius);
  background: var(--color-paper);
  box-shadow: inset 0 0 0 1px var(--color-ink);
}

.legal-band__label { font-weight: var(--fw-extrabold); color: var(--color-ink); }
.legal-band__link { font-weight: var(--fw-extrabold); color: var(--color-brand-text); text-decoration: none; }
.legal-band__link:hover { text-decoration: underline; }

/* 13:253 — обе подписи 12/15.6; на 1440 (0:4696) — 14/18.2 */
@media (max-width: 767px) {
  .legal-band { font-size: 12px; line-height: 16px; }
}

@media (min-width: 1024px) {
  .legal-band { font-size: 14px; line-height: 18px; }
}

/* 13:249 — текст пунктов privacy чернильный, а не приглушённый */
.page-privacy-policy .legal-p { color: var(--color-ink); }

/* 13:269 — на privacy бейдж «18+» красный с чернильной обводкой, и текст
   раздела стоит С НИМ В СТРОКУ (13:268 row gap16), а не под ним. */
.page-privacy-policy .legal-section:has(.legal-badge) { flex-direction: row; align-items: center; gap: var(--space-8); flex-wrap: wrap; }
.page-privacy-policy .legal-section:has(.legal-badge) .legal-section__title { flex: 1 0 100%; }
.page-privacy-policy .legal-badge {
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  background: var(--color-brand);
  color: var(--color-surface);
  box-shadow: inset 0 0 0 2px var(--color-ink);
  font-size: 24px;
  line-height: 26px;
}
.page-privacy-policy .legal-section:has(.legal-badge) .legal-p { flex: 1; min-width: 0; }

/* ── Terms: раздел 12 — кремовая плашка (0:3942 / 9:720) ──────────────────
   Единственный раздел документа с фоном; у нас он шёл обычным текстом,
   и полоса давала 90% расхождения. */
.page-terms-and-conditions .legal-section--paper {
  background: var(--color-paper);
  border-radius: var(--radius-lg);
}

@media (min-width: 1024px) {
  .page-terms-and-conditions .legal-section--paper { padding: var(--space-10); }
}

@media (max-width: 767px) {
  /* 9:720 — на мобильном у плашки ещё и обводка 1.5 */
  .page-terms-and-conditions .legal-section--paper {
    padding: var(--space-8);
    box-shadow: inset 0 0 0 1.5px var(--color-ink);
  }
}

/* 0:3947 — номера пунктов terms тоже красные, а текст чернильный */
.page-terms-and-conditions .legal-p { color: var(--color-ink); }

/* 9:676 — колонка номера раздела terms на мобильном 38 шириной */
@media (max-width: 767px) {
  .page-terms-and-conditions .legal-section__num { min-width: 38px; }
}

/* 11:157 — на мобильном переключатель стоит в строке заголовка категории,
   а описание идёт под ними во всю ширину 318; у нас он стоял сбоку от всей
   группы, и описание переносилось раньше макетного. На 1440 (0:4282)
   переключатель как раз сбоку от группы — там оставляем как есть. */
@media (max-width: 767px) {
  .page-cookie-policy .legal-consent__row { flex-wrap: wrap; row-gap: var(--space-2); }
  .page-cookie-policy .legal-consent__main { display: contents; }
  .page-cookie-policy .legal-consent__label { flex: 1 1 auto; }
  .page-cookie-policy .legal-consent__text { flex: 1 0 100%; order: 2; }
  .page-cookie-policy .legal-consent__row .switch,
  .page-cookie-policy .legal-consent__row .legal-pill { order: 1; }
}

/* 13:97 — карточка поиска privacy: паддинг 12, радиус 4, подпись Geist 800
   11/14.3, поле 48 высотой с белым фоном и светлой обводкой #e5e1d8.
   На cookie (0:4203 / 11:79) свои числа — паддинг 16 и Archivo Narrow. */
@media (max-width: 767px) {
  .page-privacy-policy .legal-toc__find { padding: var(--space-6); border-radius: var(--radius); }
  .page-privacy-policy .legal-toc__find-label {
    font-family: var(--font-body);
    font-weight: var(--fw-extrabold);
    font-size: 11px;
    line-height: 14px;
  }
  .page-privacy-policy .legal-toc__search {
    height: 48px;
    padding-inline: var(--space-6);
    border-radius: 0;
    background: var(--color-white);
    box-shadow: inset 0 0 0 1px #e5e1d8;
    font-size: 14px;
    line-height: 18px;
  }
}

/* 13:101 — рабочая область privacy на мобильном: полей сверху нет вовсе,
   снизу 48. У нас было 32/32, и документ начинался на 32px ниже макетного. */
@media (max-width: 767px) {
  .page-privacy-policy .legal-body { padding: 0 var(--gutter-mobile) var(--space-13); }
}