.od-selector-card{overflow:hidden}.od-vehicle-wizard{position:relative}.od-wizard-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:1.25rem 0 1.6rem;padding:.35rem;border-radius:.9rem;background:#f3f6f8}.od-wizard-progress span{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border-radius:.65rem;color:#80909e;font-size:.76rem;font-weight:750}.od-wizard-progress b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #cfd8df;border-radius:50%;font-size:.68rem}.od-wizard-progress .is-active{color:#fff;background:#123b60}.od-wizard-progress .is-active b{border-color:rgba(255,255,255,.45)}.od-wizard-progress .is-complete{color:#174a71;background:#e4eef5}.od-wizard-progress .is-complete b{border-color:#174a71}
.od-wizard-screen{min-height:430px;animation:odWizardIn .28s ease both}.od-wizard-screen[hidden]{display:none}.od-wizard-heading{max-width:620px;margin-bottom:1.35rem}.od-wizard-heading>span{color:#eb6b21;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.od-wizard-heading h3{margin:.35rem 0 .3rem;color:#102c47;font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.04em}.od-wizard-heading p{margin:0;color:#718293}.od-wizard-back{margin:0 0 1rem;padding:0;border:0;background:transparent;color:#526c82;font-size:.78rem;font-weight:750;cursor:pointer}.od-wizard-back:hover{color:#eb6b21}
.od-wizard-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:.75rem}.od-wizard-brand{min-height:126px;display:grid;place-items:center;align-content:center;gap:.75rem;padding:1rem;border:1px solid #e0e6eb;border-radius:1rem;background:#fff;color:#17334e;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.od-wizard-brand:hover,.od-wizard-brand:focus-visible{transform:translateY(-3px);border-color:#9eafbd;box-shadow:0 12px 28px rgba(15,39,62,.08)}.od-wizard-brand img{width:90px;height:52px;object-fit:contain}.od-wizard-brand>span{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#eef3f6;color:#173e61;font-size:1.6rem;font-weight:900}.od-wizard-brand strong{font-size:.82rem}
.od-wizard-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.od-wizard-model{position:relative;min-width:0;overflow:hidden;padding:0;border:1px solid #e0e6eb;border-radius:1.05rem;background:#fff;color:#12314e;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.od-wizard-model:hover,.od-wizard-model:focus-visible{transform:translateY(-3px);border-color:#9caebd;box-shadow:0 14px 32px rgba(14,38,60,.1)}.od-wizard-model>img,.od-wizard-model>.od-wizard-car-placeholder{display:block;width:100%;height:155px;object-fit:cover;background:linear-gradient(145deg,#f3f6f8,#dfe7ec)}.od-wizard-model>span:nth-last-child(2){display:grid;gap:.15rem;padding:1rem}.od-wizard-model strong{font-size:1rem}.od-wizard-model small{color:#7b8b98}.od-wizard-model>b{position:absolute;right:1rem;bottom:1.05rem;color:#eb6b21}
.od-wizard-car-placeholder{position:relative;overflow:hidden}.od-wizard-car-placeholder i{position:absolute;inset:40% 16% 25%;border-radius:50% 46% 22% 22%;background:linear-gradient(145deg,#fff,#b7c6d1);box-shadow:0 14px 24px rgba(21,43,61,.16)}
.od-wizard-year-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.od-wizard-year{min-height:105px;display:grid;place-items:center;align-content:center;gap:.15rem;border:1px solid #dfe6eb;border-radius:1rem;background:#fff;color:#153550;cursor:pointer;transition:.18s ease}.od-wizard-year:hover,.od-wizard-year:focus-visible{border-color:#123b60;background:#f1f6f9;transform:translateY(-2px)}.od-wizard-year strong{font-size:1.35rem}.od-wizard-year span{color:#7d8d9a;font-size:.7rem}
.od-wizard-engine-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.od-wizard-engine{display:grid;grid-template-columns:150px 1fr auto;align-items:center;min-width:0;min-height:125px;padding:0;overflow:hidden;border:1px solid #dfe6eb;border-radius:1rem;background:#fff;color:#13314d;text-align:left;cursor:pointer;transition:.18s ease}.od-wizard-engine:hover,.od-wizard-engine:focus-visible,.od-wizard-engine.is-selected{border-color:#123b60;box-shadow:0 12px 30px rgba(17,49,76,.09)}.od-wizard-engine.is-selected{box-shadow:inset 0 0 0 1px #123b60}.od-wizard-engine>img,.od-wizard-engine>.od-wizard-car-placeholder{width:150px;height:125px;object-fit:cover;background:#e8eef2}.od-wizard-engine>span:nth-last-child(2){display:grid;gap:.1rem;padding:1rem}.od-wizard-engine small{color:#85939f;font-size:.68rem;text-transform:uppercase}.od-wizard-engine strong{font-size:1.2rem}.od-wizard-engine em{color:#637789;font-size:.72rem;font-style:normal}.od-wizard-engine>b{margin-right:1rem;padding:.4rem .65rem;border-radius:.5rem;background:#edf3f7;color:#164366;font-size:.7rem}
.od-wizard-result{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1rem 1rem 1rem 1.2rem;border-radius:1rem;background:#102f4c;color:#fff}.od-wizard-result[hidden]{display:none}.od-wizard-result>div{display:grid}.od-wizard-result>div span{color:#aebfcd;font-size:.68rem;text-transform:uppercase}.od-wizard-result>div strong{font-size:1rem}.od-wizard-result .od-button{min-width:170px}.od-wizard-source{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes odWizardIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.od-wizard-screen{animation:none}.od-wizard-brand,.od-wizard-model,.od-wizard-year,.od-wizard-engine{transition:none}}
@media(max-width:900px){.od-wizard-brand-grid{grid-template-columns:repeat(3,1fr)}.od-wizard-model-grid{grid-template-columns:repeat(2,1fr)}.od-wizard-year-grid{grid-template-columns:repeat(4,1fr)}.od-wizard-engine-grid{grid-template-columns:1fr}}
@media(max-width:600px){.od-wizard-progress span{font-size:0}.od-wizard-progress b{font-size:.68rem}.od-wizard-screen{min-height:390px}.od-wizard-brand-grid{grid-template-columns:repeat(2,1fr)}.od-wizard-brand{min-height:105px}.od-wizard-model-grid{grid-template-columns:1fr}.od-wizard-model>img,.od-wizard-model>.od-wizard-car-placeholder{height:145px}.od-wizard-year-grid{grid-template-columns:repeat(3,1fr)}.od-wizard-engine{grid-template-columns:105px 1fr}.od-wizard-engine>img,.od-wizard-engine>.od-wizard-car-placeholder{width:105px;height:115px}.od-wizard-engine>b{display:none}.od-wizard-result{align-items:stretch;flex-direction:column}.od-wizard-result .od-button{width:100%}}