Afspraak maken - CarGlans

#cgbw{font-family:’Lexend Deca’,sans-serif;max-width:680px;margin:0 auto;padding:20px}
.cgbw-progress{display:flex;align-items:center;margin-bottom:32px}
.cgbw-prog-step{display:flex;flex-direction:column;align-items:center;gap:4px}
.cgbw-prog-num{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:.3s}
.cgbw-prog-step.active .cgbw-prog-num{background:#3B5CCB;color:#fff}
.cgbw-prog-step.done .cgbw-prog-num{background:#10b981;color:#fff}
.cgbw-prog-label{font-size:12px;color:#6b7280;white-space:nowrap}
.cgbw-prog-step.active .cgbw-prog-label{color:#3B5CCB;font-weight:600}
.cgbw-prog-line{flex:1;height:2px;background:#e5e7eb;margin:0 8px;margin-bottom:16px}
.cgbw-panel{animation:fadeIn .3s}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cgbw-title{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:8px}
.cgbw-sub{color:#6b7280;margin-bottom:24px}
.cgbw-plate-wrap{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.cgbw-plate{background:#f7c300;border:3px solid #1a1a1a;border-radius:6px;padding:8px 16px;font-size:28px;font-weight:900;letter-spacing:4px;text-transform:uppercase;width:220px;text-align:center;color:#1a1a1a;outline:none}
.cgbw-plate::placeholder{opacity:.4;font-size:18px;letter-spacing:1px}
.cgbw-btn{background:#3B5CCB;color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;font-family:inherit}
.cgbw-btn:hover{background:#2d47a8}
.cgbw-btn-ghost{background:transparent;color:#6b7280;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;margin-top:16px;font-family:inherit}
.cgbw-btn-ghost:hover{border-color:#9ca3af;color:#374151}
.cgbw-carcard{background:#f0f4ff;border:2px solid #c7d2fe;border-radius:12px;padding:20px;margin-bottom:20px;display:flex;gap:16px;align-items:center}
.cgbw-car-icon{font-size:40px}
.cgbw-car-info h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}
.cgbw-car-info p{color:#6b7280;margin:0;font-size:14px}
.cgbw-car-badge{background:#3B5CCB;color:#fff;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;margin-top:6px}
.cgbw-svc-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.cgbw-svc-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:.2s;overflow:hidden}
.cgbw-svc-card:hover{border-color:#3B5CCB}
.cgbw-svc-card.open{border-color:#3B5CCB;background:#f8faff}
.cgbw-svc-header{display:flex;align-items:center;gap:14px;padding:16px 20px}
.cgbw-svc-icon{font-size:28px;flex-shrink:0}
.cgbw-svc-info{flex:1}
.cgbw-svc-name{font-weight:700;color:#1f2937;font-size:16px}
.cgbw-svc-desc{font-size:13px;color:#6b7280;margin-top:2px}
.cgbw-svc-arrow{font-size:18px;color:#9ca3af;transition:.3s;flex-shrink:0}
.cgbw-svc-card.open .cgbw-svc-arrow{transform:rotate(90deg);color:#3B5CCB}
.cgbw-svc-body{display:none;padding:0 16px 16px}
.cgbw-svc-card.open .cgbw-svc-body{display:block}
.cgbw-pkg-list{display:flex;flex-direction:column;gap:10px}
.cgbw-pkg-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px 18px;cursor:pointer;transition:.2s;display:flex;justify-content:space-between;align-items:center}
.cgbw-pkg-card:hover,.cgbw-pkg-card.selected{border-color:#3B5CCB;background:#f0f4ff}
.cgbw-pkg-name{font-weight:700;color:#1f2937;font-size:15px}
.cgbw-pkg-incl{font-size:12px;color:#6b7280;margin-top:3px}
.cgbw-pkg-price{text-align:right;flex-shrink:0;margin-left:12px}
.cgbw-pkg-amount{font-size:20px;font-weight:900;color:#3B5CCB}
.cgbw-pkg-from{font-size:11px;color:#9ca3af}
.cgbw-svc-next{margin-top:12px;width:100%}
.cgbw-summary-box{background:#f0f4ff;border:2px solid #c7d2fe;border-radius:12px;padding:16px;margin-bottom:20px}
.cgbw-summary-box h4{font-size:15px;font-weight:700;color:#3B5CCB;margin:0 0 8px}
.cgbw-summary-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-bottom:1px solid #e0e7ff}
.cgbw-summary-row:last-child{border:none;font-weight:700;font-size:15px;padding-top:8px}
.cgbw-form-group{margin-bottom:16px}
.cgbw-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}
.cgbw-form-group input,.cgbw-form-group textarea{width:100%;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;box-sizing:border-box;transition:.2s;outline:none}
.cgbw-form-group input:focus,.cgbw-form-group textarea:focus{border-color:#3B5CCB}
.cgbw-days-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}
.cgbw-days-grid{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.cgbw-day-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;background:#fff;transition:.2s;min-width:60px}
.cgbw-day-btn input{display:none}
.cgbw-day-btn.selected{border-color:#3B5CCB;background:#f0f4ff}
.cgbw-day-icon{font-size:20px}
.cgbw-day-name{font-size:13px;font-weight:600;color:#374151}
.cgbw-wa-btn{background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;width:100%;margin-top:8px;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}
.cgbw-wa-btn:hover{background:#1da851}
.cgbw-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:14px;margin-top:8px}
.cgbw-spin{display:inline-block;width:20px;height:20px;border:3px solid rgba(59,92,203,.3);border-top-color:#3B5CCB;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

Kenteken

Dienst

Gegevens

Wat is uw kenteken?

Wij zoeken uw auto automatisch op via de RDW

Welke dienst wilt u?

Klik op een dienst om de pakketten te zien en te selecteren

Uw gegevens

Vul uw gegevens in en kies voorkeursdagen

Naam *

Telefoon *

E-mail

📅 Voorkeursdagen (meerdere mogelijk)

☀️Ma ☀️Di 🌤️Wo ☀️Do 🌟Vr 🎉Za

Opmerking