.afs{padding-bottom:clamp(72px,9vw,120px)}.afs__raster{grid-template-columns:minmax(0,1fr);display:grid}.afs__kop .pkop--ingebed{padding-block:clamp(20px,3vw,40px) 8px}.afs__kop .pkop--ingebed .pkop__raster{grid-template-columns:minmax(0,1fr)}.afs__kop .pkop--ingebed .pkop__raster>*{grid-area:auto/1/auto/-1}.afs__form{min-width:0;padding-top:18px}.afs__formkop{margin:0 0 6px}.afs__melding{scroll-margin-top:calc(var(--kop-hoogte) + 1.5rem);margin:14px 0 6px}.afs__melding [role=alert]{border-color:var(--accent);background:var(--accent-soft)}.afs-stap{border:0;border-top:1px solid var(--ink);min-width:0;margin:26px 0 0;padding:18px 0 0}.afs-stap__kop{float:left;width:100%;font-family:var(--heading-font);letter-spacing:-.02em;align-items:baseline;gap:14px;margin:0 0 16px;padding:0;font-size:clamp(1.375rem,1.15rem + .6vw,1.75rem);font-weight:580;font-stretch:94%;line-height:1.1;display:flex}.afs-stap__kop~*{clear:both}.afs-stap__nr:empty{display:none}.afs-stap__nr{letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:650;font-stretch:75%}.afs-keuzes input[type=radio],.afs-dag input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.afs-dag input[type=radio]:disabled{cursor:default}.afs-keuzes--behandeling{gap:8px;display:grid}.afs-behandeling{background:var(--etiket);min-height:64px;color:var(--etiket-ink);border:1px solid var(--line-strong);cursor:pointer;border-radius:4px;grid-template-columns:10px minmax(0,1fr) auto 18px;grid-template-areas:"staal naam prijs rond""staal duur prijs rond";align-items:center;column-gap:14px;padding:10px 16px 10px 14px;transition:border-color .15s;display:grid;position:relative}.afs-behandeling .staaltje{grid-area:staal;width:8px;height:30px}.afs-behandeling__naam{grid-area:naam;font-weight:600;line-height:1.25}.afs-behandeling__duur{color:var(--muted);grid-area:duur;font-size:.875rem}.afs-behandeling__prijs{font-family:var(--heading-font);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:prijs;font-size:1.125rem;font-weight:620}.afs-behandeling__vanaf{font-family:var(--body-font);color:var(--muted);font-size:.8125rem;font-weight:500}.afs-behandeling:after{content:"";border:1px solid var(--line-strong);background:var(--etiket);border-radius:50%;grid-area:rond;width:18px;height:18px}.afs-behandeling:hover{border-color:var(--ink)}.afs-behandeling:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.afs-behandeling:has(input:checked):after{border:5px solid var(--accent);background:var(--etiket)}:is(.afs-behandeling:has(input:focus-visible),.afs-dag:has(input:focus-visible),.afs-tijd:has(input:focus-visible)){outline:2px solid var(--accent);outline-offset:3px}@media (min-width:640px){.afs-keuzes--behandeling{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:379px){.afs-behandeling{grid-template-columns:8px minmax(0,1fr) auto;grid-template-areas:"staal naam prijs""staal duur prijs";column-gap:12px;padding-inline:12px}.afs-behandeling:after{display:none}}.afs-week{--gat:6px}.afs-week__namen,.afs-week__dagen{gap:var(--gat);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.afs-week__namen{margin-bottom:6px}.afs-week__namen span{text-align:center;font-family:var(--heading-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:650;font-stretch:75%}.afs-dag{grid-column-start:var(--k);background:var(--etiket);min-height:62px;color:var(--etiket-ink);border:1px solid var(--line-strong);cursor:pointer;border-radius:4px;place-content:center;justify-items:center;gap:2px;padding:6px 2px;transition:border-color .15s;display:grid;position:relative}.afs-dag__nr{font-family:var(--heading-font);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.375rem;font-weight:600;line-height:1}.afs-dag__onder{color:var(--muted);font-size:.75rem;line-height:1.2}.afs-dag:hover{border-color:var(--ink)}.afs-dag[data-dicht]{border-style:dashed;border-color:var(--line-strong);color:var(--muted);cursor:default;background:0 0}.afs-dag:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.afs-dag:has(input:checked) .afs-dag__onder{color:var(--accent-ink)}@media (max-width:559px){.afs-week__namen,.afs-week__dagen{grid-template-columns:repeat(var(--open,7), minmax(0, 1fr))}.afs-week__namen [data-dicht],.afs-dag[data-weekdicht]{display:none}.afs-dag{grid-column-start:var(--ks)}}.afs-tijden__hint{border:1px dashed var(--line-strong);color:var(--muted);border-radius:4px;margin:0;padding:16px 18px;font-size:.9375rem}.afs-tijden{gap:18px;display:grid}.afs:not(:has(input[name=datum]:checked)) .afs-tijden{display:none}.afs:has(input[name=datum]:checked) .afs-tijden__hint{display:none}.afs-tijdgroep{gap:8px;display:grid}.afs-tijdgroep__naam{font-family:var(--heading-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8125rem;font-weight:650;font-stretch:75%}.afs-keuzes--tijd{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;display:grid}.afs-tijd{background:var(--etiket);min-height:44px;color:var(--etiket-ink);border:1px solid var(--line-strong);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;place-items:center;font-weight:600;transition:border-color .15s;display:grid;position:relative}.afs-tijd:hover{border-color:var(--ink)}.afs-tijd:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.afs-tijd:has(input:disabled){display:none}.afs-tijden__let-op{color:var(--accent);margin:12px 0 0;font-size:.9375rem;font-weight:600;display:none}:where(.afs:has(#afs-dag-0:checked)) :is(.afs-tijd[data-uit~="0"],.afs-tijdgroep[data-leeg~="0"]),:where(.afs:has(#afs-dag-1:checked)) :is(.afs-tijd[data-uit~="1"],.afs-tijdgroep[data-leeg~="1"]),:where(.afs:has(#afs-dag-2:checked)) :is(.afs-tijd[data-uit~="2"],.afs-tijdgroep[data-leeg~="2"]),:where(.afs:has(#afs-dag-3:checked)) :is(.afs-tijd[data-uit~="3"],.afs-tijdgroep[data-leeg~="3"]),:where(.afs:has(#afs-dag-4:checked)) :is(.afs-tijd[data-uit~="4"],.afs-tijdgroep[data-leeg~="4"]),:where(.afs:has(#afs-dag-5:checked)) :is(.afs-tijd[data-uit~="5"],.afs-tijdgroep[data-leeg~="5"]),:where(.afs:has(#afs-dag-6:checked)) :is(.afs-tijd[data-uit~="6"],.afs-tijdgroep[data-leeg~="6"]),:where(.afs:has(#afs-dag-7:checked)) :is(.afs-tijd[data-uit~="7"],.afs-tijdgroep[data-leeg~="7"]),:where(.afs:has(#afs-dag-8:checked)) :is(.afs-tijd[data-uit~="8"],.afs-tijdgroep[data-leeg~="8"]),:where(.afs:has(#afs-dag-9:checked)) :is(.afs-tijd[data-uit~="9"],.afs-tijdgroep[data-leeg~="9"]),:where(.afs:has(#afs-dag-10:checked)) :is(.afs-tijd[data-uit~="10"],.afs-tijdgroep[data-leeg~="10"]),:where(.afs:has(#afs-dag-11:checked)) :is(.afs-tijd[data-uit~="11"],.afs-tijdgroep[data-leeg~="11"]),:where(.afs:has(#afs-dag-12:checked)) :is(.afs-tijd[data-uit~="12"],.afs-tijdgroep[data-leeg~="12"]),:where(.afs:has(#afs-dag-13:checked)) :is(.afs-tijd[data-uit~="13"],.afs-tijdgroep[data-leeg~="13"]),:where(.afs:has(#afs-dag-14:checked)) :is(.afs-tijd[data-uit~="14"],.afs-tijdgroep[data-leeg~="14"]),:where(.afs:has(#afs-dag-15:checked)) :is(.afs-tijd[data-uit~="15"],.afs-tijdgroep[data-leeg~="15"]),:where(.afs:has(#afs-dag-16:checked)) :is(.afs-tijd[data-uit~="16"],.afs-tijdgroep[data-leeg~="16"]),:where(.afs:has(#afs-dag-17:checked)) :is(.afs-tijd[data-uit~="17"],.afs-tijdgroep[data-leeg~="17"]),:where(.afs:has(#afs-dag-18:checked)) :is(.afs-tijd[data-uit~="18"],.afs-tijdgroep[data-leeg~="18"]),:where(.afs:has(#afs-dag-19:checked)) :is(.afs-tijd[data-uit~="19"],.afs-tijdgroep[data-leeg~="19"]),:where(.afs:has(#afs-dag-20:checked)) :is(.afs-tijd[data-uit~="20"],.afs-tijdgroep[data-leeg~="20"]){color:var(--muted);border-style:dashed;text-decoration:line-through;text-decoration-thickness:1px}:is(.afs:has(#afs-dag-0:checked):has(.afs-tijd[data-uit~="0"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-1:checked):has(.afs-tijd[data-uit~="1"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-2:checked):has(.afs-tijd[data-uit~="2"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-3:checked):has(.afs-tijd[data-uit~="3"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-4:checked):has(.afs-tijd[data-uit~="4"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-5:checked):has(.afs-tijd[data-uit~="5"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-6:checked):has(.afs-tijd[data-uit~="6"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-7:checked):has(.afs-tijd[data-uit~="7"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-8:checked):has(.afs-tijd[data-uit~="8"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-9:checked):has(.afs-tijd[data-uit~="9"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-10:checked):has(.afs-tijd[data-uit~="10"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-11:checked):has(.afs-tijd[data-uit~="11"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-12:checked):has(.afs-tijd[data-uit~="12"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-13:checked):has(.afs-tijd[data-uit~="13"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-14:checked):has(.afs-tijd[data-uit~="14"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-15:checked):has(.afs-tijd[data-uit~="15"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-16:checked):has(.afs-tijd[data-uit~="16"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-17:checked):has(.afs-tijd[data-uit~="17"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-18:checked):has(.afs-tijd[data-uit~="18"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-19:checked):has(.afs-tijd[data-uit~="19"] input:checked) .afs-tijden__let-op,.afs:has(#afs-dag-20:checked):has(.afs-tijd[data-uit~="20"] input:checked) .afs-tijden__let-op){display:block}.afs-velden{gap:16px;display:grid}.afs-veld{gap:6px;min-width:0;display:grid}.afs-veld__label{font-size:.9375rem;font-weight:600}.afs-veld__optioneel{color:var(--muted);font-weight:400}.afs-veld__hint{color:var(--muted);margin:0;font-size:.875rem}.afs-veld .field{background:var(--etiket);width:100%;min-height:48px;color:var(--etiket-ink)}.afs-veld .field[aria-invalid=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}@media (min-width:640px){.afs-velden{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.afs-veld--naam,.afs-veld--opmerking{grid-column:1/-1}}.afs-fout{color:var(--accent);margin:0;font-size:.9375rem;font-weight:600}.afs-fout span:not(:empty){margin-top:8px;display:block}.afs-stap>.afs-fout span:not(:empty){margin-top:10px}.afs__privacy{color:var(--muted);margin:18px 0 0;font-size:.875rem}.afs__link{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.afs__link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.afs__kaart{min-width:0;margin-top:40px}.afs-kaart{background:var(--etiket);color:var(--etiket-ink);border:1px solid var(--ink);border-radius:6px;gap:18px;padding:22px 22px 20px;display:grid;position:relative}.afs-kaart__kop{border-bottom:1px dashed var(--line-strong);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titel stalen""salon salon";align-items:center;gap:6px 12px;padding-bottom:16px;display:grid}.afs-kaart__titel{grid-area:titel}.afs-kaart__salon{font-family:var(--heading-font);letter-spacing:-.025em;grid-area:salon;margin:0;font-size:1.625rem;font-weight:580;font-stretch:94%;line-height:1}.afs-kaart__stalen{grid-area:stalen;gap:4px;display:flex}.afs-kaart__stalen i{background:repeating-linear-gradient(90deg, #ffffff24 0 1px, transparent 1px 3px, #0000001a 3px 4px, transparent 4px 6px), var(--staal);border-radius:2px 2px 3px 3px;width:7px;height:18px;display:block}.afs-kaart__regels{gap:0;margin:0;display:grid}.afs-kaart__regels>div{border-bottom:1px solid var(--line);gap:2px;padding:9px 0 8px;display:grid}.afs-kaart__regels dt{font-family:var(--heading-font);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:650;font-stretch:75%}.afs-kaart__regels dd{font-family:var(--heading-font);letter-spacing:-.01em;font-variant-numeric:tabular-nums;min-width:0;margin:0;font-size:1.0625rem;font-weight:600}.afs-kaart__waarde{display:none}.afs-kaart__duur{font-family:var(--body-font);color:var(--muted);letter-spacing:0;font-size:.875rem;font-weight:400}.afs-kaart__leeg{color:var(--muted);font-family:var(--body-font);letter-spacing:0;font-size:.9375rem;font-weight:400}:is(.afs:has(input[name=behandeling]:checked) .afs-kaart__leeg[data-leeg=b],.afs:has(input[name=datum]:checked) .afs-kaart__leeg[data-leeg=d],.afs:has(input[name=tijd]:checked) .afs-kaart__leeg[data-leeg=t]){display:none}.afs-kaart__knop{width:100%;margin-top:4px}.afs-kaart__knop:disabled{opacity:.7;cursor:progress}.afs-kaart__wie{border-top:1px dashed var(--line-strong);padding:12px 0 2px}.afs-kaart__noot{color:var(--ink);margin:0;font-size:.9375rem;line-height:1.5}.afs-kaart__klein{color:var(--muted);margin:-6px 0 0;font-size:.8125rem;line-height:1.5}.afs-kaart__bel{border-top:1px dashed var(--line-strong);padding-top:12px}.afs-kaart__bel a{padding-block:11px}@media (min-width:1024px){.afs__raster{column-gap:var(--kolom);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.afs__kop{grid-area:1/1/auto/span 8}.afs__form{grid-area:2/1/auto/span 8}.afs__kaart{top:calc(var(--kop-hoogte) + 20px);grid-area:1/9/span 2/-1;margin-top:clamp(20px,3vw,40px);position:sticky}.afs-kaart{padding:26px 26px 22px}}@media (min-width:1280px){.afs__kaart{grid-column:10/-1}.afs__kop,.afs__form{grid-column:1/span 8}}@media (prefers-reduced-motion:reduce){.afs *,.afs :after{transition:none!important}}:root[data-beweging=uit] .afs *,:root[data-beweging=uit] .afs :after{transition:none!important}