@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap";
:root{--bg:#f4f2ee;--ink:#17191e;--ink2:#3e4249;--mute:#5b5f66;--line:#ddd8cf;--ph:#e7e3db;--card:#fff;--cta:#b8461b;--oem:#1d3557;--ok:#1f5130;--okbg:#e4efe6}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:IBM Plex Sans,sans-serif}a{color:inherit}h1,h2,h3,.display{letter-spacing:-.01em;font-family:Archivo,sans-serif}.wrap{max-width:1280px;margin:0 auto;padding:0 48px}header.top{border-bottom:1px solid var(--line);background:#fff}header.top .wrap{align-items:center;gap:28px;height:72px;display:flex}.logo{font-family:Archivo,sans-serif;font-size:20px;font-weight:800;text-decoration:none}.logo small{color:var(--mute);margin-left:8px;font-family:IBM Plex Sans;font-size:12px;font-weight:500}nav.main{flex:1;gap:22px;font-size:15px;display:flex}nav.main a{text-decoration:none}nav.main a:hover{color:var(--cta)}.pill{border:1px solid var(--line);background:#fff;border-radius:4px;align-items:center;height:40px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.btn{background:var(--cta);color:#fff;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;height:52px;padding:0 22px;font:600 16px IBM Plex Sans;text-decoration:none;display:inline-flex}.btn:hover{background:#9c3a15}.btn.ghost{color:var(--ink);border:1px solid var(--ink);background:#fff}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:13px;font-weight:600}.hero{grid-template-columns:1fr 520px;align-items:center;gap:48px;padding:56px 0 40px;display:grid}.hero h1{margin:14px 0;font-size:58px;font-weight:800;line-height:1.02}.hero p{color:var(--ink2);max-width:460px;margin:0;font-size:18px;line-height:1.5}.panel{border:1px solid var(--line);background:#fff;border-radius:6px;padding:24px}.cars{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.car{border:1px solid var(--line);background:#fff;border-radius:4px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.car:hover{border-color:var(--ink)}.car img{object-fit:contain;width:84px;height:48px}.car b{font-size:15px;display:block}.car span{color:var(--mute);font-size:13px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:6px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--ink)}.card .img{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;height:190px;display:flex}.card .img img{object-fit:contain;max-width:88%;max-height:170px}.card .body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.card .name{font-size:16px;font-weight:600;line-height:1.35}.card .price{margin-top:auto;font-family:Archivo;font-size:20px;font-weight:700}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border-radius:3px;padding:3px 8px;font-size:12px;font-weight:600}.tag.oem{background:var(--oem);color:#fff}.tag.aff{border:1px solid var(--oem);color:var(--oem);padding:2px 7px}.tag.fit{background:var(--okbg);color:var(--ok)}.tag.uni{background:var(--ph);color:var(--ink2)}.carbar{border-bottom:1px solid var(--line);background:#fff}.carbar .wrap{align-items:center;gap:20px;padding-top:24px;padding-bottom:24px;display:flex}.carbar img{object-fit:contain;width:160px;height:90px}.carbar h1{margin:2px 0;font-size:32px;font-weight:800}.muted{color:var(--mute)}.small{font-size:13px}.layout{grid-template-columns:240px 1fr;gap:32px;padding:32px 0 64px;display:grid}.filters{flex-direction:column;gap:6px;font-size:15px;display:flex}.filters h3{margin:18px 0 6px;font-family:IBM Plex Sans;font-size:15px;font-weight:600}.filters a{border-radius:4px;justify-content:space-between;padding:6px 8px;text-decoration:none;display:flex}.filters a.on{background:var(--ink);color:#fff}.filters a:hover:not(.on){background:var(--ph)}.offer{grid-template-columns:600px 1fr;gap:40px;padding:24px 0 40px;display:grid}.offer .main{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;height:460px;display:flex}.offer .main img{object-fit:contain;max-width:90%;max-height:420px}.thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.thumbs img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:80px}.row{justify-content:space-between;padding:4px 0;font-size:15px;display:flex}.total{font-family:Archivo;font-size:28px;font-weight:800}label.f{color:var(--ink2);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}label.f input,label.f select{background:#fff;border:1px solid #c9c3b8;border-radius:4px;height:48px;padding:0 12px;font:400 16px IBM Plex Sans}.steps{border:1px solid var(--line);background:#fff;border-radius:6px;margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid #eeeae3;align-items:center;gap:12px;padding:14px 16px;display:flex}.dot{border:2px solid var(--ok);border-radius:11px;flex-shrink:0;width:22px;height:22px}.dot.on{background:var(--ok)}table.t{border-collapse:collapse;border:1px solid var(--line);background:#fff;width:100%;font-size:14px}table.t th,table.t td{text-align:left;border-bottom:1px solid #eeeae3;padding:10px 12px}footer.bot{border-top:1px solid var(--line);background:#fff;margin-top:40px}footer.bot .wrap{color:var(--mute);gap:22px;padding-top:22px;padding-bottom:22px;font-size:13px;display:flex}.crumbs{color:var(--mute);padding-top:20px;font-size:14px}@media (max-width:900px){.wrap{padding:0 16px}.hero,.offer,.layout{grid-template-columns:1fr}.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:40px}nav.main{display:none}.cars{grid-template-columns:1fr}.offer .main{height:320px}}