/* Configurator mobile vehicle picker: reuse the same custom selector / bottom sheet as Homepage V4. */
.configurator-v4 .v4-vehicle-grid .v4-select-trigger { display:none; }

@media (max-width: 767px) {
  .configurator-v4 .v4-vehicle-grid label {
    position:relative;
    display:block !important;
  }
  .configurator-v4 .v4-vehicle-grid .v4-vehicle-field-label { display:none; }
  .configurator-v4 .v4-vehicle-grid select.v4-select-native {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    border:0 !important;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger {
    display:grid;
    grid-template-columns:minmax(0,1fr) 20px;
    grid-template-rows:auto auto;
    width:100%;
    min-height:54px;
    padding:8px 11px 7px;
    border:1px solid #545454;
    border-radius:12px;
    background:#333;
    color:#fff;
    text-align:left;
    cursor:pointer;
    appearance:none;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger:focus-visible {
    outline:3px solid #ef1b1f;
    outline-offset:3px;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger:disabled {
    cursor:not-allowed;
    opacity:.64;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger__label {
    grid-column:1;
    color:#aaa;
    font:700 10px/1.15 Arial,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger__value {
    grid-column:1;
    min-width:0;
    margin-top:3px;
    overflow:hidden;
    color:#fff;
    font:700 16px/1.25 Arial,sans-serif;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger__chevron {
    grid-column:2;
    grid-row:1 / 3;
    align-self:center;
    width:18px;
    height:18px;
    margin-left:8px;
    transition:transform .16s ease;
  }
  .configurator-v4 .v4-vehicle-grid .v4-select-trigger[aria-expanded="true"] .v4-select-trigger__chevron {
    transform:rotate(180deg);
  }
}