/* ==============================
   Kelpie Blocks — общие правила на фронтенде.
   Базовый вертикальный отступ между блоками,
   чтобы не использовать «Интервал» в редакторе.
   ============================== */

.kb-hero,
.kb-herod,
.kb-cards,
.kb-benefits,
.kb-faq,
.kb-price-wrap,
.kb-proc,
.kb-pages,
.kb-steps,
.kb-vc,
.kb-compare,
.kb-tariffs,
.kb-order,
.kb-table,
.kb-cars,
.kb-docs,
.kb-facts,
.kb-schemes,
.kb-car-slider,
.kb-expert-form,
.kb-stats,
.kb-2cards {
	margin-top: 0 !important;
	margin-bottom: 88px !important;
}

/* Блок .kb-2cards вне плагина — выравниваем боковой паддинг и max-width
   по стандарту остальных блоков плагина. */
.kb-2cards {
	max-width: 1200px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	box-sizing: border-box !important;
}

@media (max-width: 768px) {
	.kb-hero,
	.kb-cards,
	.kb-2cards,
	.kb-benefits,
	.kb-faq,
	.kb-price-wrap,
	.kb-proc,
	.kb-pages,
	.kb-steps,
	.kb-vc,
	.kb-compare,
	.kb-tariffs,
	.kb-schemes {
		margin-bottom: 56px !important;
	}
}

/* ── Формы внутри блоков плагина ──────────────────────────── */
/* Лейблы и плейсхолдеры полей делаем серыми (#9ca3af) — единый
   текстовый «приглушённый» цвет, который используется в описаниях
   блоков. Тема использует <span class="label"> поверх инпута, поэтому
   правило должно покрывать и его, и нативные placeholder. */
[class*="kb-"] .form input::placeholder,
[class*="kb-"] .form textarea::placeholder,
[class*="kb-"] .form .dynamic-input .label,
[class*="kb-"] .form .label {
	color: #9ca3af !important;
	font-weight: 400 !important;
	opacity: 1 !important;
}