/* Keuzehulp: één vraag per scherm, keuzes als tegels, uitslag met productkaarten. */
.rw-check{--ink:#16181B;--body:#3B3F45;--mute:#6B7078;--line:#DEDFE2;--band:#F2F3F4;--red:#D7261E;--red-d:#B31C15;--ok:#0F6A0F;
  --f:"Barlow","Segoe UI",system-ui,sans-serif;--fh:"Barlow Semi Condensed","Barlow","Segoe UI",sans-serif;--mono:"Cascadia Mono",Consolas,ui-monospace,monospace;
  color:var(--body);font:400 17px/1.6 var(--f)}
.rw-check *{box-sizing:border-box}
.rw-check a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.rw-check a:hover{color:var(--red-d)}
.rw-check h1,.rw-check h2,.rw-check h3{font-family:var(--fh);color:var(--ink);margin:0;font-weight:700;letter-spacing:-.005em}
.rw-check p{margin:0}
.rw-check button{font:inherit;cursor:pointer}

.rw-check .kh{max-width:860px;margin:0 auto;padding:48px 32px 96px}
@media (max-width:767px){.rw-check .kh{padding:32px 16px 64px}}

/* start */
.rw-check .kh-start{padding:40px 0 24px;max-width:640px}
.rw-check .kh-start h1{font-size:3.1rem;line-height:1.04}
@media (max-width:767px){.rw-check .kh-start h1{font-size:2.2rem}}
.rw-check .kh-lede{margin-top:16px;font-size:1.15rem;max-width:52ch}
.rw-check .kh-cta{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.rw-check .kh-small{margin-top:20px;font-size:.92rem;color:var(--mute)}

/* voortgang */
.rw-check .kh-prog{display:flex;align-items:center;gap:16px;font-size:.92rem;color:var(--mute);margin-bottom:28px}
.rw-check .kh-prog .bar{flex:1;height:4px;background:var(--line);max-width:240px}
.rw-check .kh-prog .bar i{display:block;height:100%;background:var(--red);transition:width .3s}

.rw-check .kh-q{font-size:2.3rem;line-height:1.1}
@media (max-width:767px){.rw-check .kh-q{font-size:1.8rem}}
.rw-check .kh-hint{margin-top:8px;color:var(--mute)}
.rw-check .kh-sub{font:600 1rem/1.3 var(--f);color:var(--ink);margin:28px 0 10px}

/* zoeken */
.rw-check .kh-search{display:block;margin-top:24px;max-width:420px}
.rw-check .kh-search span{display:block;font-size:.92rem;color:var(--mute);margin-bottom:4px}
.rw-check .kh-search input{width:100%;font:400 1.05rem var(--f);padding:12px 14px;border:1px solid #B9BCC2;border-radius:4px;color:var(--ink);background:#fff}
.rw-check .kh-search input:focus,.rw-check select:focus,.rw-check textarea:focus{outline:2px solid var(--ink);outline-offset:0;border-color:var(--ink)}
.rw-check .kh-none{margin-top:12px;color:var(--mute)}

/* tegels */
.rw-check .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:20px}
.rw-check .tiles.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.rw-check .tiles.four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}
.rw-check .tiles.two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
@media (max-width:600px){.rw-check .tiles,.rw-check .tiles.three,.rw-check .tiles.four,.rw-check .tiles.two{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rw-check .tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;background:#fff;border:1px solid #C9CBCF;border-radius:6px;padding:14px 16px;min-height:64px;color:var(--ink);transition:border-color .12s,background-color .12s}
.rw-check .tile:hover{border-color:var(--ink)}
.rw-check .tile:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.rw-check .tile.on{border:2px solid var(--ink);padding:13px 15px;background:var(--band)}
.rw-check .tile .tl{font-weight:600;font-size:1.02rem;line-height:1.3}
.rw-check .tile .ts{font-size:.86rem;color:var(--mute)}
.rw-check .kh-other{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:.95rem;color:var(--mute);white-space:nowrap}
.rw-check .kh-other select{width:auto;flex:none}
.rw-check select{font:400 1rem var(--f);color:var(--ink);background:#fff;border:1px solid #C9CBCF;border-radius:4px;padding:8px 10px}

/* navigatie */
.rw-check .kh-nav{display:flex;align-items:center;gap:20px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}
.rw-check .kh-back,.rw-check .kh-skip,.rw-check .kh-link{background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.rw-check .kh-skip{margin-left:auto;color:var(--mute)}
.rw-check .kh-next{margin-left:auto;background:var(--red);color:#fff;border:0;border-radius:4px;padding:13px 24px;font-weight:600;font-size:1.02rem}
.rw-check .kh-skip + .kh-next{margin-left:0}
.rw-check .kh-next:hover{background:var(--red-d)}
.rw-check .kh-next:disabled{background:#C9CBCF;cursor:not-allowed}
.rw-check .kh-next.big{margin-left:0;padding:15px 32px;font-size:1.1rem}

/* PowerShell */
.rw-check .kh-auto h2{font-size:2rem;line-height:1.1}
.rw-check .kh-auto ol{margin:20px 0 0;padding-left:20px;max-width:680px}
.rw-check .kh-auto li{margin-bottom:16px}
.rw-check .kh-auto label{color:var(--ink)}
.rw-check .hint{display:block;margin-top:6px;font-size:.88rem;color:var(--mute)}
.rw-check .cmd{display:flex;margin-top:8px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#F7F7F8}
.rw-check .cmd code{flex:1;min-width:0;padding:10px 12px;font:12.5px/1.5 var(--mono);color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-check .cmd button{flex:none;font-weight:600;font-size:.92rem;border:0;border-left:1px solid var(--line);background:#fff;color:var(--ink);padding:0 14px}
.rw-check textarea{display:block;width:100%;margin-top:8px;min-height:130px;resize:vertical;padding:10px 12px;border:1px solid #C9CBCF;border-radius:4px;font:12.5px/1.6 var(--mono);color:var(--ink);background:#fff}
.rw-check .pmsg{margin-top:8px;font-size:.95rem}
.rw-check .pmsg.ok{color:var(--ok)}
.rw-check .pmsg.warn{color:#8A4B00}

/* uitslag */
.rw-check .kh-res .pcline{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:12px 16px;background:var(--band);border-radius:6px;margin-bottom:28px;font-size:.95rem}
.rw-check .kh-res .pcline span{color:var(--ink)}
.rw-check .kh-res .kh-lede{max-width:58ch}
.rw-check .tips,.rw-check .recs{margin-top:44px}
.rw-check .tips h2,.rw-check .recs h2{font-size:1.5rem;line-height:1.2;margin-bottom:14px}
.rw-check .tip{padding:16px 0;border-top:1px solid var(--line)}
.rw-check .tip:last-child{border-bottom:1px solid var(--line)}
.rw-check .tip h3{font:600 1.05rem/1.35 var(--f);color:var(--ink)}
.rw-check .tip p{margin-top:2px;max-width:62ch}

.rw-check .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:820px){.rw-check .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.rw-check .cards{grid-template-columns:1fr}}
.rw-check .card{position:relative;display:flex;flex-direction:column;border:1px solid #C9CBCF;border-radius:6px;padding:18px 18px 20px;background:#fff}
.rw-check .card.top{border:2px solid var(--ink);padding:17px 17px 19px}
.rw-check .card .flag{position:absolute;top:-12px;left:14px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:3px}
.rw-check .card .img{aspect-ratio:4/3;background:var(--band) center/contain no-repeat;border-radius:4px;margin-bottom:14px}
.rw-check .card .img:not([style]){display:none}
.rw-check .card .kind{font-size:.86rem;color:var(--mute)}
.rw-check .card h3{font-size:1.4rem;line-height:1.15;margin-top:2px}
.rw-check .card .gain{margin-top:10px;font:700 1.6rem/1.1 var(--fh);color:var(--ink)}
.rw-check .card .gain span{font:400 .95rem var(--f);color:var(--mute)}
.rw-check .card .fits{list-style:none;margin:12px 0 18px;padding:0;font-size:.94rem}
.rw-check .card .fits li{padding:3px 0}
.rw-check .card .fits li.no{color:var(--red);font-weight:500}
.rw-check .card .buy{margin-top:auto;display:block;text-align:center;background:var(--red);color:#fff;text-decoration:none;font-weight:600;border-radius:4px;padding:11px 14px}
.rw-check .card .buy:hover{background:var(--red-d);color:#fff}
.rw-check .aff{margin-top:12px;font-size:.88rem;color:var(--mute)}
.rw-check .kh-end{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:36px}
.rw-check .app-note{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:.95rem}
@media (prefers-reduced-motion:reduce){.rw-check *{transition:none!important}}
/* prijzen en extra onderdelen op de kaarten */
.rw-check .card .price{margin:0 0 12px;font-size:.98rem;color:var(--body)}
.rw-check .card .price b{font:700 1.35rem var(--fh);color:var(--ink)}
.rw-check .card .price .oos{color:var(--mute);font-size:.88rem}
.rw-check .card .also{margin:0 0 16px;padding:12px 14px;background:var(--band);border-radius:4px;font-size:.92rem}
.rw-check .card .also b{color:var(--ink);font-weight:600}
.rw-check .card .also .also-price{margin-top:4px}
.rw-check .card .also a{display:inline-block;margin-top:6px}
.rw-check .card .shops{margin-top:10px;font-size:.92rem}
.rw-check .card .shops summary{cursor:pointer;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.rw-check .card .shops ul{list-style:none;margin:8px 0 0;padding:0}
.rw-check .card .shops li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--line)}
.rw-check .card .shops li span{color:var(--ink);white-space:nowrap}
/* geopend in de Windows-app: alleen de keuzehulp, zonder site-header en -footer */
html.rw-app .elementor-location-header,html.rw-app .elementor-location-footer,html.rw-app .kh-start .kh-link{display:none!important}
html.rw-app .rw-check .kh{padding-top:28px}