/* ==============================
   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 {
	margin-top: 0 !important;
	margin-bottom: 88px !important;
}

@media (max-width: 768px) {
	.kb-hero,
	.kb-cards,
	.kb-benefits,
	.kb-faq,
	.kb-price-wrap,
	.kb-proc,
	.kb-pages,
	.kb-steps,
	.kb-vc,
	.kb-compare,
	.kb-tariffs {
		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;
}