/* Alleen wat de kit niet dekt: pagina-indeling van kolkworks.com. */
.hero { padding: var(--kw-space-7) 0 var(--kw-space-6); border-bottom: 1px solid var(--kw-line); }
.hero h1 { font-size: clamp(30px, 5vw, var(--kw-text-3xl)); margin: var(--kw-space-2) 0 var(--kw-space-4); }
.hero .lead { font-size: var(--kw-text-lg); color: var(--kw-muted); }
section { padding: var(--kw-space-6) 0; }
section h2 { font-size: var(--kw-text-xl); margin-bottom: var(--kw-space-4); }
.prods { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--kw-space-3); }
.prod { background: var(--kw-surface); border: 1px solid var(--kw-line); border-radius: var(--kw-radius);
        padding: var(--kw-space-4) var(--kw-space-5); display: grid; gap: var(--kw-space-2); }
.prod-kop { display: flex; align-items: baseline; gap: var(--kw-space-3); }
.prod h3 { font-size: var(--kw-text-lg); }
.prod h3 a { color: var(--kw-ink); text-decoration: none; }
.prod h3 a:hover { color: var(--kw-accent-ink); text-decoration: underline; }
.prod-link { font-size: var(--kw-text-xs); color: var(--kw-faint); text-decoration: none; }
.prod-link:hover { color: var(--kw-accent-ink); }
.klein { font-size: var(--kw-text-xs); margin-top: var(--kw-space-4); }
.tweekolom { display: grid; grid-template-columns: 1fr 1fr; gap: var(--kw-space-6); border-top: 1px solid var(--kw-line); }
@media (max-width: 720px) { .tweekolom { grid-template-columns: 1fr; gap: var(--kw-space-5); } }
.terug { padding: var(--kw-space-5) 0 0; font-family: var(--kw-font-display); font-weight: 600; }
.terug a { color: var(--kw-ink); text-decoration: none; }
.legal { padding: var(--kw-space-5) 0 var(--kw-space-6); max-width: var(--kw-measure); }
.legal h1 { font-size: var(--kw-text-2xl); margin-bottom: var(--kw-space-4); }
.legal h2 { font-size: var(--kw-text-lg); margin: var(--kw-space-6) 0 var(--kw-space-2); }
.legal p { margin-bottom: var(--kw-space-3); }
.legal-lijst { margin: 0 0 var(--kw-space-4); padding-left: var(--kw-space-5); color: var(--kw-ink); }
.legal-lijst li { margin-bottom: var(--kw-space-2); }
