.expert-city-modal[hidden] { display: none; }
.expert-city-modal { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: 20px; }
.expert-city-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); }
.expert-city-modal__dialog { position: relative; width: min(720px, 100%); max-height: min(760px, calc(100vh - 40px)); overflow: auto; padding: 32px; border-radius: 16px; background: #fff; color: #1b1b1b; box-shadow: 0 24px 80px rgba(0, 0, 0, .25); }
.expert-city-modal__dialog h2 { margin: 0 48px 20px 0; font-size: clamp(24px, 4vw, 34px); }
.expert-city-modal__close { position: absolute; top: 16px; right: 16px; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: #f1f6ea; cursor: pointer; }
.expert-city-modal__close span::before, .expert-city-modal__close span::after { content: ''; position: absolute; top: 19px; left: 11px; width: 18px; height: 2px; border-radius: 2px; background: #25331a; }
.expert-city-modal__close span::before { transform: rotate(45deg); }
.expert-city-modal__close span::after { transform: rotate(-45deg); }
.expert-city-modal__close:hover, .expert-city-modal__close:focus-visible { background: #95c851; }
.expert-city-search input { box-sizing: border-box; width: 100%; min-height: 50px; padding: 12px 16px; border: 1px solid #d7d7d7; border-radius: 8px; font: inherit; }
.expert-city-search input:focus { border-color: #95c851; outline: 0; box-shadow: 0 0 0 3px rgba(149, 200, 81, .25); }
.expert-city-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 24px; margin: 22px 0 0; padding: 0; list-style: none; }
.expert-city-list a { display: block; padding: 9px 10px; border-radius: 7px; color: inherit; text-decoration: none; }
.expert-city-list a:hover, .expert-city-list a:focus-visible, .expert-city-list a[aria-current="true"] { background: rgba(149, 200, 81, .2); color: #527b1c; outline: 0; }
.expert-city-open { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.expert-city-open__label { opacity: .7; }
.expert-city-empty { margin: 22px 0 0; color: #666; }
@media (max-width: 560px) { .expert-city-modal__dialog { padding: 24px 18px; } .expert-city-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .expert-city-modal *, .expert-city-modal *::before, .expert-city-modal *::after { scroll-behavior: auto !important; } }