/* Start:/local/templates/project/assets/css/pages/text-page.css?17925331934757*/
/* ==========================================================================
   Текстовые страницы: политика, оферта, соглашения, оплата и доставка…
   Стили по тегам внутри .text-page — текст можно править в визуальном
   редакторе Bitrix без классов. Своя раскладка страницы (как у доставки) —
   в отдельном файле pages/<страница>.css. Проверка всех тегов — ui.php.
   ========================================================================== */

.text-page {
    padding-bottom: 48px;
    font-size: 14px;
    line-height: 1.5;
}

.text-page > :first-child:not(h1) { margin-top: 0; }
.text-page > :last-child { margin-bottom: 0; }

/* --- Заголовки --------------------------------------------------------- */
.text-page h1 {
    margin: 6px 0 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.15;
    text-transform: uppercase;
}

.text-page h2 {
    margin: 28px 0 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
}

.text-page :is(h3, h4, h5, h6) { margin: 20px 0 8px; font-weight: 600; line-height: 1.3; }
.text-page h3 { font-size: 15px; }
.text-page h4 { font-size: 14px; }
.text-page :is(h5, h6) { font-size: 13px; }
.text-page h6 { color: var(--text-muted); }

/* Подзаголовок сразу после заголовка раздела — без двойного отступа */
.text-page :is(h2, h3) + :is(h3, h4) { margin-top: 12px; }

/* --- Текст ------------------------------------------------------------- */
.text-page p { margin: 0 0 .6em; }
.text-page strong, .text-page b { font-weight: 600; }
.text-page mark { padding: 0 .15em; background: var(--band-deep); color: inherit; }
.text-page abbr[title] { text-decoration: underline dotted; cursor: help; }

.text-page a:not([class]) {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    overflow-wrap: anywhere; /* длинные адреса и e-mail не ломают ширину на мобильных */
}

.text-page a:not([class]):hover { color: var(--accent); }
.text-page a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* --- Списки: маркер «—», как в исходных документах ---------------------- */
.text-page :is(ul, ol):not([class]) { margin: 0 0 .8em; padding-left: 1.4em; }
.text-page ul:not([class]) { list-style: "—\2002"; }
.text-page li:not([class]) + li:not([class]) { margin-top: .3em; }
.text-page li > :is(ul, ol):not([class]) { margin: .3em 0 0; }

.text-page dl { margin: 0 0 .8em; }
.text-page dt { font-weight: 600; }
.text-page dd { margin: 0 0 .4em 1.4em; }

/* --- Прочее ------------------------------------------------------------ */
.text-page hr { height: 0; margin: 28px 0; border: 0; border-top: 1px solid var(--line); }

.text-page blockquote {
    margin: 0 0 .8em;
    padding: 4px 0 4px 16px;
    border-left: 2px solid var(--accent);
    color: var(--accent);
}

.text-page :is(code, pre) { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .9em; }
.text-page code { padding: .1em .3em; border-radius: 4px; background: var(--band); }

.text-page pre {
    margin: 0 0 .8em;
    padding: 12px 16px;
    overflow-x: auto;
    border-radius: var(--radius-chip);
    background: var(--band);
}

.text-page pre code { padding: 0; background: none; }

.text-page figure { margin: 0 0 .8em; }
.text-page figcaption { margin-top: 6px; color: var(--text-muted); font-size: .85em; }
.text-page img { height: auto; }

/* Таблицы: на мобильных прокручиваются внутри себя, страница не уезжает вбок */
.text-page table {
    display: block;
    max-width: 100%;
    margin: 0 0 .8em;
    overflow-x: auto;
    border-collapse: collapse;
}

.text-page caption { margin-bottom: 6px; color: var(--text-muted); font-size: .85em; text-align: left; }

.text-page :is(th, td) {
    padding: 8px 12px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    vertical-align: top;
}

.text-page th { font-weight: 600; }
.text-page tfoot td { font-weight: 600; }

@media (min-width: 1024px) {
    .text-page { padding-bottom: 96px; font-size: 16px; line-height: 1.45; }
    .text-page h1 { margin: 26px 0 36px; font-size: 36px; }
    .text-page h2 { margin-top: 36px; font-size: 18px; }
    .text-page h3 { font-size: 16px; }
    .text-page h4 { font-size: 15px; }
    .text-page :is(h5, h6) { font-size: 14px; }
}

/* End */
/* /local/templates/project/assets/css/pages/text-page.css?17925331934757 */