.doneer-kaart{text-align:center}.doneer-avatar{background:var(--accent);width:84px;height:84px;color:var(--wit);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:2rem;font-weight:800;display:grid;overflow:hidden}.doneer-avatar img{object-fit:cover;width:100%;height:100%}.doneer-kaart h1{letter-spacing:-.02em;font-size:1.7rem}.doneer-url{color:var(--tekst-grijs);margin-top:.3rem;font-size:.92rem;font-weight:600}.doneer-bio{color:var(--tekst-grijs);margin-top:.9rem;font-size:.95rem;line-height:1.5}.doneer-kanalen{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.1rem;display:flex}.kanaal-knop{color:var(--tekst);border:1.5px solid var(--lijn);border-radius:99px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:border-color .15s;display:inline-flex}.kanaal-knop:hover{border-color:var(--accent)}.doneer-formulier,.doneer-checkout{text-align:left;margin-top:1.8rem}.doneer-checkout-terug{margin-top:1rem}.dp-kaart{flex-direction:column;gap:1rem;display:flex}.dp-kaart .dp-doneer{margin-top:.25rem}.dp-wallet{flex-direction:column;gap:1rem;display:flex}.dp-wallet-status{color:var(--tekst-grijs);text-align:center;font-size:.9rem}.dp-wallet-melding{background:var(--grijs-licht);border:1px solid var(--lijn);color:var(--tekst);border-radius:12px;padding:.9rem 1rem;font-size:.92rem;line-height:1.5}.dp-wallet-qr{background:var(--grijs-licht);border:1px solid var(--lijn);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.1rem 1rem;display:flex}.dp-wallet-qr-titel{color:var(--tekst);font-weight:600}.dp-wallet-qr-uitleg{color:var(--tekst-grijs);max-width:22rem;font-size:.9rem;line-height:1.45}.dp-wallet-qr-img{background:#fff;border-radius:10px;width:200px;height:200px;padding:8px}.dp-wallet-qr-link{color:var(--accent);font-size:.88rem;text-decoration:underline}.doneer-formulier .btn-orange{background:var(--accent)}.doneer-formulier .btn-orange:hover{filter:brightness(.92)}.doneer-formulier .naam-invoer:focus-within,.doneer-formulier .veld input:focus,.doneer-formulier .veld textarea:focus{border-color:var(--accent)}.doneer-methodes{justify-content:center;gap:.5rem;margin-top:1.2rem;display:flex}.doneer-methodes span{text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-grijs);background:var(--grijs-licht);border-radius:99px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.doneer-uit{color:var(--tekst-grijs);background:var(--grijs-licht);border-radius:11px;margin-top:1.6rem;padding:.9rem 1.1rem;font-size:.95rem}.doneer-doel{text-align:left;padding:1.25rem}.doneer-doel-kop{justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.55rem;display:flex}.doneer-doel-titel{letter-spacing:-.01em;font-size:1rem;font-weight:700}.doneer-doel-bedrag{white-space:nowrap;color:var(--accent);font-size:.95rem;font-weight:700}.doneer-doel-bedrag span{color:var(--tekst-grijs);font-weight:600}.doneer-doel-balk{background:var(--grijs-licht);border-radius:999px;height:12px;position:relative;overflow:hidden}.doneer-doel-balk>span{background:var(--accent);border-radius:999px;height:100%;transition:width .6s;display:block}.doneer-doel-pct{color:var(--tekst-grijs);margin-top:.5rem;font-size:.82rem;font-weight:600}.doneer-stats{color:var(--tekst-grijs);margin-top:1.1rem;font-size:.95rem}.doneer-stats strong{color:var(--tekst);font-weight:700}.doneer-stats-leeg{font-style:italic}.doneer-top{background:var(--kaart);border:1px solid var(--lijn);border-radius:18px;width:100%;max-width:28rem;margin-top:1.4rem;padding:1.6rem 1.8rem}.doneer-top h2{margin-bottom:.9rem;font-size:1.1rem}.top-lijst{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.top-rij{align-items:center;gap:.8rem;display:flex}.top-rang{background:var(--grijs-licht);width:26px;height:26px;color:var(--tekst-grijs);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:grid}.top-rang[data-rang="1"]{background:var(--accent);color:var(--wit)}.top-naam{color:var(--tekst);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.top-bedrag{color:var(--accent);white-space:nowrap;font-weight:700}.doneer-betaal{color:var(--tekst-grijs);margin-top:1.4rem;font-size:.88rem;font-weight:600}.doneer-betaal a{color:var(--oranje);font-weight:700;text-decoration:none}.doneer-betaal a:hover{text-decoration:underline}.dp-main{flex:1 0 auto;grid-template-columns:340px minmax(0,1fr);align-items:start;gap:1.75rem;width:100%;max-width:1180px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:grid}.dp-banner{aspect-ratio:4;border:1px solid var(--lijn);background:var(--kaart);width:100%;box-shadow:var(--schaduw);border-radius:18px;grid-column:1/-1;margin:0;position:relative;overflow:hidden}.dp-banner .banner-crop-afbeelding{object-fit:fill;pointer-events:none;max-width:none;max-height:none;display:block;position:absolute}.dp-links{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.dp-card{background:var(--kaart);border:1px solid var(--lijn);box-shadow:var(--schaduw);border-radius:18px}.dp-profiel{text-align:center;padding:2rem 1.5rem 1.5rem}.dp-avatar{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 70%, #ff8a3d), var(--accent));width:88px;height:88px;color:var(--wit);font-family:var(--font-display), sans-serif;box-shadow:0 8px 22px color-mix(in oklab, var(--accent) 40%, transparent);border-radius:24px;place-items:center;margin:0 auto .9rem;font-size:2.1rem;font-weight:800;display:grid;overflow:hidden}.dp-avatar img{object-fit:cover;width:100%;height:100%}.dp-avatar.dp-avatar-rond{border-radius:50%}.dp-profiel h1{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;margin:0;font-size:1.7rem;font-weight:800}.dp-url{color:var(--tekst-grijs);margin-top:.3rem;font-size:.9rem}.dp-bio{color:var(--tekst-grijs);margin-top:.9rem;font-size:.9rem;line-height:1.5}.dp-profiel .doneer-kanalen{justify-content:center;margin-top:1rem}.dp-stats{color:var(--tekst-grijs);margin-top:1rem;font-size:.9rem}.dp-stats strong{color:var(--tekst)}.dp-stats.leeg{font-style:italic}.dp-lb{padding:1.25rem}.dp-lb-kop{flex-direction:column;align-items:stretch;gap:.7rem;margin-bottom:1rem;display:flex}.dp-lb-kop h2{font-family:var(--font-display), sans-serif;margin:0;font-size:1.05rem;font-weight:800}.dp-lb-tabs{background:var(--grijs-licht);border-radius:99px;gap:.25rem;padding:.2rem;display:flex}.dp-lb-tab{cursor:pointer;font:inherit;color:var(--tekst-grijs);text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:99px;flex:1;padding:.35rem .5rem;font-size:.78rem;font-weight:700}.dp-lb-tab.actief{color:var(--tekst);background:var(--kaart);box-shadow:var(--schaduw)}.dp-lb-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dp-lb-rij{border-bottom:1px solid var(--lijn);align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.dp-lb-rij:last-child{border-bottom:none}.dp-lb-rang{text-align:center;width:24px;color:var(--tekst-grijs);flex:none;font-size:.9rem;font-weight:800}.dp-lb-rang.top{color:var(--accent)}.dp-lb-naam{min-width:0;color:var(--tekst);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:700;overflow:hidden}.dp-lb-bedrag{font-family:var(--font-mono), monospace;color:var(--accent);flex:none;font-size:.9rem;font-weight:600}.dp-lb-leeg{color:var(--tekst-grijs);font-size:.88rem}.dp-form-kaart{min-width:0;padding:2rem}.dp-form-label{color:var(--tekst-grijs);margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:block}.dp-bedrag{background:var(--achtergrond);border:1.5px solid var(--lijn);border-radius:14px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem 1.4rem;display:flex}.dp-bedrag-invoer{min-width:0;font-family:var(--font-mono), monospace;letter-spacing:-.02em;color:var(--tekst);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;font-size:3rem;font-weight:600}.dp-bedrag-teken{font-family:var(--font-display), sans-serif;color:var(--tekst-grijs);font-size:2rem;font-weight:800}.dp-presets{grid-template-columns:repeat(6,1fr);gap:.6rem;margin-bottom:1.5rem;display:grid}.dp-preset{border:1.5px solid var(--lijn);background:var(--grijs-licht);color:var(--tekst);font:inherit;cursor:pointer;border-radius:12px;padding:.85rem 0;font-size:1rem;font-weight:700}.dp-preset.actief{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.dp-velden-rij{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.dp-velden-rij .veld{margin-bottom:0}.dp-naam-ongeldig,.dp-naam-ongeldig:focus{border-color:var(--fout-tekst);box-shadow:0 0 0 2px var(--fout-achtergrond)}.dp-naam-fout{border:1px solid color-mix(in srgb, var(--fout-tekst) 32%, transparent);background:var(--fout-achtergrond);color:var(--fout-tekst);border-radius:9px;margin:.5rem 0 0;padding:.65rem .75rem;font-size:.84rem;font-weight:700;line-height:1.4;display:block}.dp-vervolg{border:0;min-width:0;margin:0;padding:0;transition:opacity .15s}.dp-vervolg:disabled{opacity:.48}.dp-vervolg:disabled .dp-kosten,.dp-vervolg:disabled .dp-kosten input,.dp-vervolg:disabled .dp-methode{cursor:not-allowed}.dp-bericht{margin-bottom:1.25rem;position:relative}.dp-bericht textarea{padding-bottom:1.6rem}.dp-bericht-teller{color:var(--tekst-grijs);font-variant-numeric:tabular-nums;font-size:.78rem;position:absolute;bottom:.7rem;right:.85rem}.dp-bericht-hint{color:var(--tekst-grijs);margin:-.85rem 0 1.25rem;font-size:.82rem}.dp-kosten{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--tekst-grijs);align-items:center;gap:.65rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.dp-kosten input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none}.dp-methode-label{text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-grijs);margin-bottom:.75rem;font-size:.82rem;font-weight:700}.dp-methodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1.75rem;display:grid}.dp-methode{border:1.5px solid var(--lijn);background:var(--wit);cursor:pointer;min-width:0;height:62px;font:inherit;color:var(--zwart);border-radius:12px;place-items:center;padding:.65rem;font-size:.95rem;font-weight:800;display:grid}.dp-methode.actief{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.dp-methode-ideal{color:#c06;font-family:var(--font-display), sans-serif;font-size:1.1rem}.dp-methode-bancontact{color:#005498}.dp-methode-kaart{color:#1a1f71;font-style:italic}.dp-methode-apple{color:#000}.dp-methode-google{color:#5f6368}.dp-logo-ideal{font-family:var(--font-display), sans-serif;color:#c06;font-size:1.2rem;font-style:italic;font-weight:800}.dp-logo-ideal-img{object-fit:contain;width:auto;max-width:100%;height:26px;display:block}.dp-logo-bancontact{color:#005498;font-size:.92rem;font-weight:800}.dp-logo-kaart{align-items:center;gap:.4rem;display:inline-flex}.dp-logo-visa{color:#1a1f71;font-size:.95rem;font-style:italic;font-weight:800}.dp-logo-mc{display:inline-flex}.dp-logo-mc i{border-radius:50%;width:15px;height:15px}.dp-logo-mc i:first-child{background:#eb001b}.dp-logo-mc i:last-child{mix-blend-mode:multiply;background:#f79e1b;margin-left:-7px}.dp-logo-wallet{align-items:center;gap:.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.dp-methode-apple .dp-logo-wallet{color:#000}.dp-methode-google .dp-logo-wallet{color:#5f6368}.dp-doneer{margin-top:1.25rem;padding:1rem;font-size:1.1rem}.dp-voorwaarden{text-align:center;color:var(--tekst-grijs);margin:1.25rem 0 0;font-size:.8rem;line-height:1.5}.dp-voorwaarden a{color:var(--tekst-grijs);text-decoration:underline}@media (max-width:820px){.dp-main{grid-template-columns:minmax(0,1fr);row-gap:1.25rem;max-width:560px}.dp-links{display:contents}.dp-links>*{min-width:0}.dp-leaderboard-plek{order:1}}@media (max-width:520px){.dp-methodes{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-main{padding-inline:1rem}.dp-banner{border-radius:14px}.dp-form-kaart{padding:1.4rem}.dp-presets{grid-template-columns:repeat(3,1fr)}.dp-velden-rij{grid-template-columns:1fr}.dp-naam-fout{box-shadow:0 3px 12px color-mix(in srgb, var(--fout-tekst) 10%, transparent);padding:.75rem .85rem;font-size:.9rem}.dp-bedrag-invoer{font-size:2.2rem}}.doneer-recent{background:var(--kaart);border:1px solid var(--lijn);text-align:left;border-radius:18px;width:100%;max-width:28rem;margin-top:1.4rem;padding:1.6rem 2.1rem}.doneer-recent h2{letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.05rem}.doneer-recent .donatie-avatar{background:var(--accent)}.bedankt-kaart h1{margin-bottom:.4rem}.bedankt-vink{background:var(--ok-achtergrond);width:64px;height:64px;color:var(--ok-tekst);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.8rem;font-weight:800;display:grid}.bedankt-tekst{color:var(--tekst-grijs);margin:.8rem 0 1.6rem}.bedankt-tekst strong{color:var(--tekst)}.bedankt-acties{flex-direction:column;gap:.6rem;display:flex}.bedankt-volg{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.bedankt-deel{color:var(--oranje);margin-top:.3rem;font-size:.9rem;font-weight:600;text-decoration:none}.bedankt-deel:hover{text-decoration:underline}.verzoek-header{padding:1.25rem clamp(1rem,4vw,3rem)}.verzoek-pagina{justify-content:center;align-items:center;min-height:calc(100svh - 5rem);padding:2rem 1rem;display:flex}.verzoek-kaart{background:var(--kaart);border:1px solid var(--rand,#0000001f);border-radius:18px;width:min(32rem,100%);padding:1.8rem}.verzoek-kaart h1{margin-top:0;font-size:1.5rem}.verzoek-uitleg{color:var(--tekst-grijs);margin-bottom:1.2rem}.verzoek-formulier{flex-direction:column;gap:.9rem;display:flex}@media (max-width:720px){.doneer-recent{padding:1.4rem}}
