@media screen and (max-width: 1023px) {
    .main-menu__inner
    {
        display: grid;
        grid-template-columns: auto 1fr;
        position: relative;
    }

    .main-menu__items,
    .main-menu__menu-outer,
    .main-menu__overlay,
    .main-menu__cart
    {
        display: none;
    }

    .main-menu__logo-container
    {
        display: flex;
    }

    .main-menu__homepage-link,
    .main-menu__logo-h1
    {
        text-decoration: none;
        position: absolute;
        left: calc(50% - 67px);
        top: 25px;
        display: block;
        height: 32px;
        z-index: 1;
    }

    .main-menu__logo
    {
        height: 32px;
    }

    .main-menu_with-mobile-search .main-menu__homepage-link,
    .main-menu_with-mobile-search .main-menu__logo-h1
    {
        z-index: 0;
        visibility: hidden;
    }

    .main-menu__mobile-menu
    {
        width: 28px;
        height: 28px;
        background-image: url(/static/resources/blocks/main-menu/img/main-menu__mobile-menu.svg);
        background-position: left center;
        background-repeat: no-repeat;
        display: inline-block;
        margin: auto 13px auto 0;
    }

    .main-menu__mobile-location-selector
    {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        display: inline-block;
        margin: auto 0;
        display: flex;
    }

    .main-menu__mobile-location-selector-icon
    {
        display: inline-block;
        margin: auto;
        pointer-events: none;
    }

    .main-menu__mobile-location-selector-inner
    {
        stroke: #1290DE;
    }

    .main-menu__mobile-location-selector_red .main-menu__mobile-location-selector-inner
    {
        stroke: var(--pruma-red);
    }

    .main-menu__search
    {
        padding: 16px 0;
        position: relative;
        min-height: 50px;
    }

    .main-menu__search-input
    {
        border: 1px solid #d9d9d9;
        box-sizing: border-box;
        border-radius: 8px;
        font-size: 16px;
        line-height: 23px;
        padding: 12.5px 12.5px;
        position: absolute;
        left: 0;
        right: 40px;
        width: calc(100% - 40px);
        top: 16px;
        visibility: hidden;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        z-index: 1;
    }

    .main-menu_with-mobile-search .main-menu__search-input
    {
        visibility: visible;
    }

    .main-menu__search-input_visible
    {
        max-height: 50px;
    }

    .main-menu__call-button
    {
        display: block;
        background-image: url(/static/resources/blocks/main-menu/img/main-menu__call-button.svg);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        height: 32px;
        width: 32px;
        top:  25px;
        right: 42px;
    }

    .main-menu__search-button
    {
        display: block;
        background-image: url(/static/resources/blocks/main-menu/img/main-menu__search-button.svg);
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        height: 32px;
        width: 32px;
        top:  25px;
        right: 0px;
    }

    .main-menu_with-mobile-search .main-menu__search-button
    {
        background-image: url(/static/resources/blocks/main-menu/img/main-menu__search-button_alt.svg);
    }

    .main-menu__search-btn:active
    {
        transform: scale(0.97);
    }


    .main-menu__search-popup
    {
        position: absolute;
        max-height: 0;
        overflow: hidden;
        transition: opacity var(--transition-duration) ease-out;
        background-color: #fff;
        z-index: 10;
    }

    .main-menu__search-popup_visible
    {
        max-height: none;
        opacity: 1;
        overflow-y: auto;
        left: -70px;
        top: 0;
        right: -14px;
        margin-top: 66px;
        padding: 0px 25px 20px 25px;
        border-bottom: 1px solid var(--link-color);
        box-shadow: 0px 10px 5px rgba(0, 0, 0, 0.1);
    }

    .main-menu__mobile-search-container
    {
        display: flex;
    }

    .main-menu__search-popup-blank
    {
        margin-top: 17px;
    }

    .main-menu__search-popup-row
    {
        margin-top: 20px;
        margin-bottom: 5px;
        display: flex;
        flex-wrap: wrap;
    }

    .main-menu__search-popup-cell
    {
        width: 100%;
        box-sizing: border-box;
    }

    .main-menu__search-popup-cell_right
    {
        order: 1;
        color: #303036;
        font-weight: 700;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .main-menu__search-popup-amount
    {
        display: inline-block;
        padding-left: 3px;
        color: gray;
    }

    .main-menu__search-popup-cell_left
    {
        order: 2;
    }

    .main-menu__link-container
    {

    }

    .main-menu__search-popup-link,
    .main-menu__search-popup-product-name
    {
        font-size: 14px;
        color: var(--link-color);
        cursor: pointer;
        text-decoration: none;
        line-height: 150%;
    }

    .main-menu__search-popup-product
    {
        display: grid;
        grid-template-columns: 45px 1fr;
    }

    .main-menu__search-popup-product-image
    {
        min-height: 45px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .main-menu__search-popup-product-name-container
    {
        padding: 5px 0 10px 15px;
    }

    .main-menu__search-popup-show-all
    {
        color: var(--link-color);
        margin-top: 10px;
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
    }

}