/* Thuisbatterij-party (/thuisbatterij-party/) */
.tp-stappen{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:tp}
.tp-stappen li{counter-increment:tp;background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-kaart);padding:1.25rem;display:grid;gap:.45rem;align-content:start}
.tp-stappen li::before{content:counter(tp);width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;background:var(--actie-vlak);color:#fff;font-weight:700}
.tp-stappen b{font-size:1.08rem;color:var(--inkt)}
.tp-stappen span{color:var(--tekst-2);font-size:.98rem}
.tp-som{margin-top:1.25rem;font-size:1.05rem;color:var(--tekst)}
.tp-veld{background:var(--veld)}
.tp-twee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,4rem);align-items:start}
.tp-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.tp-fotos figure{margin:0;border-radius:var(--r-kaart);overflow:hidden;box-shadow:var(--schaduw-kaart);aspect-ratio:4/3;background:var(--veld)}
.tp-fotos img{width:100%;height:100%;object-fit:cover;display:block}
.tp-kaart{margin:0;border-radius:var(--r-kaart);overflow:hidden;box-shadow:var(--schaduw-kaart)}
.tp-kaart img{display:block;width:100%;height:auto}
.tp-form select,.tp-form textarea{font:inherit;padding:.8rem .9rem;border:1px solid var(--lijn-2);border-radius:var(--r-klein);background:var(--paper)}
.tp-form textarea{resize:vertical}
/* Honeypot: zelfde regel als advies.css, dat deze pagina niet laadt */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#aanmelden .kop,#uitgenodigd .kop{max-width:820px;margin:0 auto 1.25rem}
/* Bestellen met live voorbeeld van de kaart (achterkant in handschrift, maat van de echte kaart) */
.tp-bestel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}
.tp-bestel .pa{max-width:none;margin:0}
.tp-voorbeeld{position:sticky;top:6rem;display:grid;gap:1rem}
.tp-voorbeeld .eyebrow{margin:0}
.tp-kaart-voor{margin:0;border-radius:10px;overflow:hidden;box-shadow:var(--schaduw-kaart)}
.tp-kaart-voor img{display:block;width:100%;height:auto}
.tp-kaart-achter{position:relative;aspect-ratio:1207/856;background:var(--paper);border-radius:10px;box-shadow:var(--schaduw-kaart);overflow:hidden;container-type:inline-size}
.tp-kaart-tekst{position:absolute;inset:5% 5.5% 10% 5.5%;font-family:var(--hand);font-size:calc(3.1cqw * var(--k-schaal,1));line-height:1.62;color:var(--inkt);overflow:hidden}
.tp-kaart-tekst p{margin:0 0 .7em}
.tp-kaart-wanneer{margin:.1em 0 .4em 44%;padding:0}
.tp-kaart-wanneer div{display:flex;gap:.4em}
.tp-kaart-wanneer dt,.tp-kaart-wanneer dd{margin:0}
.tp-kaart-logo{position:absolute;right:4.5%;bottom:5%;width:12%;height:auto}
.tp-leeg{color:var(--tekst-2);opacity:.6}
.tp-te-lang{color:var(--blauw);margin:0}
@media (max-width:900px){.tp-bestel{grid-template-columns:1fr}.tp-voorbeeld{position:static;order:-1}}
@media (max-width:900px){.tp-stappen{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-twee{grid-template-columns:1fr}.tp-fotos{grid-template-columns:1fr}}
@media (max-width:560px){.tp-stappen{grid-template-columns:1fr}}