.cds-finder {
    --cds-accent: #6f2dbd;
    color: #111;
    background: #fff;
    border: 1px solid #ded9e4;
    border-top: 4px solid var(--cds-accent);
    border-radius: 8px;
    padding: clamp(20px, 3vw, 40px);
    margin-block: 24px;
    font: inherit;
    line-height: 1.5;
}
.cds-finder *, .cds-finder *::before, .cds-finder *::after { box-sizing: border-box; }
.cds-finder [hidden] { display: none !important; }
.cds-finder__eyebrow { color: var(--cds-accent); font-weight: 700; margin: 0 0 6px; }
.cds-finder .cds-finder__intro h2 { color: #000; font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.2; margin: 0 0 12px; }
.cds-finder__intro > p:last-child { margin: 0 0 24px; max-width: 72ch; }
.cds-finder__fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.cds-finder__fields label { display: flex; flex-direction: column; gap: 6px; margin: 0; font-weight: 600; }
.cds-finder__fields label:last-child { grid-column: span 2; }
.cds-finder__fields select { display: block; width: 100%; min-height: 48px; padding: 10px 28px 10px 12px; border: 1px solid #767079; border-radius: 4px; background: #fff; color: #111; font: inherit; font-weight: 400; }
.cds-finder__fields select:disabled { color: #625c67; border-color: #ccc6d2; background: #f5f3f7; opacity: 1; }
.cds-finder :is(select, button, a, summary):focus-visible { outline: 3px solid var(--cds-accent); outline-offset: 3px; }
.cds-finder__actions { display: flex; gap: 16px; flex-wrap: wrap; margin: 16px 0; }
.cds-finder button { cursor: pointer; font: inherit; border-radius: 4px; min-height: 44px; }
.cds-finder :is(.cds-finder__reset, .cds-finder__retry) { background: #fff; color: var(--cds-accent); padding: 8px 0; border: 0; text-decoration: underline; text-underline-offset: 3px; }
.cds-finder__help { padding: 16px; background: #f7f4fa; border-radius: 4px; }
.cds-finder summary { cursor: pointer; font-weight: 600; }
.cds-finder__help p { margin: 12px 0 0; max-width: 80ch; }
.cds-finder__help a { display: inline-block; margin-top: 12px; color: var(--cds-accent); }
.cds-finder__status { margin: 20px 0; }
.cds-finder__results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cds-finder__results:empty { display: none; }
.cds-finder__card { min-width: 0; border: 1px solid #ded9e4; border-radius: 6px; overflow: hidden; background: #fff; }
.cds-finder__product { display: block; color: inherit; text-decoration: none; }
.cds-finder__product:hover h3 { color: var(--cds-accent); }
.cds-finder__product img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; padding: 16px; background: #fafafa; }
.cds-finder__card-body { padding: 20px; }
.cds-finder__groups { color: #5e5566; font-size: .875em; margin: 0 0 8px; }
.cds-finder .cds-finder__card h3 { font-size: 1.1em; line-height: 1.4; margin: 0 0 14px; overflow-wrap: anywhere; color: #111; }
.cds-finder__price { margin-bottom: 14px; font-size: 1.1em; font-weight: 600; }
.cds-finder__price del { color: #625c67; font-weight: 400; }
.cds-finder__price ins { text-decoration: none; }
.cds-finder__price small { font-size: .8em; font-weight: 400; }
.cds-finder__link { color: var(--cds-accent); font-weight: 600; }
.cds-finder__conditions { border-top: 1px solid #e7e2eb; padding: 14px 20px; font-size: .9em; }
.cds-finder__conditions p { margin: 10px 0 0; white-space: pre-line; }
.cds-finder .cds-finder__more { display: block; margin: 24px auto 0; border: 1px solid var(--cds-accent); padding: 12px 24px; background: var(--cds-accent); color: #fff; }
.cds-finder .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 800px) {
    .cds-finder__fields, .cds-finder__results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .cds-finder__fields, .cds-finder__results { grid-template-columns: minmax(0, 1fr); }
    .cds-finder__fields label:last-child { grid-column: auto; }
}
.cds-finder { scroll-margin-top: 24px; }
.cds-finder__intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; margin-bottom: 28px; }
.cds-finder__intro > div { max-width: 780px; }
.cds-finder__intro p { margin: 0 0 10px; }
.cds-finder__logo { flex: 0 0 auto; width: 220px; height: auto; padding: 12px; background: #160a20; border-radius: 7px; }
.cds-finder fieldset { margin: 0 0 24px; padding: 0; border: 0; min-width: 0; }
.cds-finder legend { padding: 0; margin: 0 0 14px; font-size: 1.12em; font-weight: 700; color: #111; }
.cds-finder__type-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.cds-finder__type { display: flex; gap: 10px; align-items: flex-start; padding: 17px 14px; border: 2px solid #e5deeb; background: #fcfbfd; border-radius: 8px; cursor: pointer; line-height: 1.45; }
.cds-finder__type:has(input:checked) { border-color: var(--cds-accent); background: #f2eaf9; }
.cds-finder input[type="radio"] { accent-color: var(--cds-accent); flex: 0 0 auto; margin: 4px 0 0; width: 17px; height: 17px; }
.cds-finder input[type="radio"]:focus-visible { outline: 3px solid var(--cds-accent); outline-offset: 3px; }
.cds-finder__type strong { display: block; color: #2c153d; margin-bottom: 6px; font-size: 1em; }
.cds-finder__type small { display: block; color: #514759; font-size: .87em; font-weight: 400; }
.cds-finder__all { display: flex; gap: 10px; margin: 12px 0 0; cursor: pointer; font-size: .94em; }
.cds-finder__fields label:last-child { grid-column: auto; }
.cds-finder__small { color: #62596a; font-size: .87em; line-height: 1.55; }
.cds-finder__extras { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 14px; }
.cds-finder__extras label { display: flex; flex-direction: column; gap: 5px; min-width: min(260px,100%); font-weight: 600; }
.cds-finder__extras select,.cds-finder__assist-fields select,.cds-finder__assist-fields input { width: 100%; border: 1px solid #817789; border-radius: 5px; min-height: 44px; padding: 8px 12px; background: #fff; color: #171019; font: inherit; }
.cds-finder__help-toggle { margin-left: auto; border: 1px solid #b7a5c7; background: #f8f4fc; color: #572486; padding: 9px 15px; }
.cds-finder__help { border: 1px solid #ded1e8; padding: 18px 20px; }
.cds-finder__help ul { padding-left: 22px; }
.cds-finder__help li { margin: 7px 0; }
.cds-finder__assist-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 18px 0; }
.cds-finder__assist-fields label { display: flex; flex-direction: column; gap: 5px; }
.cds-finder__summary-label { display: block; font-weight: 600; }
.cds-finder__summary { display: block; width: 100%; margin-top: 7px; padding: 12px; font: inherit; font-weight: 400; color: #24152d; border: 1px solid #bfb1ca; background: #fff; border-radius: 5px; resize: vertical; }
.cds-finder__copy { background: #6f2dbd; color: #fff; border: 0; padding: 10px 18px; }
.cds-finder__help .cds-finder__check-link { margin: 0; align-self: center; font-weight: 600; }
.cds-finder__status { font-weight: 600; padding: 13px 16px; background: #f7f5f9; border-left: 3px solid #6f2dbd; }
.cds-finder__coverage { margin-top: -8px; }
.cds-finder__fitment-note,.cds-finder__installation { margin: 0; padding: 0 20px 16px; color: #594766; font-size: .86em; }
.cds-finder__installation { color: #552684; font-weight: 600; }
@media(max-width:1000px) { .cds-finder__type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cds-finder__logo { width: 165px; } }
@media(max-width:640px) { .cds-finder__intro { flex-direction:column-reverse; gap:18px; } .cds-finder__logo { width:170px; } .cds-finder__help-toggle { margin-left:0; } .cds-finder__assist-fields { grid-template-columns:1fr; } }
@media(max-width:420px) { .cds-finder__type-grid { grid-template-columns:1fr; } .cds-finder { padding:20px 16px; } .cds-finder__extras,.cds-finder__extras label { width:100%; } }

/* Compact vehicle-first entry, 2026-09-09. */
.cds-finder{padding:18px 20px;margin:18px 0 22px;border:1px solid #d8c4e9;border-radius:12px;background:#fcf9ff;font-size:14px;line-height:1.45}
.cds-finder .cds-finder__intro{align-items:center;gap:16px;margin:0 0 14px;flex-direction:row}
.cds-finder .cds-finder__intro h2{font-size:21px;margin:0 0 4px;line-height:1.25}
.cds-finder .cds-finder__intro p{font-size:13px;color:#62526c;margin:0}
.cds-finder__dashcam{flex-shrink:0;font-size:13px;font-weight:600;text-decoration:none;padding:8px 10px;border:1px solid #dfd1e9;border-radius:6px;background:white}
.cds-finder fieldset{margin:0;padding:0}.cds-finder__fields{gap:12px}.cds-finder__fields label{gap:5px;font-size:13px}
.cds-finder__fields select{min-width:0;min-height:44px;padding:8px 24px 8px 10px;font-size:14px}
.cds-finder .cds-finder__small{font-size:12px;margin:6px 0 0}.cds-finder__vehicle>.cds-finder__extras{margin:0}
.cds-finder__filters{margin-top:10px}.cds-finder__filters>summary{display:inline-block;min-height:36px;padding:7px 0;color:#652c93;font-size:13px;cursor:pointer}
.cds-finder__filters>summary:before{content:'+ ';}.cds-finder__filters[open]>summary:before{content:'− ';}
.cds-finder__filters[open]{padding-bottom:12px;border-bottom:1px solid #e4d9ec}.cds-finder__filters legend{font-size:14px;margin:8px 0}
.cds-finder__type-grid{gap:8px}.cds-finder__type{padding:10px;gap:8px;border-width:1px}.cds-finder__type strong{font-size:13px;margin:0 0 4px}.cds-finder__type small{font-size:12px}
.cds-finder .cds-finder__actions{margin:0;gap:10px;align-items:center;justify-content:space-between}
.cds-finder .cds-finder__reset,.cds-finder .cds-finder__help-toggle{font-size:12px;min-height:36px;padding:6px 0;background:none;border:0;text-align:left;margin:0}
.cds-finder .cds-finder__help-toggle{text-decoration:underline;text-underline-offset:3px}
.cds-finder__help:not([open]){display:none}.cds-finder__help[open]{margin-top:10px;padding:16px;background:white}
.cds-finder .cds-finder__status{margin:7px 0 0;padding:8px 10px;font-size:12px;background:#f1eaf7;border-left-width:2px}
.cds-finder__results:not(:empty){margin-top:16px}.cds-finder__more{font-size:14px}
@media(max-width:800px){.cds-finder__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cds-finder__intro .cds-finder__dashcam{display:none}}
@media(max-width:520px){.cds-finder{padding:14px 12px}.cds-finder .cds-finder__intro h2{font-size:18px}.cds-finder .cds-finder__intro p{font-size:12px}.cds-finder__fields{gap:10px}.cds-finder__fields label{font-size:12px}.cds-finder__fields select{font-size:13px}.cds-finder__type-grid{grid-template-columns:1fr}.cds-finder .cds-finder__actions{gap:0 10px}.cds-finder__assist-fields{grid-template-columns:1fr}}

@media(max-width:520px){.cds-finder .cds-finder__intro p{display:none}.cds-finder .cds-finder__intro h2{margin:0}.cds-finder .cds-finder__actions{flex-wrap:nowrap}.cds-finder .cds-finder__help .cds-finder__actions{flex-wrap:wrap}.cds-finder .cds-finder__status{font-weight:500}}