/* OME is scoped to its workspace; the storefront header/footer keep their styles. */
.ome{--red:#d91f26;--red-dark:#b31920;--ink:#161719;--muted:#65696d;--line:#dedfe1;--bg:#fafafa;--surface:#fff;--soft:#f4f4f4;--selected:#fff3f3;--focus:#bd1921;--radius:3px;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--ink);background:transparent;padding-top:26px;padding-bottom:42px}
.ome a{color:inherit}.ome a:hover{color:var(--red)}.ome .ome-crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted);margin-bottom:42px}.ome .ome-crumb a{text-decoration:none}.ome .ome-heading{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-bottom:22px}.ome .ome-kicker{font-size:11px;font-weight:600;letter-spacing:.13em}.ome .intro{align-items:end;margin-bottom:38px;gap:28px}.ome .intro h1{font-size:clamp(40px,5vw,70px);font-weight:600;line-height:1.06;letter-spacing:-.065em;margin-bottom:23px}.ome .intro h1 span{color:#8b8e91}.ome .intro p{font-size:16px;color:var(--muted);line-height:1.75}.ome .ome-intro-note{text-align:right;padding-bottom:6px}.ome .ome-intro-note>span{font-size:12px;color:var(--red);letter-spacing:.15em}.ome .ome-intro-note p{margin-top:12px;font-size:13px}
.ome .ome-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:16px;border-block:1px solid var(--line);margin-bottom:26px}.ome .ome-tools{display:flex;gap:4px;flex-wrap:wrap}.ome .ome-tools button{border:0;background:none;color:var(--muted);min-height:44px;font-size:13px;padding:10px 16px}.ome .ome-tools button[aria-current=page]{color:var(--ink);background:#eeeff0}.ome .mode{background:#eeeff0;border-radius:3px}.ome .mode button{font-size:12px;padding:10px 14px;border-radius:2px}.ome .mode button[aria-pressed=true]{background:#17181a;color:white}
.ome[data-step] .intro>div:first-child,.ome[data-view] .intro>div:first-child{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.ome:not([data-step="0"]) .intro,.ome:not([data-view="selector"]) .intro{display:none}.ome:not([data-step="0"]) .ome-heading{margin-bottom:22px}
.ome .panel{padding:28px 30px;border-radius:3px}.ome h2{font-size:27px;line-height:1.25;letter-spacing:-.035em;font-weight:650}.ome h3{font-size:20px;letter-spacing:-.02em}.ome button{border-radius:3px;font-size:14px;min-height:46px}.ome button:disabled{color:#777b7f;background:#f3f3f3}.ome input,.ome select,.ome textarea{font-size:16px;border-radius:3px;border-color:#c9ccce;min-height:50px}.ome input[type=radio],.ome input[type=checkbox]{min-height:22px}.ome .primary{color:white;background:var(--red);border-color:var(--red)}.ome .primary:hover{background:var(--red-dark)}.ome .primary:disabled{color:#65696d;background:#eceeef;border-color:#d9dcde}.ome .secondary{border-color:#c9ccce}.ome .text-button{color:#a21b21}.ome .field>label,.ome .field>span{font-size:14px}.ome small,.ome .muted{font-size:14px}.ome .steps button{font-size:14px}.ome .steps button .step-label{font-size:14px}.ome .steps button[aria-current=step]{color:#b91c23;background:#fff3f3}.ome .steps{margin-bottom:22px}.ome .steps .icon{width:21px!important;height:21px!important;flex-basis:21px}
.ome .brand-grid,.ome .model-grid{gap:10px}.ome .brand-grid button,.ome .model-grid button{border-radius:3px;min-height:82px;padding:18px 20px;background:#fff}.ome .brand-grid button:hover,.ome .model-grid button:hover{border-color:#c82128;background:#fff7f7}.ome .brand-grid strong,.ome .model-grid strong{font-size:17px;font-weight:650}.ome .brand-grid small,.ome .model-grid small{font-size:12px;color:var(--muted)}.ome .search{max-width:720px}.ome .search-input input{padding-left:46px}.ome .picker-path{font-size:13px}.ome .picker-path button{font-size:13px}.ome .picker-stage h3{font-size:18px}.ome .scope{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.ome .scope summary{font-size:13px;color:var(--muted)}.ome .vehicle-option strong{font-size:17px}.ome .vehicle-option small{font-size:13px}.ome .selected-vehicle{border-radius:3px;background:#f1f2f3}.ome .selected-vehicle strong{font-size:17px}.ome .task-choices label,.ome .series-option,.ome .fixed-value,.ome .compatibility{border-radius:3px}.ome .task-choices legend{font-size:18px}.ome .series-option img{object-fit:contain}.ome .empty{display:flex;flex-wrap:wrap;gap:12px}.ome .empty p{flex-basis:100%}.ome .step-actions{font-size:12px;color:var(--muted)}.ome .result-actions{gap:10px}.ome .result-actions>button{flex:1 1 auto}.ome .result-actions .secondary{color:var(--ink)}
.ome .ome-help{margin:42px 0 0;padding:32px;background:#17181a;color:white;display:flex;align-items:center;justify-content:space-between;gap:24px}.ome .ome-help .ome-kicker{color:#b4b7ba}.ome .ome-help h2{color:white;margin:12px 0;font-size:32px}.ome .ome-help p{font-size:14px;color:#c2c4c7;margin:0}.ome .ome-help button{flex-shrink:0;min-height:52px;padding:15px 24px}.ome .ome-about{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-top:66px;padding-block:0 40px;border-bottom:1px solid var(--line)}.ome .ome-about h2{font-size:30px;margin-top:18px}.ome .ome-about p{font-size:14px;color:var(--muted);line-height:1.8}.ome .ome-faq{margin-top:24px}.ome .ome-faq details{border-top:1px solid var(--line);padding:16px 0}.ome .ome-faq summary{font-size:14px;font-weight:600}.ome .ome-faq p{margin:14px 0 0}.ome .ome-source{display:flex;justify-content:space-between;gap:16px;margin-top:22px;font-size:12px;color:var(--muted)}.ome #toast{background:#17181a;color:white}.ome #copy-dialog{max-width:min(760px,94vw)}.ome .ome-research{max-width:1000px;margin:0 auto 40px}.ome .ome-research p,.ome .ome-research li{font-size:16px}.ome .ome-research h2{margin-top:32px}
@media(max-width:1000px){.ome .ome-toolbar{align-items:flex-start;flex-direction:column}.ome .ome-about{gap:32px}.ome .ome-intro-note{display:none}}
@media(max-width:600px){.ome.wrap{padding:20px 18px 32px}.ome .ome-crumb{font-size:11px;gap:7px;margin-bottom:27px}.ome .ome-heading{font-size:10px;gap:14px;align-items:start}.ome .ome-heading>a{max-width:115px;text-align:right}.ome .ome-kicker{font-size:10px}.ome .intro h1{font-size:42px}.ome .intro p{font-size:14px}.ome .ome-toolbar{gap:14px;padding-block:12px}.ome .ome-tools{width:100%;justify-content:space-between;gap:0}.ome .ome-tools button{font-size:12px;padding:10px}.ome .mode{width:100%}.ome .mode button{flex:1;white-space:normal;font-size:12px}.ome .panel{padding:22px 16px}.ome h2{font-size:24px}.ome .steps button{padding:12px 6px;gap:6px;flex-direction:column;align-items:center;text-align:center}.ome .steps button .step-label{font-size:11px}.ome .steps button>.icon{margin:0!important}.ome .brand-grid button,.ome .model-grid button{padding:14px 12px;min-height:76px}.ome .brand-grid strong,.ome .model-grid strong{font-size:15px}.ome .brand-grid small,.ome .model-grid small{font-size:12px}.ome .selected-vehicle{padding:14px;align-items:flex-start;flex-direction:column}.ome .selected-vehicle strong{font-size:15px}.ome .step-actions button{font-size:13px}.ome .step-actions .icon{display:none!important}.ome .ome-help{padding:25px 20px;flex-direction:column;align-items:stretch;gap:22px}.ome .ome-help h2{font-size:28px}.ome .ome-help p br{display:none}.ome .ome-help button{width:100%}.ome .ome-about{grid-template-columns:1fr;gap:20px;margin-top:42px}.ome .ome-about h2{font-size:27px}.ome .ome-source{flex-direction:column;font-size:11px}.ome .result-actions{align-items:stretch;flex-direction:column}.ome .series-option{min-width:0}.ome .export-options input{min-width:0}.ome .restore{flex-wrap:wrap;font-size:13px}.ome .restore button{font-size:12px}}
@media print{body>header,body>footer,.ome .ome-crumb,.ome .ome-heading,.ome .ome-toolbar,.ome .ome-help,.ome .ome-about,.ome .ome-source,.ome .result-actions{display:none!important}.ome.wrap{padding:0}.ome .print-only{display:block!important}}
.ome .intro{max-width:none;color:var(--ink)}.ome .intro>div:first-child{flex:1}.ome .intro h1{color:var(--ink)}.ome .intro .ome-intro-note{flex:0 0 180px}.ome .picker-path button{background:#f0f1f2}
@media(max-width:600px){.ome .intro p{display:block}.ome .intro .ome-intro-note{display:none}}
.ome .restore{background:#f0f1f2;border-color:var(--line)}
@media(max-width:600px){.ome .ome-crumb{margin-bottom:20px}.ome .ome-heading{margin-bottom:14px}.ome .intro{margin-top:16px;margin-bottom:24px}.ome .intro h1{font-size:38px;margin-bottom:16px}.ome .ome-toolbar{padding-block:10px;gap:8px;margin-bottom:18px}.ome .steps{margin-bottom:14px}}