/* Scoped to the model picker; the brand select and other inputs are unchanged. */
#size.model-search-native { display: none !important; }
.model-search { position: relative; width: 100%; min-width: 0; }
.model-search__control { position: relative; }
.model-search__icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  fill: none;
  stroke: #90438f;
  stroke-width: 2;
  stroke-linecap: round;
  pointer-events: none;
}
.model-search__input { cursor: text; padding-left: 39px; padding-right: 2em; }
.model-search__hint { margin-top: 6px; color: #666; font: 13px/1.4 sans-serif; text-align: left; }
.model-search__input:focus { outline: 2px solid #90438f; outline-offset: 2px; }
.model-search__input:disabled { cursor: not-allowed; opacity: .65; }
.model-search__popup {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 100;
  max-height: 280px;
  max-height: min(280px, 45vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 2px solid #dc8cdb;
  border-radius: 8px;
  background: #fff;
  color: #444;
  box-shadow: 0 8px 24px #0002;
  font: 16px/1.4 sans-serif;
  text-align: left;
}
.model-search__popup[hidden] { display: none; }
.model-search__option { padding: 11px 12px; cursor: pointer; overflow-wrap: anywhere; }
.model-search__option[aria-selected="true"] { font-weight: 700; }
.model-search__option.is-active, .model-search__option:hover { background: #f8e6f8; color: #522451; }
.model-search__status { padding: 10px 12px; font-size: 13px; color: #666; border-top: 1px solid #eee; }