/* Retourportaal in Returnless-stijl (20 okt 2026, Gerwin: "het mist de Returnless sfeer"): witte pagina zonder kaart, formulier links
   gecentreerd met groot logo, rechts een groot beeld met gebogen rand (desktop). Altijd licht. Alleen voor retour-aanmelden.html. */
html.licht body.portaal{background:#fff;color:#111827;font-family:Inter,system-ui,sans-serif}
.rp-scherm{display:grid;grid-template-columns:minmax(0,1fr) 34vw;min-height:100vh}
.rp-beeld{background:#0f172a url(img/portaal-beeld.jpg?v=2) 68% center/cover no-repeat;clip-path:ellipse(100% 165% at 100% 50%);position:sticky;top:0;height:100vh}
.portaal .rp{max-width:576px;width:100%;margin:0 auto;padding:56px 20px 40px;gap:0}
.portaal .rp-kop{justify-content:center;margin:8px 0 34px}
.portaal .rp-kop .merk{height:76px;width:auto}
.portaal .rp-kop .merk-donker{display:none}.portaal .rp-kop .merk-licht{display:block}
.portaal .rp-kaart{background:none;border:0;box-shadow:none;padding:0;border-radius:0}
.portaal .rp-stappen{grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 30px}
.portaal .rp-stappen li{border-top:3px solid #e5e7eb;color:#9ca3af;font-size:.74rem;padding-top:7px;text-align:center}
.portaal .rp-stappen li::before{content:none}
.portaal .rp-stappen li.act{color:#2563eb;border-color:#2563eb;font-weight:600}
.portaal .rp-stappen li.klaar{color:#6b7280;border-color:#93b4f5}
.portaal .rp-stap{gap:16px}
.portaal .rp-stap h1{font-size:1.5rem;font-weight:600;text-align:center;color:#111827;margin:0 0 4px}
.portaal .rp-stap > .muted{text-align:center;color:#374151;font-size:.93rem;line-height:1.55;margin:0 0 14px}
.portaal .note{color:#6b7280;font-size:.82rem;line-height:1.5}
.portaal .ret-veld{display:flex;flex-direction:column;gap:6px;font-size:.88rem;font-weight:500;color:#374151}
.portaal .ret-veld input,.portaal .ret-veld select,.portaal .ret-veld textarea{font:inherit;font-weight:400;font-size:.95rem;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:9px 12px;min-height:40px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.portaal .ret-veld input:focus,.portaal .ret-veld select:focus,.portaal .ret-veld textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.portaal .ret-veld input[type=file]{padding:7px 10px}
.portaal .ret-knop{height:40px;border-radius:6px;font-size:.95rem;font-weight:500}
.portaal .ret-knop.blauw{background:#2563eb;color:#fff;border-color:#2563eb}.portaal .ret-knop.blauw:hover{background:#1d4ed8}
.portaal .ret-knop.groen{background:#16a34a;color:#fff;border-color:#16a34a}
.portaal .ret-knop:disabled{opacity:.6;cursor:default}
.portaal .ret-knop svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.portaal .ret-mini{height:40px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:500}
.portaal .ret-knoppen{display:grid;grid-template-columns:auto 1fr;gap:10px}
.portaal .rp-product{border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background:#fff}
.portaal .rp-product:has(input:checked){border-color:#2563eb;background:#f5f8ff;box-shadow:0 0 0 1px #2563eb}
.portaal .rp-product img{width:64px;height:64px;border:0;background:#fff}
.portaal .rp-product b{color:#111827}
.portaal .rp-tip,.portaal .rp-contact{border:1px solid #e5e7eb;background:#f9fafb;color:#374151;border-radius:8px;padding:16px 18px;line-height:1.55}
.portaal .rp-contact a{color:#2563eb}
.portaal .rp-tipnr{text-align:center;color:#6b7280}
.portaal .rp-toch{color:#6b7280}
.portaal .rp-bedrag{border-color:#e5e7eb}
.portaal .rp-vink{margin:0 auto}
.portaal #s4{text-align:center}.portaal #s4 > *{margin-left:auto;margin-right:auto}
.portaal .rp-voet{color:#9ca3af;margin-top:40px}.portaal .rp-voet a{color:#6b7280}
.portaal .rp-fout{text-align:center}
.portaal .tag{align-self:center}
@media (max-width:900px){
  .rp-scherm{grid-template-columns:1fr}.rp-beeld{display:none}
  .portaal .rp{padding:28px 16px 32px}.portaal .rp-kop{margin:0 0 24px}.portaal .rp-kop .merk{height:58px}
  .portaal .rp-stappen li{font-size:0;padding-top:0}
}
#rvragen{display:flex;flex-direction:column;gap:16px}#rvragen:empty{display:none}
#s3betaal{display:flex;flex-direction:column;gap:10px}
.rp-sub{margin:8px 0 0;font-size:.88rem;font-weight:500;color:#374151}
.rp-methode{display:flex;align-items:center;gap:14px;border:1px solid #2563eb;box-shadow:0 0 0 1px #2563eb;background:#f5f8ff;border-radius:8px;padding:14px 16px;cursor:pointer}
.rp-methode input{width:18px;height:18px;accent-color:#2563eb;margin:0}
.rp-methode-ico{width:40px;height:40px;border-radius:8px;background:#ffcc00;display:grid;place-items:center;flex:none}
.rp-methode-ico svg{width:22px;height:22px;stroke:#1e3a8a;fill:none;stroke-width:1.8;stroke-linejoin:round}
.rp-methode-tekst{display:flex;flex-direction:column;font-size:.85rem;color:#6b7280;flex:1}.rp-methode-tekst b{color:#111827;font-size:.95rem;font-weight:600}
.rp-methode .rp-prijs{font-size:1rem;color:#111827}