.aanvraag-aansluitingen {
	display: flex;
	flex-direction: column;
	gap: var(--space-m);
}

.aanvraag-loading,
.aanvraag-adres {
	font-family: var(--font-body);
	color: var(--color-text);
}

.aanvraag-adres {
	font-weight: var(--font-weight-medium);
}

.aanvraag-product {
	display: flex;
	flex-direction: column;
	gap: var(--space-3xs);
}

.aanvraag-product__heading {
	font-family: var(--font-heading);
	font-size: 1rem;
	font-weight: var(--font-weight-semibold);
	color: var(--color-text);
	margin: 0;
}

.aanvraag-product__note {
	font-family: var(--font-body);
	font-size: 0.875rem;
	color: var(--color-text-muted);
	margin: 0;
}

.aanvraag-product__note--warning {
	color: var(--color-error, #b32d2e);
}

.aanvraag-product__note--multi {
	color: var(--color-text);
	font-weight: var(--font-weight-medium);
}

.aanvraag-product-group {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xs);
	margin-bottom: var(--space-m);
}

.aanvraag-product__auto {
	font-family: var(--font-body);
	color: var(--color-success, #1a7f37);
	margin: 0;
}

.aanvraag-product__manual-input {
	font-family: var(--font-body);
	border-radius: var(--radius-m);
	border: 1px solid var(--color-line, #edf8ff);
	padding: var(--space-2xs) var(--space-s);
	max-width: 22rem;
}

.aanvraag-product__options {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xs);
}

.aanvraag-product__option {
	display: flex;
	align-items: center;
	gap: var(--space-2xs);
	font-family: var(--font-body);
	font-size: 0.9rem;
	color: var(--color-text);
	cursor: pointer;
}

.aanvraag-tabel {
	width: 100%;
	border-collapse: collapse;
}

.aanvraag-tabel th,
.aanvraag-tabel td {
	text-align: left;
	padding: var(--space-2xs) var(--space-s);
	border-bottom: 1px solid var(--color-line, #edf8ff);
	font-family: var(--font-body);
	font-size: 0.9rem;
	color: var(--color-text);
}

.aanvraag-tabel th {
	color: var(--color-text-muted);
	font-weight: var(--font-weight-medium);
	white-space: nowrap;
}

.aanvraag-tabel td label {
	display: inline-flex;
	margin: 0;
	cursor: pointer;
}

.aanvraag-product-missing {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xs);
	padding: var(--space-2xs) 0;
}

.aanvraag-optout {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xs);
	padding-top: var(--space-2xs);
	border-top: 1px solid var(--color-line, #edf8ff);
}

.aanvraag-optout__label {
	display: flex;
	align-items: center;
	gap: var(--space-2xs);
	font-family: var(--font-body);
	font-size: 0.9rem;
	color: var(--color-text);
	cursor: pointer;
}

.aanvraag-fallback {
	display: flex;
	flex-direction: column;
	gap: var(--space-s);
}

.aanvraag-fallback__options {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xs);
}

.aanvraag-step3-error {
	font-family: var(--font-body);
	font-size: 0.875rem;
	font-weight: var(--font-weight-medium);
	margin: 0;
}

@media (max-width: 47.9375rem) {
	.aanvraag-tabel thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.aanvraag-tabel,
	.aanvraag-tabel tbody,
	.aanvraag-tabel tr,
	.aanvraag-tabel td {
		display: block;
		width: 100%;
	}

	.aanvraag-tabel tr {
		margin-bottom: var(--space-s);
		border: 1px solid var(--color-line, #edf8ff);
		border-radius: var(--radius-m);
		padding: var(--space-xs) var(--space-s);
	}

	.aanvraag-tabel td {
		border: none;
		padding: var(--space-3xs) 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-s);
	}

	.aanvraag-tabel td::before {
		content: attr(data-label);
		font-weight: var(--font-weight-medium);
		color: var(--color-text-muted);
	}
}

.aanvraag-overzicht__blocks {
	display: flex;
	flex-direction: column;
	gap: var(--space-l);
}

.aanvraag-overzicht__group {
	display: flex;
	flex-direction: column;
	gap: var(--space-3xs);
	padding-bottom: var(--space-m);
	border-bottom: 1px solid var(--color-line, #edf8ff);
}

.aanvraag-overzicht__group:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.aanvraag-overzicht__group-title {
	font-family: var(--font-heading);
	font-size: 1.1rem;
	font-weight: var(--font-weight-semibold);
	color: var(--color-text);
	margin: 0 0 var(--space-2xs);
}

.aanvraag-overzicht__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--space-m);
	padding: var(--space-3xs) 0;
	font-family: var(--font-body);
	font-size: 0.9rem;
}

.aanvraag-overzicht__label {
	color: var(--color-text-muted);
	font-weight: var(--font-weight-medium);
	white-space: nowrap;
}

.aanvraag-overzicht__value {
	color: var(--color-text);
	text-align: right;
}

@media (max-width: 47.9375rem) {
	.aanvraag-overzicht__row {
		flex-direction: column;
		gap: var(--space-3xs);
	}

	.aanvraag-overzicht__value {
		text-align: left;
	}
}