/* The original select remains the filter's source of truth and no-JS fallback. */
body.dwl-modern .make-filter .dwl-make-select {
  position:relative;
  width:200px;
  min-width:0;
  flex:0 1 240px;
}
body.dwl-modern .make-filter .dwl-make-trigger {
  position:relative;
  display:block;
  width:100%;
  min-height:50px;
  padding:12px 48px 12px 20px;
  border:0;
  border-radius:26px;
  background:#f3f4f5;
  color:#27313d;
  font-size:16px;
  font-weight:400;
  line-height:24px;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.dwl-make-value { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dwl-make-trigger::after {
  content:'';
  position:absolute;
  right:20px;
  top:50%;
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-70%) rotate(45deg);
}
.dwl-make-trigger[aria-expanded=true]::after { transform:translateY(-25%) rotate(225deg); }
body.dwl-modern .dwl-make-trigger:focus-visible { outline:2px solid #153f70; outline-offset:3px; }
body.dwl-modern .dwl-make-trigger[aria-expanded=true] { background:#eaf0f6; }
.dwl-make-list {
  position:absolute;
  z-index:260;
  top:calc(100% + 8px);
  left:0;
  right:0;
  box-sizing:border-box;
  max-height:var(--dwl-make-list-height,288px);
  padding:6px;
  margin:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
  background:#fff;
  border:1px solid #e1e5e9;
  border-radius:14px;
  box-shadow:0 10px 28px #1524341a;
}
.dwl-make-list::-webkit-scrollbar { display:none; width:0; height:0; }
.dwl-make-select[data-side=above] .dwl-make-list { top:auto; bottom:calc(100% + 8px); }
.dwl-make-option {
  position:relative;
  box-sizing:border-box;
  min-height:44px;
  padding:10px 32px 10px 12px;
  border-radius:8px;
  color:#27313d;
  font-size:15px;
  line-height:24px;
  overflow-wrap:anywhere;
  cursor:pointer;
}
.dwl-make-option:hover, .dwl-make-option[data-active] { background:#f1f4f7; }
.dwl-make-option[aria-selected=true] { color:#153f70; font-weight:600; }
.dwl-make-option[aria-selected=true]::after { content:'✓'; position:absolute; right:12px; top:10px; }
@media (max-width:600px) {
  body.dwl-modern .make-filter .dwl-make-select { width:auto; flex:1 1 0; }
}
