/**
 * Каталог /reklama/: заголовок страницы и общий ритм секций.
 *
 * Секции каталога собраны из блоков разных страниц, и у каждого свой
 * отступ сверху: карта области и блок расчёта пришли с главной со своими
 * 110px, остальные — по 60px. На каталоге приводим всё к одному шагу:
 * 60px на десктопе, 40px на планшете и телефоне.
 */

/* Заголовок страницы (parts/address/page-head.php) */

.sm-page-head {
	padding-top: 16px;
}

.sm-page-head__title {
	margin: 0;
	font-family: var(--sm-font);
	font-size: 36px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: normal;
	text-transform: none;
	color: var(--sm-ink);
}

.sm-page-head__accent {
	color: var(--sm-purple);
}

/* Первый блок под заголовком стоит ближе: заголовок и акции — одна связка. */
.sm-page-head + .sm-promos,
.sm-page-head + .sm-filters {
	padding-top: 32px;
}

/* Общий шаг секций */

.sm-redesign--address .sm-coverage,
.sm-redesign--address .sm-calc {
	padding-top: 60px;
}

@media (max-width: 900px) {
	.sm-redesign--address .sm-coverage,
	.sm-redesign--address .sm-calc {
		padding-top: 40px;
	}
}

@media (max-width: 767px) {
	.sm-page-head {
		padding-top: 12px;
	}

	.sm-page-head__title {
		font-size: 24px;
	}

	.sm-page-head + .sm-promos,
	.sm-page-head + .sm-filters {
		padding-top: 24px;
	}
}