.header-city{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid #bad2b3;border-radius:24px;background:#fff;color:#205e33;font-size:14px;font-weight:650;white-space:nowrap}
.header-city:hover{background:#eaf4e5;border-color:#78a874}
.header-city .icon{width:17px;height:17px}
.city-chevron{width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
.city-label-narrow{display:none}
#city-picker{width:min(620px,calc(100% - 28px));max-height:min(76dvh,640px);padding:clamp(18px,3vw,30px);background:#fff;color:#173d27;overflow:hidden}
#city-picker[open]{display:flex;flex-direction:column}
.city-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.city-picker-head h2{margin:0;font-size:clamp(25px,3vw,33px)}
.city-picker-head form{margin:0}
.city-picker-head button{display:grid;place-items:center;width:40px;height:40px;background:#eef5e9;color:#245b35;border:0;border-radius:50%;font:24px/1 Arial,sans-serif}
#city-picker label{font-size:14px;margin-bottom:6px;font-weight:600}
#city-query{width:100%;min-height:44px;padding:10px 14px;border:1px solid #a2b99d;border-radius:10px;font:inherit;background:#fff;color:inherit}
#city-picker #city-count{font-size:13px;margin:10px 0;color:#4c664f}
.picker-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;overflow:auto;overscroll-behavior:contain;padding:2px 5px 3px 2px;margin:0;gap:4px 8px;scrollbar-gutter:stable}
.picker-cities a{display:flex;align-items:center;min-height:42px;padding:7px 9px;line-height:1.3;color:#205e33;border-radius:8px;font-size:15px}
.picker-cities a:hover,.picker-cities a:focus-visible{background:#edf6e7}
.picker-cities li[hidden]{display:none}
@media(max-width:359px){#city-picker .picker-cities{grid-template-columns:1fr}}
#city-picker :focus-visible,.header-city:focus-visible{outline:2px solid #277e3d;outline-offset:1px}
@media(max-width:767px){.header-city{margin-left:auto}.site-header .menu-toggle{margin-left:0}.picker-cities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:510px){.city-label-wide{display:none}.city-label-narrow{display:inline}.header-city{gap:5px;padding:0 8px;font-size:13px}.site-header .brand{font-size:19px}.site-header .brand img{width:34px;height:34px}}
@media(max-width:370px){.site-header{gap:5px}.site-header .brand{font-size:16px;gap:5px}.site-header .brand img{width:29px;height:29px}.site-header .menu-toggle{width:36px;height:36px}.header-city .city-chevron{display:none}}