/* Shared finishing layer; source tokens remain in sunvio.css. */
[hidden]{display:none!important}
.skiplink{position:fixed;left:16px;top:-100px;z-index:200;background:var(--navy);color:white;padding:12px 20px;border-radius:8px}
.skiplink:focus{top:12px;color:white}
main:focus{outline:none}main{scroll-margin-top:110px}
section[id]{scroll-margin-top:112px}
.schetsbalk{font-size:12px!important;padding:5px 16px!important;position:fixed!important;top:0;left:0;right:0;line-height:18px!important}
.nav{top:0!important}.nav .alleen-mobiel{display:none}
body:has(.schetsbalk){padding-top:28px}body:has(.schetsbalk) .nav{top:28px!important}
.sectie{padding:64px 32px}.sectie h2{font-size:clamp(27px,3vw,38px)}
.herof .in{padding-top:112px;padding-bottom:56px}
.herof h1{max-width:20ch;font-size:clamp(30px,3.2vw,44px)}
.herof .kaart{padding:30px;max-width:510px}
.herof .hvink{margin-bottom:20px}.herof .sub{line-height:1.6}
.site-home .herof{min-height:660px;min-height:min(760px,85svh)}
.site-home .herof .in{padding-bottom:96px}.site-home .scrolldown{display:none}
.prijsnoot{font-size:13px!important;line-height:1.5;color:var(--t2);margin:12px 0 0!important}
.herof .prijsnoot{color:white}.herof .prijsnoot a{color:white}
.bewijsblok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.bewijsblok figure{margin:0}.bewijsblok img{width:100%;border-radius:16px;max-width:480px;margin:auto}
.bewijsblok figcaption{font-size:13px;color:var(--t2);margin-top:10px;text-align:center}
.bewijsblok p{margin:16px 0;color:var(--t2)}.bewijsblok h3{font-size:20px;margin-top:24px}
.bewijsblok .knop{margin-top:16px}
.bediening-uitleg{font-size:14px;color:var(--t2);margin:12px 0}
.soort .vlak{max-height:310px}.soort .vlak img{height:100%;object-fit:contain}
.kleuren-keuze{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.kleurkeuze{background:white;border:1px solid var(--rand);border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;font:inherit;color:var(--navy);cursor:pointer;min-height:48px}
.kleurkeuze[aria-pressed=true]{border:2px solid var(--blauw-h);padding:11px 15px}
.kleurstip{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #aebbc9;background:var(--kleur)}
.kleurtoelichting{color:var(--t2);max-width:65ch}
.doekstalen{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:20px;margin:24px 0}.doekstalen figure{margin:0}.doekstalen img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--rand);border-radius:10px}.doekstalen figcaption{font-size:14px;margin-top:8px}
.boekkaart{background:white;border:1px solid var(--rand);border-radius:18px;padding:32px;max-width:720px;margin:auto}
.boekkaart h2{margin:0 0 16px}.boekkaart p{margin:16px 0;color:var(--t2)}
.boekkaart .knop{margin:6px 0 12px}.boekstappen{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin-top:28px}
.boekstappen b{display:block;margin-bottom:8px}.boekstappen p{color:var(--t2);font-size:15px}
.nav .hamb{min-width:44px;min-height:44px}.wapp{right:16px!important;bottom:16px!important}
@media(max-width:900px){.nav .alleen-mobiel{display:list-item}.nav ul.open{max-height:calc(100svh - 82px);overflow-y:auto}}
@media(max-width:860px){
 .sectie{padding:40px 16px!important}.sectie h2{font-size:28px;margin-top:0}
 .herof .in{padding:92px 16px 32px}.herof .kaart{padding:22px 20px}
 .herof h1{font-size:30px;line-height:1.15;margin-top:12px;max-width:22ch}
 .herof .sub{font-size:15px;margin:12px 0 16px}.herof .hvink li{font-size:14px;padding:3px 0}
 .herof .acties{gap:10px}.herof .acties .knop{padding:12px 18px;font-size:14px}
 .site-home .herof{min-height:0}.site-home .herof .in{padding:92px 16px 44px}
 .herof .revpill{padding:6px 12px;font-size:12px}.herof .kicker{display:none}
 .keuzegrid{gap:18px!important}.soort .vlak{height:180px!important;min-height:0!important;aspect-ratio:auto!important}
 .soort .tekst{padding:20px!important}.soort .prijsregel{gap:8px;flex-wrap:wrap}
 .soort .vinkjes li{font-size:14px}.soort .knop{font-size:14px}
 .waarom-wrap,.ctablok{grid-template-columns:minmax(0,1fr)!important}.waarom-wrap>*,.ctablok>*,.ctablok .acties>*{min-width:0}
 .waarom-wrap .wgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;min-width:0}.waarom-wrap .wkaart2{padding:16px!important;min-width:0;overflow-wrap:anywhere}.waarom-wrap .wkaart2 h3{font-size:17px!important}.waarom-foto{min-height:0!important;max-height:220px;overflow:hidden}
 .ctablok .knop{white-space:normal;max-width:100%}
 .werk-grid .werkfoto{height:230px;min-height:0}.rm-kolommen{height:430px!important;max-height:430px!important}
 .doekstalen{gap:12px}
 .bewijsblok{grid-template-columns:1fr;gap:24px}.bewijsblok figure{order:2}
 .ptgrid,.productgrid{gap:14px}.ptegel{max-height:240px;aspect-ratio:1.5}
 .boekkaart{padding:24px 20px}.boekstappen{grid-template-columns:1fr;gap:20px}
 footer{padding:32px 20px 84px}.wapp{padding:12px!important}.wapp span{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}