/* ==== Privacy page (Garden Recovery) — uses project tokens ==== */

.page-privacy {
  padding: clamp(24px, 4vw, 56px) 0;

  background: var(--clr-bg);

  color: var(--clr-dark-800);
}

.page-privacy .container {
  max-width: calc(var(--container-max) + var(--container-pad) * 2);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* Header */
.page-privacy__h1 {
  margin: 0.35em 0;

  font-family: var(--ff-h);
  font-weight: 600;
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  letter-spacing: var(--ls-h1);
  color: var(--clr-dark-900);
}

.page-privacy__meta {
  margin: 0 0 1.4rem;

  font-size: var(--fs-sm);
  color: var(--clr-dark-700);
}

/* Content */
.page-privacy__content {
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  color: var(--clr-dark-800);
}

.page-privacy__content h2 {
  margin: 1.4em 0 0.6em;

  font-family: var(--ff-h);
  font-weight: 400;
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--ls-h2);
  color: var(--clr-dark-900);
}

.page-privacy__content h3 {
  margin: 1.2em 0 0.5em;

  font-family: var(--ff-h);
  font-weight: 500;
  font-size: var(--fs-h3);
  line-height: var(--lh-h3);
  color: var(--clr-dark-900);
}

.page-privacy__content p {
  margin: 0 0 1em;
}

.page-privacy__content ul,
.page-privacy__content ol {
  margin: 0 0 1em;
  padding-left: 1.2em;
}

.page-privacy__content li {
  margin: 0.2em 0;
}

/* Links in content: подчёркнутые, цвет — основной текст (на макете нет синего токена) */
.page-privacy__content a,
.page-privacy__content a:visited {
  text-decoration: underline;
  color: var(--clr-dark-800);

  transition: filter var(--tr-fast);
}

.page-privacy__content a:hover,
.page-privacy__content a:focus-visible {
  outline: none;

  text-decoration: underline;

  filter: brightness(0.9);
}

/* Info blocks */
.page-privacy__content blockquote {
  margin: 1em 0;
  padding: 0.75em 1em;

  border: 1px solid var(--clr-line);
  border-radius: var(--radius-sm);
  background: var(--clr-hover);
  box-shadow: var(--shadow-soft);

  color: var(--clr-dark-800);
  border-left: 3px solid var(--clr-accent-olive);
}

/* Optional ToC */
.page-privacy__toc {
  margin: 0 0 24px;
  padding: 14px 18px;

  border: 1px solid var(--clr-line);
  border-radius: var(--radius-sm);
  background: var(--clr-cream);
}

.page-privacy__toc ol {
  margin: 0;
  padding-left: 1.2em;
}

.page-privacy__toc a {
  text-decoration: underline;
  color: var(--clr-dark-800);
}

/* ====== согласие в формах (если используешь на этой странице) ====== */

/* Ссылки «Политика» и «Согласие» — оставляем синими и подчёркнутыми, как просил ранее */
.check a,
.check a:visited {
  text-decoration: underline;
  color: #0d5ef7; /* отдельный кейс: синий по ТЗ */

  transition: filter var(--tr-fast);
}

.check a:hover,
.check a:focus-visible {
  outline: none;

  text-decoration: underline;

  filter: brightness(0.9);
}

/* Чекбокс — серый фон вместо системного синего */
.check input[type="checkbox"] {
  width: 18px;
  height: 18px;

  border-radius: var(--radius-xs);
  accent-color: #d9d9d9; /* современный путь */
}

/* Фолбэк, если нужен полный кастом (старые браузеры) */
@supports not (accent-color: #000) {
  .check input[type="checkbox"] {
    display: inline-grid;
    place-items: center;

    width: 18px;
    height: 18px;

    border: 1px solid var(--clr-line);
    border-radius: var(--radius-xs);
    background: var(--clr-white);

    -webkit-appearance: none;
    appearance: none;
  }

  .check input[type="checkbox"]:checked {
    background: #d9d9d9;
  }

  .check input[type="checkbox"]:checked::after {
    width: 12px;
    height: 12px;

    background: var(--clr-white);

    content: "";
    mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>')
      no-repeat center / contain;
  }
}