:root{--ink:#f5f5f7;--muted:#9a9ba3;--line:#ffffff20;--accent:#e3212b;--void:#09090b;--panel:#111114;color-scheme:dark}
body{background:var(--void);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:min(1320px,calc(100% - 80px))}
.nav{height:96px;border-bottom:1px solid var(--line)}
.navlinks{font-size:14px;gap:36px}
.pill{border:1px solid #66666c;color:#fff;border-radius:0;padding:12px 22px;font-size:14px}
.pill:hover{border-color:var(--accent);background:#e3212b18}
.hero{padding:0;min-height:700px;background:#09090b;isolation:isolate}
.hero-img{left:auto;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:center;opacity:.9}
.hero:after{z-index:0;background:linear-gradient(90deg,#09090b 0%,#09090bf5 28%,#09090b99 47%,#09090b00 75%),linear-gradient(0deg,#09090b 0%,transparent 35%)}
.hero-copy{width:min(1320px,calc(100% - 80px));padding:86px 0 98px}
.eyebrow,.section-label{font-size:12px;letter-spacing:.18em;color:#c7c7cd;font-weight:700}
.hero .eyebrow{display:flex;align-items:center;gap:12px}
.hero .eyebrow:before{content:"";width:30px;height:3px;background:var(--accent)}
.hero h1{font-size:clamp(48px,6.9vw,100px);line-height:.96;letter-spacing:-.065em;margin:32px 0 24px;font-weight:900}
.hero h1 em{color:var(--accent);font-style:italic}
.hero p{font-size:17px;line-height:1.7;max-width:410px;color:#b9b9c2}
.btn{border-radius:0;padding:16px 22px;font-size:14px;display:inline-flex;align-items:center;gap:28px}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover{background:#bd1922}
.btn:not(.primary){background:#11111480;color:#dedee3}
.trust{gap:26px;margin-top:62px;font-size:12px;color:#898992}
.trust span{padding-left:14px;border-left:1px solid #4b4b52}
.trust b{display:inline-block;font-size:11px;letter-spacing:.09em;margin-bottom:5px}
.hero-caption{position:absolute;right:40px;bottom:40px;z-index:1;text-align:right;display:grid;gap:7px}
.hero-caption span{font-size:11px;letter-spacing:.09em;color:#92929a}
.hero-caption strong{font-size:14px;font-weight:500;color:#e7e7eb}
section{padding:86px 0}
.fitment{background:#141417;color:#f5f5f7;border-top:1px solid #303036;border-bottom:1px solid #303036;scroll-margin-top:20px}
.fitment .section-label{color:#f04c55}
.fitment h2,.catalog h2{font-size:clamp(30px,4vw,56px);letter-spacing:-.045em;line-height:1.08}
.finder{background:#1c1c21;border:1px solid #35353e;padding:16px;gap:12px;margin-top:32px}
.finder select,.shipping-box select{background:#101014;color:#eeeef2;border:1px solid #3b3b43;border-radius:0;padding:16px;font-size:15px}
.finder select:disabled{color:#888891}
.finder button{background:var(--accent);color:#fff;min-width:120px;font-size:14px}
.finder select:focus-visible,.btn:focus-visible,.pill:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #ff5660;outline-offset:4px}
.result{font-size:14px;color:#c7c7ce}
.match-panel{background:#101014;border-color:#35353e;padding:26px}
.match-panel p,.product-copy ul{color:#b3b3be}
.match-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.match-item{background:#1b1b20;border-color:#393940;padding:22px}
.match-item b{color:#fff;font-size:16px}
.match-item span{color:#9e9ea9;font-size:14px}
.match-item strong,.product-price{color:#ff626a!important}
.match-item.product-choice:hover,.match-item.product-choice:focus-visible{background:#282027;outline-color:var(--accent)}
.product-detail{border-color:#3b3b43}
.product-gallery img{object-fit:contain;background:#08080b;height:220px}
.product-gallery img:first-child{height:400px}
.product-copy h3{font-size:30px;line-height:1.15}
.product-copy p{color:#b3b3be}
.shipping-box{background:#1d1d23;border-color:#393940}
.payment-button{background:var(--accent);font-size:14px;width:100%;padding:17px}
.payment-help{font-size:13px!important}
.catalog{background:#09090b}
.section-row p{font-size:15px;line-height:1.8;max-width:390px}
.cards{gap:22px}
.card{padding:0;background:#141417;min-height:0;overflow:hidden;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-5px);border-color:#e3212b}
.card img{width:100%;height:260px;object-fit:cover;border-bottom:1px solid #303036;display:block}
.card:nth-child(2) img,.card:nth-child(3) img{object-fit:contain;background:#121214}
.card>div{padding:27px 25px 12px}
.badge{color:#f45a63;font-size:11px;letter-spacing:.12em}
.card h3{font-size:25px;letter-spacing:-.04em;margin-top:14px}
.card p{font-size:14px}
.card small{padding:18px 25px;border-top:1px solid #303036;display:flex;justify-content:space-between;font-size:14px}
.notice{background:#131316;border-color:#303036;padding:52px 0}
.notice strong{color:#fafafa}
.notice p{color:#a5a5af;font-size:14px;line-height:1.8}
.newsletter{background:#1b1b20;color:#fff}
.newsletter .section-label{color:#f45a63;margin-bottom:16px}
.newsletter p{color:#adadb7;font-size:15px}
.signup input{background:#101014;color:#fff;border-color:#44444d}
.signup button{background:var(--accent)}
.footer{background:#09090b;font-size:12px;letter-spacing:.03em}
.toast{max-width:calc(100vw - 40px)}
@media(min-width:761px){.brand-logo{width:190px;height:48px}}
@media(max-width:1000px){.hero-caption{display:none}.trust{max-width:520px}.hero-img{width:80%}.hero h1{font-size:70px}.finder{grid-template-columns:repeat(2,minmax(0,1fr))}.finder button{grid-column:1/-1;padding:16px}.cards{gap:14px}.card img{height:210px}}
@media(max-width:760px){.wrap,.hero-copy{width:calc(100% - 40px)}.nav{height:78px}.pill{font-size:12px;padding:10px 12px}.hero{min-height:760px;align-items:start}.hero-img{width:100%;height:410px;top:auto;bottom:0;object-fit:cover;object-position:center 50%}.hero:after{background:linear-gradient(180deg,#09090b 0%,#09090b 40%,transparent 70%,#09090b80 100%)}.hero-copy{padding:48px 0 30px}.hero h1{font-size:clamp(42px,10vw,72px);margin:25px 0 18px}.hero p{font-size:15px;max-width:330px}.actions{gap:10px;margin-top:24px}.btn{font-size:12px;padding:14px 16px;gap:14px}.trust{gap:16px;margin-top:26px;position:relative;z-index:1;font-size:10px}.trust b{font-size:9px}.trust span{padding-left:9px}.trust span:last-child{display:none}section{padding:58px 0}.finder{gap:8px;padding:10px}.finder select{padding:13px 9px;font-size:14px}.match-list{grid-template-columns:1fr}.match-panel{padding:18px}.product-gallery img:first-child{height:280px}.cards{gap:24px}.card img{height:290px}.section-row p{max-width:100%}.newsletter h2{font-size:40px}.footer div span+span{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
