.mobile-refine,.mobile-package-progress,.mobile-action-bar{display:none}
.mobile-refine-dialog{width:min(520px,100%);max-height:90dvh;box-sizing:border-box;border:1px solid #45454d;border-radius:14px;background:#101013;color:#fff;padding:18px}
.mobile-refine-dialog::backdrop{background:#000b}
.mobile-refine-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.mobile-refine-dialog h2{font:700 22px Inter,Arial;margin:0}
.mobile-refine-dialog button{min-height:44px;padding:10px 14px;border:1px solid #55555d;border-radius:7px;background:#222227;color:#fff;font:600 14px Inter,Arial;cursor:pointer}
.mobile-refine-body{display:grid;gap:18px}
.mobile-filter-field>label{display:block;margin-bottom:8px;font:600 14px Inter,Arial}
.mobile-refine-dialog select,.mobile-refine-dialog input{box-sizing:border-box;width:100%;min-height:48px;font:16px Inter,Arial;background:#202025;color:#fff;border:1px solid #55555d;border-radius:6px;padding:10px}
.mobile-refine-dialog footer{position:sticky;bottom:-18px;background:#101013;display:flex;gap:12px;padding:18px 0 max(18px,env(safe-area-inset-bottom))}
.mobile-refine-dialog footer button:last-child{flex:1;background:#f20210;border-color:#f20210}
.mobile-refine-dialog #filters{display:block!important;margin:0;padding:0;border:0}
.mobile-refine-dialog .filter-grid,.mobile-refine-dialog .shop-lanes{display:grid;grid-template-columns:1fr;gap:14px}
.mobile-refine-dialog .lane-menu{display:flex!important;position:static;flex-wrap:wrap;max-height:190px;overflow:auto;padding:10px 0;gap:7px;border:0}
.mobile-refine-dialog .lane-btn{width:100%;text-align:left}
.mobile-refine-dialog .lane-menu button.active{border-color:#f20210;background:#581015}
.mobile-refine-dialog .filters-head{display:none}
.mobile-refine-dialog .catalog-tools{display:block}
.mobile-refine-dialog #wheelCount{margin-top:12px}
@media(max-width:800px){
 body{--shop-sticky-top:52px}
 .mobile-refine{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:var(--shop-sticky-top);z-index:35;background:#09090c;padding:10px 12px;border-bottom:1px solid #34343a;margin-bottom:12px}
 .mobile-refine>button{min-height:44px;border:1px solid #66666e;border-radius:7px;padding:10px 14px;background:#202024;color:#fff;font:600 14px Inter,Arial;cursor:pointer}
 .mobile-refine>span{font:12px/1.4 Inter,Arial;color:#ccc;flex:1;min-width:90px;text-align:right}
 .mobile-active-filters{display:flex;flex-wrap:wrap;gap:7px;width:100%}
 .mobile-active-filters:empty{display:none}
 .mobile-active-filters button{min-height:36px;padding:6px 10px;border:1px solid #55555d;border-radius:18px;background:#242428;color:white;font:12px Inter,Arial}
 #filterTrigger{display:none!important}
 .mobile-action-bar:not([hidden]){display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#101013;border-top:1px solid #48484e;box-shadow:0 -8px 28px #0005}
 .mobile-action-bar[hidden]{display:none!important}
 .mobile-action-bar>div{min-width:0;flex:1}
 .mobile-action-bar small{display:block;color:#bbb;font:11px/1.3 Inter,Arial;margin-bottom:4px}
 .mobile-action-bar strong{font:700 18px/1.2 Inter,Arial}
 .mobile-action-bar button{max-width:58%;min-height:48px;border:0;border-radius:7px;padding:10px 14px;background:#f20210;color:#fff;font:700 13px/1.3 Inter,Arial;cursor:pointer}
 .mobile-action-bar button:disabled{opacity:.5}
 body.mobile-has-action{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
 .mobile-package-progress{display:flex;list-style:none;padding:12px 16px;margin:0;gap:8px;background:#101013;border-bottom:1px solid #303038}
 .mobile-package-progress li{flex:1;font:600 12px Inter,Arial;color:#aaa;border-top:3px solid #44444a;padding-top:9px}
 .mobile-package-progress li.active{color:#fff;border-color:#f20210}
 .mobile-package-progress li.done{color:#ddd;border-color:#a1242b}
 body.shop-mobile-ready .progress{display:none!important}
 body.shop-mobile-ready #liveTireSection>.mobile-refine{margin-left:16px;margin-right:16px}
 body.shop-mobile-ready :is(#liveWheelGrid,#liveTireGrid,#tireModelRail){scroll-margin-top:120px}
 body.shop-mobile-ready :is(.live-card h3,.tire-model-slide strong){font-size:14px!important;line-height:1.4!important}
 body.shop-mobile-ready :is(.live-price,.tire-size-choice span){font-size:14px!important}
 body.shop-mobile-ready :is(.catalog-status,.step-copy,.package-review-note){font-size:13px!important;line-height:1.5!important}
 body.shop-mobile-ready :is(.live-selected,.package-review){scroll-margin-top:110px}
 body.shop-mobile-ready #product .layout{display:flex;flex-direction:column;gap:14px}
 body.shop-mobile-ready #product .buy{display:contents}
 body.shop-mobile-ready #product .buy>.eyebrow{order:0;margin-top:8px}
 body.shop-mobile-ready #product .title-row{order:1;display:block}
 body.shop-mobile-ready #product .title-row h1{font-size:25px!important;line-height:1.25;margin:0 0 12px}
 body.shop-mobile-ready #product .title-row .price{font-size:24px}
 body.shop-mobile-ready #product #visual{order:2;min-height:0;height:260px;padding:16px}
 body.shop-mobile-ready #product #visual img{width:100%;height:100%;max-height:228px;object-fit:contain}
 body.shop-mobile-ready #product .buy>:not(.eyebrow):not(.title-row){order:3}
 body.shop-mobile-ready #product :is(.description,.availability span,#priceUnit){font-size:14px;line-height:1.5}
 body.shop-mobile-ready #product .fit-pill{font-size:12px}
 body.shop-mobile-ready .package-review-options label{min-height:52px}
 body.shop-mobile-ready .package-review-options input{min-height:24px;width:24px;height:24px}
 body.shop-mobile-ready .cart-item img{object-fit:contain}
 body.shop-mobile-ready .summary .checkout{font-size:14px}
}

.mobile-catalog-image{aspect-ratio:1;background:#ededee;border-radius:8px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;padding:12px}
.mobile-catalog-image img{width:100%;height:100%;object-fit:contain}

/* Primary tire shopping choices stay visible above the model results. */
.tire-quick-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.tire-quick-selectors label{display:grid;gap:7px;min-width:0}
.tire-quick-selectors label>span{font:600 13px/1.4 Inter,Arial,sans-serif;color:#fff}
.tire-quick-selectors select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:10px 30px 10px 12px;border:1px solid #45454d;border-radius:8px;background:#151518;color:#fff;font:14px Inter,Arial,sans-serif}
@media(max-width:800px){
 body.shop-mobile-ready #liveTireSection .mobile-refine{margin:0 0 12px}
 body.shop-mobile-ready #liveTireSection .tire-tools{display:flex;gap:8px}
 body.shop-mobile-ready #liveTireSection .tire-tools #tireSearch{width:100%;min-width:0;flex:1}
 body.shop-mobile-ready .tire-quick-selectors select{font-size:16px!important}
}

/* File tabs keep the active shopping method visually distinct. */
.tire-quick-selectors.tire-file-tabs{display:block;margin:12px 0}
.tire-tab-list{display:flex;gap:5px;align-items:end}
.tire-tab-list [role="tab"]{flex:1;min-height:46px;padding:10px 12px;border:1px solid #45454d;border-bottom:0;border-radius:10px 10px 0 0;background:#18181c;color:#ddd;font:600 13px/1.3 Inter,Arial,sans-serif;cursor:pointer}
.tire-tab-list [role="tab"][aria-selected="true"]{background:#f20210;border-color:#f20210;color:#fff}
.tire-tab-list [role="tab"]:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.tire-tab-panel{padding:12px;border:1px solid #34343a;border-top:3px solid #f20210;border-radius:0 0 8px 8px;background:#111113}
.tire-tab-panel[hidden]{display:none!important}

/* Optional size dimensions are independent, in the selected unit system. */
.tire-size-format{display:grid;gap:6px;margin-bottom:12px;font:600 12px Inter,Arial}
.tire-size-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tire-size-fields label{display:flex;flex-direction:column;gap:7px;min-width:0;font:600 11px/1.4 Inter,Arial}
.tire-file-tabs .tire-size-fields select{padding-left:8px;padding-right:6px}
#tireSizeSearch p{font:12px/1.5 Inter,Arial;color:#b5b5bc;margin:12px 0}
.tire-size-actions{display:flex;gap:8px}
.tire-size-actions button{min-height:44px;border:1px solid #45454d;border-radius:6px;background:#1a1a1f;color:white;font:600 13px Inter,Arial;padding:8px 12px;cursor:pointer}
.tire-size-actions button[type=submit]{flex:1;background:#f20210;border-color:#f20210}

/* Tire model cards match the shop grid; prices belong to exact-size SKUs. */
body #tireModelRail>.tire-model-slide{display:flex;flex-direction:column;text-align:left;padding:11px;border:1px solid #303036;border-radius:12px;background:#0c0c0f;overflow:hidden}
body #tireModelRail>.tire-model-slide.chosen{border-color:#f20210;background:#170b0d}
body #tireModelRail .tire-model-image{width:100%;height:auto;aspect-ratio:1;box-sizing:border-box;padding:12px;background:#ededee;border-radius:9px;overflow:hidden;margin:0 0 12px}
body #tireModelRail .tire-model-image img{width:100%;height:100%;object-fit:contain}
body #tireModelRail .tire-model-slide>small{font:700 10px/1.4 Inter,Arial;letter-spacing:.04em;color:#f20210;margin:0 0 7px}
body #tireModelRail .tire-model-slide>strong{font:400 15px/1.4 'Russo One',Arial;color:#fff;margin:0 0 12px}
body #tireModelRail .tire-model-slide>.tire-model-count{align-self:flex-start;margin:auto 0 12px;padding:6px 9px;border:1px solid #34343a;border-radius:999px;color:#bbb;font:600 10px/1.4 Inter,Arial}
body #tireModelRail .tire-model-slide>.tire-model-action{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;color:#fff;font:600 12px/1.4 Inter,Arial;min-height:36px}
body #tireModelRail .tire-model-action svg{width:29px;height:20px;flex-shrink:0;fill:none;stroke:#f20210;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Tire discovery: one clear action before results. */
#liveTireSection:not(.tire-has-models) .mobile-refine,
#liveTireSection:not(.tire-has-models) .tire-tools,
#liveTireSection:not(.tire-has-models) #tireModelRail,
#liveTireSection .tire-slider-controls{display:none!important}
#liveTireSection .tire-step-hint{margin:0 0 12px;color:#f1f1f2;font-size:14px;line-height:1.45}
#liveTireSection .tire-unit-hint{margin:9px 0 14px;font-size:12px;line-height:1.4;color:#a6a6af}
#liveTireSection .tire-tab-panel{padding:16px}
#liveTireSection .tire-tab-panel select{min-height:46px}
#liveTireSection .tire-size-fields label{font-size:12px;line-height:1.35;gap:7px}
#liveTireSection .tire-size-actions button[disabled]{background:#323238;color:#a5a5af;cursor:not-allowed;box-shadow:none}
#liveTireSection #clearTireSize[hidden]{display:none!important}
#liveTireSection #clearTireSize{padding:0 10px;min-width:0;background:transparent;border-color:transparent;color:#bcbcc4}
#liveTireSection #tireCatalogStatus{margin:14px 0 10px;padding:0;font-size:13px;line-height:1.5;color:#bcbcc4;min-height:0}
#liveTireSection #tireCatalogStatus:empty{display:none}
#liveTireSection #liveTireBlock{border-top:0;margin-top:0;padding-top:0}
#liveTireSection #tireModelRail{margin:0;padding-top:4px}
#liveTireSection .tire-tools{margin:12px 0;gap:8px}
#liveTireSection #tireSearch{min-height:44px;font-family:inherit;font-size:14px;font-weight:400;padding:10px 12px}
#liveTireSection .tire-no-models{grid-column:1/-1;font-size:14px;color:#bcbcc4;text-align:left}
@media(max-width:800px){
 #liveTireSection>.mobile-refine{margin:12px 0 0;padding:8px 0;background:#09090c}
 #liveTireSection>.mobile-refine>button{min-height:40px;padding:8px 16px;font-size:14px}
 #liveTireSection>.mobile-refine>span{font-size:12px}
 #liveTireSection .tire-tab-list button{font-size:14px;min-height:44px;padding:10px 8px}
 #liveTireSection .tire-size-fields{gap:7px}
 #liveTireSection .tire-size-fields select{font-size:16px;padding:10px 6px}
 #liveTireSection .tire-tab-panel{padding:12px}
}

/* Tire showroom: condensed display type, crisp controls, and restrained red. */
body #liveTireSection{--tire-display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--tire-red:#f20210}
body #liveTireSection h2{font:700 clamp(34px,5vw,52px)/1 var(--tire-display)!important;letter-spacing:.015em!important;margin:14px 0 18px!important}
body #liveTireSection .tire-file-tabs{margin:0 0 18px}
body #liveTireSection .tire-tab-list{gap:6px}
body #liveTireSection .tire-tab-list [role=tab]{font:700 20px/1.1 var(--tire-display);text-transform:uppercase;letter-spacing:.045em;min-height:50px;border-radius:4px 4px 0 0;background:#111114;border-color:#343439;color:#a7a7ae;padding:13px 8px}
body #liveTireSection .tire-tab-list [aria-selected=true]{background:var(--tire-red);border-color:var(--tire-red);color:#fff}
body #liveTireSection .tire-tab-panel{background:#0c0c0e;border-color:#303034;border-top:2px solid var(--tire-red);border-radius:0 0 4px 4px;padding:18px}
body #liveTireSection .tire-step-hint{font:500 13px/1.5 Inter,Arial,sans-serif;color:#d1d1d5;margin:0 0 16px}
body #liveTireSection .tire-tab-panel select,
body #liveTireSection #tireSort{
 -webkit-appearance:none;appearance:none;box-sizing:border-box;border:1px solid #444449;border-radius:3px;background-color:#19191c;color:#fff;min-height:50px;
 font:600 16px/1.2 Inter,Arial,sans-serif;padding:12px 30px 12px 12px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23ededee' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px 7px
}
body #liveTireSection .tire-size-fields label{font:700 15px/1.2 var(--tire-display);text-transform:uppercase;letter-spacing:.035em;color:#d5d5d9;gap:8px}
body #liveTireSection .tire-size-fields select{padding-left:9px;padding-right:25px;background-position:right 8px center}
body #liveTireSection .tire-unit-hint{font:400 11px/1.5 Inter,Arial,sans-serif;color:#a6a6ae;margin:10px 0 16px}
body #liveTireSection .tire-size-actions button[type=submit]{font:700 20px/1.1 var(--tire-display);text-transform:uppercase;letter-spacing:.06em;min-height:48px;border-radius:3px;transition:background .15s}
body #liveTireSection .tire-size-actions button[type=submit]:not(:disabled):hover{background:#ce0010}
body #liveTireSection .tire-size-actions button[disabled]{border-color:#35353a;background:#252529;color:#a0a0a8}
body #liveTireSection #clearTireSize{font:600 12px Inter,Arial,sans-serif;min-height:44px}
body #liveTireSection #tireSearch{border-radius:3px;border-color:#36363c;background:#101013;font:500 16px/1.4 Inter,Arial,sans-serif;min-height:46px}
body #liveTireSection>.mobile-refine{border-bottom:1px solid #303035;background:#050505}
body #liveTireSection>.mobile-refine>button{font:700 17px/1 var(--tire-display);text-transform:uppercase;letter-spacing:.045em;border-radius:3px;min-height:44px;border-color:#444449;background:#151518}
body #liveTireSection :is(select,input,button):focus-visible{outline:2px solid #fff;outline-offset:3px}
body #tireModelRail>.tire-model-slide{border-radius:5px;background:#101012;padding:10px;transition:border-color .15s}
body #tireModelRail>.tire-model-slide:hover{border-color:#8a8a92}
body #tireModelRail>.tire-model-slide.chosen{border-color:#f20210}
body #tireModelRail .tire-model-image{border-radius:3px;background:#eeeeef;margin-bottom:14px;padding:12px}
body #tireModelRail .tire-model-slide>small{font:800 10px/1.4 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#ff3340;margin-bottom:5px}
body.shop-mobile-ready #tireModelRail .tire-model-slide>strong{font:600 22px/1.05 'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;letter-spacing:.01em;text-transform:uppercase;margin-bottom:14px}
body #tireModelRail .tire-model-slide>.tire-model-count{border:0;border-radius:0;padding:0;font:500 11px/1.4 Inter,Arial,sans-serif;margin:auto 0 12px;color:#adadb5}
body #tireModelRail .tire-model-slide>.tire-model-action{border-top:1px solid #303035;padding-top:10px;min-height:44px;font:700 17px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:400px){
 body #liveTireSection .tire-tab-panel{padding:13px}
 body #liveTireSection .tire-size-fields label{font-size:14px;letter-spacing:0}
 body #liveTireSection .tire-tab-list [role=tab]{font-size:18px}
}

/* Match tire dropdown values to the showroom typography. */
body #liveTireSection select,
body .mobile-refine-dialog #tireSort{
 font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;
 font-size:20px!important;font-weight:600!important;line-height:1.2;
 letter-spacing:.025em;text-transform:uppercase;color:#f4f4f5;
}
body #liveTireSection select option,
body .mobile-refine-dialog #tireSort option{
 font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
 font-weight:600;background:#19191c;color:#fff;
}
body #liveTireSection select:has(option[value=""]:checked){color:#b7b7c0}
body #liveTireSection select:focus{border-color:#f20210}

/* Wheel selection: searchable brands, clear size buttons, and labelled fields. */
.wheel-brand-search,.wheel-brand-empty{display:none}
body #wheelStage h2,.wheel-filter-dialog h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;font-weight:700!important;letter-spacing:.025em}
body #wheelStage .lane-btn,body #wheelStage .lane-menu button,
body #wheelStage #filterTrigger,body #liveWheelBlock>.mobile-refine>button,
.wheel-filter-dialog button{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;font-size:18px;letter-spacing:.025em;border-radius:4px}
body :is(#wheelStage,.wheel-filter-dialog) .filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
body :is(#wheelStage,.wheel-filter-dialog) .wheel-refine-field{display:flex;flex-direction:column;gap:7px;min-width:0}
body :is(#wheelStage,.wheel-filter-dialog) .wheel-refine-field>span{font:700 15px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#c6c6cd}
body :is(#wheelStage,.wheel-filter-dialog) .wheel-refine-field select{
 width:100%;height:48px;min-width:0;min-height:48px;-webkit-appearance:none;appearance:none;border:1px solid #414149;border-radius:4px;background-color:#19191d;color:#fff;
 font:600 18px/1.2 'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;padding:10px 28px 10px 11px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23ddd' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px 7px
}
body :is(#wheelStage,.wheel-filter-dialog) :is(button,input,select):focus-visible{outline:2px solid #fff;outline-offset:2px}
.wheel-filter-dialog{width:min(520px,calc(100% - 16px));max-height:90dvh;padding:18px;border-radius:10px;background:#0c0c0f}
.wheel-filter-dialog header{position:sticky;top:-18px;background:#0c0c0f;z-index:2;padding:14px 0;margin:0 0 12px;border-bottom:1px solid #303036}
.wheel-filter-dialog header h2{font-size:28px}
.wheel-filter-dialog .mobile-refine-body{gap:20px}
.wheel-filter-dialog .shop-lanes{gap:18px}
.wheel-filter-dialog .lane-btn{border:0;background:transparent;height:auto;min-height:40px;padding:0;pointer-events:none;text-align:left;font-size:20px}
.wheel-filter-dialog .lane-btn>span:last-child{display:none}
.wheel-filter-dialog .lane-btn small{font:500 11px/1.4 Inter,Arial;color:#aaa;margin:5px 0}
.wheel-filter-dialog .wheel-brand-search{display:block;width:100%;height:46px;margin:8px 0;border-radius:4px;font:16px Inter,Arial}
.wheel-filter-dialog #brandMenu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-height:216px;overflow-y:auto;overscroll-behavior:contain;gap:7px;padding:4px 3px 8px 0}
.wheel-filter-dialog #diameterMenu{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;gap:7px;padding:6px 0 0}
.wheel-filter-dialog .lane-menu button{min-height:46px;height:auto;padding:10px 7px;border:1px solid #414149;background:#19191d;color:#ddd;text-align:center;line-height:1.15;white-space:normal}
.wheel-filter-dialog .lane-menu button.active{background:#f20210;border-color:#f20210;color:#fff;box-shadow:inset 0 0 0 1px #fff3}
.wheel-filter-dialog .lane-menu button[hidden],.wheel-filter-dialog .wheel-brand-empty[hidden]{display:none!important}
.wheel-filter-dialog .wheel-brand-empty{display:block;font:13px Inter,Arial;color:#aaa}
.wheel-filter-dialog .catalog-tools{margin-top:18px}
.wheel-filter-dialog #wheelSearch{font:16px Inter,Arial;border-radius:4px}
.wheel-filter-dialog #wheelCount{display:none}
.wheel-filter-dialog footer{background:#0c0c0f;border-top:1px solid #303036;margin-top:18px;padding-top:14px}
.wheel-filter-dialog footer button{min-height:48px}
@media(min-width:801px){body #wheelStage .filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Wheel browsing tabs mirror the tire shopping entry points. */
body #wheelStage .wheel-file-tabs{margin:16px 0}
body #wheelStage .wheel-file-tabs .tire-tab-list button{font:700 20px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;min-height:50px;border-radius:4px 4px 0 0}
body #wheelStage .wheel-file-tabs .tire-tab-panel{padding:14px;background:#0c0c0e;border-radius:0 0 4px 4px}
body #wheelStage .wheel-tab-hint{font:500 13px/1.5 Inter,Arial,sans-serif;color:#ccc;margin:0 0 12px}
body #wheelStage .wheel-file-tabs .lane-btn{display:none}
body #wheelStage .wheel-file-tabs .wheel-brand-search{display:block;width:100%;height:46px;border:1px solid #414149;border-radius:4px;background:#19191d;color:#fff;padding:10px 12px;font:16px Inter,Arial;margin-bottom:10px}
body #wheelStage .wheel-file-tabs .lane-menu{position:static;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:0;padding:0;background:transparent;max-height:190px;overflow-y:auto;overscroll-behavior:contain}
body #wheelStage .wheel-file-tabs #diameterMenu{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none}
body #wheelStage .wheel-file-tabs .lane-menu button{height:auto;min-height:46px;padding:9px 7px;font-size:17px;white-space:normal;line-height:1.15;border:1px solid #414149;background:#19191d;color:#ddd}
body #wheelStage .wheel-file-tabs .lane-menu button.active{background:#f20210;border-color:#f20210;color:#fff}
body #wheelStage .wheel-file-tabs [hidden]{display:none!important}
body #wheelStage .wheel-file-tabs .wheel-brand-empty{display:block;color:#aaa;font:13px Inter,Arial}
body #wheelStage .wheel-size-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
body #wheelStage.package-wheel-picked #wheelShoppingTabs{display:none}
@media(min-width:801px){body #wheelStage .wheel-file-tabs #brandMenu{grid-template-columns:repeat(4,minmax(0,1fr))}}

.wheel-filter-edge{display:none}
@media(max-width:800px){
 body #liveWheelBlock>.mobile-refine{position:static;min-height:0;padding:4px 0 8px;margin-bottom:8px;border:0;background:transparent}
 body .wheel-filter-edge:not([hidden]){display:flex;align-items:center;justify-content:center;position:fixed;right:0;top:45%;z-index:60;min-height:158px;width:34px;padding:14px 7px;border:1px solid #f20210;border-right:0;border-radius:9px 0 0 9px;background:linear-gradient(180deg,#53080ceF,#171012f5);box-shadow:-5px 0 20px #f2021020;color:#fff;font:400 11px/1.2 'Russo One',sans-serif;letter-spacing:.06em;text-transform:uppercase;writing-mode:vertical-rl;cursor:pointer}
 body .wheel-filter-edge[hidden]{display:none!important}
 body .wheel-filter-edge:focus-visible{outline:2px solid #fff;outline-offset:-4px}
}

/* Match the wheel page title to the standard shopping header. */
body.shop-mobile-ready #wheelStage>.shell>.panel>h2{font:400 clamp(24px,4vw,40px)/1.2 'Russo One',Arial,sans-serif!important;letter-spacing:normal!important;margin:4px 0 18px!important}


/* Tire filter drawer — Automotive Solutions brand standard */
body .mobile-refine-dialog:has(#tireTerrain){
 width:min(520px,calc(100% - 20px));max-height:88dvh;padding:18px;border:1px solid #36363b;border-radius:6px;background:#0b0b0d;color:#fff
}
body .mobile-refine-dialog:has(#tireTerrain) header{
 position:sticky;top:-18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:14px 0 13px;background:#0b0b0d;border-bottom:1px solid #2d2d32
}
body .mobile-refine-dialog:has(#tireTerrain) header h2{
 margin:0!important;font:700 28px/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;letter-spacing:.035em!important;text-transform:uppercase
}
body .mobile-refine-dialog:has(#tireTerrain) header button{
 min-height:40px;padding:0 14px;border:1px solid #45454b;border-radius:3px;background:#17171a;color:#fff;font:700 16px/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em
}
body .mobile-refine-dialog:has(#tireTerrain) .mobile-refine-body{display:grid;gap:13px}
body .mobile-refine-dialog:has(#tireTerrain) .mobile-refine-field{display:flex;flex-direction:column;gap:7px}
body .mobile-refine-dialog:has(#tireTerrain) .mobile-refine-field>label,
body .mobile-refine-dialog:has(#tireTerrain) .mobile-refine-field>span{
 font:700 15px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#c9c9cf
}
body .mobile-refine-dialog:has(#tireTerrain) select{
 width:100%;min-height:48px;-webkit-appearance:none;appearance:none;border:1px solid #414147;border-radius:3px;background-color:#18181b;color:#f4f4f5;
 font:600 18px/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif!important;letter-spacing:.035em;text-transform:uppercase;padding:10px 34px 10px 11px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23d8d8dc' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:12px 7px
}
body .mobile-refine-dialog:has(#tireTerrain) select:focus{border-color:#f20210;outline:0}
body .mobile-refine-dialog:has(#tireTerrain) footer{
 position:sticky;bottom:-18px;display:grid;grid-template-columns:minmax(105px,.7fr) minmax(0,1.5fr);gap:9px;margin-top:18px;padding:14px 0;background:#0b0b0d;border-top:1px solid #2d2d32
}
body .mobile-refine-dialog:has(#tireTerrain) footer button{
 min-height:48px;border-radius:3px;font:700 19px/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em
}
body .mobile-refine-dialog:has(#tireTerrain) footer button:first-child{border:1px solid #44444a;background:#17171a;color:#ddd}
body .mobile-refine-dialog:has(#tireTerrain) footer button:last-child{border:1px solid #f20210;background:#f20210;color:#fff}
@media(max-width:430px){
 body .mobile-refine-dialog:has(#tireTerrain){padding:15px;max-height:90dvh}
 body .mobile-refine-dialog:has(#tireTerrain) header{top:-15px;margin-bottom:13px;padding:12px 0}
 body .mobile-refine-dialog:has(#tireTerrain) header h2{font-size:25px!important}
 body .mobile-refine-dialog:has(#tireTerrain) .mobile-refine-body{gap:11px}
 body .mobile-refine-dialog:has(#tireTerrain) footer{bottom:-15px;padding:12px 0}
}