.city-search-scope{position:absolute;display:flex;flex-wrap:wrap;gap:6px;right:20px;top:70px;z-index:46;max-width:min(610px,calc(100vw - 40px))}
html body .city-scope-toggle{display:flex;align-items:center;gap:6px;max-width:100%;min-height:38px;padding:7px 12px;background:#fffdf6;border:1px solid #dce0d2;border-radius:12px;box-shadow:0 3px 12px #24453612;color:#285643;font-size:12px}
.city-scope-toggle b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.city-scope-toggle>span:last-child{margin-left:5px}
body.in-shop .city-search-scope{display:none}
html body.hw-city-ui:not(.in-shop) #map-view .world-clock{top:calc(var(--city-search-controls-offset,60px) + 8px)!important}
html body .search-results{top:116px;max-height:calc(100dvh - 132px)}
.city-scope-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:22px;overflow:auto;background:#fffdf6;border:1px solid #d4dbcc;border-radius:20px;color:#263b30;overscroll-behavior:contain}
.city-scope-dialog::backdrop{background:#14271cb3}
.city-scope-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.city-scope-header h2{font-size:22px;margin:0}
html body .city-scope-close{width:40px;min-height:40px;justify-content:center;font-size:25px;background:transparent}
.city-scope-dialog h3{font-size:15px;margin:0 0 12px}.city-scope-selected,.city-scope-circle{padding-top:18px;margin-top:16px;border-top:1px solid #dce0d2}
.city-scope-note,.city-scope-footnote,.city-scope-status{font-size:12px;line-height:1.5;color:#687565;margin:9px 0}.city-scope-footnote{margin-top:20px}
.city-scope-radius label{display:grid;gap:7px;font-size:12px}
.city-scope-dialog input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;border:1px solid #b9c8b6;border-radius:10px;background:#fff;color:#263b30}
html body .city-scope-option,html body .city-scope-apply{width:100%;min-height:44px;justify-content:center;padding:10px 14px;background:#eff3e9;color:#285643;border:1px solid #c6d2bd;border-radius:10px;font-size:13px}
html body .city-scope-apply{background:#285643;color:#fff;margin-top:10px}.city-scope-apply:disabled{opacity:.45;cursor:default}
.city-scope-chosen{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
html body .city-scope-chip{width:auto;min-height:38px;padding:8px 10px;background:#e5eddf;color:#285643;border-radius:10px;font-size:12px}
.city-scope-radius{margin-top:12px}.city-scope-dialog [hidden]{display:none!important}
.city-scope-radius-slider{accent-color:#285643;padding:0!important}
html body .city-scope-viewport{margin-top:18px}.city-scope-circle summary{font-size:13px;font-weight:600;cursor:pointer;min-height:30px}.city-scope-circle summary:focus-visible{outline:2px solid #8b784a;outline-offset:3px}
html body .city-scope-draw{margin-top:0;min-height:50px;font-size:15px}
html body .city-scope-cancel-drawing{min-height:38px;padding:8px 12px;background:#fffdf6;border:1px solid #b3c1ab;border-radius:12px;color:#285643;font-size:12px}
html body .city-scope-cancel-drawing[hidden]{display:none!important}
.city-scope-dialog button:focus-visible,.city-scope-toggle:focus-visible{outline:2px solid #8b784a;outline-offset:2px}
.city-search-empty{padding:16px 10px;line-height:1.5;color:#687565;font-size:13px}.city-search-product img{width:46px;height:46px;object-fit:contain;border-radius:8px;flex:0 0 46px}.city-search-product{display:flex;gap:12px;text-align:left}.city-search-product>span{min-width:0}.city-search-product b{overflow-wrap:anywhere}
@media(max-width:760px),(max-width:1024px) and (max-height:600px),(pointer:coarse) and (max-height:600px){
 .city-search-scope{top:104px;left:12px;right:12px;max-width:none}.city-scope-toggle{max-width:100%}
 html body .search-results{top:148px;max-height:calc(100dvh - 164px)}
 html body #map-view .maplibregl-ctrl-top-right,html body.hw-city-ui:not(.in-shop) #map-view .maplibregl-ctrl-top-right{top:var(--city-search-controls-offset,60px)!important}
 .city-scope-dialog{padding:16px;max-height:calc(100dvh - 24px)}
}
@media(orientation:landscape) and (max-height:600px){.city-search-scope{left:245px;right:116px}.city-scope-dialog{width:min(580px,calc(100vw - 28px))}}