:root{color-scheme:light;--navy:#122e3c;--ink:#101d28;--muted:#56636b;--orange:#ff731b;--line:#dbe1e5;--paper:#fff;--selection:#fff0e5;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 48px));margin:auto}
.header{background:var(--navy);color:white;padding-top:env(safe-area-inset-top)}
.header-content{display:flex;align-items:center;gap:24px;min-height:75px}
.brand{font-size:34px;font-weight:900;line-height:1;text-decoration:none;letter-spacing:-1px;padding:3px 4px 6px}
.brand-caption{border-left:1px solid #ffffff54;padding-left:24px;font-weight:650}
.phone{margin-left:auto;text-decoration:none;font-weight:700;white-space:nowrap}
main.shell{flex:1;margin-top:0;padding:38px 0 48px}
h1{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;line-height:1.06;margin:0 0 12px}
h2{font-size:17px;margin:0}
.intro{color:var(--muted);margin:0 0 28px}
.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.column{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:white}
.column-title{padding:13px 16px;background:#e9edf0}
.options{list-style:none;margin:0;padding:9px;display:grid;gap:7px;max-height:460px;overflow:auto}
.body-variant{margin-inline-start:12px;padding-inline-start:8px;border-inline-start:2px solid var(--line)}
.choice{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:#f4f6f7;text-decoration:none;font-weight:700;line-height:1.24}
.choice:hover,.choice[aria-current="true"]{border-color:#ec661c;background:var(--selection)}
.choice img{width:74px;height:48px;object-fit:contain;background:white;border-radius:5px}
.choice .badge{width:46px;height:35px;background:transparent}
.choice .next,.row .next{margin-left:auto;color:#56636b;font-size:25px;font-weight:400;flex:none}
.placeholder{padding:12px 15px;color:var(--muted);line-height:1.45}
.vehicle-hero{display:flex;align-items:center;gap:32px;min-height:180px;background:#f0f3f5;border-radius:14px;margin:22px 0 16px;padding:18px 24px}
.vehicle-hero img{width:min(44%,365px);height:165px;object-fit:contain;border-radius:9px}
.vehicle-hero div{display:grid;gap:3px;font-size:22px}
.vehicle-hero strong{font-size:clamp(30px,4vw,48px);line-height:1.06}
.vehicle-hero span:last-child{color:var(--muted)}
.selection{display:flex;margin-top:21px;min-height:54px}
.selection .primary{flex:1}
.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#191d22;border-radius:9px;text-decoration:none;font-size:16px;font-weight:800;padding:15px 20px;min-height:49px}
.primary:hover{background:#ff9959}
.summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border:1px solid #ea9060;background:var(--selection);border-radius:11px;margin:20px 0 14px;font-weight:700}
.summary a,.back{font-size:14px;text-underline-offset:3px}
.summary img{width:80px;height:47px;object-fit:contain;border-radius:5px}
.summary span{flex:1}
.summary a{color:#9b380b}
.back{display:inline-block;margin-bottom:17px}
.search{width:100%;min-height:50px;padding:12px 15px;font:inherit;color:var(--ink);border:1px solid #b8c3ca;border-radius:9px;background:white}
.parts{list-style:none;padding:0;margin:14px 0;display:grid;gap:7px}
.row{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:9px;padding:13px 15px;text-decoration:none;min-height:58px;font-weight:700}
.row:hover{border-color:#ec661c}
.row[aria-current="true"]{border-color:#ec661c;background:var(--selection)}
.row small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
.row .part-thumbnail{width:58px;height:46px;object-fit:contain;flex:none}
.row .facts{margin-left:auto;text-align:right}
.row .facts+.next{margin-left:0}
.empty,.detail,.credits{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:16px;line-height:1.55}
.empty p{margin:4px 0 0;color:var(--muted)}
.parts-layout.with-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,34%);gap:18px;align-items:start}
.parts-column{min-width:0}
.parts-column .summary{margin-top:10px}
#result-count{margin:10px 0}
.detail{position:sticky;top:16px;margin:10px 0 0;padding:20px;min-width:0}
.detail-close{float:right;font-size:28px;line-height:1;text-decoration:none;padding:0 4px;margin-left:10px}
.detail h2{font-size:24px;line-height:1.2;overflow-wrap:anywhere;margin-bottom:16px}
.product-photo{display:grid;place-items:center;min-height:170px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--muted)}
.product-photo img{width:100%;max-height:260px;object-fit:contain;display:block}
.product-facts{margin:16px 0;background:#eff2f4;border-radius:9px;padding:4px 12px}
.product-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0}
.product-facts div+div{border-top:1px solid var(--line)}
.product-facts dt{color:var(--muted)}
.product-facts dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.detail-vehicle{font-size:14px;color:var(--muted)}
.detail .primary{width:100%}
.part-actions{display:grid;gap:10px}
.footer{border-top:1px solid var(--line);padding:21px 0;color:var(--muted);font-size:14px}
.footer-content{display:flex;flex-wrap:wrap;gap:9px 23px}
.mobile-only,.mobile-nav{display:none}
:focus-visible{outline:3px solid #245e86;outline-offset:3px}
@media(max-width:720px){
 .shell{width:calc(100% - 32px)}
 .header-content{min-height:60px;gap:9px}
 .brand{font-size:27px}.brand-caption{display:none}.phone{font-size:13px}
 main.shell{padding:24px 0 26px}
 .intro{margin-bottom:19px}.columns{display:block}
 .column:not(.current),.desktop-only{display:none}
 .mobile-only{display:block}
 .column{border:0;background:transparent;border-radius:0;overflow:visible}
 .column-title{padding:0 0 10px;background:transparent;color:var(--muted)}
 .options{padding:0;max-height:none;overflow:visible}
 .choice{background:#fff;border-color:var(--line);min-height:62px}
 .choice img{width:87px;height:60px}
 .summary{margin-top:16px}
 .row{flex-wrap:wrap}.row .facts{font-size:14px}
 .parts-layout.with-detail{display:block}
 .hide-on-detail{display:none}
 .detail{position:static;padding:0;border:0;margin:0}
 .detail h2{font-size:clamp(26px,7vw,34px)}
 .footer{display:none}
 .mobile-nav{position:sticky;bottom:0;z-index:1;display:flex;background:white;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
 .mobile-nav a{flex:1;min-height:61px;display:grid;justify-items:center;align-content:center;gap:3px;font-size:13px;font-weight:700;text-decoration:none;color:var(--muted)}
 .mobile-nav svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mobile-nav a[aria-current="page"]{color:#a94212;box-shadow:inset 0 3px var(--orange)}
}