:root{--groen:#087d21;--groen-donker:#045516;--zand:#f4f7f3;--accent:#0b4fa0;--rood:#e31b23}
body>header{min-height:108px;border-bottom:3px solid var(--groen)}
.hoofdlogo{display:block;width:auto;height:82px;max-width:360px;object-fit:contain}
.mand,.knop{background:var(--groen-donker)}
.label{color:var(--groen)}
.feit{background:linear-gradient(145deg,var(--groen-donker),var(--groen))}
.keuze a:hover{border-color:var(--accent);color:var(--accent)}
.accountkop,.afrekenkop,.paginatitel{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:30px}
.accountkop h1,.afrekenkop h1,.paginatitel h1,.bestelkeuze h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:8px 0}
.accountkeuzes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.accountkeuzes a{padding:28px;background:#fff;border:1px solid var(--rand);border-radius:14px;display:grid;gap:5px}
.accountkeuzes a:hover,.keuzekaart:hover{border-color:var(--groen);box-shadow:0 10px 25px #173d2b18}
.accountkeuzes strong{font-size:22px;color:var(--groen-donker)}
.accountkeuzes span{color:#66756d}
.accountinloggen{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:950px;margin:auto}
.accountnieuw{background:var(--zand);border-radius:18px;padding:35px}
.accountnieuw h2{font-size:32px}
.gastlink{display:block;margin-top:20px;text-decoration:underline}
.bestelkeuze{text-align:center;max-width:1050px;margin:auto}
.keuzekaarten{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin-top:35px}
.keuzekaart{position:relative;background:#fff;border:2px solid var(--rand);border-radius:16px;padding:28px;min-height:260px;display:flex;flex-direction:column}
.keuzekaart.aanbevolen{border-color:var(--groen)}
.keuzekaart>span{position:absolute;top:-13px;background:var(--groen);color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:800}
.keuzekaart strong{font-size:24px;margin-top:15px}
.keuzekaart b{margin-top:auto;color:var(--groen);font-size:17px}
.adreskeuzelijst{display:grid;gap:12px;margin-bottom:18px}
.adreskeuzelijst label{display:flex;gap:12px;border:1px solid var(--rand);padding:16px;border-radius:9px}
.adreskeuzelijst input,.betaalkeuze input,.voorwaardenkeuze input{width:auto}
.adreskeuzelijst span{font-weight:400}
.adreskeuzelijst strong{display:block}
.betaalkeuze{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;border:1px solid var(--rand);padding:15px;border-radius:9px;margin:8px 0}
.betaalkeuze span,.betaalkeuze small{display:block}
.voorwaardenkeuze{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:9px}
.adreszoekvak{display:flex;flex-direction:column;justify-content:flex-end;gap:5px}
.adreszoekknop{background:#e7efe9;color:var(--groen-donker);border:0;border-radius:7px;padding:12px;font-weight:750;cursor:pointer}
.adreszoekmelding{min-height:20px;color:#53685d}
.adreskaarten{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:28px}
.adreskaarten article,.kaartpubliek{background:#fff;border:1px solid var(--rand);border-radius:12px;padding:22px}
.adreslabel{background:#dceadf;color:var(--groen);padding:3px 7px;border-radius:12px;font-size:11px;margin-left:7px}
.bestelkaarten{display:grid;gap:12px}
.bestelkaarten article{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:15px;background:#fff;border:1px solid var(--rand);padding:19px;border-radius:10px}
.bestelkaarten small{display:block;color:#69776f}
.informatiepagina{max-width:850px;margin:auto}.informatiepagina h1{font-size:52px}.paginatekst{font-size:17px;line-height:1.75}
footer small{display:block;opacity:.7;margin-top:6px}
@media(max-width:850px){body>header{min-height:84px}.hoofdlogo{height:62px;max-width:235px}.accountinloggen,.accountkeuzes,.keuzekaarten,.adreskaarten{grid-template-columns:1fr}.bestelkaarten article{grid-template-columns:1fr}.accountkop,.afrekenkop,.paginatitel{display:block}}