/* Blok: Pakketten */
.plans{ display:grid; gap:var(--sp-3); align-items:start; }
@media (min-width:700px){ .plans{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1040px){
	.plans--3{ grid-template-columns:repeat(3,1fr); }
	.plans--4{ grid-template-columns:repeat(4,1fr); }
}

.plan{
	position:relative; display:flex; flex-direction:column; gap:.9rem;
	background:var(--paper); border:1px solid var(--line);
	border-radius:var(--r-lg); padding:var(--sp-4) var(--sp-3);
	transition:border-color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);
}
.plan:hover{ border-color:var(--line-strong); box-shadow:var(--shadow-md); transform:translateY(-3px); }
.plan--featured{ border-color:var(--red); border-width:1.5px; box-shadow:var(--shadow-md); }
.plan__badge{
	position:absolute; top:-.75rem; left:var(--sp-3);
	background:var(--red); color:#fff; padding:.35em .9em; border-radius:var(--r-pill);
	font-family:var(--font-mono); font-size:var(--fs-mono); letter-spacing:.16em; text-transform:uppercase;
}
.plan__name{ font-size:var(--fs-h3); }
.plan__summary{ color:var(--ink-soft); font-size:.96rem; }

.plan__price{ display:flex; align-items:baseline; gap:.4em; flex-wrap:wrap; margin-top:.3rem; }
.plan__prefix, .plan__suffix{
	font-family:var(--font-mono); font-size:var(--fs-mono); letter-spacing:.14em;
	text-transform:uppercase; color:var(--ink-mute);
}
.plan__amount{
	font-family:var(--font-display); font-weight:800; line-height:1;
	font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem); color:var(--ink);
}
.plan__reimbursement{
	display:flex; gap:.6em; align-items:flex-start;
	background:var(--accent-tint); border-radius:var(--r-md);
	padding:.8em 1em; font-size:.92rem; color:var(--ink-soft);
}
.plan__reimbursement svg{ width:1.15em; height:1.15em; color:var(--accent); flex:none; margin-top:.15em; }

.plan__features{ display:flex; flex-direction:column; gap:.55rem; list-style:none; padding:0; margin:.3rem 0 0; }
.plan__features li{ display:flex; gap:.65em; align-items:flex-start; font-size:.96rem; color:var(--ink-soft); }
.plan__features svg{ width:1.1em; height:1.1em; flex:none; margin-top:.25em; color:var(--accent); }
.plan__features li.is-out{ color:var(--ink-mute); }
.plan__features li.is-out svg{ color:var(--ink-mute); }
.plan__foot{ margin-top:auto; padding-top:var(--sp-2); }

.plans__footnote{ margin-top:var(--sp-3); font-size:.88rem; color:var(--ink-mute); max-width:70ch; }

.band .plan{ background:var(--inset); border-color:var(--band-hair); }
.band .plan__name, .band .plan__amount{ color:#fff; }
.band .plan__summary, .band .plan__features li{ color:rgba(255,255,255,.76); }
.band .plan__reimbursement{ background:var(--band-hair); color:rgba(255,255,255,.82); }
.band .plan__features svg, .band .plan__reimbursement svg{ color:var(--brand-4); }