.header-test .city-selector { position: relative; width: 210px; }
.header-test .city-selector__toggle { display: flex; align-items: center; justify-content: flex-start; gap: 8px; width: 100%; min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; cursor: pointer; }
.header-test .city-selector__toggle::after { content: ''; width: 7px; height: 7px; margin-top: -3px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .2s; }
.header-test .city-selector.is-open .city-selector__toggle::after { transform: rotate(-135deg) translateY(-3px); }
.header-test .city-selector__menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 20; display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 8px; background: var(--white); border-radius: 12px; box-shadow: 0 10px 30px color-mix(in srgb, var(--black-light) 12%, transparent); }
.header-test .city-selector.is-open .city-selector__menu { display: block; }
.header-test .city-selector__search { margin-bottom: 6px; }
.header-test .city-selector__search { box-sizing: border-box; width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--gray-200); border-radius: 8px; background: var(--white); color: var(--black-light); font: inherit; font-size: 14px; }
.header-test .city-selector__search:focus { border-color: var(--blue-middle); outline: none; }
.header-test .city-selector__options { max-height: 260px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.header-test .city-selector__option { width: 100%; padding: 10px 14px; border: 0; border-radius: 8px; background: transparent; color: var(--black-light); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.header-test .city-selector__option:hover, .header-test .city-selector__option:focus-visible, .header-test .city-selector__option.is-active { background: var(--gray-300); outline: none; }
.header-test .city-selector__option-item.is-hidden { display: none; }