/**
 * Текст города под каталогом.
 *
 * Оформление сдержанное: это читаемый текст, а не блок макета. Ширина
 * ограничена — длинные строки на всю ширину экрана читать тяжело.
 */

.sm-seotext {
	padding-top: 60px;
}

.sm-seotext__body {
	max-width: 900px;
	font-family: var(--sm-font-ui);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--sm-ink-soft);
}

.sm-seotext__body > * + * {
	margin-top: 14px;
}

.sm-seotext__body :is(h2, h3, h4) {
	margin-top: 28px;
	font-family: var(--sm-font);
	font-weight: 600;
	line-height: 1.25;
	color: var(--sm-ink);
}

.sm-seotext__body h2 {
	font-size: 26px;
}

.sm-seotext__body h3 {
	font-size: 20px;
}

.sm-seotext__body h4 {
	font-size: 17px;
}

.sm-seotext__body :is(ul, ol) {
	padding-left: 20px;
	list-style: disc;
}

.sm-seotext__body ol {
	list-style: decimal;
}

.sm-seotext__body li + li {
	margin-top: 6px;
}

.sm-seotext__body a {
	color: var(--sm-purple);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.sm-seotext__body :is(img, table) {
	max-width: 100%;
}

@media (max-width: 900px) {
	.sm-seotext {
		padding-top: 40px;
	}

	.sm-seotext__body h2 {
		font-size: 22px;
	}
}