/* Start:/local/templates/sinagear/components/bitrix/catalog.section/section/style.css?17918058546341*/
/*
 * SEO-текст под листингом каталога (описание раздела или текст SEO-страницы фильтра), 09.10.2026.
 * Все правила — только внутри .seo-text. Размеры — резиновой формулой сайта
 * min(N / var(--vw-screen) * 100 * 1vw, Npx), точки перелома как в index.min.css: 1023px и 574px.
 * Шрифты не задаём: текст наследует .typo-b-1 (PitagonSansMono 300), заголовки — Roboto Flex 700 сайта.
 */
.seo-text {
    --seo-lh: 1.8;
    max-width: 868px;
}

.seo-text > :first-child {
    margin-top: 0;
}

/* Абзацы */
.seo-text p {
    margin: 0 0 min(20 / var(--vw-screen) * 100 * 1vw, 20px);
    line-height: var(--seo-lh);
}

/* Заголовки */
.seo-text h2 {
    margin: min(48 / var(--vw-screen) * 100 * 1vw, 48px) 0 min(16 / var(--vw-screen) * 100 * 1vw, 16px);
    font-size: min(28 / var(--vw-screen) * 100 * 1vw, 28px);
    line-height: 1.2;
}

.seo-text h2:first-of-type {
    margin-top: 0;
}

.seo-text h3 {
    margin: min(32 / var(--vw-screen) * 100 * 1vw, 32px) 0 min(12 / var(--vw-screen) * 100 * 1vw, 12px);
    font-size: min(20 / var(--vw-screen) * 100 * 1vw, 20px);
    line-height: 1.2;
}

/* Списки */
.seo-text ul,
.seo-text ol {
    margin: 0 0 min(20 / var(--vw-screen) * 100 * 1vw, 20px);
    padding-left: 24px;
    list-style: none;
}

.seo-text ol {
    padding-left: 28px;
    counter-reset: seo-text-ol;
}

.seo-text li {
    position: relative;
    margin-bottom: min(10 / var(--vw-screen) * 100 * 1vw, 10px);
    line-height: var(--seo-lh);
}

.seo-text li:last-child {
    margin-bottom: 0;
}

/* Квадратный маркер по центру первой строки */
.seo-text ul > li::before {
    content: "";
    position: absolute;
    top: calc(var(--seo-lh) * 0.5em - 3px);
    left: -24px;
    width: 6px;
    height: 6px;
    background-color: var(--c-orange);
}

.seo-text ol > li {
    counter-increment: seo-text-ol;
}

.seo-text ol > li::before {
    content: counter(seo-text-ol) ".";
    position: absolute;
    top: 0;
    left: -28px;
    color: var(--c-orange);
    font-weight: 700;
}

/* Ссылки */
.seo-text a {
    color: var(--c-orange);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color .3s ease-in-out;
}

.seo-text a:hover {
    color: var(--c-orange-dark);
}

/* FAQ: последний h2 в каждом тексте, вопросы-ответы — абзацы после него */
.seo-text h2:last-of-type {
    margin-bottom: 8px;
}

.seo-text h2:last-of-type ~ p {
    margin: 0;
    padding: 16px 0;
    border-top: 1px solid var(--c-black16);
}

.seo-text h2:last-of-type ~ p:last-of-type {
    border-bottom: 1px solid var(--c-black16);
}

/* Вопрос и ответ FAQ (разделяются при выводе в template.php) */
.seo-text h2:last-of-type ~ p.seo-faq__item {
    padding: 20px 0;
}

.seo-text .seo-faq__q {
    position: relative;
    display: block;
    margin-bottom: 8px;
    padding-left: 20px;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: min(18 / var(--vw-screen) * 100 * 1vw, 18px);
    line-height: 1.3;
    font-variation-settings: "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712, "slnt" 0, "wdth" 150;
}

.seo-text .seo-faq__q::before {
    content: "";
    position: absolute;
    top: calc(0.65em - 3px);
    left: 0;
    width: 6px;
    height: 6px;
    background-color: var(--c-orange);
}

.seo-text .seo-faq__a {
    display: block;
    padding-left: 20px;
}

@media screen and (max-width: 1023px) {
    .seo-text {
        --seo-lh: 1.4;
    }

    .seo-text h2 {
        font-size: min(24 / var(--vw-screen) * 100 * 1vw, 24px);
    }

    .seo-text h3 {
        font-size: min(18 / var(--vw-screen) * 100 * 1vw, 18px);
    }

    .seo-text .seo-faq__q {
        font-size: min(16 / var(--vw-screen) * 100 * 1vw, 16px);
    }
}

@media screen and (max-width: 574px) {
    .seo-text {
        --seo-lh: 1.6;
        /* отступ от сетки: 32px у .products-grid-footer + 16px = 48px (padding — margin схлопнулся бы с родительским) */
        padding-top: min(16 / var(--vw-screen) * 100 * 1vw, 16px);
    }

    .seo-text p,
    .seo-text li {
        font-size: min(15 / var(--vw-screen) * 100 * 1vw, 15px);
    }

    .seo-text h2 {
        margin-top: min(36 / var(--vw-screen) * 100 * 1vw, 36px);
        font-size: min(20 / var(--vw-screen) * 100 * 1vw, 20px);
    }

    .seo-text h3 {
        margin-top: min(24 / var(--vw-screen) * 100 * 1vw, 24px);
        font-size: min(16 / var(--vw-screen) * 100 * 1vw, 16px);
    }
}

/*
 * Кнопки сезонов над листингом SEO-страниц каталога (/catalog/odejda-…/), 12.10.2026.
 * Сама кнопка — штатный .btn сайта (как «Коллекции»/«Профиль» в шапке), здесь только раскладка
 * и активное состояние. На мобильных — горизонтальная прокрутка без полосы.
 */
.seo-season-nav {
    display: flex;
    justify-content: center;
    gap: min(8 / var(--vw-screen) * 100 * 1vw, 8px);
    overflow-x: auto;
    scrollbar-width: none;
    /* шрифт как у .btn в шапке: там он наследуется от родителя */
    font-family: var(--font-secondary), monospace;
    font-weight: 400;
    font-size: min(16 / var(--vw-screen) * 100 * 1vw, 16px);
}

.seo-season-nav::-webkit-scrollbar {
    display: none;
}

.seo-season-nav .seo-season-nav__btn {
    flex: 0 0 auto;
    white-space: nowrap;
    font: inherit;
}

.seo-season-nav .seo-season-nav__btn--active {
    background-color: var(--c-white);
    box-shadow: inset 0 0 0 1px var(--c-orange);
    pointer-events: none;
}

@media (max-width: 574px) {
    .seo-season-nav {
        justify-content: flex-start;
        font-size: 12px; /* как мелкие подписи сайта (.typo-l-2) на мобильных */
    }

    .seo-season-nav .seo-season-nav__btn {
        padding: 10px 12px;
        line-height: 16px;
    }
}

/* End */
/* /local/templates/sinagear/components/bitrix/catalog.section/section/style.css?17918058546341 */