/* Houston JDM Motors identity: racing red, graphite, silver and angular details. */
:root{--red:#d90020;--red-dark:#b50019;--ink:#151517;--muted:#565960;--line:#d6d7da;--paper:#eff0f2}
body{background:#fafafa}
html{scroll-padding-top:146px}
.announcement{background:#101012;border-bottom:2px solid var(--red);font-size:11px;letter-spacing:1.4px}
.site-header{height:124px;gap:24px;border-bottom:1px solid #b9bbc0;background:#fff;box-shadow:0 3px 0 #e7e8eb}
.brand-logo,.footer-brand .brand-logo{width:340px;height:114px;object-fit:contain;border-radius:0}
.site-header nav{gap:22px}.site-header nav a{padding-block:12px}
.site-header .header-cta{border-bottom:3px solid var(--red)}
.button{border-radius:2px;font-weight:700;letter-spacing:.2px;box-shadow:none}
.button-red{background:linear-gradient(180deg,#ec102b,#c7001d);border-color:#c5001c;border-bottom:3px solid #800012}
.button-red:hover{background:#b9001b}.button-dark:hover{background:#303034}
.button-outline{border-color:#9b9ba2}.button-soft{background:#e9eaed;color:#202024;border:1px solid #c4c5ca}
.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #347bc4;outline-offset:4px}
.finder-wrap{margin:0;padding:24px 5%;background:#e9eaed;border-bottom:1px solid #c3c4c8}
.finder{background:#19191c;border:1px solid #4a4b50;border-left:4px solid var(--red);border-radius:0;color:#f5f5f7;box-shadow:0 5px 14px #14141912;grid-template-columns:1.25fr 1fr 1fr auto}
.finder-title .eyebrow{color:#ff7786;letter-spacing:1.6px}.finder h2{font-size:30px;font-weight:700}
.finder label{color:#d3d4d8}.finder select{border-radius:2px;background:#fff;color:#19191c;border:1px solid #aeb0b6}
.hero{border-bottom:4px solid var(--red)}
.hero-content{padding-top:65px;padding-bottom:108px}
.hero h1{font-weight:800;letter-spacing:-1px;color:#e7e7eb;max-width:860px;text-shadow:0 3px 0 #0008}
.hero h1 em{color:#ff2442}
@supports(background-clip:text){.hero h1{background:linear-gradient(180deg,#fff 12%,#c1c2c8 48%,#f1f2f4 70%,#9b9da5);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.hero h1 em{background:none;-webkit-text-fill-color:#ff2442}}
.hero-caption{letter-spacing:1.5px;color:#c3c3c9}.hero-description{max-width:470px;color:#e0e0e4}.hero-footnote{color:#c2c2c8}
.makes-strip{padding-block:22px;border-bottom:1px solid #bfc0c5;gap:10px}
.makes-strip>span{color:#565960}.brand-filter{border-radius:0;color:#33353a;font-weight:800;letter-spacing:1px}
.brand-filter.active{background:#19191c;color:#fff;box-shadow:inset 0 -3px var(--red)}
.section-heading h2,.about-intro h2,.faq-section h2,.contact-section h2{font-weight:800;letter-spacing:-.4px}
.eyebrow{letter-spacing:1.8px}.catalog-section{background:#fafafa}
.catalog-controls{flex-wrap:wrap;align-items:center;gap:18px}.filter-buttons{flex-wrap:wrap;min-width:0}
.make-filter{border-radius:2px;border-color:#c9cbd0;color:#34363b;background:#fff;font-weight:600}
.make-filter.active{background:#17171a;border-color:#17171a;color:#fff;box-shadow:inset 0 -3px var(--red)}
.search-box{background:#fff;border-radius:2px;border-color:#aeb0b7;max-width:100%}.search-box:focus-within{outline:2px solid #347bc4;outline-offset:3px}
.results-bar{color:#555860}.product-card{border-radius:0;border:1px solid #c7c9ce;box-shadow:0 4px 0 #e5e6e9}
.product-visual{background:linear-gradient(135deg,#29292e,#131316);border-bottom:3px solid var(--red)}
.product-visual:after{background:linear-gradient(90deg,#6a6c76,#b8bac333);right:10px;width:7px}
.product-code{color:#e9e9ee;font-weight:800;letter-spacing:.5px}.product-code span{color:#ff3650}
.product-index,.product-type{color:#c1c2ca}.product-body h3{font-weight:700}.product-body p{color:#565960}
.card-inquiry{border-radius:2px;background:#fbecef;border-color:#e1b3bb;color:#a60018;font-weight:700}
.card-inquiry:hover{background:#f6d8de}.product-bottom{border-color:#dedfe3}
.catalog-help{border-radius:0;background:#e9eaed;border:0;border-left:4px solid var(--red)}
.empty-results{border-radius:0;background:#eff0f3}
.about-section{background:#19191c;color:#f3f3f6;border-block:1px solid #3b3c42}
.about-section .eyebrow{color:#ff7786}.about-intro h2 span{color:#bebfc7}
.about-intro>p:not(.eyebrow),.principles p{color:#c1c2ca}.principles article{border-color:#414249}
.step{color:#ff5269;font-weight:700;border-top:2px solid var(--red);padding-top:5px}.principles h3{font-weight:700}
.about-section .text-link{color:#f5f5f7}
.reviews-section,.faq-section{background:#f4f4f6}.reviews-empty{background:#fff;border-radius:0;border:1px solid #d5d6da;border-top:3px solid #242429}
.review-empty-aside{color:#646770}.small-label{color:#666973}
.faqs details{border-radius:0;border-color:#d0d2d8!important;background:#fff}
.faqs details[open]{background:#fff;border-left:3px solid var(--red)!important}.faqs summary{font-weight:700}
.contact-section{background:linear-gradient(120deg,#111114,#27272e);border-top:4px solid var(--red)}
.contact-section:before{display:none}.contact-section h2 span{color:#d1d2d8}.contact-section p{color:#c2c3cb}
.contact-card{border-radius:0;border:1px solid #73757f;border-left:4px solid var(--red);background:#ffffff05}
.contact-card .small-label{color:#b8bac3}.contact-email{color:#fff}.contact-card h3{font-weight:700}.contact-divider{background:#5b5d66}
#maps-link{display:inline-block;margin-top:18px}#maps-link[hidden]{display:none}
.footer{background:#fff;color:#25252a;border-top:1px solid #c7c9cf;flex-wrap:wrap}
.footer p,.footer>span,.footer-links{color:#585b64}.footer-brand .brand-logo{width:300px;height:101px}
.modal{border-radius:3px;border-top:4px solid var(--red);background:#fafafa}.modal h2{font-weight:700}
.buyer-choice,.form-grid input,.form-grid select,.form-grid textarea,.quantity-control,.detail-code,.inquiry-modal pre{border-radius:2px}
.buyer-choice.active{background:#fff1f3;border-color:var(--red)}.detail-code{background:#1a1a1f;color:#e6e7ec;border-left:4px solid var(--red)}
.close-modal{border-radius:2px}.feedback-toast{border-radius:2px;background:#1a1a1f;border-left:3px solid var(--red)}
@media(hover:hover) and (pointer:fine){.product-card:hover{border-color:#b00019;box-shadow:0 8px 18px #17172014}.brand-filter:hover{background:#e9eaed;color:#b00019}}
@media(min-width:1600px){.finder-wrap{padding-inline:max(5%,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.site-header{gap:18px}.brand-logo{width:280px;height:94px}.site-header nav{gap:16px}.header-cta{display:none}.finder{grid-template-columns:1fr 1fr 1fr}.finder-title{grid-column:1/-1}}
@media(max-width:760px){html{scroll-padding-top:118px}.site-header{height:104px}.brand-logo{width:min(270px,72vw);height:91px}.site-header nav{top:104px;border-radius:0;border-bottom:3px solid var(--red)}.finder-wrap{margin:0;padding:18px 6%}.finder{grid-template-columns:1fr 1fr;padding:20px;gap:16px}.finder-title,.finder .button{grid-column:1/-1}.finder h2{font-size:28px}.finder select{width:100%;min-width:0;padding-right:14px}.hero-content{padding:42px 6% 145px}.hero h1{font-size:clamp(41px,12vw,64px);letter-spacing:-.5px}.hero-description{max-width:285px}.makes-strip{gap:5px}.brand-filter{font-size:12px}.filter-buttons{flex-wrap:nowrap}.search-box{width:100%;min-width:0}.product-visual{border-bottom:0;border-right:2px solid var(--red)}.product-code{font-size:45px}.product-card{box-shadow:0 3px 0 #e5e6e9}.contact-card{padding:24px}.footer-brand .brand-logo{width:min(300px,85vw);height:auto}.mobile-actions{background:#151519;color:#fff;border-top:2px solid var(--red)}.modal{border-radius:4px 4px 0 0}.hero-caption{font-size:9px}}
@media(max-width:360px){.finder{grid-template-columns:1fr}.hero h1{font-size:40px}.brand-logo{width:230px}.product-code{font-size:38px}}
/* Preserve the supplied JPEG. The circular frame clips only the screenshot corners. */
.site-header a.brand{flex:0 0 auto;min-width:0;max-width:none;gap:14px}
.brand-emblem-frame{position:relative;display:block;overflow:hidden;width:104px;height:104px;flex:0 0 104px;border-radius:50%;background:#fff}
.site-header .brand-emblem-frame>.brand-logo,.footer-brand .brand-emblem-frame>.brand-logo{position:absolute;display:block;width:109.8246%;max-width:none;height:auto;left:-4.9123%;top:-3.1579%;object-fit:contain;border-radius:0}
.brand-wordmark{display:block;font-family:var(--display);font-size:24px;font-weight:800;line-height:1.05;max-width:180px;text-transform:uppercase;letter-spacing:.2px}
.brand-wordmark small{display:block;margin-top:8px;font-family:var(--body);font-size:9px;line-height:1.6;font-weight:600;letter-spacing:.55px;text-transform:none;color:#5a5b62}
.footer .footer-brand{display:flex;align-items:center;gap:16px;max-width:100%;flex-shrink:1}
.footer .brand-wordmark{font-size:22px}
@media(max-width:1100px){.site-header .brand-wordmark{font-size:21px;max-width:135px}.site-header .brand-wordmark small{font-size:8px;letter-spacing:0}.site-header .brand-emblem-frame{width:88px;height:88px;flex-basis:88px}.site-header a.brand{gap:10px}}
@media(max-width:920px) and (min-width:761px){.site-header .brand-wordmark{display:none}}
@media(max-width:760px){.site-header{height:104px;gap:10px}.site-header a.brand{flex:1 1 auto;min-width:0;gap:10px}.site-header .brand-emblem-frame{width:76px;height:76px;flex-basis:76px}.site-header .brand-wordmark{font-size:20px;max-width:132px}.site-header .brand-wordmark small{display:none}.site-header .menu-toggle{flex-shrink:0}.footer .brand-emblem-frame{width:92px;height:92px;flex-basis:92px}.footer .brand-wordmark{font-size:21px;max-width:180px}}
@media(max-width:390px){.site-header .brand-emblem-frame{width:68px;height:68px;flex-basis:68px}.site-header .brand-wordmark{font-size:17px;max-width:110px}.site-header a.brand{gap:7px}}