/* ==========================================================================
   Правовые документы (/documents/*)
   Подключается ДОПОЛНИТЕЛЬНО к policy.css — здесь только то, чего нет
   на странице «Политика конфиденциальности»: таблицы, подзаголовок,
   нумерованные списки и мелкая типографика длинных юридических текстов.
   ========================================================================== */

/* --- Шапка документа --- */

.text-page-subtitle {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  color: #896246;
  margin: -16px auto 40px;
  max-width: 820px;
}

.text-page-subtitle a {
  color: #896246;
}

/* --- Типографика длинных документов --- */

.text-page-doc .text-block {
  margin-bottom: 32px;
}

.text-page-doc .text-block p {
  margin-bottom: 12px;
}

.text-page-doc .text-block p:last-child {
  margin-bottom: 0;
}

.text-page-doc .text-block h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 12px;
  color: #2d030b;
}

.text-page-doc .text-block h3:first-child {
  margin-top: 0;
}

/* Крупный разделитель («Раздел I», «Раздел II») */
.doc-part {
  font-size: 24px !important;
  color: #2d030b;
  border-top: 1px solid #eceaea;
  padding-top: 24px;
  margin-top: 8px;
}

.text-page-doc .text-block ol {
  padding-left: 20px;
  margin-top: 8px;
}

.text-page-doc .text-block ol li {
  font-size: 16px;
  margin-bottom: 8px;
  color: #210201;
}

.text-page-doc .text-block a {
  color: #2d030b;
  text-decoration: underline;
  word-break: break-word;
}

.text-page-doc .text-block a:hover {
  color: #896246;
}

/* --- Таблицы --- */

.doc-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 16px 0 8px;
}

.doc-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.5;
  color: #210201;
  background-color: #ffffff;
}

.doc-table th {
  background-color: #2d030b;
  color: #fbfbfb;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding: 12px 16px;
  vertical-align: top;
}

.doc-table td {
  padding: 12px 16px;
  border-bottom: 1px solid #eceaea;
  vertical-align: top;
}

.doc-table tbody tr:nth-child(even) td {
  background-color: #f7f4f4;
}

.doc-table tbody tr:last-child td {
  border-bottom: none;
}

/* Таблица «Сведения об Операторе»: два столбца, первый — узкий */
.doc-table--info {
  min-width: 480px;
}

.doc-table--info td:first-child {
  width: 34%;
  font-weight: 700;
  color: #2d030b;
}

/* Таблица скидок — компактная и по центру */
.doc-table--discount {
  min-width: 420px;
}

.doc-table--discount td:last-child,
.doc-table--discount th:last-child {
  text-align: center;
}

.doc-table-hint {
  display: none;
  font-size: 14px;
  color: #896246;
  margin-bottom: 8px;
}

/* --- Блок с контактами в конце документа --- */

.doc-contacts {
  background-color: #f7f4f4;
  border-left: 3px solid #cda27a;
  padding: 20px 24px;
  border-radius: 4px;
}

.doc-contacts p {
  margin-bottom: 6px !important;
}

/* --- Адаптив --- */

@media (max-width: 1023px) {
  .text-page-doc .text-page-content {
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  .text-page-subtitle {
    font-size: 15px;
    margin: -8px auto 24px;
  }

  .text-page-doc .text-block {
    margin-bottom: 24px;
  }

  .text-page-doc .text-block p {
    font-size: 16px;
  }

  .text-page-doc .text-block h3 {
    font-size: 16px;
  }

  .doc-table-hint {
    display: block;
  }

  .doc-table {
    font-size: 14px;
  }

  .doc-table th,
  .doc-table td {
    padding: 10px 12px;
  }

  .doc-contacts {
    padding: 16px;
  }
}