/* Типографика SEO-текста в разделах каталога.
   В шаблоне у p и заголовков внутри .catalog-text__content обнулены отступы,
   из-за чего заголовки прилипали к предыдущему абзацу.
   Отступы заданы по закону близости: сверху у заголовка втрое больше, чем снизу,
   поэтому заголовок визуально принадлежит своему тексту, а не предыдущему.
   SEOIDEA, 04.09.2026. */

.catalog-text__content > * {
    margin-top: 0;
    margin-bottom: 0;
}

.catalog-text__content p {
    margin: 0 0 20px;
}

.catalog-text__content h2 {
    margin: 48px 0 16px;
    line-height: 1.2;
}

.catalog-text__content h3 {
    margin: 40px 0 12px;
    line-height: 1.2;
}

.catalog-text__content h4 {
    margin: 32px 0 10px;
    line-height: 1.25;
}

/* первый и последний элементы не отбиваются от краёв блока */
.catalog-text__content > *:first-child {
    margin-top: 0;
}

.catalog-text__content > *:last-child {
    margin-bottom: 0;
}

.catalog-text__content ul,
.catalog-text__content ol {
    margin: 0 0 20px;
    padding-left: 22px;
}

.catalog-text__content li {
    margin-bottom: 6px;
}

.catalog-text__content li:last-child {
    margin-bottom: 0;
}

.catalog-text__content table {
    margin: 0 0 24px;
    border-collapse: collapse;
}

.catalog-text__content th,
.catalog-text__content td {
    padding: 8px 12px;
    border: 1px solid #e3e6ea;
    text-align: left;
    vertical-align: top;
}

/* вопросы FAQ: абзац, начинающийся с выделения, получает чуть больше воздуха */
.catalog-text__content p > strong:first-child {
    display: inline-block;
    margin-bottom: 2px;
}

/* сноска в конце текста — тише основного текста */
.catalog-text__content small {
    display: block;
    margin-top: 28px;
    font-size: 14px;
    line-height: 1.5;
    color: #8a9099;
}

/* на узких экранах заголовки мельче, отступы плотнее */
@media (max-width: 768px) {
    .catalog-text__content h2 {
        margin: 34px 0 12px;
        font-size: 24px;
    }

    .catalog-text__content h3 {
        margin: 30px 0 10px;
        font-size: 21px;
    }

    .catalog-text__content p,
    .catalog-text__content ul,
    .catalog-text__content ol {
        margin-bottom: 16px;
    }
}