/* Wow Oranje Kwast: schilder het herstelde kozijn zelf tevoorschijn */
.kw-sectie .kop-blok{max-width:760px;margin-inline:auto}
.kw-bak{display:grid;grid-template-columns:minmax(0,420px) minmax(0,380px);gap:clamp(28px,4vw,56px);justify-content:center;align-items:center;margin-top:clamp(28px,4vw,44px)}
.kw-podium{position:relative;aspect-ratio:571/837;border-radius:var(--r-kaart);overflow:hidden;box-shadow:0 26px 60px -24px rgba(var(--ink-rgb),.45);background:#ddd;touch-action:pan-y;cursor:none;user-select:none;-webkit-user-select:none}
.kw-podium img,.kw-podium canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.kw-podium img{pointer-events:none}
.kw-label{position:absolute;top:14px;z-index:3;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(var(--ink-rgb),.82);color:#fff;transition:opacity .5s var(--ease)}
.kw-label.voor{left:14px}.kw-label.na{right:14px;background:var(--accent);opacity:0}
.kw-podium.is-klaar .kw-label.voor{opacity:0}.kw-podium.is-klaar .kw-label.na,.kw-podium.is-bezig .kw-label.na{opacity:1}
.kw-kwast{position:absolute;left:0;top:0;width:86px;height:86px;z-index:4;pointer-events:none;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s var(--ease);filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.kw-podium.toon-kwast .kw-kwast{opacity:1}
.kw-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;white-space:nowrap;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font-size:13.5px;font-weight:600;box-shadow:0 8px 20px -10px rgba(0,0,0,.4);transition:opacity .5s var(--ease)}
.kw-podium.is-bezig .kw-hint,.kw-podium.is-klaar .kw-hint{opacity:0}
.kw-zij{text-align:center}
.kw-meter{margin:0 auto 18px;max-width:320px}
.kw-meter-kop{display:flex;justify-content:space-between;font-size:14px;color:var(--tekst);margin-bottom:8px}
.kw-meter-kop b{color:var(--ink)}
.kw-balk{height:10px;border-radius:999px;background:var(--tint2);overflow:hidden}
.kw-balk i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#ff8a2e);border-radius:inherit;transition:width .35s var(--ease)}
.kw-stappen{list-style:none;padding:0;margin:0 auto 22px;width:fit-content;text-align:left;display:flex;flex-direction:column;gap:10px}
.kw-stappen li{display:flex;align-items:flex-start;gap:10px;color:var(--tekst);font-size:15px;transition:color .5s var(--ease)}
.kw-stappen li span{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--tint2);color:var(--ink);transition:background-color .5s var(--ease),color .5s var(--ease)}
.kw-stappen li.aan span{background:var(--accent);color:#fff}
.kw-stappen li.aan{color:var(--ink)}
.kw-knoppen{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.kw-knop{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;border:1.5px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:background-color .45s var(--ease),color .45s var(--ease)}
.kw-knop:hover{background:var(--ink);color:#fff}
.kw-knop.vol{background:var(--accent);border-color:var(--accent);color:#fff}
.kw-knop.vol:hover{background:var(--accent-donker);border-color:var(--accent-donker)}
.kw-klaar{margin:18px auto 0;max-width:340px;font-size:15px;color:var(--ink);font-weight:600;min-height:1.6em;opacity:0;transition:opacity .6s var(--ease)}
.kw-podium.is-klaar ~ .kw-zij .kw-klaar,.kw-bak.is-klaar .kw-klaar{opacity:1}
.kw-bron{margin-top:14px;font-size:13px;color:var(--tekst)}
@media(max-width:900px){
  .kw-bak{grid-template-columns:minmax(0,1fr)}
  .kw-podium{max-width:400px;width:100%;margin-inline:auto}
}
@media(hover:none){.kw-podium{cursor:default}}
.no-js .kw-podium canvas{display:none}

/* ADRESLIJST (16-10-2026): suggesties schuiven de velden eronder omlaag in plaats van eroverheen te liggen */
.adres-suggesties{position:static!important;margin:6px 0 0;max-height:none;box-shadow:none;text-align:left}
.adres-suggesties li{min-height:44px;display:flex;align-items:center}
.adres-suggesties li:nth-child(n+5){display:none}