/* ==========================================================================
   Blok 8 · Poptávka — maket 98:817 (1440 × 796, pozadí #F2B705)
   Řada 60/90 (1320 × 616): vlevo sloupec 704, mezera 56, formulář 560.
   Vlevo: štítek 17, nadpis 39 (3 × 23), popis 130, kontakty 208,
   tmavá plocha se zárukami 380 (704 × 198).
   ========================================================================== */

.bx-lead { background: var(--bx-yellow); }

.bx-lead__inner {
	max-width: var(--bx-page);
	margin-inline: auto;
	padding: 90px var(--bx-gutter);
	display: flex;
	align-items: flex-start;
	gap: 56px;
}

/* --- Levý sloupec ---------------------------------------------------------- */
.bx-lead__left {
	flex: 0 0 704px;
	width: 704px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.bx-lead__label { color: var(--bx-ink); }

/* V maketu je nadpis malý — tři řádky po 23 px, ne velký nadpis sekce. */
.bx-lead__title {
	margin-top: 22px;
	font-family: var(--bx-font-head);
	font-weight: 500;
	font-size: var(--bx-menu-size);
	line-height: 23px;
	letter-spacing: var(--bx-menu-ls);
	text-transform: uppercase;
	color: var(--bx-ink);
}
.bx-lead__line { display: block; }

.bx-lead__text {
	margin-top: 22px;
	color: var(--bx-ink);
	font-family: var(--bx-font-bx);
	font-size: var(--bx-itm-size);
	line-height: 28px;
	max-width: 704px;
}

/* Rám „Kontakty“ začíná 22 px pod popisem, první řádek má 10 px odsazení. */
.bx-lead__contacts {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 32px;
}

.bx-lead__contact {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 40px;
	color: var(--bx-ink);
}

.bx-lead__contact-icon {
	width: 40px; height: 40px;
	flex: 0 0 40px;
	border-radius: 999px;
	background: var(--bx-ink);
	color: var(--bx-yellow);
	align-items: center;
	justify-content: center;
}
.bx-lead__contact-icon svg { width: 18px; height: 18px; }

.bx-lead__promises {
	margin-top: 14px;
	width: 100%;
	background: var(--bx-ink);
	padding: 22px 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bx-lead__promises-title {
	color: var(--bx-yellow);
	line-height: 18px;
}
.bx-lead__promises .bx-bullets__item { color: var(--bx-cream); }

/* --- Formulář -------------------------------------------------------------- */
.bx-lead__form {
	flex: 0 0 560px;
	width: 560px;
	background: var(--bx-cream);
	padding: 36px;
}

/* Rozměry z maketu (rám 98:836, 560 × 616):
   pole 69 (17 + 8 + 44), mezery 18, volby 113, popis 99, tlačítko 60, poznámka 44. */
.bx-lead__form .bx-form__input { padding-bottom: 18px; }
.bx-lead__form .bx-form__fields { gap: 18px; }
/* V bloku Poptávka jsou jméno/telefon a e-mail/lokalita ve dvou řadách po dvou. */
.bx-lead__form .bx-form__field--place { grid-column: auto; }
.bx-lead__form .bx-form__field--want { gap: 12px; margin-top: 0; }
.bx-lead__form .bx-form__chips { gap: 10px; }
/* Volby v tomhle formuláři jsou verzálkami, rám 37 px (10 + 17 + 10). */
.bx-lead__form .bx-chip__text {
	padding: 10px 14px;
	font-family: var(--bx-font-head);
	font-weight: 500;
	font-size: var(--bx-caps-size);
	line-height: var(--bx-caps-lh);
	letter-spacing: var(--bx-caps-ls);
	text-transform: uppercase;
}
.bx-lead__form .bx-form__textarea { min-height: 74px; padding-bottom: 0; }
.bx-lead__form .bx-form__submit { margin-top: 18px; padding: 21px 28px; min-height: 60px; }
.bx-lead__form .bx-form__note { margin-top: 18px; }

/* --- Adaptiv --------------------------------------------------------------- */
@media (max-width: 1360px) {
	.bx-lead__left { flex: 1 1 0; width: auto; }
	.bx-lead__form { flex: 0 0 480px; width: 480px; }
	.bx-lead__inner { gap: 36px; }
}

@media (max-width: 980px) {
	.bx-lead__inner { flex-direction: column; padding-block: var(--bx-section-y); gap: 40px; }
	.bx-lead__left { flex: 1 1 auto; width: 100%; }
	.bx-lead__form { flex: 1 1 auto; width: 100%; }
}

@media (max-width: 600px) {
	.bx-lead__form { padding: 24px 20px; }
	.bx-lead__promises { padding: 22px 20px; }
	.bx-lead__contact { height: auto; }
}