:root{
  --ink:#252924;--muted:#657066;--line:#d8ddd6;--bg:#f4f3ee;--card:#fff;
  --yellow:#d6b000;--yellow-soft:#fff7cf;--green:#355e3b;--green-soft:#e9f0e8;
  --shadow:0 12px 34px rgba(28,34,32,.08);
}
*{box-sizing:border-box}html{background:transparent}body{margin:0;background:transparent;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{width:100%;max-width:1320px;margin:0 auto;padding:4px 0 28px}.hero{display:flex;justify-content:space-between;gap:26px;align-items:flex-start;padding:28px;border:2px solid var(--yellow);border-top-width:6px;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.eyebrow,.kicker{margin:0 0 7px;color:#725900;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1,.panel h2,.results-head h2{font-family:Georgia,"Times New Roman",serif}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02}.intro{max-width:820px;margin:14px 0 0;color:var(--muted);font-size:1rem;line-height:1.65}.hero-stat{min-width:116px;padding:18px;border-radius:18px;background:var(--yellow-soft);text-align:center}.hero-stat strong{display:block;font-size:2.2rem;line-height:1}.hero-stat span{display:block;margin-top:6px;color:#725900;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.panel{margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 6px 20px rgba(28,34,32,.05)}.panel-head,.results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.panel-head h2,.results-head h2{margin:0;font-size:1.65rem}.link-button{border:0;background:none;color:var(--green);font:inherit;font-weight:750;cursor:pointer;padding:8px 0}.link-button:hover{text-decoration:underline}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.filter-grid-top{margin-top:22px}.field,.check-field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.76rem;font-weight:800;color:#59635a;text-transform:uppercase;letter-spacing:.035em}.field input,.field select{width:100%;min-height:44px;border:1px solid #cfd6cf;border-radius:11px;background:#fff;color:var(--ink);font:inherit;padding:10px 11px;outline:none}.field input:focus,.field select:focus{border-color:#7f9b82;box-shadow:0 0 0 3px rgba(53,94,59,.11)}.field-search{grid-column:span 2}.input-unit{display:flex;align-items:center;border:1px solid #cfd6cf;border-radius:11px;background:#fff;overflow:hidden}.input-unit:focus-within{border-color:#7f9b82;box-shadow:0 0 0 3px rgba(53,94,59,.11)}.input-unit span{padding:0 0 0 11px;color:#667067;font-weight:700}.input-unit.suffix span{padding:0 11px 0 0}.input-unit input{border:0!important;box-shadow:none!important;border-radius:0}.more-filters{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.more-filters summary{cursor:pointer;color:var(--green);font-weight:800}.check-field{justify-content:center;flex-direction:row;align-items:center;min-height:44px;margin-top:21px;border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:#fbfcfa}.check-field input{width:18px;height:18px;accent-color:var(--green)}.check-field span{font-size:.84rem;font-weight:700}.results-section{margin-top:28px}.active-summary{margin:0;color:var(--muted);font-size:.9rem;text-align:right}.cars-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.car-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-top:5px solid var(--yellow);border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 24px rgba(28,34,32,.055)}.car-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.car-brand{margin:0 0 4px;color:#6b756c;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.car-name{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;line-height:1.1}.class-badge{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--yellow-soft);color:#725900;font-size:.75rem;font-weight:850}.price{margin:18px 0 2px;font-size:1.55rem;font-weight:850;letter-spacing:-.02em}.price small{font-size:.75rem;font-weight:700;color:var(--muted);letter-spacing:0}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.spec{min-width:0;padding:10px;border-radius:11px;background:#f6f7f4}.spec span{display:block;color:var(--muted);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em}.spec strong{display:block;margin-top:3px;font-size:.95rem;overflow-wrap:anywhere}.unknown{color:#8a918b;font-weight:650!important;font-size:.8rem!important}.card-details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.card-details summary{cursor:pointer;color:var(--green);font-size:.85rem;font-weight:800}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:10px;font-size:.82rem}.detail-list div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed #e1e5df;padding-bottom:5px}.detail-list span{color:var(--muted)}.detail-list strong{text-align:right}.incomplete-note{margin-top:auto;padding-top:13px;color:#8a7050;font-size:.73rem;line-height:1.4}.empty{margin-top:18px;padding:36px;text-align:center;border:1px dashed #b8c0b8;border-radius:16px;background:#fafbf9}.empty p{margin:.4rem 0 0;color:var(--muted)}.note-panel h2{margin:0 0 10px;font-size:1.35rem}.note-panel p{margin:.55rem 0;color:var(--muted);line-height:1.55}.source-line{font-size:.82rem}.filters-active .filters{border-color:#a3b7a5}.filters-active .filters:before{content:"Filters actief";display:inline-block;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.72rem;font-weight:800}
@media(max-width:1050px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-search{grid-column:span 2}}
@media(max-width:700px){.app-shell{padding:0 0 20px}.hero{padding:22px;flex-direction:column}.hero-stat{display:flex;align-items:baseline;gap:8px;min-width:0;padding:12px 15px}.hero-stat strong{font-size:1.55rem}.hero-stat span{margin:0}.panel{padding:18px}.panel-head,.results-head{align-items:flex-start}.active-summary{max-width:50%}.filter-grid{grid-template-columns:1fr}.field-search{grid-column:auto}.cars-grid{grid-template-columns:1fr}.more-filters:not([open]){padding-bottom:0}.detail-list{grid-template-columns:1fr}}
@media(max-width:430px){.hero h1{font-size:2rem}.panel-head,.results-head{flex-direction:column;align-items:flex-start}.active-summary{max-width:none;text-align:left}.spec-grid{grid-template-columns:1fr 1fr}.car-card{padding:17px}}

/* V1.0.1 prijsbereik met dubbele schuifbalk */
.field-price-range{grid-column:span 2}.price-range-values{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:30px}.price-range-values output{font-weight:850;color:var(--green);font-variant-numeric:tabular-nums}.price-range-values span{color:var(--muted);font-size:.78rem}.dual-range{position:relative;height:30px;margin-top:2px}.range-track,.range-selected{position:absolute;left:0;right:0;top:13px;height:5px;border-radius:999px}.range-track{background:#d9ded8}.range-selected{background:var(--green)}.dual-range input[type=range]{position:absolute;left:0;top:3px;width:100%;height:24px;margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;outline:none}.dual-range input[type=range]::-webkit-slider-runnable-track{height:5px;background:transparent}.dual-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border:3px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 1px 5px rgba(0,0,0,.28);pointer-events:auto;cursor:grab}.dual-range input[type=range]::-moz-range-track{height:5px;background:transparent}.dual-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:var(--green);box-shadow:0 1px 5px rgba(0,0,0,.28);pointer-events:auto;cursor:grab}.dual-range input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(53,94,59,.17)}
@media(max-width:760px){.field-price-range{grid-column:1/-1}.price-range-values{font-size:.92rem}}
.field-help{display:block;margin-top:5px;color:var(--muted);font-size:.74rem;line-height:1.35}.price-sub{margin:.25rem 0 0;color:var(--muted);font-size:.82rem;font-weight:650}.year-tag{display:inline-block;margin-left:6px;color:var(--muted);font-size:.68rem;font-weight:700}.range-value{white-space:nowrap}.car-card .price{margin-bottom:0}.class-badge{max-width:110px;text-align:center}.detail-list strong{overflow-wrap:anywhere}
