/*
 * Вертикальный ритм главной. Пишется руками (не сборщиком) и подключается после CSS блоков.
 *
 * Блоки H02–H12 свёрстаны по отдельности, у каждого свой внутренний отступ 0–38 px,
 * поэтому на общей странице заголовок следующей секции прилипал к кнопкам предыдущей.
 * Здесь один шаг для всех: фон секции растягивается вместе с отступом, стык остаётся чистым.
 *
 * Селектор .site-main > .dvb > section[class] (0,3,1) сильнее изолированных правил блока
 * вида .dvb-h02-process .dva-process (0,2,0). !important не нужен.
 */

:root {
	--dvapro-section-y: clamp(44px, 5vw, 72px);
}

.site-main > .dvb > section[class] {
	padding-top: var(--dvapro-section-y);
	padding-bottom: var(--dvapro-section-y);
}

/* «Оплата»: секцию закрывает белая полоса с логотипом — под ней отступ давал пустой тёмный пояс. */
.site-main > .dvb-h07-payment > section[class] {
	padding-bottom: 0;
}

/* Итоговая заявка: форма — главное действие, сверху чуть больше воздуха; снизу фон-фото,
   полный отступ читался как пустая серая полоса. */
.site-main > .dvb-h12-selection > section[class] {
	padding-top: calc(var(--dvapro-section-y) + 8px);
	padding-bottom: calc(var(--dvapro-section-y) * .6);
}

/* Контакты перед тёмным подвалом: отступ только сверху, низ уже отбит подвалом. */
.dvb-footer > .dva-page > .dva-main {
	padding-top: var(--dvapro-section-y);
	padding-bottom: calc(var(--dvapro-section-y) * .75);
}

/* Отступ секции не должен прятать заголовок под шапкой при переходе по якорю. */
.site-main > .dvb > section[id] {
	scroll-margin-top: 16px;
}