:root{--ink:#1c1917;--dark:#0c0a09;--slate:#292524;--copper:#b45309;--copper-h:#92400e;--copper-l:#f0b37e;--bg:#f5f5f4;--mut:#78716c;--line:#e7e5e4}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--copper);text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.demo{background:var(--copper-h);color:#fff;text-align:center;font-size:.78rem;font-weight:700;padding:5px 10px}
.hdr{background:var(--dark);color:#fff;padding:14px 0}.hrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.1rem}.mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,var(--copper),var(--copper-h));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.78rem}
.brand small{display:block;font-weight:600;font-size:.68rem;color:#a8a29e}
.nav{display:flex;gap:16px;align-items:center;font-size:.9rem;flex-wrap:wrap}.nav a{color:#d6d3d1;font-weight:600}.nav a.on,.nav a:hover{color:var(--copper-l)}
.cartlink{background:var(--slate);padding:6px 12px;border-radius:999px}
.hero{background:linear-gradient(180deg,var(--dark),var(--slate));color:#fff;padding:36px 0 48px}
.eyebrow{color:var(--copper-l);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:.78rem;margin:0 0 8px}
.center{text-align:center}h1{font-size:clamp(1.6rem,3.5vw,2.35rem);margin:0 0 8px;line-height:1.2}
.lead{color:#a8a29e;margin:0 auto 22px;max-width:560px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}
.search-box{max-width:720px;margin:0 auto;color:var(--ink);box-shadow:0 16px 40px #0005}
.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:var(--bg);color:var(--mut);font-weight:700;font-size:.82rem;padding:8px 12px;border-radius:999px;cursor:pointer}
.tab.on{background:var(--copper);color:#fff;border-color:var(--copper)}
.row{display:flex;gap:8px;flex-wrap:wrap}.row input{flex:1;min-width:200px}
input,select,textarea{padding:12px 14px;border:2px solid var(--line);border-radius:10px;font:inherit;width:100%;background:#fff}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--copper)}.vin{letter-spacing:.08em;text-transform:uppercase}
.btn{display:inline-block;font-weight:800;border-radius:10px;padding:12px 18px;border:none;cursor:pointer;font-size:.95rem;text-align:center}
.btn.dark{background:var(--dark);color:#fff}.btn.copper{background:var(--copper);color:#fff}.btn.copper:hover{background:var(--copper-h)}.btn.ghost{background:#fff;border:2px solid var(--line);color:var(--ink)}
.btn.full{width:100%}.pane{display:none}.pane.on{display:block}
.ymm{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;align-items:end}label{display:block;font-size:.72rem;font-weight:700;color:var(--mut);text-transform:uppercase;margin-bottom:4px}
.hint{font-size:.82rem;color:var(--mut);margin:6px 0 10px}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.chip{background:#ffffff14;border:1px solid #ffffff2a;color:#e7e5e4;padding:6px 12px;border-radius:999px;font-size:.85rem}
section{padding:36px 0}h2{margin:0 0 4px;font-size:1.4rem}.sub{color:var(--mut);margin:0 0 18px;font-size:.9rem}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-weight:700;color:var(--ink)}
.cat:hover,.prod:hover{border-color:var(--copper)}.cat span{display:block;font-size:.78rem;color:var(--mut);font-weight:500}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.prod{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);display:flex;flex-direction:column}
.thumb{aspect-ratio:4/3;background:repeating-linear-gradient(45deg,#e7e5e4,#e7e5e4 10px,#f5f5f4 10px,#f5f5f4 20px);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--mut);font-size:.8rem;text-align:center;padding:8px}
.pb{padding:12px;flex:1;display:flex;flex-direction:column;gap:4px}.pb b{font-size:.95rem}.sku{font-size:.75rem;color:var(--mut)}.price{font-weight:800;color:var(--copper-h)}
.tag{display:inline-block;font-size:.68rem;font-weight:800;background:#fef3e8;color:var(--copper-h);border:1px solid #f5d0a9;padding:2px 8px;border-radius:999px;text-transform:uppercase}
.vehicle{background:var(--slate);color:#fff;border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vehicle b{color:var(--copper-l)}.layout{display:grid;grid-template-columns:230px 1fr;gap:20px}
.filters h4{margin:14px 0 6px;font-size:.8rem;text-transform:uppercase;color:var(--mut)}.filters label{text-transform:none;font-size:.9rem;color:var(--ink);font-weight:500;display:flex;gap:8px;align-items:center}
.filters input{width:auto}.pd{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pd .thumb{border-radius:14px;aspect-ratio:1}
table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left}
.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:600}
.cart{display:grid;grid-template-columns:1fr 320px;gap:20px}.line{display:grid;grid-template-columns:80px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.line .thumb{aspect-ratio:1;border-radius:8px;font-size:.6rem}.qty{width:70px}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form .full{grid-column:1/-1}
.ftr{background:var(--dark);color:#a8a29e;padding:30px 0 16px;font-size:.88rem;margin-top:30px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.ftr b{color:#fff}
.copy{border-top:1px solid #292524;margin-top:20px;padding-top:12px;font-size:.78rem}
.notice{background:#fef3e8;border:1px dashed var(--copper);color:var(--copper-h);border-radius:10px;padding:10px 14px;font-size:.85rem;margin-bottom:16px}
@media(max-width:860px){.cats,.grid{grid-template-columns:repeat(2,1fr)}.layout,.pd,.cart,.fgrid{grid-template-columns:1fr}.ymm{grid-template-columns:1fr 1fr}.ymm .btn{grid-column:1/-1}}
@media(max-width:520px){.form{grid-template-columns:1fr}.nav{gap:10px;font-size:.82rem}.hero{padding:26px 0 34px}}
.pb .tag{align-self:flex-start}
.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #44403c}
.specs span{display:block;font-size:.7rem;text-transform:uppercase;color:#a8a29e;font-weight:700}.specs b{color:#fff;font-size:.92rem;font-weight:600}
.nostock{border-left:5px solid var(--copper)}.nostock h2{color:var(--copper-h)}
.logo{width:40px;height:40px;display:block}.brand em{font-style:normal;color:var(--copper-l)}
.opt{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;text-transform:none;font-size:.95rem;color:var(--ink);font-weight:500;cursor:pointer}
.opt input{width:auto;margin-top:4px;accent-color:var(--copper)}.opt:has(input:checked){border-color:var(--copper);background:#fef3e8}.opt small{color:var(--mut)}
.kx{background:var(--bg);border-radius:10px;padding:14px;margin-bottom:6px}.sline{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;padding:6px 0;border-bottom:1px dashed var(--line)}
.tag.warn{background:#fff7ed;color:#9a3412;border-color:#fdba74;text-transform:none}.tag.okt{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.fits{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;max-height:220px;overflow:auto;font-size:.88rem}.fits ul{margin:6px 0 0;padding-left:18px}.fits small{color:var(--mut)}
.cats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}

.tag.jdm{font-size:10px;padding:1px 6px;background:#1f3a5f;color:#fff;border-radius:4px;vertical-align:middle}