/* B-sec beveiligingsplan */
.plan-wissel{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:var(--tint2);margin:22px auto 0}
.plan-wissel button{border:0;background:transparent;font:inherit;font-weight:600;color:var(--ink);padding:10px 22px;border-radius:999px;cursor:pointer;transition:background .35s var(--ease),color .35s var(--ease)}
.plan-wissel button[aria-pressed="true"]{background:var(--ink);color:#fff}
.plan-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(22px,3vw,40px);align-items:center;margin-top:clamp(26px,3vw,40px)}
@media(max-width:900px){.plan-grid{grid-template-columns:minmax(0,1fr)}}
.plan-beeld{position:relative;border-radius:var(--r-kaart);overflow:hidden;background:linear-gradient(#e9eef5,#f6f8fb);box-shadow:var(--schaduw);aspect-ratio:1000/620}
.plan-beeld svg.plan-svg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .5s var(--ease)}
.plan-beeld[data-modus="woning"] .svg-bedrijf,.plan-beeld[data-modus="bedrijf"] .svg-woning{opacity:0}
.plan-punten{position:absolute;inset:0}
.plan-punt{position:absolute;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;border:2px solid #fff;background:var(--accent);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 18px -6px rgba(0,0,0,.45);transition:transform .35s var(--ease),background .35s var(--ease)}
.plan-punt::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.55);animation:plan-puls 2.4s var(--ease) 6}
.plan-punt:hover,.plan-punt.actief{transform:translate(-50%,-50%) scale(1.15)}
.plan-punt.actief{background:var(--ink)}
.plan-punt.gekozen{background:var(--groen-vink)}
.plan-punt.gekozen.actief{background:var(--ink);box-shadow:0 0 0 4px var(--groen-vink)}
@keyframes plan-puls{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.plan-punt::before{animation:none}}
.plan-paneel{background:#fff;border-radius:var(--r-kaart);box-shadow:var(--schaduw);padding:clamp(22px,2.6vw,34px);text-align:center}
.plan-info h3{color:var(--ink);font-size:22px}
.plan-product{display:inline-block;margin:10px 0 8px;border:1px solid var(--accent);color:var(--ink);border-radius:999px;padding:6px 16px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.plan-info p{color:var(--tekst);min-height:4.8em}
.plan-toevoegen{margin-top:14px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-weight:600;padding:10px 22px;border-radius:var(--r-knop);cursor:pointer;transition:all .35s var(--ease)}
.plan-toevoegen.aan{background:var(--groen-vink);border-color:var(--groen-vink);color:#fff}
.plan-mijn{margin-top:22px;padding-top:20px;border-top:1px solid #e3e8ef}
.plan-mijn h4{color:var(--ink);font-size:16px;margin-bottom:10px}
.plan-lijst{width:fit-content;margin-inline:auto;text-align:left;list-style:none;padding:0}
.plan-lijst li{display:flex;align-items:baseline;gap:10px;margin:4px 0;color:var(--ink)}
.plan-lijst li::before{content:"\2713";color:var(--groen-vink);font-weight:700}
.plan-lijst small{color:var(--tekst)}
.plan-leeg{color:var(--tekst);font-size:14px}
.plan-mee{margin-top:16px}
.plan-mee:disabled{opacity:.45;cursor:not-allowed}