/* 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 */


/* Start:/local/templates/project/assets/css/pages/oplata-i-dostavka.css?17925715663597*/
/* ==========================================================================
   «Оплата и доставка». Подключается после pages/text-page.css.
   .ways          — список способов: картинка/логотип, описание, цена
   .ways--logos   — с логотипами транспортных компаний (шире колонка картинки)
   .ways-lead     — подзаголовок перед списком
   Размеры десктопа сняты с макета: текст 20px Light, заголовки разделов 20px.
   ========================================================================== */

/* Секций мало и они крупные — заголовкам больше воздуха, чем в длинных документах */
.text-page h2 { margin: 36px 0 20px; }
.text-page h1 + h2 { margin-top: 0; }

.text-page .ways-lead {
    margin: 28px 0 16px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
}

.text-page h2 + .ways-lead { margin-top: 0; }

.ways {
    --ways-media: 56px;
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ways--logos { --ways-media: 130px; }

.ways__item {
    display: grid;
    grid-template-columns: var(--ways-media) minmax(0, 1fr);
    align-items: center;
    column-gap: 16px;
    row-gap: 4px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
}

.ways__media { display: flex; align-items: center; justify-content: flex-start; }

.ways__media img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 48px;
}

/* На мобильных цена — под описанием */
.ways__price { grid-column: 2; white-space: nowrap; }
.ways__price-extra { white-space: nowrap; }

@media (min-width: 768px) {
    .ways { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
    .ways--logos { --ways-media: 180px; }
    .ways__media img { max-height: 56px; }
}

@media (min-width: 1024px) {
    .text-page h1 { margin-bottom: 40px; }
    .text-page h2 { margin: 96px 0 42px; font-size: 20px; }
    .text-page h1 + h2 { margin-top: 0; }
    .text-page h2:has(+ .ways-lead) { margin-bottom: 28px; }

    .text-page .ways-lead { margin: 68px 0 50px; font-size: 20px; line-height: 1.2; }
    .text-page h2 + .ways-lead { margin-top: 0; }
    .text-page .ways-lead:has(+ .ways--logos) { margin-bottom: 70px; }

    .ways {
        --ways-media: 78px;
        gap: 80px;
        padding-left: 36px;
    }

    .ways--logos { --ways-media: 240px; }

    .ways__item { column-gap: 22px; font-size: 20px; line-height: 1.2; }

    /* Ширина описаний — как в макете, чтобы строки переносились так же */
    .ways__text { max-width: 410px; }
    .ways--logos .ways__text,
    .ways__item:has(.ways__price) .ways__text { max-width: 280px; }
    .ways__media img { max-height: 60px; }

    /* Цена — отдельной колонкой справа от описания */
    .ways__item:has(.ways__price) { grid-template-columns: var(--ways-media) 320px auto; }
    .ways__price { grid-column: auto; }
    .ways__price-extra { display: block; }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .ways { gap: 48px; padding-left: 0; }
    .ways--logos { --ways-media: 180px; }
    .ways__item { font-size: 18px; }
    .ways__item:has(.ways__price) { grid-template-columns: var(--ways-media) minmax(0, 1fr) auto; }
    .ways__text { max-width: none; }
}
/* End */
/* /local/templates/project/assets/css/pages/text-page.css?17925331934757 */
/* /local/templates/project/assets/css/pages/oplata-i-dostavka.css?17925715663597 */