/**
 * Callback request form.
 */

.lm-callback {
	max-width: 28rem;
	padding: clamp(1.25rem, 3vw, 1.75rem);
	border: 1px solid var(--line, #ece7de);
	border-radius: var(--radius, 18px);
	background: var(--white, #fff);
	box-shadow: var(--shadow, 0 18px 50px -24px rgba(26, 25, 23, .35));
}

.lm-callback__title {
	margin: 0 0 .4rem;
	font-family: var(--font-display, Georgia, serif);
	font-size: clamp(1.25rem, 3vw, 1.55rem);
	line-height: 1.15;
}

.lm-callback__hint {
	margin: 0 0 1.1rem;
	color: var(--muted, #8a8580);
	font-size: .9rem;
	line-height: 1.45;
}

.lm-callback__label {
	display: block;
	margin-bottom: .3rem;
	font-family: var(--font-body, system-ui, sans-serif);
	font-size: .9rem;
	font-weight: 600;
}

.lm-callback__input {
	width: 100%;
	margin-bottom: .9rem;
	padding: .8rem 1rem;
	border: 1px solid var(--line, #ece7de);
	border-radius: var(--radius-sm, 12px);
	background: var(--white, #fff);
	font-family: var(--font-body, system-ui, sans-serif);
	font-size: 1rem;
}

.lm-callback__input:focus {
	border-color: var(--red, #ee3a29);
	box-shadow: 0 0 0 3px rgba(238, 58, 41, .15);
	outline: none;
}

.lm-callback__submit {
	width: 100%;
}

.lm-callback__error {
	margin: 0 0 .9rem;
	padding: .7rem .9rem;
	border-left: 3px solid var(--red, #ee3a29);
	border-radius: var(--radius-sm, 12px);
	background: #fdeceb;
	color: #a3271b;
	font-size: .88rem;
}

.lm-callback__done {
	margin: 1rem 0 0;
	padding: 1rem;
	border-radius: var(--radius-sm, 12px);
	background: #eef7ef;
	color: #1f6b34;
	font-size: .95rem;
}

.lm-callback__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}