.city-scroll{width:100%;min-height:170px;overflow-y:auto;border:1px solid #b8b8b8;border-radius:6px;background:#fff;color:#333;padding:4px;scrollbar-color:#999 #eee;scrollbar-width:thin}
.city-scroll option{padding:8px 10px;border-radius:4px;cursor:pointer}
.city-scroll option:checked{background:#3483fa linear-gradient(0deg,#3483fa,#3483fa);color:#fff}
.city-filter{display:grid!important;grid-template-columns:minmax(230px,300px) auto;gap:10px;align-items:end;background:#fff;padding:14px;border-radius:10px;box-shadow:0 2px 10px #0002}
.city-filter label{grid-column:1/-1;font-size:13px;font-weight:700;color:#333}
.city-filter button{min-height:44px}
@media(max-width:700px){.city-filter{grid-template-columns:1fr;width:100%}.city-filter label{grid-column:auto}.city-filter button{width:100%}.city-scroll{min-height:190px}}