/* TASK-0665 (16.09.2026, решение Дмитрия): SEO-текст главной на мобильной вёрстке (≤ 1023 px) свёрнут
   до первого раздела («Профессиональная мебель…») под кнопку «Читать полностью»; по клику — целиком,
   кнопка «Свернуть». Текст в HTML целиком на всех устройствах: скрытие только max-height + overflow,
   не display:none. Высоту свёрнутого вида (конец первого раздела, до второго заголовка h2) считает
   home-seo-fold-task0665.js и кладёт в --seo-fold-h; без скрипта текст открыт, кнопки нет.
   На ≥ 1024 px ничего не меняется. Свой префикс seo-fold; div в теме — flex, поэтому display с !important. */
.seo-fold,
.seo-fold .seo-fold__body { display: block !important; width: 100%; min-width: 0; }
.seo-fold .seo-fold__btn { display: none !important; }

@media (max-width: 1023px) {
    .seo-fold.is-ready .seo-fold__body { max-height: var(--seo-fold-h, none); overflow: hidden; transition: max-height .35s ease; }
    .seo-fold.is-ready.is-open .seo-fold__body { max-height: none; }
    .seo-fold.is-ready .seo-fold__btn {
        display: inline-flex !important; align-items: center; gap: 10px;
        width: auto !important; height: auto !important; min-width: 0 !important;
        margin: 16px 0 0 !important; padding: 11px 22px !important;
        font-family: inherit; font-size: 15px !important; font-weight: 600 !important; line-height: 1.2 !important;
        color: #234068 !important; background: #fff !important; text-transform: none !important; letter-spacing: 0 !important;
        border: 1px solid rgba(35, 64, 104, .35) !important; border-radius: 999px !important; box-shadow: none !important;
        cursor: pointer; -webkit-tap-highlight-color: transparent;
    }
    .seo-fold.is-ready .seo-fold__btn:hover { border-color: #234068 !important; }
    .seo-fold.is-ready .seo-fold__btn::after {
        content: ""; width: 7px; height: 7px; flex: none;
        border-right: 2px solid currentColor; border-bottom: 2px solid currentColor;
        transform: translateY(-2px) rotate(45deg); transition: transform .2s ease;
    }
    .seo-fold.is-ready.is-open .seo-fold__btn::after { transform: translateY(2px) rotate(-135deg); }
}
@media (prefers-reduced-motion: reduce) {
    .seo-fold .seo-fold__body, .seo-fold .seo-fold__btn::after { transition: none !important; }
}