.city-search { position: relative; width: 100%; min-width: 0; }
.checkout-field .city-search-input { width: 100%; padding-right: 66px; }
.city-search-input::placeholder { color: #80656d; }
.city-search.is-open .city-search-input { border-color: #8b4e5d; box-shadow: 0 0 0 3px #8b4e5d13; }
.city-search-arrow { position: absolute; right: 17px; top: 50%; pointer-events: none; }
.city-search.is-open .city-search-arrow { transform: translateY(-2px) rotate(225deg); }
.city-search-clear { position: absolute; right: 32px; top: 50%; transform: translateY(-50%); width: 30px; height: 32px; border: 0; border-radius: 9px; background: transparent; color: #80525f; font-size: 22px; cursor: pointer; }
.city-search-clear:hover { background: #f6edee; }
.city-search-clear:focus-visible { outline: 2px solid #8b4e5d; outline-offset: -2px; }
.city-search-clear[hidden], .city-search select[hidden] { display: none; }
.city-search-empty { margin: 0; padding: 12px; color: #80656d; font-size: 14px; }