.rr-vehicle-bar{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.6fr) minmax(0,1.2fr) minmax(0,1.8fr);gap:13px;min-width:0;width:100%;padding:17px;margin:15px 0;border:1px solid #dce6f0;border-radius:12px;background:#f8fbff;font-family:Inter,Arial,sans-serif;letter-spacing:normal}.rr-vehicle-bar *{box-sizing:border-box}.rr-vehicle-bar label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#61768d;font-size:11px;font-weight:600}.rr-vehicle-bar select{display:block;min-width:0;width:100%;height:40px;margin:0;padding:7px 10px;border:1px solid #d5e1ee;border-radius:8px;background:#fff;color:#243e59;font:12px Inter,Arial,sans-serif;letter-spacing:normal}.rr-vehicle-bar select:disabled{background:#f5f7fa;color:#9aa8b7}.rr-vehicle-bar select:focus-visible{outline:2px solid #8ab7e9;outline-offset:2px}
.home-page #vehicle-selection{display:block;top:68px;z-index:90}.home-page #vehicle-selection .left,.home-page #vehicle-selection .vehicle-select-group,.home-page .rr-vehicle-selection-summary{display:block;width:min(100%,1160px);margin:auto}.home-page #vehicle-selection .rr-vehicle-bar{margin:0 0 12px}.home-page .vehicle-service-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-page #vehicle-selection .vehicle-dropdown-actions{flex:1}.home-page #vehicle-selection .vehicle-action-buttons{flex-shrink:0}.home-page .rr-vehicle-feedback{font-size:12px;color:#a44646;margin:8px 0}.cart-vehicle{font-size:12px;font-weight:600;color:#526b85;margin:0 0 14px}
.home-page .rr-vehicle-selection-summary{display:flex;align-items:flex-start;gap:12px;min-width:0}
.home-page .rr-vehicle-selection-summary .rr-selected-vehicle{position:relative;flex:0 1 auto;min-width:0;width:auto;max-width:100%;margin:0;padding:0;background:transparent}
.home-page .rr-selected-vehicle-label{min-width:0}
.home-page .rr-selected-vehicle-label #vehicle-id{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .rr-selected-vehicle .vehicle-action-buttons:not(:has(button:not([hidden]))){display:none}
.home-page .rr-vehicle-selector-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:30px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;color:#294c71;cursor:pointer;appearance:none;-webkit-appearance:none}
.home-page .rr-vehicle-selector-toggle:hover,.home-page .rr-vehicle-selector-toggle:active{background:transparent;box-shadow:none;filter:none;color:#1c5f9e}
.home-page .rr-vehicle-selector-toggle:focus-visible{outline:2px solid #8ab7e9;outline-offset:2px}
.home-page .rr-vehicle-selector-toggle i{transition:transform 180ms ease;transform:translateY(-2px)}
.home-page #vehicle-selection[data-collapsed="true"] .rr-vehicle-selector-content,.home-page #vehicle-selection[data-collapsed="true"] .rr-selected-vehicle .vehicle-action-buttons{display:none!important}
.home-page .rr-vehicle-feedback[data-state="prompt"]{padding:9px 12px;border-left:4px solid #2863b8;border-radius:4px;background:#e8f1ff;color:#1749b8;font-weight:600}
.home-page .rr-vehicle-feedback[data-state="prompt"]{box-sizing:border-box;width:min(100%,1160px);margin:0 auto 10px;text-align:center}
.home-page .rr-vehicle-bar.rr-vehicle-bar--prompt{box-shadow:inset 0 0 0 2px #4b83e0}
.home-page .rr-vehicle-bar.rr-vehicle-bar--prompt [data-picker-field="make"]>button{outline:3px solid #4b83e0;outline-offset:2px}
@media(max-width:800px){.rr-vehicle-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .vehicle-service-row{align-items:stretch;flex-direction:column;gap:9px}}
@media(max-width:450px){.rr-vehicle-bar label:nth-of-type(n+3){grid-column:1/-1}}
.rr-loading-wheel{display:inline-block;box-sizing:border-box;width:17px;height:17px;flex:0 0 17px;border:2px solid #d9e5f3;border-top-color:#2672b9;border-radius:50%;animation:rr-loading-turn .8s linear infinite}.rr-loading-wheel[hidden]{display:none!important}#rd-loading{margin-right:auto}@keyframes rr-loading-turn{to{transform:rotate(360deg)}}
.rr-vehicle-bar.rr-vehicle-bar{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:17px clamp(20px,4vw,56px);border:0;border-radius:0}.rr-vehicle-bar.rr-vehicle-bar select{border:0;border-radius:0}.home-page #vehicle-selection .rr-vehicle-bar{margin-left:calc(50% - 50vw)}.home-page #vehicle-selection{border:0;border-radius:0;box-shadow:none}
.rr-vehicle-bar.rr-vehicle-bar{background:#edf3fa}

.home-service-field { display:flex;flex-direction:column;gap:7px;min-width:0;color:#61768d;font-size:11px;font-weight:600; }
.home-service-field .vehicle-dropdown-control,.home-service-field .manufacturer-picker { width:100%;min-width:0; }
.home-service-field .manufacturer-dropdown-toggle { width:100%;height:40px;min-height:40px;padding:7px 10px;border:0;border-radius:0;box-shadow:none;background:#fff;font:12px Inter,Arial,sans-serif;letter-spacing:normal; }
.home-service-field .manufacturer-dropdown-toggle:disabled { color:#9aa8b7;background:#f5f7fa;cursor:default; }
.home-service-field .manufacturer-dropdown-options { z-index:90;min-width:100%; }
.home-service-field .vehicle-select-with-icon { position:relative;display:flex;align-items:center;min-width:0; }
.home-service-field .vehicle-select-with-icon>i { position:absolute;left:10px;z-index:1;color:#536f90;font-size:14px;pointer-events:none; }
.home-service-field .vehicle-select-with-icon select { padding-left:32px; }
.home-service-field .manufacturer-choice { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.home-service-field .manufacturer-choice i { font-size:14px; }
.home-page .rr-vehicle-bar:has(.home-service-field) { grid-template-columns:minmax(100px,.9fr) minmax(75px,.55fr) minmax(130px,1.1fr) minmax(180px,1.5fr) minmax(140px,1fr) minmax(200px,1.5fr); }
.home-page .home-service-actions { grid-column:1/-1;display:flex;justify-content:flex-end;gap:18px;transform:none;margin:0; }
.home-page .home-service-actions:has(button:not([hidden])) { padding-top:4px; }
@media(max-width:1199px){.home-page .rr-vehicle-bar:has(.home-service-field){grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:800px){.home-page .rr-vehicle-bar:has(.home-service-field){grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:450px){.home-service-field{grid-column:1/-1;}}
@media(max-width:767px){
  .home-page #vehicle-selection{top:108px}
  .home-page .rr-vehicle-selection-summary{justify-content:center}
  .home-page .rr-vehicle-selection-summary .rr-selected-vehicle{flex:0 1 auto;width:auto;max-width:100%;padding:0;gap:0}
  .home-page .rr-selected-vehicle-label{width:auto;max-width:calc(100vw - 64px);margin:0;justify-content:center;text-align:center}
  .home-page .rr-vehicle-selector-toggle{position:static;flex:0 0 24px;margin:0 0 0 4px;transform:translateY(2px)}
  .home-page .rr-selected-vehicle .vehicle-action-buttons{width:100%;justify-content:center}
  .home-page .rr-vehicle-bar:has(.home-service-field) label,
  .home-page .rr-vehicle-bar:has(.home-service-field) .home-service-field,
  .home-page .rr-vehicle-bar:has(.home-service-field) .home-service-actions{display:none!important}
  .home-page .rr-vehicle-bar:has(.home-service-field)[data-mobile-step="make"] label:nth-of-type(1),
  .home-page .rr-vehicle-bar:has(.home-service-field)[data-mobile-step="year"] label:nth-of-type(2),
  .home-page .rr-vehicle-bar:has(.home-service-field)[data-mobile-step="model"] label:nth-of-type(3),
  .home-page .rr-vehicle-bar:has(.home-service-field)[data-mobile-step="engine"] label:nth-of-type(4),
  .home-page .rr-vehicle-bar:has(.home-service-field)[data-mobile-step="services"] .home-service-field,
  .home-page .rr-vehicle-bar:has(.home-service-field)[data-mobile-step="services"] .home-service-actions{display:flex!important}
  .home-page .rr-vehicle-bar:has(.home-service-field){grid-template-columns:minmax(0,1fr)}
  .home-page .rr-vehicle-selection-summary{gap:8px}
}

@media(min-width:1300px){
.home-page .rr-vehicle-bar:has(.home-service-field){grid-template-columns:minmax(100px,.8fr) minmax(75px,.5fr) minmax(130px,1fr) minmax(180px,1.3fr) minmax(140px,.9fr) minmax(200px,1.3fr) auto;}
.home-page .home-service-actions{grid-column:auto;align-self:end;align-items:center;min-height:40px;justify-self:end;gap:14px;white-space:nowrap;padding-top:0!important;}
}
@media(min-width:801px) and (max-width:1299px){.home-page .rr-vehicle-bar:has(.home-service-field){grid-template-columns:repeat(3,minmax(0,1fr));}}

.rr-vehicle-bar [hidden],.home-service-field select[hidden]{display:none!important;}

/* Keep the vehicle summary and dropdowns on one evenly padded surface. */
.home-page #vehicle-selection{padding:17px 0;background:#edf3fa;}
.home-page #vehicle-selection .rr-vehicle-bar{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}
.home-page #vehicle-selection .rr-selected-vehicle{min-height:0;}
.home-page #vehicle-selection #vehicle-id{white-space:normal;overflow:visible;text-overflow:clip;}
.home-page .home-service-actions:not(:has(button:not([hidden]))){display:none;}

/* Keep the shared picker identical inside customer and staff page styles. */
.rr-vehicle-bar .rr-icon-picker>button{height:40px;min-height:40px;padding:7px 10px;font:12px Inter,Arial,sans-serif;letter-spacing:normal;line-height:normal;color:#243e59;opacity:1;text-transform:none;}
.rr-vehicle-bar .rr-icon-picker>button:disabled{color:#9aa8b7;background:#f5f7fa;}
.rr-vehicle-bar .rr-icon-picker .rr-make-choice>i{width:18px;height:18px;flex:0 0 18px;font-size:14px;line-height:1;color:#536f90;}
.rr-vehicle-bar .rr-icon-picker .fa-chevron-down{width:10px;height:10px;flex:0 0 10px;font-size:10px;}
.rr-icon-list .rr-picker-option-label{display:flex;flex-direction:column;gap:4px;min-width:0;}
.rr-icon-list .rr-picker-option-label small{font:10px Inter,Arial,sans-serif;color:#71849b;line-height:1.4;}