/* The dialog remains outside the transformed fixed header. */
body .city-popup {
  position: fixed;
  inset: var(--es-city-top, 110px) auto auto var(--es-city-left, 16px);
  box-sizing: border-box;
  width: 380px;
  max-width: calc(100% - 32px);
  max-height: var(--es-city-max-height, calc(100dvh - 126px));
  overflow-y: auto;
  z-index: 30;
}
body .city-popup__actions { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 10px; }
body .city-popup__actions .button { --es-button-pad-x: 20px; width: 100%; min-width: 0; }