/* Секция заявки — видимая форма перед контактами */
.lead {
	padding: 100px 0 20px;
}

.lead .content {
	max-width: 820px;
}

.lead h2 {
	font-size: 46px;
	font-weight: 600;
	color: var(--b-color-main);
	text-align: center;
}

.lead__sub {
	margin-top: 20px;
	text-align: center;
	color: #544f63;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
}

.lead__form {
	margin-top: 40px;
}

.lead__row {
	display: flex;
	gap: 20px;
}

.lead__row > * {
	flex: 1;
	min-width: 0;
}

.lead__form input,
.lead__form textarea {
	width: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #544f63;
	background-color: #fff;
	border: 1px solid #d8d4e0;
	border-radius: 15px;
	padding: 18px 22px;
	transition: var(--b-transition);
}

.lead__form textarea {
	margin-top: 20px;
	resize: vertical;
}

.lead__form input::placeholder,
.lead__form textarea::placeholder {
	color: #9d97ad;
}

.lead__form input:focus,
.lead__form textarea:focus {
	outline: none;
	border-color: #544f63;
}

.lead__btn {
	display: block;
	width: 100%;
	margin-top: 25px;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	color: #ffffff;
	border: 2px solid #f2d2ec;
	background-color: #544f63;
	border-radius: 15px;
	text-transform: uppercase;
	padding: 20px 50px;
	cursor: pointer;
	transition: var(--b-transition);
}

.lead__btn:hover {
	background-color: #ffffff;
	color: #544f63;
}

.lead__btn:disabled {
	opacity: .6;
	cursor: default;
}

.lead__note {
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: #9d97ad;
}

.lead__status {
	margin-top: 20px;
	padding: 18px 22px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

.lead__status.is-ok {
	background-color: #eef7ef;
	color: #2f6b3a;
}

.lead__status.is-err {
	background-color: #fdeeee;
	color: #8b2c2c;
}

@media screen and (max-width: 992px) {
	.lead {
		padding: 60px 20px 0;
	}
	.lead h2 {
		font-size: 32px;
	}
	.lead__sub {
		font-size: 17px;
	}
	.lead__row {
		flex-direction: column;
		gap: 20px;
	}
	.lead__form input,
	.lead__form textarea,
	.lead__btn {
		font-size: 16px;
	}
}

/* ── Вариант «бирюзовая подложка» — фирменный цвет секций залов ── */
.lead--teal {
	background-color: #508593;
	padding: 80px 20px 80px;
	margin-top: 60px;
}
.lead--teal h2,
.lead--teal .lead__sub {
	color: var(--b-color-white);
}
.lead--teal .lead__note {
	color: rgba(255, 255, 255, .75);
}
.lead--teal .lead__form input,
.lead--teal .lead__form textarea {
	border-color: transparent;
}
.lead--teal .lead__btn {
	background-color: #544f63;
	border-color: #f2d2ec;
}
.lead--teal .lead__btn:hover {
	background-color: #ffffff;
	color: #544f63;
}

/* ── Вариант «светлая подложка» — мягкий тон от основного цвета ── */
.lead--soft {
	background-color: #f4f2f7;
	padding: 80px 20px 80px;
	margin-top: 60px;
}

/* ── Вариант «карточка» — белый фон страницы, форма в рамке с тенью ── */
.lead--card {
	padding: 80px 20px 40px;
}
.lead--card .lead__form {
	background-color: #ffffff;
	border: 1px solid #e4e1ea;
	border-radius: 24px;
	box-shadow: 0 18px 45px rgba(84, 79, 99, .12);
	padding: 40px;
}
@media screen and (max-width: 992px) {
	.lead--teal,
	.lead--soft,
	.lead--card {
		padding: 50px 20px;
		margin-top: 40px;
	}
	.lead--card .lead__form {
		padding: 25px 20px;
	}
}

/* Поле ника Telegram — отдельной строкой под именем и телефоном */
.lead__form .lead__tg {
	margin-top: 20px;
}
