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

.kb-hero,
.kb-herod,
.kb-cards,
.kb-benefits,
.kb-faq,
.kb-price-wrap,
.kb-proc,
.kb-pages,
.kb-steps,
.kb-steps2,
.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,
.kb-dp,
.kb-dchain,
.kb-di,
.kb-dtabs,
.kb-it,
.kb-tf {
	margin-top: 0 !important;
	margin-bottom: 88px !important;
}

/* Блоки без собственного центрирования (максимум 1200px + боковой паддинг). */
.kb-2cards,
.kb-dp,
.kb-dchain,
.kb-di,
.kb-dtabs,
.kb-it,
.kb-tf,
.kb-steps2 {
	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-herod,
	.kb-cards,
	.kb-benefits,
	.kb-faq,
	.kb-price-wrap,
	.kb-proc,
	.kb-pages,
	.kb-steps,
	.kb-steps2,
	.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,
	.kb-dp,
	.kb-dchain,
	.kb-di,
	.kb-dtabs,
	.kb-it,
	.kb-tf {
		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;
}