/* The same capsule control and glass menu on every device. */
.branded-select{width:100%;min-width:0}
.branded-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:47px;padding:11px 15px;border:0;border-radius:16px;background:var(--glass-surface);box-shadow:var(--glass-shadow);color:#3a3a3a;font:inherit;font-size:13px;text-align:start;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}
.branded-select-trigger:hover{filter:brightness(1.04)}.branded-select.is-open .branded-select-trigger{background:#fff;box-shadow:var(--glass-shadow),0 4px 16px #37373710}
.branded-select-trigger:focus-visible{outline:2px solid #787878;outline-offset:3px}.branded-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.branded-select-chevron{display:flex;flex:none;transition:transform .16s ease}.branded-select-chevron svg{width:16px;height:16px}.branded-select.is-open .branded-select-chevron{transform:rotate(180deg)}
.branded-select-menu{position:fixed;inset:auto;z-index:90;box-sizing:border-box;margin:0;padding:7px;border:0;border-radius:20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:rgba(219,219,219,.88);box-shadow:inset 0 1.5px 1px #fff,0 12px 36px #37373726;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);color:#393939;font:inherit;font-size:13px;scrollbar-width:thin;scrollbar-color:#aaaaaa70 transparent}
.branded-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 14px;border:0;border-radius:12px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere;text-align:start}
.branded-select-option:after{content:"";width:15px;flex:none;text-align:center}.branded-select-option[aria-selected=true]{background:var(--glass-dark);color:#fff;box-shadow:inset 0 1px 1px #ffffff6b}.branded-select-option[aria-selected=true]:after{content:"✓"}.branded-select-option:hover,.branded-select-option[data-active=true]{background:#e4e4e4;color:#2f2f2f}.branded-select-option[aria-selected=true][data-active=true],.branded-select-option[aria-selected=true]:hover{background:#484848;color:#fff}.branded-select-option[aria-disabled=true]{opacity:.45;cursor:default}
.catalogue-filters .branded-select-trigger{min-height:42px;padding:8px 7px;border-radius:999px;background:transparent;box-shadow:none;font-size:12px;gap:5px}.catalogue-filters .branded-select-chevron svg{width:12px;height:12px}
.sort-field .branded-select{width:190px}.sort-field .branded-select-trigger{min-height:40px;padding:9px 15px;border-radius:999px;font-size:12px}
html[lang=ar] .branded-select-menu{font-family:"Khalimat Arabic",Tahoma,sans-serif}
@media(min-width:960px) and (max-width:1199px){.catalogue-filters .branded-select-trigger{font-size:10px;padding-inline:3px}}
@media(max-width:700px){.branded-select-trigger{font-size:14px;min-height:47px;padding-inline:12px}.branded-select-menu{font-size:14px}.branded-select-option{min-height:44px}.catalogue-filters .branded-select-trigger{font-size:13px}.sort-field .branded-select{width:min(190px,52vw)}}
@media(prefers-reduced-motion:reduce){.branded-select-trigger,.branded-select-chevron{transition:none}}
@media(prefers-reduced-transparency:reduce){.branded-select-menu{background:#f5f5f5;backdrop-filter:none;-webkit-backdrop-filter:none}}