.p-afspraak .booking{padding:0 var(--pad) 14vh;grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}.p-afspraak .form-card{background:var(--paper);border-radius:32px;padding:clamp(22px,3.4vw,46px);overflow:hidden}.p-afspraak .progress{gap:6px;margin-bottom:36px;list-style:none;display:flex}.p-afspraak .progress li{flex:1}.p-afspraak .progress button{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.p-afspraak .progress button:disabled{cursor:default}.p-afspraak .progress li:before{content:"";background:var(--line);border-radius:4px;height:4px;margin-bottom:12px;transition:background .4s;display:block}.p-afspraak .progress li.on:before,.p-afspraak .progress li.done:before{background:var(--acc)}.p-afspraak .progress span{background:var(--bg);border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid}.p-afspraak .progress span svg{width:16px;height:16px}.p-afspraak .progress li.on span{background:var(--ink);color:#fff}.p-afspraak .progress li.done span{background:var(--acc);color:#fff}.p-afspraak .progress em{color:var(--mute);font-size:14px;font-style:normal;font-weight:500}.p-afspraak .progress li.on em{color:var(--ink)}.p-afspraak .panel h2{margin-bottom:26px;font-size:clamp(32px,3.6vw,54px)}.p-afspraak .chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.p-afspraak .chips button{cursor:pointer;background:var(--bg);border:0;border-radius:999px;padding:13px 20px;font-weight:600;transition:background .25s,color .25s,transform .25s}.p-afspraak .chips button:hover{transform:translateY(-2px)}.p-afspraak .chips button.on{background:var(--ink);color:#fff}.p-afspraak .chips.small button{padding:10px 16px;font-size:14px}.p-afspraak .field{margin-bottom:16px;display:block}.p-afspraak .field span{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.p-afspraak .field input,.p-afspraak .field select,.p-afspraak .field textarea{width:100%;font:500 17px var(--f-body);color:var(--ink);background:var(--bg);resize:vertical;border:1.5px solid #0000;border-radius:14px;outline:none;padding:15px 16px;transition:border-color .2s,background .2s}.p-afspraak .field input:focus,.p-afspraak .field select:focus,.p-afspraak .field textarea:focus{border-color:var(--acc);background:#fff}.p-afspraak .two{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.p-afspraak .repairs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.p-afspraak .repairs button{text-align:left;cursor:pointer;background:var(--bg);border:0;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 12px;padding:16px;transition:background .25s,color .25s,transform .25s;display:grid;position:relative}.p-afspraak .repairs button:hover{transform:translateY(-2px)}.p-afspraak .repairs .tick{width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--line);color:#0000;border-radius:50%;grid-row:1/3;place-items:center;transition:all .25s;display:grid}.p-afspraak .repairs .tick svg{width:16px;height:16px}.p-afspraak .repairs b{font:800 19px/1.1 var(--f-head);letter-spacing:-.02em}.p-afspraak .repairs small{color:var(--mute);grid-column:2;font-size:13px}.p-afspraak .repairs i{grid-area:1/3/3;font-size:17px;font-style:normal;font-weight:800}.p-afspraak .repairs button.on{background:var(--ink);color:#fff}.p-afspraak .repairs button.on small{color:#bdbbb5}.p-afspraak .repairs button.on .tick{background:var(--acc);box-shadow:none;color:#fff}.p-afspraak .hint{color:var(--mute);margin-top:6px;font-size:14px}.p-afspraak .hint.brought{margin:0 0 20px;font-size:15px}.p-afspraak .qbox{margin-bottom:22px}.p-afspraak .qbox>span{margin-bottom:12px;font-size:14px;font-weight:600;display:block}.p-afspraak .vpick{margin-bottom:16px}.p-afspraak .error{color:#c62828;margin-top:18px;font-weight:600}.p-afspraak .nav-row{justify-content:space-between;align-items:center;gap:12px;margin-top:30px;display:flex}.p-afspraak .back{cursor:pointer;color:var(--mute);background:0 0;border:0;padding:12px 4px;font-weight:600}.p-afspraak .back:hover{color:var(--ink)}.p-afspraak .done{text-align:center;padding:30px 0 10px}.p-afspraak .done .step-x{margin:0 auto 20px}.p-afspraak .done p{max-width:460px;color:var(--mute);margin:0 auto 12px;font-size:18px}.p-afspraak .done p.small{font-size:15px}.p-afspraak .done a{color:var(--acc);font-weight:600}.p-afspraak .summary{background:var(--dark);color:var(--on-dark);border-radius:32px;padding:30px;position:sticky;top:100px}.p-afspraak .summary .step-x{margin-bottom:16px}.p-afspraak .summary h3{margin-bottom:18px;font-size:30px}.p-afspraak .summary dl div{border-bottom:1px solid #2a2a2e;justify-content:space-between;gap:16px;padding:12px 0;font-size:15px;display:flex}.p-afspraak .summary dt{color:var(--mute-dark)}.p-afspraak .summary dd{text-align:right}.p-afspraak .total{justify-content:space-between;align-items:end;margin-top:22px;display:flex}.p-afspraak .total span{color:var(--mute-dark)}.p-afspraak .total strong{font:900 44px/1 var(--f-head);letter-spacing:-.04em;color:#fff}@media (max-width:960px){.p-afspraak .booking{grid-template-columns:1fr;padding:0 10px 14vh}.p-afspraak .form-card{border-radius:24px}.p-afspraak .summary{border-radius:24px;order:-1;padding:22px;position:static}.p-afspraak .summary .step-x,.p-afspraak .summary dl{display:none}.p-afspraak .summary h3{margin:0;font-size:20px}.p-afspraak .summary{justify-content:space-between;align-items:center;display:flex}.p-afspraak .total{align-items:center;gap:12px;margin:0}.p-afspraak .total strong{font-size:28px}.p-afspraak .progress em{display:none}.p-afspraak .two,.p-afspraak .repairs{grid-template-columns:1fr}.p-afspraak .nav-row .btn{flex:1}}.p-afspraak .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}