.oem-discovery { background:#1b1d1c; color:#f4f6f5; scroll-margin-top:130px; }
.oem-discovery *, .oem-discovery *::before, .oem-discovery *::after { box-sizing:border-box; letter-spacing:0; }
.oem-discovery [hidden] { display:none!important; }
.oem-discovery .oem-wrap { max-width:1240px; width:calc(100% - 48px); margin:auto; padding:32px 0; }
.oem-discovery .oem-heading { display:flex; justify-content:space-between; gap:24px; align-items:center; }
.oem-discovery .oem-kicker { font-size:12px; line-height:1.5; color:#afd69c; font-weight:700; margin:0 0 6px; }
.oem-discovery h2 { color:#fff; font-size:28px; line-height:1.25; margin:0; text-transform:none; }
.oem-discovery .oem-intro { color:#d2d7d4; font-size:16px; line-height:1.6; margin:8px 0 0; }
.oem-discovery .oem-text-link { color:#c2e4b2; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:4px; flex:none; }
.oem-discovery .oem-search { display:grid; grid-template-columns:auto minmax(200px,340px) 1fr; gap:12px; align-items:center; margin:20px 0 14px; }
.oem-discovery .oem-search label { color:#f4f6f5; font-size:14px; font-weight:600; }
.oem-discovery input { width:100%; min-height:44px; border:1px solid #819087; border-radius:4px; background:#262c28; padding:10px 12px; color:#fff; font:inherit; font-size:16px; color-scheme:dark; }
.oem-discovery input::placeholder { font:inherit; color:#c3ccc6; opacity:1; }
.oem-discovery .oem-search p { font-size:13px; line-height:1.5; min-height:20px; margin:0; color:#cbd4cd; }
.oem-discovery .oem-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); list-style:none; padding:0; margin:16px 0 24px; gap:12px 0; }
.oem-discovery .oem-grid li { min-width:0; border:0; }
.oem-discovery .oem-grid a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:144px; padding:6px; color:#d9dfdb; text-decoration:none; border-radius:4px; }
.oem-discovery .oem-grid a:hover { background:#2a302c; }
.oem-discovery .oem-grid a[aria-current="true"] { background:#28372c; box-shadow:inset 0 -3px #afd69c; }
.oem-discovery .oem-mark { display:flex; align-items:center; justify-content:center; width:140px; height:110px; max-width:100%; background:transparent; }
.oem-discovery .oem-grid img { display:block; width:100%; height:100%; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain; }
.oem-discovery [data-oem-source^="manufacturer"] img { width:106px; height:70px; }
.oem-discovery [data-oem-slug="honda"] img { width:96px; height:58px; }
.oem-discovery [data-oem-slug="porsche"] img { width:130px; height:58px; }
.oem-discovery [data-oem-slug="buick"] img { width:130px; height:52px; }
.oem-discovery [data-oem-slug="lamborghini"] img { width:60px; height:70px; }
.oem-discovery [data-oem-slug="nio"] img { width:62px; height:62px; }
.oem-discovery [data-oem-slug="opel"] img { width:65px; height:65px; }
.oem-discovery [data-oem-slug="lancia"] img { width:50px; height:50px; }
.oem-discovery [data-oem-slug="vauxhall"] img { width:130px; height:80px; }
.oem-discovery [data-oem-slug="skoda"] img { width:138px; height:70px; }
.oem-discovery .oem-brand-name { font-size:12px; font-weight:500; line-height:1.5; text-align:center; overflow-wrap:anywhere; }
.oem-discovery .oem-name-only { font-size:16px; font-weight:600; line-height:1.4; text-align:center; overflow-wrap:anywhere; }
.oem-discovery .oem-more { border:0; border-top:1px solid #465149; padding:0; margin:0; background:none; }
.oem-discovery summary { display:flex; align-items:center; justify-content:center; gap:12px; cursor:pointer; list-style:none; color:#c2e4b2; font-size:14px; font-weight:700; min-height:48px; padding:10px; }
.oem-discovery summary::-webkit-details-marker { display:none; }
.oem-discovery .oem-chevron { width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin-top:-4px; }
.oem-discovery .oem-hide, .oem-discovery details[open] .oem-show { display:none; }
.oem-discovery details[open] .oem-hide { display:inline; }
.oem-discovery details[open] .oem-chevron { transform:rotate(225deg); margin-top:4px; }
.oem-discovery .oem-empty, .oem-discovery .oem-selection { padding:14px 18px; border-left:3px solid #afd69c; margin:12px 0 18px; background:#252b27; color:#f4f6f5; }
.oem-discovery h3 { color:#fff; font-size:18px; line-height:1.5; margin:0 0 4px; text-transform:none; }
.oem-discovery .oem-empty p, .oem-discovery .oem-selection p { color:#d2d7d4; font-size:15px; line-height:1.6; margin:0; max-width:900px; }
.oem-discovery .oem-bottom { display:flex; align-items:center; justify-content:flex-end; border-top:1px solid #465149; padding-top:18px; }
.oem-discovery .oem-contact { display:inline-flex; justify-content:center; align-items:center; gap:12px; background:#24742d; color:#fff; border:1px solid #7caf6e; border-radius:4px; padding:12px 16px; min-height:46px; font-size:14px; line-height:1.5; font-weight:700; text-decoration:none; flex:none; }
.oem-discovery .oem-contact:hover { background:#1d6026; }
.oem-discovery :is(a,input,summary):focus-visible { outline:3px solid #d6edb7; outline-offset:3px; }
@media(max-width:1000px) {
  .oem-discovery .oem-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .oem-discovery .oem-bottom { align-items:flex-start; flex-direction:column; gap:14px; }
}
@media(max-width:600px) {
  .oem-discovery .oem-wrap { width:calc(100% - 32px); padding:24px 0; }
  .oem-discovery .oem-heading { flex-direction:column; align-items:flex-start; gap:10px; }
  .oem-discovery h2 { font-size:24px; }
  .oem-discovery .oem-intro { font-size:15px; }
  .oem-discovery .oem-search { grid-template-columns:1fr; gap:7px; margin-top:16px; }
  .oem-discovery .oem-search p { min-height:0; }
  .oem-discovery .oem-grid { margin:12px 0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 0; }
  .oem-discovery .oem-grid a { min-height:130px; padding:6px; }
  .oem-discovery .oem-mark { height:96px; }
  .oem-discovery .oem-contact { width:100%; flex-wrap:wrap; }
}
