html.portal-popup-page,
html.portal-popup-page body {
    background: #fbfbfb;
    color: #050c26;
}

/* Body-only pages already have padding; a full-viewport minimum overflows it. */
html.portal-popup-page body.g-bodyonly #g-page-surround {
    min-height: 0;
}

.portal-popup-picker #g-page-surround,
.portal-popup-picker .g-content {
    margin: 0;
    padding: 0;
}

.portal-popup-picker #g-page-surround {
    background: transparent;
}

.portal-popup-picker .nav.menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: 12px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.portal-popup-picker .nav.menu > li {
    min-width: 0;
    margin: 0;
    padding: 0;
}

.portal-popup-picker .nav.menu > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    min-height: 84px;
    padding: 14px;
    border: 1px solid #dedee2;
    border-radius: 4px;
    background: #fff;
    color: #050c26;
}

.portal-popup-picker .nav.menu > li > a:hover,
.portal-popup-picker .nav.menu > li > a:focus-visible {
    border-color: #ec5a1c;
    outline: 2px solid #ec5a1c;
    outline-offset: 1px;
}

.portal-popup-picker .city_menu_img {
    flex: 0 0 35px;
}

.portal-popup-picker .city_menu_img img {
    display: block;
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.portal-popup-picker .city_txt span,
.portal-popup-picker .city_txt small {
    display: block;
}

.portal-popup-picker .city_txt small {
    color: #626570;
    line-height: 1.3;
}