@font-face{font-family:Rye;src:url('assets/Rye.ttf') format('truetype');font-display:swap}@font-face{font-family:Sancreek;src:url('assets/Sancreek.ttf') format('truetype');font-display:swap}
:root{--red:#a90000;--ink:#111;--cream:#f6f0e5;--line:#b8a991;--display:Sancreek,Georgia,serif;--sprite:url('assets/reference-sprite.png')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#eee7db;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d49d40;outline-offset:5px}button:disabled{cursor:default}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:12px;z-index:100;background:white;padding:15px}.skip:focus{top:12px}.site-shell{max-width:1536px;margin:auto;background:var(--cream);box-shadow:0 0 40px #4d250b20}
.site-header{position:relative;display:flex;align-items:center;min-height:166px;padding:24px 3.2% 24px 33%;gap:28px;background:radial-gradient(ellipse at 35% 10%,#fffaf1,#f6efe4)}.brand{position:absolute;z-index:5;left:3.4%;top:13px;width:26.8%;filter:drop-shadow(0 3px 2px #2009)}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;white-space:nowrap;gap:0;flex:1;justify-content:space-evenly}.main-nav a{font-weight:800;font-size:clamp(16px,1.6vw,23px);text-decoration:none;padding:5px 20px}.main-nav a+a{border-left:1px solid #7d776e}.main-nav a:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:7px}.search-form{display:flex;background:#111;color:white;align-items:center;border-radius:13px;padding:10px 13px;max-width:275px;flex:1;min-width:100px}.search-form svg,.footer-search svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.search-form input,.footer-search input{color:inherit;border:0;background:transparent;min-width:0;width:100%;padding:0 7px;outline-offset:8px}.search-form input::placeholder{color:#eee}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;background:var(--red) url('assets/hero.png') center center/cover no-repeat;aspect-ratio:3.16;min-height:380px;color:var(--cream);display:flex;align-items:center;flex-direction:column;padding:16px 20px 10px}.hero h1{text-transform:uppercase;text-align:center;font-family:var(--display);font-size:clamp(32px,3.7vw,57px);line-height:.99;margin:0;font-weight:400;letter-spacing:-1.7px;text-shadow:0 2px 1px #5c0303}.hero-button{display:block;position:absolute;bottom:14px;left:50%;transform:translateX(-50%);min-width:350px;line-height:1;padding:10px 28px 12px;background:linear-gradient(#171717,#0c0c0c);border:4px solid var(--cream);border-radius:24px;text-transform:uppercase;text-align:center;font-family:var(--display);font-size:32px;text-decoration:none;box-shadow:0 2px 4px #3006;white-space:nowrap}.hero-button:hover{background:#3b0909;box-shadow:0 4px 10px #0007}.speed-line{display:block;width:135px;height:11px;background:var(--cream);clip-path:polygon(0 50%,100% 0,93% 45%,100% 100%)}.hero .speed-line{position:absolute;top:99px}.hero .left{left:21%;transform:rotate(180deg)}.hero .right{right:21%}
.shop{padding:12px 2.8% 17px;scroll-margin-top:12px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category{position:relative;aspect-ratio:2.24;border:0;border-radius:12px;overflow:hidden;padding:0;color:var(--cream);background:#730000;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff55}.crop{position:relative;display:block;background-image:var(--sprite);background-repeat:no-repeat}.category-photo{position:absolute;inset:0;background-size:550% auto;transition:transform .3s}.category:hover .category-photo{transform:scale(1.045)}.category>span:last-child{position:absolute;bottom:8px;left:0;right:0;text-transform:uppercase;font-family:var(--display);font-size:clamp(19px,2.1vw,31px);text-shadow:1px 2px 2px #330c}.category::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#650000dd);z-index:-1}.category[aria-pressed=true]{outline:4px solid #1a1a1a;outline-offset:3px}.category .crop{z-index:-2}.category .exterior{background-position:5.8% 62.5%}.category .interior{background-position:28.2% 62.5%}.category .trim{background-position:50.8% 62.5%}.category .lighting{background-position:73.3% 62.5%}
.section-title{display:flex;align-items:center;gap:25px;margin:12px 15px 11px}.section-title h2{text-align:center;font:400 clamp(21px,2.2vw,33px)/1.3 var(--display);text-transform:uppercase;margin:0;white-space:nowrap}.section-title>span{height:2px;background:#a40000;flex:1}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{position:relative;border:1px solid var(--line);border-radius:13px;min-height:145px;background:linear-gradient(135deg,#fffaf1,#f1e7d6);display:flex;align-items:center;text-align:left;padding:12px 12px 12px 5px;color:var(--ink);overflow:hidden;transition:border-color .2s,box-shadow .2s}.product-card:hover{border-color:var(--red);box-shadow:0 3px 12px #3c1a0b18}.product-photo{width:56%;aspect-ratio:1.3;flex-shrink:0;background-size:950% auto;border-radius:8px;background-color:var(--cream)}.product-photo.mirror{background-position:5.75% 91%}.product-photo.grille{background-position:32.7% 89.5%}.product-photo.taillight{background-position:64.4% 90%}.product-text{flex:1;padding-left:10px}.product-text h3{font:400 clamp(18px,1.65vw,25px)/1.1 var(--display);text-transform:uppercase;margin:0 0 11px}.sample-label{display:inline-block;padding:7px 9px;border-radius:5px;font:bold 12px/1 Arial,sans-serif;text-transform:uppercase;color:white;background:var(--red);white-space:nowrap}.filter-summary{display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px;gap:15px}.filter-summary p{font-size:14px;margin:0}.filter-summary button{border:0;background:none;color:#900;text-decoration:underline;padding:10px}.empty-state{text-align:center;padding:24px}.empty-state h3{font-family:var(--display);font-weight:400}.dark-button{border:0;background:var(--ink);color:white;border-radius:6px;padding:12px 20px;font-weight:bold}.brand-band{background:radial-gradient(ellipse,#bd0804,#920000);color:var(--cream);display:flex;align-items:center;justify-content:center;gap:25px;padding:10px 5%;min-height:65px}.brand-band h2{font:400 clamp(20px,2.8vw,41px)/1.15 var(--display);text-transform:uppercase;margin:0;white-space:nowrap;text-align:center}.brand-band .speed-line{width:65px;height:8px}.brand-band .speed-line:first-child{transform:rotate(180deg)}
.site-footer{background:#101010;color:#fff7e8;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 4%}.footer-logo{width:105px;flex-shrink:0}.footer-logo img{width:100%;height:auto}.site-footer nav{display:flex;align-items:center;justify-content:space-evenly;flex:1;border-left:1px solid #fff8;padding-left:25px}.site-footer nav a{font-size:14px;font-weight:bold;text-decoration:none;padding:10px}.site-footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.footer-search{border:2px solid #efe2c9;border-radius:12px;display:flex;align-items:center;padding:6px 12px;width:290px}.footer-search input::placeholder{color:#d9d4cb}.preview-note{text-align:center;padding:11px 20px;background:#eee5d7;color:#655b4f;font-size:12px;line-height:1.5}
dialog{border:1px solid #b9a383;border-radius:16px;max-width:800px;width:calc(100% - 32px);padding:40px;background:var(--cream);color:var(--ink);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#130600bb;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:10px;top:8px;font-size:31px;border:0;background:transparent;line-height:1;padding:8px;color:#7a0000}dialog h2{font:400 clamp(26px,3vw,40px)/1.2 var(--display);text-transform:uppercase;margin:0 0 22px}dialog h3{font-size:18px;color:#8c0000}dialog p{line-height:1.65}dialog .detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.detail-photo{width:100%;background-size:950%;align-self:start}.notice{border-left:4px solid var(--red);background:#eae0d0;padding:12px 16px}.detail-tags{font-size:13px;color:#655849}.truck-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.truck-options button{border:1px solid #b5a17f;border-radius:8px;background:#fff8ee;color:#8f0000;padding:25px 12px;font:24px var(--display)}dialog .muted{font-size:13px;color:#635b51}
@media(min-width:1536px){.hero h1{font-size:57px}.category>span:last-child{font-size:31px}}
@media(max-width:1100px) and (min-width:701px){.site-header{gap:12px;min-height:140px;padding-left:32%;padding-right:2%}.main-nav a{padding:5px 13px;font-size:17px}.hero{min-height:340px}.hero h1{font-size:40px}.hero .speed-line{top:90px;width:95px}.hero .left{left:17%}.hero .right{right:17%}.product-card{min-height:118px}.sample-label{font-size:9px;padding:6px}.product-text{padding-left:4px}.site-footer{gap:16px}.footer-search{width:220px}.brand-band{gap:14px}}
@media(max-width:700px){.site-shell{max-width:480px}.site-header{min-height:168px;display:block;padding:0 16px 12px}.brand{position:relative;left:auto;top:auto;width:165px;margin:0 auto;padding-top:7px;filter:drop-shadow(0 2px 1px #3006)}.brand img{height:102px;object-fit:contain}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;position:absolute;top:43px;right:22px;border:0;background:transparent;padding:10px;min-width:45px;min-height:45px}.menu-toggle span{height:3px;width:24px;background:var(--ink);border-radius:2px}.main-nav{display:none;position:absolute;left:12px;right:12px;top:112px;padding:10px 8px;z-index:20;background:var(--cream);border:1px solid #b7a68e;box-shadow:0 7px 20px #0004;border-radius:8px}.main-nav.open{display:flex;flex-wrap:wrap;gap:8px}.main-nav a{padding:12px 8px;font-size:15px}.main-nav a+a{border:0}.search-form{margin:12px 0 0;padding:9px 12px;max-width:none;width:100%;border-radius:8px;height:36px;font-size:14px}.search-form svg{width:22px;height:22px}.hero{aspect-ratio:auto;min-height:288px;padding:12px 10px;background-size:auto 247px;background-position:center bottom 12px;background-color:#a90000}.hero h1{font-size:29px;line-height:1.06;letter-spacing:-.8px}.hero .speed-line{top:71px;width:56px;height:7px}.hero .left{left:7%}.hero .right{right:7%}.hero-button{font-size:25px;min-width:220px;bottom:8px;border-width:3px;border-radius:18px;padding:7px 20px 9px}.shop{padding:9px 11px 12px}.category-grid{grid-template-columns:1fr 1fr;gap:8px}.category{aspect-ratio:1.9;border-radius:8px}.category>span:last-child{font-size:21px;bottom:7px}.category-photo{background-size:550% auto}.category .exterior{background-position:5.8% 62%}.category .interior{background-position:28.2% 62%}.category .trim{background-position:50.8% 62%}.category .lighting{background-position:73.3% 62%}.section-title{margin:15px 0 10px;gap:10px}.section-title h2{font-size:20px}.product-grid{grid-template-columns:1fr;gap:7px}.product-card{min-height:86px;padding:3px 12px 3px 8px;border-radius:9px}.product-photo{width:38%;max-width:150px;aspect-ratio:1.6;background-size:1000% auto}.product-photo.mirror{background-position:5.75% 88.9%}.product-photo.grille{background-position:32.7% 88.2%}.product-photo.taillight{background-position:64.5% 88.8%}.product-text{padding-left:12px}.product-text h3{font-size:21px;margin-bottom:7px}.sample-label{font-size:10px;padding:6px 8px}.brand-band{min-height:52px;padding:10px 5px;gap:0}.brand-band h2{font-size:21px;white-space:normal}.brand-band .speed-line{display:none}.site-footer{padding:14px 14px;gap:14px}.footer-logo{width:62px}.site-footer nav{border:0;padding:0;gap:4px}.site-footer nav a{font-size:10px;padding:8px 3px;white-space:nowrap}.footer-search{display:none}.preview-note{font-size:10px;padding:10px 15px}.filter-summary{align-items:start}.filter-summary p{font-size:12px}.filter-summary button{font-size:12px;white-space:nowrap;padding-top:0}dialog{padding:40px 22px 25px}dialog .detail-layout{grid-template-columns:1fr}.detail-photo{max-width:320px;margin:auto}.truck-options{grid-template-columns:1fr}dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Exact viewports into the approved product illustration sheet. */
.product-photo{background-size:877.7142857% auto;aspect-ratio:1.4}
.product-photo.mirror{background-position:5.51065% 82.7586%}
.product-photo.grille{background-position:32.32917% 82.7586%}
.product-photo.taillight{background-position:58.7803% 82.7586%}
.category .exterior{background-position:5.93% 62.4%}
.category .interior{background-position:29.33% 62.4%}
.category .trim{background-position:52.41% 62.4%}
.category .lighting{background-position:74.47% 62.4%}
.category>span:last-child{bottom:0;padding:4px 0 6px;background:linear-gradient(#7d0000cc,#7d0000);}
@media(max-width:700px){.product-photo{aspect-ratio:1.4;background-size:877.7142857% auto;max-width:115px}.product-photo.mirror{background-position:5.51065% 82.7586%}.product-photo.grille{background-position:32.32917% 82.7586%}.product-photo.taillight{background-position:58.7803% 82.7586%}}

/* The approved illustrated hero is retained as an image-backed banner for exact visual fidelity. */
.hero{background-image:url('assets/reference-sprite.png');background-size:133.449% auto;background-position:9.61% 29.155%;aspect-ratio:3.17956;min-height:0;padding:0}
.hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero .speed-line{display:none}
.hero-button{bottom:3.3%;width:26.5%;min-width:0;height:13.2%;padding:0;background:transparent;color:transparent;border:0;box-shadow:none;overflow:hidden;text-indent:-9999px;border-radius:22px}
.hero-button:hover{background:#ffffff14;box-shadow:0 0 0 3px #fff7}
@media(max-width:700px){.hero{background-size:552.518% auto;background-position:97.297% 32.927%;aspect-ratio:1.362745;min-height:0}.hero-button{bottom:3.8%;width:74%;height:15%;border:0;background:transparent;color:transparent}}

.brand{display:block}
@media(min-width:701px){.brand{width:23%}.site-header{min-height:155px}}
@media(max-width:700px){.brand{width:180px}.brand img{height:112px}.site-header{min-height:180px}}

.product-photo{background:none!important}.category .trim{background-position:50.7% 62.9%}.category .lighting{background-position:72.1% 62.9%}.category .exterior{background-position:5.9% 62.9%}.category .interior{background-position:28.5% 62.9%}.category>span:last-child{background:#870000}
@media(max-width:700px){.category .trim{background-position:50.7% 64.4%}.category .lighting{background-position:72.1% 64.4%}.category .exterior{background-position:5.9% 64.4%}.category .interior{background-position:28.5% 64.4%}}