/* Config My Rig — graphite, warm white, signal orange. */
:root{--bg:#11161c;--panel:#181f27;--line:#343e49;--muted:#a0acb8;--text:#f1f2ef;--amber:#f68a45;--control-border:#424e5b;--control-surface:#1b232d;--control-radius:4px;--cmr-orange:#f68a45;--cmr-ink:#11161c;--cmr-paper:#f1f2ef}
body{background:#11161c;color:var(--text)}
header{background:#11161c;height:88px;padding:0 28px;gap:24px;border-bottom:1px solid #36404a;box-shadow:0 1px 0 #080c10;position:relative;z-index:2}
.brand{display:grid;grid-template-columns:40px auto;column-gap:11px;padding:0;min-width:186px;letter-spacing:.6px;line-height:.9;font-size:27px;white-space:nowrap}
.brand .brandmark{grid-row:1/3;position:static;display:grid;place-items:center;width:40px;height:42px;background:var(--amber);color:#11161c;transform:none;font-size:0;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}
.brandmark svg{width:32px;height:32px}.brand .brand-name{color:#f1f2ef!important;display:block;font-weight:800}.brand-name>span{color:var(--amber);margin-left:2px}.brand small{margin-top:8px;font-size:14px;letter-spacing:2.2px;color:#c5ced7;grid-column:2}
nav{gap:20px}.nav{font-size:14px;font-weight:600;color:#c5ced7;padding:0 0;border-bottom-width:3px}.nav:hover{color:#fff}.nav.active{border-color:var(--amber);color:#fff}#compareCount{background:#2c3641;color:#f1f2ef}
.head-actions{gap:12px}.demo-pill{border:0;border-left:2px solid var(--amber);padding:3px 0 3px 9px;letter-spacing:1.1px;color:#aeb9c5;line-height:1.5;font-size:14px;max-width:65px}
.button{border-radius:3px;transition:background .15s,border-color .15s;letter-spacing:.15px}.button.primary{background:var(--amber);border-color:var(--amber);color:#10161c;font-weight:700}.button.primary:hover{background:#ffa366;border-color:#ffa366}.button.subtle{background:#1b232d;border-color:#3c4855}.button.subtle:hover{border-color:#f68a45;background:#242e39}#save{background:#f68a45;border-color:#f68a45;color:#11161c}
.projectbar{padding:29px 28px;background:linear-gradient(110deg,#202a35 0,#151e28 72%);position:relative;isolation:isolate;border-bottom:1px solid #394552;overflow:hidden}.projectbar:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.19;background-image:repeating-radial-gradient(ellipse at 32% -180%,transparent 0 33px,#8ba0b3 34px 35px,transparent 36px 62px);pointer-events:none}.projectbar:after{content:'';position:absolute;left:28px;bottom:0;width:62px;height:3px;background:var(--amber)}
.projectbar .eyebrow{font:600 14px var(--font);letter-spacing:1.7px;color:#b4c0cc}.projectbar h1{font-size:33px;font-weight:700;line-height:1.12;margin-top:9px;color:#fff}.projectbar h1 span{font-size:24px;color:#c5ced7;font-weight:500}.vehicle-inputs label{color:#aab6c4;font-weight:600}.vehicle-inputs select{background-color:#111a24;border-color:#495666}.vehicle-inputs .button{border-color:#495666;background:#202c39}
#buildPage{grid-template-columns:220px minmax(400px,1fr) 300px}.catalog{background:#151c24;padding-top:25px}.section-label{color:#c5ced7;font-size:14px;letter-spacing:1.4px}.catalog .search{background:#111820;border-radius:4px}.category{color:#b5c0ca;font-size:14px;border-radius:0 3px 3px 0;padding:12px 8px}.category:hover{background:#222d39}.category.active{background:#f68a4517;border-left-color:var(--amber);color:#ffa264}.category.active .cat-icon{color:#f68a45}.category .cat-icon{color:#c5ced7}.category .count{color:#c5ced7}.catalog-bottom{border-color:#35404b}.catalog-bottom strong{color:#f1f2ef}.catalog-bottom p{color:#c5ced7}.text-link,a{color:#f5a16c}.text-link:hover,a:hover{color:#ffc49d}.tiny-cross{color:#f68a45}
.workspace{background:#111820}.visual-launch{background:transparent;border:0;border-bottom:1px solid #34404d;padding:21px 0;margin-bottom:2px}.visual-launch .eyebrow{color:#f68a45;font-size:14px;letter-spacing:1.15px}.visual-launch p{color:#c5ced7;font-size:14px}.equipment-head h2{font-size:29px;font-weight:700}.equipment-head>span{color:#c5ced7}.product-card,.susp-card,.brake-card,.rolling-card{background:#1a232d;border-color:#394652;border-radius:5px;box-shadow:0 3px 10px #070c1026}.product-card:hover,.susp-card:hover,.brake-card:hover{border-color:#677483}.product-card.selected{border-color:#f68a45;box-shadow:inset 0 0 0 1px #f68a4538}.product-card h3{font-size:21px;font-weight:600}.accessory-sku,.susp-sku{color:#c5ced7}.accessory-photo,.brake-photo{background:#eeefeb;border-radius:3px 3px 0 0}.accessory-photo>span{background:#1c2733;color:#f1f2ef}.accessory-image-pending{color:#344455}.package-badge{color:#b7c5d4;background:#1a2a39;border-color:#40576e}.package-badge.partial{color:#ffc196;background:#382a20;border-color:#775235}.install-video-link{color:#f6a572}.review-gap,.video-pending{color:#c5ced7!important}.web-review-link{color:#f6a572}.accessory-specs dt{color:#c5ced7}.product-card .price{color:#f4f2ec}
.build-panel{background:#171f28;border-left-color:#3b4754;padding-top:25px}.build-heading h2{font-size:29px}.weight-card{background:linear-gradient(120deg,#293644,#202b36);border:1px solid #4a5d70;border-top:2px solid #f68a45;border-radius:4px}.weight-card>div{color:#bcc8d4}.weight-card strong{color:#fff}.weight-track{background:#111b26}.weight-track i{background:#f68a45}.cost-title{margin-top:26px}.total-row{border-color:#4e5a68}.total-row strong{color:#fff}.rate-row input{background:#101923}.scorebox{background:#151d26;border-color:#394553}.scorebox strong{color:#c8d3de}
.rolling-hero,.brake-hero,.susp-hero{background-color:#192633;background-image:linear-gradient(120deg,#233342,#15212d);border-color:#3b4b5d}.rolling-hero em,.brake-hero em,.susp-hero em{color:#f68a45}.rolling-tags span,.brake-hero-tags span{color:#b6c5d4;border-color:#4a5c6d}.rolling-planner,.rolling-selection,.brake-selection,.brake-advisor,.susp-toolbar{background:#1a2531;border-color:#3e4f60}.rolling-total,.brake-plan{background:#263341}.brake-tabs button.active,.rolling-tabs button.active{color:#f68a45;border-color:#f68a45}.rolling-tabs button:hover,.brake-tabs button:hover{color:#ffc19a}
dialog{background:#1b242e;border-color:#465665;box-shadow:0 25px 100px #0009;color:#e8eef2;border-radius:6px}dialog::backdrop{background:#080e14c9;backdrop-filter:blur(5px)}.modal-head{border-color:#485461}.notice{background:#33281f;border-color:#795639;color:#f0c39f}.web-review,.install-resource{background:#202d39;border-color:#46586b}.review-scope,.install-match{color:#c3d1df}.review-method{color:#aebdcb}.review-badges span{border-color:#60758a;color:#c3d2df}.install-summary b{background:#2d3945;border-color:#596d80;color:#ffd0b0}.install-resource>b{color:#bbcbd9}.install-resource small{color:#c5ced7}.review-index-item{background:#202d39;border-color:#405467}.review-index-item:hover{border-color:#f68a45}.review-index-item b{color:#f3b188}.install-video-section{background:#192530;border-color:#43586c}.video-empty{color:#b3c0ce!important}.video-footnote{color:#c5ced7!important;font-size:14px!important}.sources a{border-color:#526272}.prerequisite-link{color:#f2ac7f}footer{background:#10171e;border-color:#354451;color:#c5ced7;letter-spacing:1px;font-size:14px}footer>span:first-child{color:#f68a45;font-weight:700}
@media(max-width:1250px){header{gap:16px;padding:0 20px}nav{gap:13px}.head-actions{gap:8px}.head-actions>[data-open-visual]{display:none}.projectbar h1 span{display:block;font-size:22px;margin-top:3px}}
@media(max-width:1000px){header{height:auto;min-height:85px;flex-wrap:wrap;padding-top:16px;padding-bottom:0}.brand{min-width:190px}header nav{order:3;width:100%;height:43px;overflow:auto;gap:25px;justify-content:flex-start}header .head-actions{margin-left:auto}#buildPage{grid-template-columns:190px minmax(0,1fr)}.build-panel{grid-column:1/-1}.projectbar{padding:24px 20px;align-items:flex-start}.projectbar h1{font-size:30px}.vehicle-inputs{flex-wrap:wrap;justify-content:flex-end}.vehicle-inputs #feedback{display:none}}
@media(max-width:650px){header{min-height:75px;padding:15px 14px 0;gap:10px}.brand{min-width:176px;font-size:25px;grid-template-columns:35px auto;column-gap:9px}.brand .brandmark{width:35px;height:38px}.brand small{font-size:14px;letter-spacing:2px}.head-actions .demo-pill{display:none}.head-actions #save{font-size:14px;padding:9px 11px;gap:8px}header nav{gap:23px;height:42px}.projectbar{display:block;padding:23px 15px}.projectbar h1 span{display:inline;font-size:22px}.vehicle-inputs{justify-content:flex-start;margin-top:19px}.vehicle-inputs label{flex:1;max-width:170px}.vehicle-inputs select{width:100%}#buildPage{display:flex;flex-direction:column}.catalog{padding:18px 15px;border-right:0;border-bottom:1px solid #394859}.catalog .section-label{display:none}.catalog .search{margin:0 0 12px}#categories{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:7px}.category{width:auto;min-width:145px;flex-shrink:0;margin:0;border:1px solid #354857;padding:10px}.category.active{border-color:#f68a45}.catalog-bottom{margin-top:8px;padding:10px 0;display:flex;flex-wrap:wrap;gap:6px 18px}.catalog-bottom>.tiny-cross,.catalog-bottom>strong,.catalog-bottom>p{display:none}.catalog-bottom .text-link{margin:0!important;font-size:14px}.workspace{padding:0 15px 20px}.visual-launch{padding:17px 0;gap:12px}.visual-launch .eyebrow{font-size:14px}.visual-launch .button{font-size:14px;padding:10px;white-space:nowrap}.visual-launch p{font-size:14px}.equipment-head{padding-top:20px}.equipment-head h2{font-size:27px}.product-grid{grid-template-columns:1fr}.product-card{padding:18px}.build-panel{padding:24px 18px;border-left:0}.review-index-item{gap:12px;flex-wrap:wrap}.review-index-item b{font-size:14px}footer{gap:14px;flex-wrap:wrap;padding:21px 15px}}
/* Connected wheel and tire selection */
.pair-summary,.position-panel{background:#fff;border:1px solid #d4d4d0;padding:24px;margin:24px 0}.pair-summary h2{font-size:25px;margin:8px 0}.pair-summary p,.position-panel p{color:#666;font-size:14px;line-height:1.6}.pair-summary-products{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.pair-summary-products article{display:flex;align-items:center;gap:14px;background:#f4f4f0;padding:14px}.pair-summary-products img{width:70px;height:76px;object-fit:contain;mix-blend-mode:multiply}.pair-summary-products b,.pair-summary-products span,.pair-summary-products small{display:block}.pair-summary-products b{font-size:14px;margin:5px 0}.pair-summary-products span{font-size:14px}.pair-summary-products button{margin-left:auto}.pair-summary-metrics,.position-metrics{display:grid;grid-template-columns:1fr 1.5fr auto;gap:20px;align-items:center}.pair-summary-metrics b,.position-metrics b,.position-fenders b{display:block;font-size:23px;margin:7px 0}.pair-summary small,.position-panel small{font-size:14px;letter-spacing:.08em;color:#666}.pair-summary-metrics span,.position-metrics span{font-size:14px;color:#666}.position-metrics{grid-template-columns:repeat(3,1fr);border-block:1px solid #ddd;padding:18px 0}.position-panel h3{font-size:25px;margin:8px 0}.position-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.position-inputs label{font-size:14px;display:grid;gap:8px}.position-inputs input{width:100%;height:42px;padding:8px;border:1px solid #ccc}.position-fenders{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.position-fenders b{font-size:18px}.position-diagram{position:relative;text-align:center;background:#f3f3ef;padding:20px;overflow:hidden}.position-diagram span{display:block;font-size:14px}.position-reference{position:absolute;top:40px;bottom:35px;left:50%;border-left:2px dashed #777}.position-tire{position:relative;margin:14px auto;width:100px;padding:25px 5px;background:#252729;color:white;border-right:5px solid #e87533;font-size:14px}.position-panel details{padding:14px;background:#f4f4f0}.position-panel a{font-size:14px}.pair-compatible{display:flex;align-items:center;gap:9px;font-size:14px;margin:12px 0}.pair-compatible input{width:17px;height:17px}.pair-compatible small{color:#777}.rolling-tabs{gap:6px}.rolling-tabs button{min-width:120px}.rolling-more-filters [hidden],.rolling-toolbar [hidden]{display:none!important}@media(max-width:800px){.pair-summary-products,.pair-summary-metrics,.position-metrics,.position-inputs{grid-template-columns:1fr}.pair-summary-products article{flex-wrap:wrap}.pair-compatible{flex-wrap:wrap}.pair-summary,.position-panel{padding:16px}.position-fenders{grid-template-columns:1fr}}
.pair-summary,.position-panel{background:#17232d;border-color:#34414c;color:#f3f3ef}.pair-summary-products article,.position-panel details,.position-diagram{background:#20303d}.pair-summary p,.position-panel p,.pair-summary small,.position-panel small,.pair-summary-metrics span,.position-metrics span,.pair-compatible small{color:#c5ced7}.pair-summary-products img{background:#fff;mix-blend-mode:normal;border-radius:3px}.pair-summary-products span{color:#c2c9cd}.pair-summary h2,.pair-summary b,.position-panel h3,.position-panel b{color:#f3f3ef}.position-inputs input{background:#111a22;color:#f3f3ef;border-color:#44525d}.position-metrics{border-color:#44525d}.position-reference{border-color:#b8c2ca}.position-panel a,.pair-summary .text-link{color:#f29456}
.accessory-option{display:grid;gap:9px;font-size:14px;font-weight:600;color:#d4dce2;margin:16px 0 6px}.accessory-option select{width:100%;min-width:0;height:46px;padding:10px;background:#15212b;color:#f3f3ef;border:1px solid #53616c;border-radius:3px}.accessory-option-note{font-size:14px!important;line-height:1.5!important;color:#c5ced7!important}#modal .accessory-option{color:inherit}
/* Category-specific photography and a tighter technical catalog. */
.brake-hero{grid-template-columns:1fr 1fr;gap:30px;padding:28px;min-height:320px;align-items:center}.brake-detail-photo{position:relative;margin:0;min-width:0;height:310px;overflow:hidden;border-radius:4px;background:#151e24}.brake-detail-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 57%}.brake-detail-photo figcaption{position:absolute;inset:auto 0 0;padding:30px 18px 15px;background:linear-gradient(transparent,#080e14ed);display:grid;gap:5px;color:#fff}.brake-detail-photo figcaption b{font-size:14px;letter-spacing:1.2px}.brake-detail-photo figcaption span,.brake-detail-photo figcaption a{font-size:14px;color:#dbe2e8}.brake-detail-photo figcaption a{color:#ffb47e;text-underline-offset:3px}.brake-scope-nav{padding-top:18px}.brake-scope-nav button{font-size:14px}.brake-advisor{margin-top:18px}.brake-footnote{max-width:1000px;line-height:1.7}
.rolling-hero{gap:30px;padding:28px;min-height:280px;align-items:center}.rolling-detail-photo{margin:0;min-width:0;height:260px;background:#eeefeb;border-radius:4px;overflow:hidden;display:grid;grid-template-rows:1fr auto}.rolling-detail-photo>img{display:block;width:100%;height:185px;object-fit:contain;align-self:center;mix-blend-mode:multiply}.rolling-detail-photo figcaption{padding:12px 18px;background:#0f1b26;display:grid;gap:5px;color:#f1f3f5}.rolling-detail-photo figcaption b{font-size:18px}.rolling-detail-photo figcaption span{font-size:14px;letter-spacing:1px;color:#f3a36d}.rolling-detail-photo figcaption small{font-size:14px;color:#aebbc6}.rolling-hero h1{font-size:43px;line-height:1.06;margin-top:15px}.rolling-hero p{font-size:14px;line-height:1.65}.rolling-tags{gap:7px;flex-wrap:wrap}
.sourced-accessory{display:flex;flex-direction:column;min-width:0}.sourced-accessory h3{min-height:0;margin:9px 0 5px;font-size:20px;line-height:1.2}.sourced-accessory>p{min-height:0;margin:10px 0;font-size:14px;line-height:1.6}.sourced-accessory .accessory-photo{height:170px;flex-shrink:0;margin-bottom:10px}.accessory-photo-caption{font-size:14px;line-height:1.5;color:#c5ced7;display:block;margin:0 0 9px}.accessory-sku{font-size:14px;margin:4px 0;line-height:1.5}.accessory-description{color:#c1cbd3}.sourced-accessory .accessory-specs{gap:6px;padding:14px 0;margin-top:8px}.card-parts-price{display:grid;gap:6px}.card-parts-price>span,.card-key-facts span{font-size:14px;letter-spacing:.6px;color:#aab8c5}.card-parts-price>strong{font-size:28px;color:#f4f2ee;font-weight:600}.card-parts-price>small{font-size:14px;line-height:1.5;color:#b3c1cb}.card-key-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-block:1px solid #3b4955;padding:13px 0;margin:7px 0}.card-key-facts>div{display:grid;align-content:start;gap:7px}.card-key-facts b{font-size:19px;line-height:1.1}.card-key-facts small{font-size:14px;line-height:1.5;color:#acb9c4}.sourced-accessory .accessory-specs>p{font-size:14px;line-height:1.65;min-height:0}.card-labor{color:#aebbc6!important;font-size:14px!important;line-height:1.6!important}.card-recommendation{border-left:2px solid #e78d4e;padding:3px 0 3px 12px;margin-top:8px}.card-recommendation span{font-size:14px;color:#edaa7b;letter-spacing:.6px}.card-recommendation p{font-size:14px;line-height:1.6;color:#c2ccd4;margin:6px 0 0}.card-fitment-details{border-top:1px solid #3b4955;margin:0 0 14px;padding-top:12px}.card-fitment-details summary{cursor:pointer;color:#c5d0da;font-size:14px;padding:5px 0}.card-fitment-details>div{padding-top:12px;font-size:14px;line-height:1.65}.card-fitment-details b{font-size:14px;color:#f0b083}.card-fitment-details p{color:#b6c4ce}.sourced-accessory .product-actions{margin-top:auto;display:flex;gap:10px}.sourced-accessory .product-actions>.button{flex:1;justify-content:center;min-height:44px}.sourced-accessory .product-actions>.icon-button{width:44px;min-height:44px}.card-evidence-actions{display:grid;gap:3px;margin-top:10px}.card-evidence-actions button{min-height:32px;text-align:left;font-size:14px}.sourced-accessory .compare-check{font-size:14px;padding-top:10px}.sourced-accessory .accessory-price-date{font-size:14px;line-height:1.5;margin-top:9px}.accessory-option{margin-top:12px}.accessory-option-note{margin:7px 0 0!important;min-height:0!important}.product-grid{align-items:stretch}
.compare-product-photo{height:180px;background:#eef0eb;display:grid;place-items:center;margin:0 0 20px;border-radius:3px;overflow:hidden}.compare-product-photo img{width:100%;height:100%;object-fit:contain}.compare-configuration{font-size:14px;line-height:1.6;color:#b0bdc8;min-height:38px}.compare-column>h2{line-height:1.2}.compare-column>.text-link{font-size:14px;margin-bottom:18px}.compare-row{line-height:1.65}.comparison-grid{align-items:start}.compare-column{min-width:0}.comparison-grid:has(.compare-column:only-child){grid-template-columns:minmax(260px,420px)}#noResults{padding:24px;border:1px solid #475666;line-height:1.8}#noResults button{display:block;margin-top:8px}
@media(max-width:800px){.brake-hero,.rolling-hero{grid-template-columns:1fr;padding:22px;gap:20px}.brake-detail-photo{height:270px}.rolling-detail-photo{height:230px}.rolling-detail-photo>img{height:155px}.rolling-hero h1{font-size:38px}.brake-hero h1{font-size:46px}.card-key-facts{gap:12px}.sourced-accessory h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.compare-product-photo{display:block}.compare-product-photo img{display:block;width:100%;height:180px;max-height:180px;object-fit:contain}.sourced-accessory .accessory-option-note{min-height:0}.card-fitment-details>div>p{min-height:0}
.position-direction{display:flex;justify-content:space-between;gap:12px;font-size:12px!important}.position-direction span{font-size:12px!important}.sidewall-schematic{position:relative;height:145px}.sidewall-schematic .position-reference{top:28px;bottom:4px}.sidewall-schematic .position-reference span{position:absolute;width:170px;left:-85px;top:-25px;font-size:12px}.sidewall-schematic .position-tire{position:absolute;top:44px;margin:0;width:74px;height:70px;padding:20px 3px;border-right:4px solid #f29456;transform:none}.position-reference{pointer-events:none}
