/* vechtsportschool-tarieven: block-port van React Bits Pro pricing-4 (bovenvlak met label en grote kop,
   twee regels en een afgeronde bak met drie kaarten, de middelste uitgelicht); de kop via ascii-ripple. */
.msm-vechtsportschool-tarieven{--vt-p:var(--m-primary,#b83a2d);--vt-bg:var(--m-bg,#e8e4dc);--vt-ink:var(--m-ink,#171a18);--vt-s:var(--m-surface,#f4f1ea);--vt-mu:var(--m-muted,#5f625c);--vt-a:var(--m-accent2,#8c6b43);--vt-l:var(--m-line,#cfc9bd);--vt-fd:var(--m-font-display,"Archivo","Segoe UI",system-ui,sans-serif);--vt-fb:var(--m-font-body,"IBM Plex Sans","Segoe UI",system-ui,sans-serif);position:relative;scroll-margin-top:112px;width:100%;background:var(--vt-bg);color:var(--vt-ink);font-family:var(--vt-fb);font-size:16px;line-height:1.5}
.msm-vechtsportschool-tarieven *,.msm-vechtsportschool-tarieven *::before,.msm-vechtsportschool-tarieven *::after{box-sizing:border-box}
/* bg-neutral-100 py-12 sm:py-16 md:py-20 px-4 sm:px-6 lg:px-8 */
.msm-vechtsportschool-tarieven .vt-top{padding:48px 16px;background:var(--vt-s)}
.msm-vechtsportschool-tarieven .vt-inner{width:100%;max-width:1400px;margin-inline:auto}
.msm-vechtsportschool-tarieven .vt-labelrow{margin-bottom:32px;text-align:center}
/* inline-flex px-4 py-1 rounded-sm bg-white border text-sm font-medium */
.msm-vechtsportschool-tarieven .vt-label{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid var(--vt-l);border-radius:2px;background:var(--vt-bg);font-size:14px;line-height:20px;font-weight:500;color:var(--vt-ink)}
.msm-vechtsportschool-tarieven .vt-ripple{position:relative;margin-bottom:24px}
/* text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-medium text-center leading-tight */
.msm-vechtsportschool-tarieven .vt-title{margin:0;font-family:var(--vt-fd);font-weight:500;font-size:36px;line-height:1.25;letter-spacing:-.02em;text-align:center;color:var(--vt-ink);text-wrap:balance}
.msm-vechtsportschool-tarieven .vt-ripple-field{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none}
.msm-vechtsportschool-tarieven .vt-ripple.is-rippling .vt-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.msm-vechtsportschool-tarieven .vt-ripple.is-rippling .vt-ripple-field{position:relative;visibility:visible;pointer-events:auto;margin-inline:auto}
/* Originele CSS van ascii-ripple (gescoped); touch-action pan-y zodat de pagina boven de kop blijft scrollen. */
.msm-vechtsportschool-tarieven .ascii-ripple{position:relative;width:100%;height:100%;overflow:hidden;user-select:none;touch-action:pan-y}
.msm-vechtsportschool-tarieven .ascii-ripple__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}

/* bg-white py-12 sm:px-6 lg:px-8 */
.msm-vechtsportschool-tarieven .vt-bottom{padding:48px 12px}
/* text-center mb-12; regels text-xl sm:text-2xl font-medium, eerste mb-2 */
.msm-vechtsportschool-tarieven .vt-lines{margin-bottom:48px;text-align:center}
.msm-vechtsportschool-tarieven .vt-lines p{margin:0;font-size:20px;line-height:28px;font-weight:500}
.msm-vechtsportschool-tarieven .vt-lines p+p{margin-top:8px}
/* bg-neutral-100 rounded-4xl p-6; grid grid-cols-1 lg:grid-cols-3 gap-6 */
.msm-vechtsportschool-tarieven .vt-bak{padding:24px;border-radius:2rem;background:color-mix(in srgb,var(--vt-ink) 6%,var(--vt-bg))}
.msm-vechtsportschool-tarieven .vt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
/* bg-white rounded-3xl p-6 flex flex-col */
.msm-vechtsportschool-tarieven .vt-card{display:flex;flex-direction:column;padding:24px;border-radius:1.5rem;background:var(--vt-s)}
/* uitgelicht: shadow-xl border scale-[1.03] */
.msm-vechtsportschool-tarieven .vt-card--featured{border:1px solid var(--vt-l);box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);scale:1.03}
/* flex items-center justify-between mb-6; px-3 py-1.5 rounded-sm text-xs font-medium */
.msm-vechtsportschool-tarieven .vt-chips{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}
.msm-vechtsportschool-tarieven .vt-chip{padding:6px 12px;border-radius:2px;font-size:12px;line-height:16px;font-weight:500}
.msm-vechtsportschool-tarieven .vt-chip--name{background:var(--vt-ink);color:var(--vt-s)}
.msm-vechtsportschool-tarieven .vt-card--featured .vt-chip--name{background:var(--vt-p);color:var(--vt-s)}
.msm-vechtsportschool-tarieven .vt-chip--period{background:var(--vt-l);color:var(--vt-ink)}
/* flex items-end justify-between mb-6; text-5xl font-bold; text-sm pb-2 */
.msm-vechtsportschool-tarieven .vt-price{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:24px}
.msm-vechtsportschool-tarieven .vt-amount{font-family:var(--vt-fd);font-size:48px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.msm-vechtsportschool-tarieven .vt-unit{padding-bottom:8px;font-size:14px;line-height:20px;color:var(--vt-mu);text-align:right}
.msm-vechtsportschool-tarieven .vt-desc{margin:0 0 32px;font-size:16px;line-height:24px}
/* space-y-4 mb-8; border-t pt-4 text-sm; laatste border-t border-b py-4 */
.msm-vechtsportschool-tarieven .vt-rows{display:grid;gap:16px;margin:0 0 32px;padding:0;list-style:none}
.msm-vechtsportschool-tarieven .vt-rows li{padding-top:16px;border-top:1px solid var(--vt-l);font-size:14px;line-height:20px}
.msm-vechtsportschool-tarieven .vt-rows li:last-child{padding-bottom:16px;border-bottom:1px solid var(--vt-l)}
.msm-vechtsportschool-tarieven .vt-spacer{flex:1}
/* w-full px-6 py-2.5 rounded-sm font-medium text-sm transition-colors duration-200 */
.msm-vechtsportschool-tarieven .vt-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px 24px;border-radius:2px;background:var(--vt-ink);color:var(--vt-s);font-size:14px;line-height:20px;font-weight:500;text-decoration:none;transition:background-color .2s}
.msm-vechtsportschool-tarieven .vt-btn:hover{background:color-mix(in srgb,var(--vt-ink) 84%,var(--vt-s))}
.msm-vechtsportschool-tarieven .vt-card--featured .vt-btn{background:var(--vt-p)}
.msm-vechtsportschool-tarieven .vt-card--featured .vt-btn:hover{background:color-mix(in srgb,var(--vt-p) 84%,var(--vt-s))}
.msm-vechtsportschool-tarieven .vt-btn:focus-visible{outline:2px solid var(--vt-p);outline-offset:3px}
.msm-vechtsportschool-tarieven .vt-note{margin:20px 0 0;text-align:center;font-size:13.5px;color:var(--vt-mu)}

@media (min-width:640px){
.msm-vechtsportschool-tarieven .vt-top{padding:64px 24px}
.msm-vechtsportschool-tarieven .vt-title{font-size:48px;line-height:1.25}
.msm-vechtsportschool-tarieven .vt-bottom{padding:48px 24px}
.msm-vechtsportschool-tarieven .vt-lines p{font-size:24px;line-height:32px}
}
@media (min-width:768px){
.msm-vechtsportschool-tarieven .vt-top{padding:80px 24px}
.msm-vechtsportschool-tarieven .vt-title{font-size:60px}
}
@media (min-width:1024px){
.msm-vechtsportschool-tarieven .vt-top{padding:80px 32px}
.msm-vechtsportschool-tarieven .vt-title{font-size:72px}
.msm-vechtsportschool-tarieven .vt-bottom{padding:48px 32px 96px}
.msm-vechtsportschool-tarieven .vt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
.msm-vechtsportschool-tarieven .vt-btn{transition:none}
}