/* Eén schakelaar voor alle pakketten: per jaar of per maand (bouw over 24 maanden + service). */
.pkt-m{display:none!important}
html[data-pkt="m"] .pkt-m{display:revert!important}
html[data-pkt="m"] .pkt-y{display:none!important}
.pkt-bar{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin:0 auto 28px;max-width:640px}
.pkt:not(.pkt--v2){display:inline-flex;gap:4px;padding:5px;background:#EEF1EF;border-radius:999px;max-width:100%}
.pkt:not(.pkt--v2) button{font:inherit;font-size:15px;font-weight:700;line-height:1.2;border:0;border-radius:999px;padding:11px 22px;min-height:44px;cursor:pointer;background:transparent;color:#4A524E;transition:background-color .2s ease,color .2s ease,transform .16s cubic-bezier(.23,1,.32,1);-webkit-tap-highlight-color:transparent}
.pkt:not(.pkt--v2) button:active{transform:scale(.97)}
.pkt:not(.pkt--v2) button[aria-pressed="true"]{background:#fff;color:#0B0D0C;box-shadow:0 1px 2px rgba(11,13,12,.08)}
.pkt button:focus-visible{outline:3px solid #338d5b;outline-offset:2px}
.pkt-note{font-size:14px;line-height:1.45;color:#4A524E;margin:0}
.pkt-save{display:inline-block;font-size:14px;font-weight:700;color:#236E3F}
.pkt-swap{animation:pkt-in .28s cubic-bezier(.23,1,.32,1)}
@keyframes pkt-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pkt-swap{animation:none}}
/* functiepagina's */
.pl .pkt-bar{margin:0 auto 32px}
.pl-tier .pkt-save{margin:4px 0 0}
.pl-from--m{display:block;margin-top:4px;font-size:14px;color:#4A524E}

/* termijnen */
.pkt-sub{display:none!important}
html[data-pkt="m"] .pkt-sub{display:inline-flex!important}
.pkt-sub button{font-size:14px!important;min-height:38px!important;padding:8px 16px!important}
html[data-pkt-n="4"] .pkt-n2{display:none!important}
html:not([data-pkt-n="4"]) .pkt-n4{display:none!important}
.v2 .pkt-sub.pkt--v2{margin-top:6px}
