fieldset.reservation-type {
	width: fit-content;
}

.seats {
	margin-block: 1em;
	opacity: 0;
	height: 0;
	padding: 0;
	transition: var(--hover);
}

form:has(#seat-reservation:checked) .seats {
	display: block;
	opacity: 1;
	height: fit-content;
	padding: revert;
}