/* Shared select presentation, including dynamically rendered account forms. */
.shop-body .shop-dropdown { position:relative; display:inline-flex; vertical-align:middle; min-width:0; max-width:100%; }
.shop-body .shop-dropdown select.shop-dropdown-native { position:absolute!important; width:1px!important; height:1px!important; min-width:0!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; opacity:0; clip-path:inset(50%); pointer-events:none; overflow:hidden; }
.shop-body .shop-dropdown-trigger { display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-width:0; min-height:44px; margin:0; padding:11px 14px; border:1px solid var(--shop-border); border-radius:11px; background:var(--shop-surface); color:var(--shop-text); text-align:left; font-size:13px; line-height:1.5; transition:border-color .15s,background .15s,box-shadow .15s; }
.shop-body .shop-dropdown-trigger:hover:not(:disabled),.shop-body .shop-dropdown.is-open .shop-dropdown-trigger { border-color:var(--shop-blue); background:var(--shop-tint); }
.shop-body .shop-dropdown-trigger:focus-visible { outline:3px solid var(--shop-blue); outline-offset:3px; }
.shop-body .shop-dropdown-trigger:disabled { opacity:.55; cursor:not-allowed; }
.shop-dropdown-text { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shop-dropdown-chevron { flex:0 0 8px; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); color:var(--shop-muted); transition:transform .15s; }
.shop-dropdown.is-open .shop-dropdown-chevron { transform:translateY(2px) rotate(225deg); }
.shop-body .shop-dropdown-menu { position:fixed; inset:auto; z-index:1500; margin:0; padding:6px; min-width:0; max-width:calc(100vw - 16px); max-height:320px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--shop-border) transparent; border:1px solid var(--shop-border); border-radius:13px; background:var(--shop-surface); color:var(--shop-text); box-shadow:0 14px 40px #0d172a2b; font-family:Montserrat,Arial,sans-serif; font-size:13px; line-height:1.5; text-align:left; }
.shop-dropdown-menu::backdrop { background:transparent; pointer-events:none; }
.shop-dropdown-menu::-webkit-scrollbar { width:7px; }
.shop-dropdown-menu::-webkit-scrollbar-thumb { border:2px solid var(--shop-surface); border-radius:10px; background:var(--shop-border); }
.shop-dropdown-option { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:42px; padding:10px 12px; border-radius:8px; cursor:pointer; overflow-wrap:anywhere; }
.shop-dropdown-option > span:first-child { min-width:0; }
.shop-dropdown-option.is-active { background:var(--shop-tint); }
.shop-dropdown-option[aria-selected="true"] { color:var(--shop-blue-text); font-weight:600; }
.shop-dropdown-check { flex:0 0 16px; width:16px; color:var(--shop-blue-text); visibility:hidden; }
.shop-dropdown-option[aria-selected="true"] .shop-dropdown-check { visibility:visible; }
.shop-dropdown-option[aria-disabled="true"] { opacity:.45; cursor:not-allowed; }
.shop-dropdown-group { padding:10px 12px 5px; color:var(--shop-muted); font-size:10px; font-weight:600; }
.shop-dropdown-empty { padding:12px; color:var(--shop-muted); }
.shop-body .shop-dropdown-trigger[aria-invalid="true"] { border-color:var(--shop-red); }
.shop-dropdown-error { color:var(--shop-red); font-size:11px; margin-top:5px; }
.shop-dropdown:has(.shop-dropdown-error:not([hidden])) { flex-wrap:wrap; }
.shop-sort-label .shop-dropdown { min-width:220px; }
.shop-sort-label .shop-dropdown-trigger { min-height:46px; font-size:12px; }
.shop-filter-extra .shop-dropdown { width:100%; }
.shop-filter-extra .shop-dropdown-trigger { background:var(--shop-bg); border-radius:9px; }
.ap-filter-bar > .shop-dropdown { flex:0 1 auto; }
.ap-filter-bar .shop-dropdown-trigger { font-size:11px; min-height:42px; }
.ap-field > .shop-dropdown { width:100%; margin-top:8px; }
.ap-body .ap-field > .shop-dropdown ~ .input-style-label { top:0; left:0; font-size:10px; color:var(--shop-blue-text); }
.ds-search-form > .shop-dropdown { flex:0 1 180px; }
.table-list .shop-dropdown { width:100%; }
@media (max-width:767px) {
    .shop-sort-label .shop-dropdown { width:100%; min-width:0; }
    .shop-sort-label .shop-dropdown-trigger { font-size:11px; min-height:40px; padding:8px 10px; gap:8px; }
    .shop-dropdown-option { min-height:44px; }
    .ap-filter-bar > .shop-dropdown { flex:1; }
    .ds-search-form > .shop-dropdown { flex:1; }
    .ds-search-form .shop-dropdown-trigger { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) {
    .shop-body .shop-dropdown-trigger,.shop-dropdown-chevron { transition:none; }
}