/* A softer, faster interaction layer for the engine storefront. */
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
html{scroll-padding-top:114px;scrollbar-gutter:stable}
.site-header{background:#ffffffed;backdrop-filter:blur(16px);transition:box-shadow 180ms ease}
.site-header.scrolled{box-shadow:0 5px 24px #1a20200c}
.site-header nav a{position:relative;padding:10px 0;transition:color 160ms ease}
.site-header nav a:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 180ms var(--ease-out)}
.site-header nav a[aria-current]{color:var(--red)}
.site-header nav a[aria-current]:after{transform:scaleX(1)}
.button{border-radius:8px;min-height:48px;transition:transform 140ms var(--ease-out),background 180ms ease,box-shadow 180ms ease}
.button:hover,.product-card:hover{transform:none}
.button:active,.make-filter:active,.buyer-choice:active,.brand-filter:active{transform:scale(.98)}
.button-soft{background:#f2f3f3;color:var(--ink);border-color:#dfe2e2}
.button-soft:hover{background:#e8ebea}
.hero-content{padding-top:72px;padding-bottom:112px}
.hero-description{max-width:510px;line-height:1.65}
.finder{border-radius:15px;box-shadow:0 12px 38px #1923230d;padding:27px 30px}
.finder select{border:1px solid #dfe2e2;border-radius:8px;padding:12px 28px 12px 12px;margin-top:7px;transition:border-color 160ms ease,box-shadow 160ms ease}
.finder select:focus{border-color:var(--red);box-shadow:0 0 0 3px #df252d0d}
.finder label{font-size:14px}.finder .button{align-self:end}
.brand-filter{border:0;background:transparent;padding:12px 8px;font:700 16px var(--body);letter-spacing:1px;color:#67696c;border-radius:8px;transition:color 150ms ease,background 150ms ease,transform 150ms var(--ease-out)}
.brand-filter.active{color:var(--red);background:#df252d08}
.catalog-controls{display:flex;flex-direction:column;align-items:stretch;gap:20px;border:0;padding:0}
.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}
.make-filter{font-size:14px;font-weight:600;border:1px solid #dfe2e2;border-radius:30px;padding:11px 21px;min-height:44px;background:white;color:#5b6164;white-space:nowrap;transition:color 160ms ease,background 160ms ease,border-color 160ms ease,transform 140ms var(--ease-out)}
.make-filter.active{color:white;background:var(--ink);border-color:var(--ink)}
.search-box{background:#f6f7f6;border:1px solid #e8eae9;border-radius:10px;min-width:0;max-width:100%;padding:13px 17px;position:relative;transition:border-color 160ms ease,box-shadow 160ms ease}
.search-box:focus-within{border-color:#969e9e;box-shadow:0 0 0 3px #19232306}
.search-box input{font-size:16px;min-height:24px;padding-right:30px}
#clear-search{position:absolute;right:8px;top:5px;height:42px;width:42px;border:0;border-radius:7px;background:transparent;font-size:25px;color:#737a7d}
.results-bar{font-size:14px;min-height:54px}.results-bar .text-button{font-size:14px}
.catalog-grid{gap:22px;align-items:stretch}
.product-card{border-radius:13px;overflow:hidden;transition:transform 180ms var(--ease-out),box-shadow 180ms ease,border-color 180ms ease}
.product-visual{background:linear-gradient(140deg,#f1f3f1,#e8ebe9);height:157px}
.product-type{font-size:11px;letter-spacing:.6px}.product-index{color:#707b77;font-size:12px}
.product-code{font-size:73px}.product-body{padding:24px}.product-body h3{font-size:29px;margin-bottom:13px}
.product-body p{font-size:16px;min-height:52px;line-height:1.6;margin-bottom:21px}
.product-bottom{display:flex;flex-wrap:wrap;gap:11px;align-items:center;justify-content:space-between}
.detail-button{font-size:14px;min-height:44px}.detail-button span{margin-left:7px}
.card-inquiry{font:600 13px var(--body);border:1px solid #e9cccd;background:#fff5f5;color:#b11b22;padding:12px;border-radius:7px;min-height:44px;transition:background 160ms ease,transform 140ms var(--ease-out)}
.card-inquiry:hover{background:#ffe8e9}.card-inquiry:active{transform:scale(.98)}
.catalog-help{margin-top:28px;padding:24px 28px;background:#f4f6f4;border:1px solid #e7eae7;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.catalog-help strong{font-size:17px;font-weight:600}.catalog-help p{font-size:15px;color:var(--muted);margin:4px 0 0}.catalog-note{font-size:13px;line-height:1.7}
.empty-results{border:1px dashed #cbd1cd;border-radius:13px;padding:35px}.empty-icon{font-size:40px;color:#858e89}.empty-results h3{font-size:32px;margin:8px 0 12px}.empty-results p{color:var(--muted)}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.about-intro>p:not(.eyebrow),.principles p,.reviews-empty p{font-size:16px}
.reviews-empty{border-radius:15px}.faqs details{border:1px solid #e4e7e5!important;border-radius:11px;padding:18px 21px;margin-bottom:10px;transition:background 170ms ease,border-color 170ms ease}
.faqs details[open]{background:#f6f7f5;border-color:#d5dbd6!important}.faqs summary{min-height:28px}.faqs summary span{transition:transform 180ms var(--ease-out)}.faqs details p{font-size:16px;line-height:1.7;margin-right:0}
.contact-card{border-radius:14px}.contact-section p{font-size:16px}
.modal{border-radius:16px;border-top:0;padding:34px;max-height:90dvh;overscroll-behavior:contain;scrollbar-width:thin}
.modal::backdrop{background:#11191dc9;backdrop-filter:blur(6px)}
.close-modal{position:sticky;top:0;float:right;margin:-10px -10px 0 8px;z-index:3;border-radius:50%;width:42px;height:42px;background:#f0f2f0;color:#4c5658;font-size:26px}
.modal h2{font-size:40px;line-height:1.1;text-transform:none;letter-spacing:-.3px}
.detail-code{border-radius:10px}.detail-facts{gap:24px}.detail-facts dd{font-size:15px}
.inquiry-topline{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding-right:30px;margin-bottom:14px}.inquiry-topline .eyebrow{padding:0;margin:0;font-size:10px;letter-spacing:1.3px}
#inquiry-step{font-size:12px;color:#707a7c}.inquiry-modal h2{margin-bottom:9px}.selected-family{font-size:14px!important;margin-bottom:24px;color:#737a7e!important}
.buyer-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buyer-choice{position:relative;border:1px solid #dfe4e0;padding:18px 14px;text-align:left;background:white;border-radius:11px;color:var(--ink);transition:background 180ms ease,border-color 180ms ease,transform 140ms var(--ease-out)}
.buyer-choice strong{display:block;font-size:16px;font-weight:600;padding-right:25px}.buyer-choice>span:not(.choice-check){display:block;font-size:12px;color:#6c7678;margin-top:3px}.choice-check{position:absolute;right:12px;top:18px;width:19px;height:19px;background:#ecefed;color:transparent;border-radius:50%;font-size:12px;text-align:center;line-height:19px}.buyer-choice.active{border-color:var(--red);background:#fff7f7}.buyer-choice.active .choice-check{background:var(--red);color:white}
.buyer-help{font-size:13px!important;line-height:1.6;margin:13px 0 23px;min-height:42px}.form-grid{gap:17px}.form-grid label{font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px;border-radius:8px;padding:11px 13px;transition:border-color 160ms ease,box-shadow 160ms ease}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:#b8484c;box-shadow:0 0 0 3px #df252d0b}
.required-label{color:var(--red)}.form-divider{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;gap:10px;align-items:center}.form-divider span{font-size:14px;font-weight:600}.form-divider small{font-size:12px;color:#7b8585}
.quantity-control{display:flex;align-items:center;border:1px solid #cfd1d2;border-radius:8px;margin-top:6px;padding:3px;height:48px}.quantity-control button{border:0;background:#f1f3f1;font-size:21px;flex:0 0 39px;height:39px;border-radius:5px;color:#333;line-height:1}.quantity-control input{width:100%;min-width:0;text-align:center;border:0!important;margin:0!important;padding:6px!important;appearance:textfield;-moz-appearance:textfield;box-shadow:none!important}.quantity-control input::-webkit-inner-spin-button{appearance:none}.quantity-control:focus-within{outline:2px solid #3989df;outline-offset:3px}
.form-note{font-size:12px;line-height:1.6;color:#788285;align-self:center;padding-top:16px}.form-submit{margin-top:23px}.form-privacy{color:#757f80!important}.review-ready{display:flex;gap:13px;align-items:center;padding:17px;background:#eff6f0;border-radius:10px}.review-ready>span{color:#467958;background:#dcebdd;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.review-ready strong{font-size:16px}.review-ready p{margin:0;font-size:13px!important}.inquiry-modal pre{border-radius:10px;font-size:14px;padding:20px;max-height:245px}.email-options{display:flex;gap:10px}.email-options .button{flex:1}.result-actions{justify-content:space-between;gap:12px}.result-actions .text-button{min-height:42px}.feedback-toast{position:fixed;z-index:100;bottom:26px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#202b26;color:white;box-shadow:0 8px 30px #0002;border:1px solid #ffffff18;border-radius:12px;padding:13px 20px;font-size:14px;max-width:calc(100vw - 32px);width:max-content;transition:opacity 180ms ease,transform 220ms var(--ease-out)}.feedback-toast.visible{opacity:1;transform:translate(-50%,0)}
.mobile-actions{display:none}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-1px)}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #17261b0b;border-color:#c7cfca}.brand-filter:hover{color:var(--red);background:#f3f5f2}.make-filter:not(.active):hover{border-color:#c0c9c3;background:#f6f7f5}.buyer-choice:not(.active):hover{background:#f7f8f6}}
@media(max-width:1100px){.product-body{padding:20px}.product-bottom{display:flex;flex-direction:column;align-items:stretch}.card-inquiry{width:100%}.detail-button{display:flex;align-items:center;justify-content:space-between}.brand-filter{font-size:14px;padding:12px 4px}.makes-strip{gap:16px}}
@media(max-width:760px){html{scroll-padding-top:93px}body{padding-bottom:80px}.site-header{gap:10px;height:72px}.site-header nav{top:72px;border-radius:0 0 15px 15px}.header-cta{display:none}.menu-toggle{margin-left:auto;padding:12px;min-height:44px}.menu-toggle span{transition:transform 180ms var(--ease-out)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero{min-height:0}.hero-content{padding:40px 6% 135px}.hero h1{font-size:clamp(43px,12.9vw,65px);line-height:1.02;letter-spacing:-.7px}.hero-description{max-width:290px;font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:11px}.hero-actions .button{min-height:46px;font-size:14px;padding:13px 18px}.hero-image{background-size:auto 100%;background-position:66% bottom}.hero-caption{bottom:48px}.image-note{bottom:29px}
.finder{padding:22px;gap:16px;border-radius:13px}.finder h2{font-size:27px}.finder label{font-size:13px}.finder select{font-size:16px}.finder .button{width:100%}.makes-strip{gap:6px;padding:24px 0}.makes-strip>span{margin-bottom:8px}.brand-filter{font-size:13px;padding:12px 5px;letter-spacing:.5px}.section{padding-top:51px;padding-bottom:51px}.section-heading h2{font-size:39px}.section-heading>p{font-size:16px}.catalog-controls{gap:13px}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:2px 1px 7px;scrollbar-width:thin;scroll-padding:12px;overscroll-behavior-x:contain}.make-filter{font-size:14px;padding:10px 18px}.search-box{margin:0;padding:12px 15px}.results-bar{min-height:52px;font-size:13px}
.catalog-grid{grid-template-columns:1fr;gap:17px}.product-card{display:grid;grid-template-columns:100px minmax(0,1fr)}.product-visual{height:auto;min-height:225px;padding:18px 12px;justify-content:flex-start;gap:26px}.product-code{font-size:49px;line-height:1.1;overflow-wrap:anywhere;letter-spacing:-1px}.product-code span{display:block;font-size:35px}.product-type{display:none}.product-index{font-size:10px;letter-spacing:.3px}.product-body{padding:18px}.product-body h3{min-height:0;font-size:27px}.product-body p{min-height:0;font-size:14px;margin-bottom:13px}.product-make{font-size:10px}.product-bottom{padding-top:10px;gap:4px}.detail-button{font-size:14px;min-height:37px}.card-inquiry{font-size:13px;min-height:42px}.product-visual:after{right:-68px}.catalog-help{padding:22px;display:block}.catalog-help .button{margin-top:17px;width:100%}.catalog-help p{font-size:14px}.catalog-note{font-size:12px}.empty-results{padding:26px 18px}.empty-actions .button{width:100%}.about-intro h2{font-size:47px}.reviews-empty{padding:25px}.faq-section{padding-top:5px}.faqs details{padding:16px}.faqs details p{font-size:15px}
.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;align-items:center;gap:14px;background:#fffffff2;backdrop-filter:blur(16px);border-top:1px solid #e0e4e1;box-shadow:0 -4px 25px #152b1b08;padding:11px 6% calc(11px + env(safe-area-inset-bottom));}.mobile-actions>a{flex:1;white-space:nowrap;font-size:14px;font-weight:600}.mobile-actions .button{font-size:13px;min-height:45px;padding:11px 15px}.modal-open .mobile-actions{visibility:hidden}.footer{padding-bottom:28px}.feedback-toast{bottom:92px}
.modal{width:100%;max-width:100%;margin:auto 0 0;border-radius:20px 20px 0 0;max-height:92dvh;padding:27px 22px calc(24px + env(safe-area-inset-bottom));}.modal h2{font-size:34px}.close-modal{margin-right:-4px}.inquiry-topline{display:block;padding-right:30px}.inquiry-topline .eyebrow{margin-bottom:4px}.selected-family{font-size:13px!important}.buyer-choice{padding:16px 12px}.buyer-choice strong{font-size:15px}.buyer-choice>span:not(.choice-check){font-size:11px}.buyer-help{font-size:13px!important}.form-grid label{font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:16px}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.form-note{font-size:11px}.form-divider small{font-size:11px}.email-options{flex-direction:column}.form-privacy{font-size:12px!important}.detail-facts{gap:16px}
}
@media(max-width:360px){.hero h1{font-size:43px}.catalog-grid{grid-template-columns:1fr}.product-card{grid-template-columns:85px minmax(0,1fr)}.product-code{font-size:39px}.product-body{padding:15px}.mobile-actions{gap:8px}.mobile-actions>a{font-size:12px}.mobile-actions .button{font-size:12px;padding:10px}.form-grid{grid-template-columns:1fr}.form-note{padding-top:0}}
@media(max-width:760px){.inquiry-topline .eyebrow{display:block}}
html.keyboard-input{scroll-behavior:auto}.keyboard-input *{transition-duration:0ms!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.product-card:hover,.button:hover,.button:active,.card-inquiry:active{transform:none}}

/* Original Houston JDM Motors logo, framed for compact navigation. */
.brand-logo{display:block;width:160px;height:80px;object-fit:cover;object-position:center;border-radius:4px}.footer-brand .brand-logo{width:180px;height:90px}@media(max-width:760px){.brand-logo{width:128px;height:64px}.site-header{gap:12px}}

.finder-wrap{margin:24px 5%}.makes-strip{flex-wrap:wrap}@media(max-width:760px){.finder-wrap{margin:18px 6%}}