/*=========================
  REQUEST CALLBACK BLOCK
  Coloured callback box: phone icon + intro + reveal form. 1:1 of live c-request-callback.
=========================*/
.block-request-callback [hidden] { display: none !important; }

.block-request-callback .c-request-callback__wrapper {
	display: flex;
	gap: var(--space-5);
	align-items: flex-start;
	max-width: 820px;
	margin: 0 auto;
	border-radius: 1.6rem;
	padding: 30px 40px;
}
@media (max-width: 600px) {
	.block-request-callback .c-request-callback__wrapper {
		flex-direction: column;
		padding: var(--space-5);
		text-align: left;
	}
}

.block-request-callback .c-request-callback__icon { flex-shrink: 0; }
.block-request-callback .c-request-callback__icon .c-icon {
	display: inline-flex;
	width: 125px;
	height: 125px;
	color: var(--color-n-black);
}
.block-request-callback .c-request-callback__icon svg { width: 100%; height: 100%; }

.block-request-callback .c-request-callback__body { flex: 1; min-width: 0; }
.block-request-callback .c-request-callback__title { margin: 0 0 .6rem; color: var(--color-n-black); }
.block-request-callback .c-request-callback__copy { color: var(--color-n-black); margin-bottom: var(--space-4); }
.block-request-callback .c-request-callback__copy p { margin: 0; }

/* ── Buttons (orange pill + outline) ─────────────────────────────────── */
.block-request-callback .c-btn--primary,
.block-request-callback .c-btn--secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	cursor: pointer;
	font-family: inherit;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	padding: .9em 2.2em;
	text-decoration: none;
	transition: background-color .3s cubic-bezier(.4,0,0,1), color .3s cubic-bezier(.4,0,0,1);
}
.block-request-callback .c-btn--primary {
	background: var(--color-n-black);
	border: 2px solid var(--color-n-black);
	color: var(--color-n-white);
}
.block-request-callback .c-btn--primary:hover { background: transparent; color: var(--color-n-black); }
.block-request-callback .c-btn--secondary {
	background: transparent;
	border: 2px solid var(--color-n-black);
	color: var(--color-n-black);
}
.block-request-callback .c-btn--secondary:hover { background: var(--color-n-black); color: var(--color-n-white); }
.block-request-callback .c-btn span { display: inline-block; }

/* ── Form ────────────────────────────────────────────────────────────── */
.block-request-callback .c-request-callback__form { margin-top: var(--space-4); max-width: 460px; }
.block-request-callback .form__row { margin-bottom: var(--space-3); }
.block-request-callback .c-request-callback__form label {
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: .8rem;
	color: var(--color-n-black);
}
.block-request-callback .c-request-callback__form label span[title="required"] { color: #ee0004; }
.block-request-callback .c-request-callback__form input[type="text"] {
	width: 100%;
	height: 6rem;
	padding: 10px 20px;
	background: #fff;
	border: 2px solid rgba(0,0,0,.12);
	border-radius: 0;
	box-shadow: none;
	color: var(--color-n-black);
	font-family: inherit;
	font-size: 17px;
	transition: border .3s cubic-bezier(.4,0,0,1);
}
.block-request-callback .c-request-callback__form input::placeholder { color: #69696a; }
.block-request-callback .c-request-callback__form input:focus { border-color: var(--color-n-black); outline: none; }

.block-request-callback .c-request-callback__form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-4);
}

.block-request-callback .c-alert {
	margin-bottom: var(--space-3);
	padding: 1.2rem 1.6rem;
	background: #fff;
	border-left: 4px solid #ee0004;
	color: #ee0004;
	font-weight: 600;
}