@media screen and (min-width: 1024px) {
    .top-menu
    {
        background-color: var(--alice-blue);
        color: #000;
    }

    .top-menu__inner
    {
        display: grid;
        grid-template-columns: auto 1fr auto 55px;
    }

    .top-menu__current-city
    {
        padding-top: 25px;
        padding-left: 32px;
        background-image: url(/static/resources/blocks/top-menu/img/top-menu__current-city.svg);
        background-position: left 25px;
        background-repeat: no-repeat;
        position: relative;
    }

    .top-menu__city-selector
    {
        font-weight: bold;
        cursor: pointer;
        font-size: 16px;
        line-height: 23px;
        transition: all var(--transition-duration) ease-out;
    }

    .top-menu__city-selector:active
    {
        transform: scale(0.97);
    }

    .top-menu__city-selector-distortion
    {
        position: absolute;
        left: 32px;
        top: 48px;
        font-size: 14px;
        line-height: 19px;
        color: var(--gray-text);
        text-overflow: ellipsis;
        overflow: hidden;
        text-transform: none;
        font-weight: normal;
        padding-top: 4px;
        display: block;
        white-space: nowrap;
    }

    .top-menu__links
    {
        display: flex;
        padding: 25px 84px 0px 84px;
        justify-content: center;
    }

    .top-menu__links-inner
    {
        display: flex;
        margin: 0 auto;
    }

    .top-menu__links_without-overflow,
    .top-menu__links-inner_without-overflow
    {
        overflow: hidden;
    }

    .top-menu__item
    {
        display: inline-block;
        font-weight: bold;
        position: relative;
        break-inside: avoid
        transition: all var(--transition-duration) ease-out;
    }

    .top-menu__item_optional
    {
        opacity: 0.5;
    }

    .top-menu__item_hidden
    {
        display: none;
    }

    .top-menu__item-link
    {

        font-size: 16px;
        line-height: 23px;
        font-size: 16px;
        font-weight: bold;
        line-height: 23px;
        color: #000;
        text-decoration: none;
        display: block;
        white-space: nowrap;
    }

    .top-menu__item-link:hover
    {
        text-decoration: underline;
    }

    .top-menu__item-link_orange
    {
        color: var(--pruma-orange);
    }

    .top-menu__item + .top-menu__item
    {
        margin-left: 42px;
    }

    .top-menu__item_dropdown
    {
        cursor: pointer;
        position: relative;
    }

    .top-menu__popup-menu
    {
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        transition: all var(--transition-duration) ease-out;

        padding: 15px 25px 15px 25px;
        position: absolute;
        left: -25px;
        top: 31px;
        background-color: var(--alice-blue);
        z-index: 110;
        box-shadow: 0px 1px 9px 2px rgba(0, 0, 0, 0.1);
        display: block;
    }

    .top-menu__item_dropdown:hover .top-menu__popup-menu
    {
        max-height: 185px;
        visibility: visible;
        overflow: visible;
        opacity: 1;
    }

    .top-menu__popup-item
    {
        display: block;
        white-space: nowrap;
        font-size: 16px;
        line-height: 23px;
        font-weight: 500;
        color: #000;
    }

    .top-menu__popup-item + .top-menu__popup-item
    {
        margin-top: 8px;
    }

    .top-menu__popup-item_hidden
    {
        display: none;
    }

    .top-menu__contacts
    {
        display: grid;
        grid-template-columns: auto auto;
    }

    .top-menu__phone-container-outer
    {
        padding: 25px min(60px,3.5vw) 16px 0px;
        display: flex;
        box-sizing: border-box;
    }

    .top-menu__phone-container-inner
    {
        margin-left: auto;
        position: relative;
        padding-right: 24px;
        box-sizing: border-box;
    }

    .top-menu__phone
    {
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        text-decoration: none;
        white-space: nowrap;
    }

    .top-menu__dropdown-contacts-button
    {
        width: 14px;
        height: 8px;
        position: absolute;
        top: 7px;
        right: 0px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(/static/resources/blocks/top-menu/img/top-menu__dropdown-contacts-button.svg);
        vertical-align: middle;
        cursor: pointer;
        transition: all var(--transition-duration) ease-out;
    }

    .top-menu__phone-container-inner_expanded-menu .top-menu__dropdown-contacts-button
    {
        transform: rotate(180deg);
    }

    .top-menu__dropdown-contacts
    {
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        transition: all var(--transition-duration) ease-out;
        position: absolute;
        left: calc(50% - 140px);
        top: 28px;
        background-color: #fff;
        z-index: 110;
        box-shadow: 0px 2px 7px 2px rgba(0, 0, 0, 0.06);
        display: block;
        min-width: 280px;
        border-radius: 6px;
    }

    .top-menu__phone-container-inner_expanded-menu .top-menu__dropdown-contacts
    {
        max-height: 550px;
        visibility: visible;
    }

    .top-menu__dropdown-contacts-section
    {
        padding: 20px 20px 20px 19px;
    }

    .top-menu__dropdown-contacts-section + .top-menu__dropdown-contacts-section
    {
        border-top: 1px solid #aec0d6;
    }

    .top-menu__dropdown-contacts-row
    {
        white-space: nowrap;
    }

    .top-menu__dropdown-contacts-row_hide
    {
        display: none;
    }

    .top-menu__dropdown-contacts-row_phone:not(.top-menu__dropdown-contacts-row_hide):first-of-type
    {
        display: block;
    }

    .top-menu__dropdown-contacts-row_address
    {
        white-space: normal;
    }

    .top-menu__dropdown-contacts-row
    {
        margin-bottom: 20px;
    }

    .top-menu__dropdown-contacts-row:nth-last-of-type(1)
    {
        margin-bottom: 0;
    }

    /*
    .top-menu__dropdown-contacts-row:not(.top-menu__dropdown-contacts-row_hide) + .top-menu__dropdown-contacts-row
    {
        margin-top: 20px;
    }
    */

    .top-menu__point-type
    {
        font-weight: 700;
    }

    .top-menu__dropdown-contacts-row_worktime
    {
        margin-top: 7px !important;
    }

    .top-menu__dropdown-contacts-telegram,
    .top-menu__dropdown-contacts-whatsapp,
    .top-menu__dropdown-contacts-phone,
    .top-menu__dropdown-contacts-email
    {
        font-size: 16px;
        line-height: 24px;
        background-position: left center;
        background-size: 24px;
        background-repeat: no-repeat;
        padding-left: 34px;
        display: block;
    }

    .top-menu__dropdown-contacts-phone
    {
        background-image: url(/static/resources/blocks/top-menu/img/top-menu__dropdown-contacts-phone.svg);
    }

    .top-menu__dropdown-contacts-email
    {
        background-image: url(/static/resources/blocks/top-menu/img/top-menu__dropdown-contacts-email.svg);
    }

    .top-menu__dropdown-contacts-telegram
    {
        background-image: url(/static/resources/blocks/top-menu/img/top-menu__dropdown-contacts-telegram.svg);
    }

    .top-menu__dropdown-contacts-whatsapp
    {
        background-image: url(/static/resources/blocks/top-menu/img/top-menu__dropdown-contacts-whatsapp.svg);
    }

    .top-menu__call-container
    {
        padding-top: 4px;
    }

    .top-menu__call
    {
        font-size: 14px;
        line-height: 19px;
        white-space: nowrap;
    }

    .top-menu__email-container-outer
    {
        padding: 25px 25px 16px 0px;
        display: flex;
    }

    .top-menu__email-container-inner
    {
        margin-right: auto;
    }

    .top-menu__email
    {
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
    }

    .top-menu__email-remark
    {
        padding-top: 4px;
        font-size: 14px;
        line-height: 19px;
        color: var(--gray-text);
        display: block;
    }

    .top-menu__login-status
    {
        padding-top: 25px;
        display: flex;
    }

    .top-menu__login-status-inner
    {
        margin-left: auto;
        display: inline-block;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .top-menu__user-name
    {
        display: none;
        font-size: 14px;
        line-height: 19px;
        color: var(--gray-text);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-menu__logout
    {
        padding-top: 4px;
    }

    .top-menu__logout
    {
        font-size: 14px;
        line-height: 19px;
        white-space: nowrap;
    }

    .top-menu__logout:hover
    {

    }

    .top-menu__login
    {
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
    }

    .top-menu__login-remark
    {
        padding-top: 4px;
        font-size: 14px;
        line-height: 19px;
        color: var(--gray-text);
        display: none;
        white-space: nowrap;
    }
}