.oplegger-lengte{border:1px solid var(--border);border-radius:var(--radius-lg, 14px);background:var(--bg-card, #222);padding:14px 16px 12px;margin:0 0 18px}.oplegger-lengte-kop{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-bottom:10px}.oplegger-lengte-presets{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.oplegger-lengte-preset{flex:1 1 120px;border:1px solid var(--border-2, #444);border-radius:var(--radius, 8px);background:var(--bg-input, #2E2E2E);color:var(--text);font-family:inherit;padding:10px 8px;text-align:center;cursor:pointer;transition:all var(--trans, .18s ease)}.oplegger-lengte-preset b{display:block;font-size:17px;font-weight:500}.oplegger-lengte-preset span{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.oplegger-lengte-preset:hover{border-color:var(--red)}.oplegger-lengte-preset.gekozen{border-color:var(--red);background:rgba(var(--red-rgb),.12)}.oplegger-lengte-vrij{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);margin:0}.oplegger-lengte-vrij input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--red)}.oplegger-lengte-vrij output{color:var(--text);font-weight:600;min-width:56px;text-align:right}.oplegger-lengte-advies{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:13px;line-height:1.5;color:var(--text-muted)}.oplegger-lengte-advies strong{color:var(--text);font-weight:600}.filter-btn.filter-advies{position:relative}.filter-btn.filter-advies:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--green, #22C55E)}.lengte-tag{display:inline-block;margin:6px 0 2px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;line-height:1.6}.lengte-tag.past{color:#86efac;background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.lengte-tag.kort{color:#fcd34d;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.product-card.te-kort:not(.selected) .product-img{opacity:.55}.oplegger-te-kort .btn{margin-top:10px;font-size:13px}.summary-oplegger{font-size:12px;color:var(--text-muted);padding:2px 0 8px}.summary-oplegger strong{color:var(--text);font-weight:600}[data-theme=light] .lengte-tag.past{color:#166534}[data-theme=light] .lengte-tag.kort{color:#92400e}@media(max-width:480px){.oplegger-lengte{padding:12px}.oplegger-lengte-preset{flex-basis:calc(50% - 4px)}}