/* Van Liere Grondwerk: eigen branche-onderdelen (profileer-simulator en materieel) */
.vl-profiel .pf-kaart{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(22px,4vw,46px);align-items:center;
  background:var(--wit,#fff);border-radius:var(--r-kaart,24px);box-shadow:0 24px 50px -24px rgba(var(--ink-rgb),.35);padding:clamp(16px,2.4vw,28px);max-width:1140px;margin-inline:auto}
.pf-veld{position:relative;border-radius:14px;overflow:hidden;background:#cfe3ee;aspect-ratio:760/420}
.pf-veld canvas{display:block;width:100%;height:100%}
.pf-afwijking{position:absolute;left:14px;top:14px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:7px 14px;font-size:13.5px;letter-spacing:.02em}
.pf-afwijking b{color:var(--accent);font-weight:700}
.pf-info{text-align:center}
.pf-rij{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;font-weight:600;color:var(--ink);font-size:15px}
.pf-rij output{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}
.pf-info input[type=range]{width:100%;accent-color:var(--accent);margin:8px 0 4px}
.pf-mats{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:18px 0 6px}
.pf-mats span{width:100%;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--petrol)}
.pf-mat{border:1.5px solid rgba(var(--ink-rgb),.2);background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;transition:all .35s cubic-bezier(.22,.61,.36,1)}
.pf-mat.actief,.pf-mat:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}
.pf-knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.pf-noot{margin-top:14px;font-size:14px;color:var(--tekst)}
@media(max-width:900px){.vl-profiel .pf-kaart{grid-template-columns:1fr}}
@media(max-width:520px){.pf-knoppen .knop{width:100%;justify-content:center}}

.mat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,26px);max-width:1140px;margin-inline:auto}
.mat-kaart{background:#fff;border-radius:var(--r-kaart,24px);padding:30px 24px;text-align:center;box-shadow:0 18px 40px -26px rgba(var(--ink-rgb),.35);
  border-top:3px solid var(--accent);transition:transform .85s cubic-bezier(.22,.61,.36,1),box-shadow .85s cubic-bezier(.22,.61,.36,1),opacity .85s cubic-bezier(.22,.61,.36,1)}
.mat-kaart:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(var(--ink-rgb),.45)}
.mat-icoon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#000}
.mat-icoon svg{width:32px;height:32px;stroke:var(--accent)}
.mat-kaart h3{color:var(--ink);margin-bottom:8px}
.mat-kaart p{color:var(--tekst);font-size:15px}
@media(max-width:900px){.mat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mat-grid{grid-template-columns:1fr}}
.tip-overlay .tip-tag{background:var(--accent);color:#fff}
@media print{.vl-profiel .pf-knoppen{display:none}}