/* Shared select styling for the catalogue, configurator and homepage. */
select{color-scheme:dark}
select option,select optgroup{background:#15191f;color:#f3f4f6;font-size:14px}
body :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select{
  background-color:#10141a;color:#f3f4f6;border:1px solid #3c4450;border-radius:8px;
  font-size:13px;line-height:1.4;box-shadow:none;outline:none;
}
body :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select:hover{border-color:#626e7e}
body :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select:focus-visible{
  outline:2px solid #ff7417;outline-offset:0;border-color:transparent;
}
body .result-header select{width:200px;min-width:0}

/* Supported browsers keep native select semantics with a styled popup.
   Other browsers retain a native picker with explicit dark option colours. */
@supports (appearance:base-select){
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select,
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select::picker(select){appearance:base-select}
  body :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select:open{border-color:#ff7417}
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select::picker(select){
    background:#15191f;color:#f3f4f6;border:1px solid #424b59;border-radius:10px;
    padding:6px;margin-block:6px;max-height:min(360px,60dvh);overflow:auto;
    scrollbar-width:thin;scrollbar-color:#515c6c #15191f;
    box-shadow:0 12px 32px #0008;font:400 14px/1.4 Inter,Arial,sans-serif;
  }
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select option{
    display:flex;align-items:center;gap:12px;min-height:40px;padding:10px 12px;
    border:0;border-radius:6px;background:#15191f;color:#e5e9ef;
    font:inherit;white-space:normal;cursor:pointer;outline:none;
  }
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select option:checked{background:#ff741721;color:#ffad76;font-weight:600}
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select option:hover,
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select option:focus-visible{background:#2b3441;color:#fff}
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select option::checkmark{order:2;margin-inline-start:auto;color:#ff8b3e}
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select::picker-icon{color:#b4bfce;flex-shrink:0}
  :is(.filters,.result-header,.offer-label,.card-body,.home-catalog-search,#leadModal) select:open::picker-icon{rotate:180deg}
}
@media(max-width:560px){
  body .result-header select{width:180px;font-size:12px}
  body .home-catalog-search select{font-size:12px}
}