/*
 * Gratis bedrijfsscan — formulier op /gratis-scan/ (page-gratis-scan.php).
 * Bouwt voort op .kc-form uit style.css; de keuzeknoppen volgen de .chip-stijl van de
 * vragenlijst (assets/css/vragenlijst.css), hier gescoped op .bscan-form.
 */
.bscan-form { max-width: 760px; margin: 0 auto; }
.bscan-vraag { border: 0; margin: 34px 0 0; padding: 26px 0 0; border-top: 1px solid var(--line); min-width: 0; }
.bscan-vraag legend {
	display: flex; align-items: center; gap: 12px; padding: 0; margin-bottom: 14px;
	font-family: 'Fraunces', serif; font-size: 1.22rem; color: var(--paper);
}
.bscan-nr {
	flex: none; display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
	border: 1px solid var(--clay); color: var(--clay); font-family: 'Outfit', sans-serif; font-size: .88rem; font-weight: 600;
}
.bscan-hint { display: block; color: var(--muted); font-size: .88rem; font-weight: 300; margin-bottom: 10px; }
.bscan-hint-tweede { margin-top: 18px; }
.bscan-anders { margin-top: 16px; }
.bscan-form .kc-field > .bscan-hint { margin-bottom: 8px; }
.bscan-form .chips { display: flex; flex-wrap: wrap; gap: 10px; }
.bscan-form .chip { position: relative; }
.bscan-form .chip input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.bscan-form .chip span {
	display: inline-block; padding: 9px 18px; border: 1px solid var(--line); border-radius: 30px;
	font-size: .9rem; color: var(--paper); transition: all .25s; cursor: pointer;
}
.bscan-form .chip input:checked + span { background: var(--clay-soft); border-color: var(--clay); color: var(--paper); }
.bscan-form .chip input:focus-visible + span { border-color: var(--moss-bright); }
.bscan-form .kc-actions { margin-top: 34px; }
.bscan-form .price-note { margin-top: 14px; text-align: left; }