/* TRX MOTO vehicle selector */
.trx-vehicle-home{background:#181818;color:#fff;padding:45px 20px}.trx-vehicle-home__inner{max-width:1200px;margin:auto}.trx-vehicle-home h2,.trx-vehicle-category h2{color:#fff}.trx-vehicle-eyebrow{color:#e10600;font-size:12px;font-weight:800;letter-spacing:.15em}.trx-vehicle-home p{color:#ccc}.trx-vehicle-widget{background:#242424;color:#fff;padding:24px;border:1px solid #494949}.trx-vehicle-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.trx-vehicle-types button{padding:16px 8px;min-height:76px;background:#333;color:#fff;border:1px solid #666;font-weight:700;cursor:pointer}.trx-vehicle-types button.is-active{border:2px solid #e10600;background:#482525}.trx-vehicle-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.trx-vehicle-form label{color:#fff;font-size:13px;font-weight:700}.trx-vehicle-form select{display:block;width:100%;margin-top:7px;height:46px;background:#fff;color:#111;border:1px solid #ccc;padding:8px}.trx-vehicle-form button{grid-column:1/-1;justify-self:start;margin:5px 0}.trx-vehicle-status{color:#b6e2c2!important;min-height:18px}.trx-vehicle-disclaimer{color:#ccc!important;font-size:12px}.trx-vehicle-category{margin:20px 0 35px;padding:18px;background:#202020}.trx-vehicle-bar{background:#101010;color:#fff}.trx-vehicle-bar__details{display:flex;flex-direction:column;gap:3px;min-width:0}.trx-vehicle-bar__mode{font-size:16px;line-height:1.3;letter-spacing:.01em;font-weight:800;color:#fff}.trx-vehicle-bar__details>strong{font-size:10px;line-height:1.4;font-weight:400;color:#bbb}.trx-vehicle-bar--finder .trx-vehicle-bar__mode{font-size:13px}.trx-vehicle-bar--finder .trx-vehicle-bar__details>strong{font-size:14px;font-weight:700;color:#fff}.trx-vehicle-bar__note{display:none}.trx-vehicle-bar__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.trx-vehicle-bar__actions a{border:1px solid #cf202f;background:#cf202f;color:#fff;text-decoration:none;padding:7px 12px;font-size:12px;font-weight:700}.trx-vehicle-bar__actions a[hidden]{display:none!important}.trx-vehicle-bar[hidden],.trx-vehicle-dialog[hidden]{display:none!important}.trx-vehicle-bar__inner{max-width:1200px;margin:auto;display:flex;align-items:center;gap:15px;padding:8px 20px}.trx-vehicle-bar__actions button{border:1px solid #aaa;background:transparent;color:#fff;padding:5px 12px;cursor:pointer}.trx-vehicle-dialog{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:16px}.trx-vehicle-dialog__backdrop{position:absolute;inset:0;background:#000b}.trx-vehicle-dialog__panel{position:relative;width:min(1050px,100%);max-height:90vh;overflow:auto;background:#202020;padding:28px}.trx-vehicle-dialog__panel h2{color:#fff}.trx-vehicle-dialog__close{position:absolute;right:12px;top:8px;color:#fff;background:transparent;border:0;font-size:30px;cursor:pointer}.trx-vehicle-product-note{margin:20px 0;padding:18px;background:#292929;color:#fff;border:1px solid #555}.trx-vehicle-product-note p{color:#ddd}@media(max-width:900px){.trx-vehicle-types{grid-template-columns:repeat(3,1fr)}.trx-vehicle-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.trx-vehicle-types,.trx-vehicle-form{grid-template-columns:1fr}.trx-vehicle-bar__inner{flex-wrap:wrap}.trx-vehicle-bar__actions{margin-left:0}}

/* Guided vehicle selection: presentation only; data loading and save logic unchanged. */
.trx-vehicle-widget{border:2px solid #666;border-radius:12px;padding:clamp(18px,3vw,32px);box-shadow:0 8px 25px #0003}
.trx-finder-heading{text-align:center;margin-bottom:24px}
.trx-finder-heading h2{font-size:clamp(23px,3vw,34px);margin:5px 0 8px;color:#fff}
.trx-finder-heading p{color:#d5d5d5;margin:0}
.trx-finder-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#ff554f}
.trx-finder-step{border:1px solid #525252;background:#1e1e1e;border-radius:10px;padding:18px}
.trx-finder-step h3{color:#fff;font-size:17px;display:flex;align-items:center;gap:10px;margin:0 0 17px}
.trx-finder-number{display:inline-flex;flex:0 0 30px;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#e10600;color:white;font-size:14px;font-weight:800}
.trx-finder-connector{text-align:center;color:#ff554f;font-size:25px;line-height:1.1;padding:5px}
.trx-vehicle-types{margin:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.trx-vehicle-types button{border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.25;min-height:64px;position:relative}
.trx-vehicle-types button.is-active{background:#542020;border:2px solid #ff443c;box-shadow:inset 0 0 0 1px #ff443c}
.trx-finder-choice-check{display:none;font-weight:900;color:#fff;background:#e10600;border-radius:50%;width:19px;height:19px;line-height:19px;flex:0 0 19px}
.trx-vehicle-types button.is-active .trx-finder-choice-check{display:inline-block}
.trx-vehicle-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.trx-finder-submit{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #484848;padding-top:18px;margin-top:6px;font-weight:700;color:#fff}
.trx-finder-submit button{margin-left:auto;min-width:180px}
.trx-finder-submit button:disabled{opacity:.5;cursor:not-allowed}
.trx-vehicle-status{margin-top:12px}
@media(max-width:650px){.trx-vehicle-types{grid-template-columns:repeat(2,minmax(0,1fr))}.trx-vehicle-form{grid-template-columns:1fr}.trx-finder-step{padding:13px}.trx-finder-submit button{width:100%;margin-left:0}.trx-vehicle-types button{min-height:68px;padding:10px 5px;font-size:12px}}

/* Compact guided finder V2: one visual container, no redundant arrow/check. */
.trx-vehicle-widget{border:1px solid #585858;border-radius:12px;padding:clamp(14px,2.3vw,24px);background:#202020;box-shadow:none}
.trx-finder-heading{margin-bottom:15px}
.trx-finder-heading h2{margin:3px 0 5px}
.trx-finder-step{border:0;border-radius:0;background:transparent;padding:0}
.trx-finder-step+.trx-finder-step{border-top:1px solid #4b4b4b;margin-top:16px;padding-top:16px}
.trx-finder-step h3{font-size:16px;margin:0 0 11px;gap:9px}
.trx-finder-number{width:28px;height:28px;flex-basis:28px;font-size:13px}
.trx-finder-connector,.trx-finder-choice-check{display:none!important}
.trx-vehicle-types{gap:8px;margin-bottom:0}
.trx-vehicle-types button{min-height:54px;padding:9px 8px;border-radius:7px;gap:0}
.trx-vehicle-types button.is-active{background:#542020;border:2px solid #ff443c;box-shadow:none}
.trx-vehicle-form{gap:10px}
.trx-vehicle-form select{height:44px;margin-top:5px}
.trx-finder-submit{border-top:1px solid #4b4b4b;margin-top:5px;padding-top:14px;gap:9px}
.trx-finder-submit button{margin-left:auto}
.trx-vehicle-status:empty{min-height:0;margin:0}
@media(max-width:650px){
 .trx-vehicle-widget{padding:13px;border-radius:11px}
 .trx-finder-heading{margin-bottom:12px}
 .trx-finder-step+.trx-finder-step{margin-top:14px;padding-top:14px}
 .trx-vehicle-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .trx-vehicle-types button{min-height:52px;padding:8px 5px;font-size:12px}
 .trx-vehicle-form{grid-template-columns:1fr;gap:9px}
 .trx-finder-submit{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px}
 .trx-finder-submit button{grid-column:1/-1;width:100%;margin:3px 0 0}
}

/* TRX category layout: existing loaded asset */

@media(max-width:800px){
 .trx-catalog-page.trx-v2-ready{display:flex!important;flex-direction:column!important;gap:0!important}
 .trx-catalog-page.trx-v2-ready>.page-content{width:100%!important;float:none!important;order:1!important;margin:0!important}
 .trx-catalog-page.trx-v2-ready>.page-sidebar{width:100%!important;order:0!important;display:none!important}
 .trx-catalog-page.trx-v2-ready.trx-v2-filter-open>.page-sidebar{display:block!important;margin:10px 0!important}
 .trx-v2-shortcuts{display:block;margin:12px 0 18px}
 .trx-v2-shortcuts h2{color:#fff;font-size:21px;margin:0 0 12px}
 .trx-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .trx-v2-tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:64px;padding:8px 4px;background:#252525;border:1px solid #555;border-radius:6px;color:#fff!important;text-align:center;text-decoration:none!important;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
 .trx-v2-tile[hidden]{display:none!important}
 .trx-v2-more{border-color:#d71920;color:#fff;cursor:pointer;font:inherit;font-size:12px}
 .trx-v2-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0}
 .trx-v2-toolbar strong{font-size:20px;color:#fff}
 .trx-v2-filter{background:#303030;border:1px solid #666;color:#fff;border-radius:5px;padding:10px;font-size:12px;min-height:42px}
 .trx-catalog-head .trx-vehicle-category{padding:12px!important;min-height:0!important;margin:0 0 12px!important}
 .trx-catalog-head .trx-vehicle-category h2{font-size:17px!important;margin:0!important}
 .trx-catalog-head .trx-vehicle-category .trx-v2-vehicle-toggle{display:block!important;margin-top:8px;padding:9px 12px;border:1px solid #666;background:#333;color:#fff;border-radius:4px;width:100%;text-align:left}
 .trx-catalog-head .trx-vehicle-category.trx-v2-collapsed>*:not(h2):not(.trx-v2-vehicle-toggle){display:none!important}
}
@media(min-width:801px){.trx-v2-shortcuts,.trx-v2-toolbar,.trx-v2-vehicle-toggle{display:none!important}}


@media(max-width:800px){
 .trx-catalog-page.trx-v2-ready.trx-v2-filter-open>.page-sidebar .trx-v2-category-navigation{display:none!important}
 .trx-catalog-head .trx-vehicle-category:not(.trx-vehicle-category--inline){display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:12px!important;min-height:0!important}
 .trx-catalog-head .trx-vehicle-category h2{font-size:16px!important;margin:0!important}
 .trx-catalog-head .trx-vehicle-category .trx-category-change-vehicle{flex-shrink:0;padding:10px 12px;background:#b71920;color:#fff;border:0;border-radius:5px;font-size:12px;font-weight:700}
}

/* Vehicle modal must be visible above sticky headers on category pages. */
.trx-vehicle-dialog:not([hidden]){position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;visibility:visible!important;opacity:1!important}
.trx-vehicle-dialog[hidden]{display:none!important}

/* Category mobile only: real DOM is flattened by vehicle JS, no numbered steps. */
@media(max-width:800px){
 .trx-catalog-head,.trx-catalog-head .trx-vehicle-category.trx-vehicle-category--inline{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0 0 12px!important;padding:0!important;border:0!important}
 .trx-catalog-head .trx-vehicle-category .trx-vehicle-mount{display:block!important;width:100%!important;min-width:0!important}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
}

@media(max-width:800px){
.trx-catalog-head{display:block!important;width:100%!important}
.trx-catalog-head>.trx-vehicle-category.trx-vehicle-category--inline{display:block!important;float:none!important;clear:both!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;margin:10px 0 16px!important;border:0!important}
.trx-catalog-head .trx-vehicle-category--inline>.trx-vehicle-mount{display:block!important;width:100%!important;min-width:0!important}





}

/* Single mobile category finder implementation. This host lives outside the legacy header. */
@media(max-width:800px){
 .trx-mobile-vehicle-host{display:block!important;position:static!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:8px 0 20px!important;padding:0!important}
 .trx-mobile-vehicle-host .trx-vehicle-mount{display:block!important;width:100%!important;min-width:0!important}
 .trx-mobile-vehicle-host .trx-vehicle-widget{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:12px!important;margin:0!important;background:#202020!important;border:1px solid #555!important;border-radius:8px!important;overflow:hidden!important}
 .trx-mobile-vehicle-host .trx-finder-heading{display:block!important;text-align:left!important;margin:0 0 10px!important;padding:0!important}
 .trx-mobile-vehicle-host .trx-finder-heading h2{display:block!important;margin:0!important;font-size:18px!important;line-height:1.25!important;color:#fff!important}
 .trx-mobile-vehicle-host .trx-finder-kicker,.trx-mobile-vehicle-host .trx-finder-heading p,.trx-mobile-vehicle-host .trx-finder-step>h3{display:none!important}
 .trx-mobile-vehicle-host .trx-vehicle-types{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0 0 12px!important}
 .trx-mobile-vehicle-host .trx-vehicle-form{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important}
 .trx-mobile-vehicle-host .trx-vehicle-form label{display:block!important;min-width:0!important;font-size:10px!important;color:#fff!important}
 .trx-mobile-vehicle-host .trx-vehicle-form select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;box-sizing:border-box!important;margin:4px 0 0!important;padding:4px 13px 4px 4px!important;font-size:11px!important}
 .trx-mobile-vehicle-host .trx-finder-submit{display:block!important;grid-column:1/-1!important;width:100%!important;margin:4px 0 0!important;padding:0!important;border:0!important}
 .trx-mobile-vehicle-host .trx-finder-submit>span{display:none!important}
 .trx-mobile-vehicle-host .trx-finder-submit button{display:block!important;width:100%!important;min-height:40px!important;margin:0!important;padding:8px!important;font-size:12px!important}
 .trx-mobile-vehicle-host .trx-vehicle-status{min-height:0!important;margin:5px 0 0!important;font-size:10px!important}
 .trx-mobile-vehicle-host .trx-vehicle-disclaimer{margin:5px 0 0!important;font-size:9px!important;line-height:1.25!important}
}

/* TRX V10: product variant unavailable/OOS warning - cosmetic only */
.productView .productAttributes-message.alertBox--error,
.productView #add-to-cart-wrapper .productAttributes-message.alertBox--error {
    background: #7a1515;
    border: 1px solid #d83a3a;
    color: #ffffff;
}
.productView .productAttributes-message.alertBox--error .alertBox-message,
.productView .productAttributes-message.alertBox--error .alertBox-icon,
.productView .productAttributes-message.alertBox--error .alertBox-icon .icon {
    color: #ffffff;
    fill: #ffffff;
}

/* TRX V10.34 — refined vehicle finder presentation. Finder/data logic unchanged. */
.trx-vehicle-home{padding:42px 20px 48px;background:#181818}
.trx-vehicle-widget{background:linear-gradient(180deg,#202020 0%,#1b1b1b 100%);border:1px solid #383838;border-radius:10px;padding:clamp(20px,2.4vw,30px);box-shadow:0 16px 36px rgba(0,0,0,.22)}
.trx-finder-heading{text-align:left;margin:0 0 24px}
.trx-finder-heading h2{font-size:clamp(25px,2.5vw,33px);line-height:1.1;margin:0 0 7px;color:#fff;font-weight:700}
.trx-finder-heading p{margin:0;color:#a9a9a9;font-size:14px}
.trx-finder-kicker{display:none!important}
.trx-finder-step{border:0!important;background:transparent!important;padding:0!important}
.trx-finder-step+.trx-finder-step{border-top:0!important;margin-top:22px!important;padding-top:0!important}
.trx-finder-label{margin:0 0 10px!important;color:#9d9d9d!important;font-size:10px!important;line-height:1!important;text-transform:uppercase;letter-spacing:.14em;font-weight:800!important}

/* Clean text tabs: no fake vehicle drawings, no dashboard-style cards. */
.trx-vehicle-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0!important;border-bottom:1px solid #3b3b3b}
.trx-vehicle-types button{appearance:none;position:relative;min-width:0;min-height:54px;padding:0 8px 13px;border:0!important;border-radius:0!important;background:transparent!important;color:#8f8f8f!important;display:flex;align-items:flex-end;justify-content:center;text-align:center;font-size:12px;font-weight:750;line-height:1.15;box-shadow:none!important;transition:color .15s ease,background .15s ease}
.trx-vehicle-types button::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:transparent;transition:left .15s ease,right .15s ease,background .15s ease}
.trx-vehicle-types button:hover{color:#fff!important;background:rgba(255,255,255,.025)!important}
.trx-vehicle-types button:hover::after{left:12%;right:12%;background:#6c6c6c}
.trx-vehicle-types button:focus-visible{outline:2px solid #d71920;outline-offset:-2px}
.trx-vehicle-types button.is-active{color:#fff!important;background:rgba(255,255,255,.025)!important}
.trx-vehicle-types button.is-active::after{left:8%;right:8%;background:#e21f26}

.trx-vehicle-form{display:grid;grid-template-columns:1fr 1.15fr 1.5fr auto;gap:10px;align-items:end;margin:0}
.trx-vehicle-form label{min-width:0;color:#a8a8a8;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.trx-vehicle-form select{height:48px;margin-top:7px;padding:0 38px 0 13px;border:1px solid #464646;border-radius:4px;background:#272727;color:#fff;font-size:14px;box-shadow:none;transition:border-color .15s ease,background .15s ease}
.trx-vehicle-form select:hover:not(:disabled){border-color:#626262;background:#2a2a2a}
.trx-vehicle-form select:focus{border-color:#858585;outline:1px solid #858585}
.trx-vehicle-form select:disabled{background:#222;color:#696969;border-color:#333;opacity:1}
.trx-finder-submit{grid-column:auto;display:block!important;border:0!important;margin:0!important;padding:0!important;align-self:end}
.trx-finder-submit button{width:auto;min-width:155px;height:48px;margin:0!important;padding:0 24px;border:1px solid #d71920;border-radius:4px;background:#d71920;color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em;box-shadow:none;transition:background .15s ease,border-color .15s ease}
.trx-finder-submit button:hover:not(:disabled){background:#f02027;border-color:#f02027}
.trx-finder-submit button:disabled{background:#2d2d2d;border-color:#3b3b3b;color:#6e6e6e;opacity:1;cursor:not-allowed}
.trx-vehicle-status{margin:9px 0 0;min-height:0;font-size:12px;color:#b6e2c2!important}
.trx-vehicle-status:empty{display:none}
.trx-vehicle-dialog__panel{border:1px solid #444;border-radius:10px;background:#181818}
.trx-vehicle-dialog__panel>.trx-vehicle-mount .trx-vehicle-widget{box-shadow:none}

@media(max-width:900px){
 .trx-vehicle-types{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0;gap:0 6px}
 .trx-vehicle-types button{min-height:48px;border-bottom:1px solid #3b3b3b!important;padding:0 5px 11px}
 .trx-vehicle-form{grid-template-columns:repeat(3,minmax(0,1fr))}
 .trx-finder-submit{grid-column:1/-1}
 .trx-finder-submit button{width:100%}
}
@media(max-width:550px){
 .trx-vehicle-home{padding:28px 12px 34px}
 .trx-vehicle-widget{padding:17px 13px;border-radius:8px;overflow:hidden}
 .trx-finder-heading{margin-bottom:19px}
 .trx-finder-heading h2{font-size:23px}
 .trx-finder-heading p{font-size:13px}
 .trx-finder-label{margin-bottom:7px!important}
 .trx-vehicle-types{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 4px!important}
 .trx-vehicle-types button{min-width:0!important;min-height:46px!important;padding:0 2px 10px!important;font-size:10px!important;overflow:hidden}
 .trx-vehicle-types button::after{left:20%;right:20%}
 .trx-vehicle-types button.is-active::after{left:8%;right:8%}
 .trx-vehicle-form{grid-template-columns:1fr!important;gap:9px}
 .trx-vehicle-form select{height:44px}
 .trx-finder-submit{grid-column:1!important}
 .trx-finder-submit button{height:45px;width:100%}
}

/* V10.32 category-mobile compact finder intentionally preserved. */
@media(max-width:800px){
 .trx-mobile-vehicle-host .trx-vehicle-widget{background:#202020!important;box-shadow:none!important}
 .trx-mobile-vehicle-host .trx-finder-heading h2{font-size:18px!important}
 .trx-mobile-vehicle-host .trx-vehicle-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .trx-mobile-vehicle-host .trx-finder-submit{grid-column:1/-1!important}
}
\n\n

/* TRX V10.36 — corrected user-supplied SVG silhouettes. Finder logic unchanged. */
.trx-vehicle-types button{
  min-height:122px;
  padding:10px 6px 13px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  overflow:hidden;
}
.trx-vehicle-type-icon{
  display:block;
  width:100%;
  max-width:118px;
  height:72px;
  flex:0 0 72px;
  object-fit:contain;
  object-position:center bottom;
  filter:none;
  opacity:.86;
  transition:filter .15s ease,opacity .15s ease,transform .15s ease;
}
.trx-vehicle-type-label{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:28px;
  margin:0;
  color:inherit;
  font-size:11px;
  font-weight:750;
  line-height:1.15;
  text-align:center;
  white-space:normal;
  overflow-wrap:normal;
}
.trx-vehicle-types button:hover .trx-vehicle-type-icon{
  opacity:1;
  transform:translateY(-1px);
}
.trx-vehicle-types button.is-active .trx-vehicle-type-icon{
  filter:brightness(0) saturate(100%) invert(17%) sepia(94%) saturate(5107%) hue-rotate(351deg) brightness(94%) contrast(91%);
  opacity:1;
}
/* Optical sizing: same cell, tuned visual weight for each vehicle shape. */
.trx-vehicle-types button[data-type="Street Motorcycle"] .trx-vehicle-type-icon{max-width:122px}
.trx-vehicle-types button[data-type="Dirt Bike"] .trx-vehicle-type-icon{max-width:112px}
.trx-vehicle-types button[data-type="Scooter"] .trx-vehicle-type-icon{max-width:100px}
.trx-vehicle-types button[data-type="ATV"] .trx-vehicle-type-icon{max-width:116px}
.trx-vehicle-types button[data-type="UTV"] .trx-vehicle-type-icon{max-width:114px}
.trx-vehicle-types button[data-type="Snowmobile"] .trx-vehicle-type-icon{max-width:128px}
@media(max-width:900px){
  .trx-vehicle-types button{min-height:108px;padding:8px 3px 11px;gap:5px}
  .trx-vehicle-type-icon{max-width:105px!important;height:62px;flex-basis:62px}
  .trx-vehicle-types button[data-type="Scooter"] .trx-vehicle-type-icon{max-width:90px!important}
  .trx-vehicle-types button[data-type="Snowmobile"] .trx-vehicle-type-icon{max-width:114px!important}
  .trx-vehicle-type-label{min-height:24px;font-size:10px}
}
@media(max-width:550px){
  .trx-vehicle-types button{min-height:96px!important;padding:7px 2px 9px!important;gap:4px!important}
  .trx-vehicle-type-icon{max-width:92px!important;height:53px!important;flex-basis:53px!important}
  .trx-vehicle-types button[data-type="Scooter"] .trx-vehicle-type-icon{max-width:78px!important}
  .trx-vehicle-types button[data-type="Snowmobile"] .trx-vehicle-type-icon{max-width:100px!important}
  .trx-vehicle-type-label{min-height:23px;font-size:9.5px!important;line-height:1.12}
}
/* Category mobile still uses the V10.32 Vehicle Type dropdown; JS removes these icon tabs there. */

/* TRX V10.37 — compact silhouette layout refinement, desktop + mobile. */
.trx-vehicle-types button{
  display:grid!important;
  grid-template-rows:58px 24px!important;
  align-items:center!important;
  justify-items:center!important;
  align-content:end!important;
  min-height:98px!important;
  padding:7px 6px 10px!important;
  gap:3px!important;
  background:transparent!important;
  overflow:visible!important;
}
.trx-vehicle-types button:hover,
.trx-vehicle-types button.is-active{background:transparent!important}
.trx-vehicle-type-icon{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:86px!important;
  max-height:54px!important;
  object-fit:contain!important;
  object-position:center center!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  flex:none!important;
}
.trx-vehicle-type-label{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  align-self:center!important;
  justify-self:stretch!important;
  color:#bdbdbd!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
}
.trx-vehicle-types button.is-active .trx-vehicle-type-label{color:#fff!important}
.trx-vehicle-types button[data-type="Street Motorcycle"] .trx-vehicle-type-icon{max-width:88px!important}
.trx-vehicle-types button[data-type="Dirt Bike"] .trx-vehicle-type-icon{max-width:82px!important}
.trx-vehicle-types button[data-type="Scooter"] .trx-vehicle-type-icon{max-width:70px!important;max-height:52px!important}
.trx-vehicle-types button[data-type="ATV"] .trx-vehicle-type-icon{max-width:82px!important}
.trx-vehicle-types button[data-type="UTV"] .trx-vehicle-type-icon{max-width:80px!important}
.trx-vehicle-types button[data-type="Snowmobile"] .trx-vehicle-type-icon{max-width:92px!important;max-height:50px!important}

@media(max-width:900px){
  .trx-vehicle-types button{
    grid-template-rows:50px 26px!important;
    min-height:88px!important;
    padding:6px 4px 9px!important;
    gap:2px!important;
  }
  .trx-vehicle-type-icon{max-width:76px!important;max-height:46px!important}
  .trx-vehicle-types button[data-type="Street Motorcycle"] .trx-vehicle-type-icon{max-width:78px!important}
  .trx-vehicle-types button[data-type="Dirt Bike"] .trx-vehicle-type-icon{max-width:73px!important}
  .trx-vehicle-types button[data-type="Scooter"] .trx-vehicle-type-icon{max-width:61px!important;max-height:45px!important}
  .trx-vehicle-types button[data-type="ATV"] .trx-vehicle-type-icon{max-width:73px!important}
  .trx-vehicle-types button[data-type="UTV"] .trx-vehicle-type-icon{max-width:71px!important}
  .trx-vehicle-types button[data-type="Snowmobile"] .trx-vehicle-type-icon{max-width:80px!important;max-height:43px!important}
  .trx-vehicle-type-label{font-size:10px!important;line-height:1.1!important}
}

@media(max-width:550px){
  .trx-vehicle-types{gap:0 7px!important}
  .trx-vehicle-types button{
    grid-template-rows:45px 27px!important;
    min-height:82px!important;
    padding:5px 2px 8px!important;
    gap:2px!important;
  }
  .trx-vehicle-type-icon{max-width:68px!important;max-height:41px!important}
  .trx-vehicle-types button[data-type="Street Motorcycle"] .trx-vehicle-type-icon{max-width:70px!important}
  .trx-vehicle-types button[data-type="Dirt Bike"] .trx-vehicle-type-icon{max-width:65px!important}
  .trx-vehicle-types button[data-type="Scooter"] .trx-vehicle-type-icon{max-width:54px!important;max-height:40px!important}
  .trx-vehicle-types button[data-type="ATV"] .trx-vehicle-type-icon{max-width:65px!important}
  .trx-vehicle-types button[data-type="UTV"] .trx-vehicle-type-icon{max-width:63px!important}
  .trx-vehicle-types button[data-type="Snowmobile"] .trx-vehicle-type-icon{max-width:72px!important;max-height:38px!important}
  .trx-vehicle-type-label{font-size:9.5px!important;line-height:1.08!important;padding:0 1px!important}
}

/* TRX V10.38 — homepage visual hierarchy refinement. Finder logic unchanged. */
.trx-vehicle-home{
  background:#151515!important;
  padding:34px 20px 48px!important;
  border-bottom:1px solid #202020;
}
.trx-vehicle-home .trx-vehicle-widget{
  background:linear-gradient(180deg,#1e1e1e 0%,#1a1a1a 100%)!important;
  border-color:#353535!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}
.trx-vehicle-home .trx-finder-heading{margin-bottom:22px!important}
.trx-vehicle-home .trx-finder-heading h2{font-weight:750!important}
.trx-vehicle-home .trx-finder-heading p{color:#b5b5b5!important}
.trx-vehicle-home .trx-finder-label{color:#aaa!important}
.trx-vehicle-home .trx-vehicle-form select{background:#242424!important;border-color:#424242!important}
.trx-vehicle-home .trx-vehicle-form select:disabled{background:#202020!important;border-color:#343434!important}
@media(max-width:550px){
  .trx-vehicle-home{padding:22px 12px 34px!important}
  .trx-vehicle-home .trx-vehicle-widget{box-shadow:0 10px 24px rgba(0,0,0,.14)!important}
}

/* TRX brake family listing — simple clickable results only */
.trx-brake-family-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:16px 18px;margin-bottom:12px;background:#11161a;border-left:4px solid #e10}
.trx-brake-family-heading small{font-weight:800;letter-spacing:.08em}.trx-brake-family-heading h2{margin:3px 0 0}
.trx-brake-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trx-brake-family-tile{display:block;overflow:hidden;border:1px solid #424a50;border-radius:4px;background:#171b1e;color:inherit;text-decoration:none;transition:transform .12s ease,border-color .12s ease}
.trx-brake-family-tile:hover{transform:translateY(-2px);border-color:#777;text-decoration:none}
.trx-brake-family-image{height:210px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px}
.trx-brake-family-image img{width:100%;height:100%;object-fit:contain}
.trx-brake-family-copy{padding:16px}.trx-brake-family-brand{font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:5px}
.trx-brake-family-copy h3{margin:0 0 10px;font-size:18px;line-height:1.25}
.trx-brake-family-fit{font-size:13px;margin-bottom:14px}.trx-brake-family-price{font-size:20px;font-weight:800}
@media(max-width:900px){.trx-brake-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.trx-brake-family-grid{grid-template-columns:1fr}.trx-brake-family-heading{align-items:start;flex-direction:column}.trx-brake-family-image{height:190px}}

/* V10.75 brake family listing layout */
[data-trx-find-parts-results] .trx-results-products:has(.trx-brake-family-listing){display:block!important;width:100%!important;max-width:none!important}
.trx-brake-family-listing{width:100%;max-width:none}
.trx-brake-family-grid{width:100%;grid-template-columns:repeat(3,minmax(240px,1fr))!important}
.trx-brake-family-tile{min-width:0}
.trx-brake-family-image{height:230px}
.trx-brake-family-copy h3{font-size:17px}
@media(min-width:1200px){.trx-brake-family-grid{grid-template-columns:repeat(4,minmax(220px,1fr))!important}}
@media(max-width:800px){.trx-brake-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.trx-brake-family-grid{grid-template-columns:1fr!important}}
/* Product-page vehicle application selector */
.trx-product-application{margin:0 0 24px;padding:16px;border:1px solid #444;border-radius:4px;background:#171b1e}
.trx-product-fit{margin-bottom:12px;font-weight:700}
.trx-product-application label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;text-transform:uppercase}
.trx-product-application select{width:100%;max-width:320px;padding:11px 36px 11px 12px;background:#202529;color:#fff;border:1px solid #626b73;border-radius:3px}

/* V10.79 in-page brake application switching */
.productView-image img{transition:opacity .12s ease}
.productView-image img.trx-image-switching{opacity:.72}

/* V10.86: compact brake purchase information, full sets explanation retained */
.trx-product-application{margin:0 0 14px;padding:10px;border:1px solid #45494d;border-radius:7px;background:#1c2023}
.trx-product-fit{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:10px 12px;border:1px solid #347d59;border-radius:6px;background:#173529;color:#fff;font-weight:normal}
.trx-fit-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:none;border-radius:50%;background:#347d59;color:#fff;font-size:18px;font-weight:800}
.trx-fit-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.trx-fit-eyebrow{font-size:11px;font-weight:800;letter-spacing:.04em;color:#a4efc4}
.trx-fit-copy strong{display:none}
.trx-fit-vehicle{font-size:14px;line-height:1.35;font-weight:700;color:#fff;overflow-wrap:anywhere}
.trx-product-application label{display:inline-block;vertical-align:middle;width:34%;margin:0;font-size:12px;font-weight:800;text-transform:uppercase}
.trx-product-application select{display:inline-block;vertical-align:middle;width:65%;max-width:none;min-height:40px;padding:8px 32px 8px 10px;border:1px solid #626b73;border-radius:5px;background:#202529;color:#fff}
.trx-brake-sets-notice:not([hidden]){display:block;margin:10px 0 0;padding:10px 12px;border:1px solid #9b6d34;border-radius:6px;background:#302921;color:#f0e9dd;font-size:13px;line-height:1.4}
.trx-sets-heading{display:flex;align-items:center;gap:7px;color:#ffca7a;font-size:14px;line-height:1.3}
.trx-brake-sets-notice p{margin:5px 0 0;color:#f0e9dd}
@media(max-width:520px){.trx-product-application{padding:9px}.trx-product-fit{padding:9px 10px}.trx-product-application label{width:35%;font-size:11px}.trx-product-application select{width:63%;min-height:40px}.trx-brake-sets-notice:not([hidden]){padding:9px 10px}}

/* V10.87 — unified, centered brake purchase controls. Scoped to confirmed brake products only. */
.productView-details:has(.trx-product-application) .productView-options{width:100%;max-width:100%;margin:0!important;padding:0!important}
.productView-details:has(.trx-product-application) .trx-product-application{width:100%;box-sizing:border-box;margin:0 0 9px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
.productView-details:has(.trx-product-application) .trx-product-fit{margin:0 0 9px!important;padding:9px 11px!important}
.productView-details:has(.trx-product-application) .trx-product-application label{width:34%;font-size:11px}
.productView-details:has(.trx-product-application) .trx-product-application select{width:65%;min-height:38px}
.productView-details:has(.trx-product-application) .trx-brake-sets-notice:not([hidden]){margin:9px 0 0!important;padding:10px 12px!important}
.productView-details:has(.trx-product-application) .trx-brake-sets-notice p{margin:5px 0 0!important;line-height:1.4}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 12px;width:100%;margin:0!important;padding:0!important}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .form-field--increments{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin:0!important;padding:0!important}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .form-field--increments .form-label{margin:0!important}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .add-to-cart-buttons{flex:1 1 210px;min-width:0;margin:0!important;padding:0!important}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .add-to-cart-buttons .form-action{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.productView-details:has(.trx-product-application) #form-action-addToCart{display:block;width:100%!important;max-width:none!important;min-height:44px;margin:0!important}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .add-to-cart-wallet-buttons{width:100%;margin:0!important;text-align:center}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .productAttributes-message{width:100%;margin:0!important}
@media(max-width:640px){
.productView-details:has(.trx-product-application) .trx-product-fit{padding:8px 10px!important}
.productView-details:has(.trx-product-application) .trx-product-application label{width:35%;font-size:10px}
.productView-details:has(.trx-product-application) .trx-product-application select{width:63%}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper{gap:8px!important}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .form-field--increments{justify-content:center;width:100%}
.productView-details:has(.trx-product-application) #add-to-cart-wrapper .add-to-cart-buttons{flex-basis:100%}
}
\n/* Keep the keyboard skip link accessible but visually hidden until focused. */\na.skip-to-main-link:not(:focus),a.skip-to-main-content:not(:focus),a.skip-link:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}\n