/*
 * Appointment Form Section
 * ----------------------------------------------------------------------- */

.appointment-section {
	padding-block: var(--space-xl);
}

.appointment-card {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: var(--space-lg);
	padding: var(--space-lg);
	background: var(--color-white);
}

.appointment-card__intro h2 {
	margin-top: 0.3rem;
}

.appointment-card__perks {
	margin-top: var(--space-md);
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.appointment-card__perks li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	color: var(--color-dark);
	font-weight: var(--fw-medium);
}

.appointment-card__perks .icon {
	color: var(--color-success);
	flex-shrink: 0;
}

.appointment-form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 var(--space-sm);
	align-content: start;
}

.appointment-form .form-field {
	grid-column: span 1;
}

.appointment-form .form-field:has(textarea),
.appointment-form__submit,
.appointment-form__privacy-note,
.form-message {
	grid-column: 1 / -1;
}

.appointment-form__submit {
	width: 100%;
	margin-top: 0.5rem;
}

.appointment-form__privacy-note {
	font-size: var(--fs-small);
	color: var(--color-gray);
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.a1pro-honeypot {
	position: absolute !important;
	left: -9999px;
	top: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	grid-column: 1 / -1;
}

@media (max-width: 900px) {
	.appointment-card {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.appointment-form {
		grid-template-columns: 1fr;
	}
	.appointment-form .form-field {
		grid-column: 1 / -1;
	}
}