*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Roboto,sans-serif;background:#f4f6f4;color:#1b1b1b;font-size:18px}
header{background:#0b7a3e;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}
header h1{margin:0;font-size:22px}
#wie{font-size:15px;opacity:.9}
main{padding:12px 14px 40px;max-width:560px;margin:0 auto}
section{background:#fff;border-radius:14px;padding:12px 14px;margin:12px 0;box-shadow:0 1px 3px #0001}
h2{font-size:19px;margin:4px 0 10px}
h2 small{font-weight:400;color:#666}
label{display:block;margin:10px 0;font-weight:600}
input,select,textarea{width:100%;font-size:18px;padding:13px 12px;border:2px solid #cfd8cf;border-radius:10px;background:#fff;margin-top:6px;font-family:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:#0b7a3e}
button,.knop{font-size:18px;border:0;border-radius:12px;cursor:pointer;font-weight:700;font-family:inherit}
.groot{display:block;width:100%;padding:17px;margin:12px 0;text-align:center}
.groen{background:#0b7a3e;color:#fff}
.groen:disabled{background:#8bb59c}
.licht{background:#e6f2ea;color:#0b5a2e}
.link{background:none;color:#555;text-decoration:underline;font-weight:400;width:100%;padding:10px}
.rij{display:flex;gap:8px;align-items:center}
.rij .knop{flex:1;margin:4px 0}
.art{border-bottom:1px solid #e5e5e5;padding:8px 0 12px}
.art:last-child{border-bottom:0}
.art input{margin-top:6px}
.art .rij{margin-top:6px}
.art .rij input,.art .rij select{margin-top:0}
.art .aantal{width:70px;text-align:center;flex:0 0 70px}
.art select{flex:1}
.art .min,.art .pl{width:52px;height:52px;flex:0 0 52px;background:#e6f2ea;color:#0b5a2e;font-size:26px}
.art .weg{width:52px;height:52px;flex:0 0 52px;background:#fbeaea;font-size:20px}
.fotos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fotos div{position:relative}
.fotos img{width:92px;height:92px;object-fit:cover;border-radius:10px}
.fotos button{position:absolute;top:-6px;right:-6px;width:30px;height:30px;border-radius:50%;background:#c62828;color:#fff;font-size:16px;padding:0}
.spoed{display:flex;align-items:center;gap:12px;font-size:20px;background:#fff6e0;padding:12px;border-radius:10px}
.spoed input{width:30px;height:30px;margin:0}
.hint{color:#666;font-weight:400;font-size:16px;margin:4px 0}
.intro{font-size:18px}
.fout{color:#c62828;font-weight:700;min-height:1em}
.vink{font-size:80px;text-align:center;margin-top:30px}
.mid{text-align:center}