.top-place[data-type="wide-delivery"].is-hide {
        display: block;
    }

    .top-place[data-type="wide-delivery"] {
        position: relative;
        width: 100%;
        max-height: 100px;
        background: url('/static/f/banner_top/11/wide-delivery-background.png');
        background-size: 1363px auto;
        background-position: calc(50% - 61px) -28px;
        background-color: #7FBEDD;
    }

    @media screen and (max-width: 559px) {
        .top-place[data-type="wide-delivery"] {
            height: 143px;
            min-height: 143px;
            background: url('/static/f/banner_top/11/wide-delivery-background-mobile.png') no-repeat;
            background-size: 331px auto;
            background-position: calc(50% - -10px) 9px;
            background-color: #7FBEDD;
        }
    }

    .top-place[data-type="wide-delivery"] .top-place__close {
        top: 30px;
        right: 25px;
        background: #F4FDFF;
        border-radius: 99px;
    }

    @media screen and (max-width: 559px) {
        .top-place[data-type="wide-delivery"] .top-place__close {
            top: 13px;
            right: 14px;
        }
    }

    .top-place[data-type="wide-delivery"] .top-place__close::before {
        background: #4C7285;
    }

    .top-place[data-type="wide-delivery"] .top-place__close::after {
        background: #4C7285;
    }

    .top-place[data-type="wide-delivery"] .top-place__wrapper {
        position: absolute;
        width: fit-content;
        height: 100%;
        right: calc(50% - 237px);

        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 12px;
        padding: 0;
    }
    
    @media screen and (max-width: 1024px) {
        .top-place[data-type="wide-delivery"] .top-place__wrapper {
            right: unset;
            left: calc(50% - 512px - 3%);
        }
    }

    @media screen and (max-width: 768px) {
        .top-place[data-type="wide-delivery"] .top-place__wrapper {
            left: calc(50% - 384px - 5%);
            gap: 0;
        }
    }

    @media screen and (max-width: 559px) {
        .top-place[data-type="wide-delivery"] .top-place__wrapper {
            left: calc(50% - 174px);
        }
    }

    @media screen and (max-width: 390px) {
        .top-place[data-type="wide-delivery"] .top-place__wrapper {
            left: calc(50% - 166px);
        }
    }

    .top-place[data-type="wide-delivery"] .top-place__text-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    @media screen and (max-width: 559px) {
        .top-place[data-type="wide-delivery"] .top-place__text-wrapper {
            align-items: center;
            top: 22px;
        }
    }

    .top-place[data-type="wide-delivery"] .top-place__title {
        position: relative;
        font-family: "RotonBol", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 120%;
        text-align: center;
        color: #FFFFFF;
    }

    @media screen and (max-width: 1024px) {
        .top-place[data-type="wide-delivery"] .top-place__title {
            min-width: 433px;
        }
    }

    @media screen and (max-width: 768px) {
        .top-place[data-type="wide-delivery"] .top-place__title {
            font-size: 16px;
            line-height: 120%;
            min-width: unset;
        }
    }

    @media screen and (max-width: 559px) {
        .top-place[data-type="wide-delivery"] .top-place__title {
            max-width: 260px;
        }
    }

    .top-place[data-type="wide-delivery"] .top-place__text {
        position: relative;
        font-family: "RotonBol", Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        text-align: center;
        color: #FFFFFF;
    }

    @media screen and (max-width: 768px) {
        .top-place[data-type="wide-delivery"] .top-place__text {
            font-size: 12px;
            line-height: 140%;
        }
    }

    .top-place[data-type="wide-delivery"] .top-place__image {
        position: relative;
        top: -40px;
    }

    @media screen and (max-width: 768px) {
        .top-place[data-type="wide-delivery"] .top-place__image {
            width: 279px;
            height: auto;
            top: -28px;
        }
    }

    @media screen and (max-width: 559px) {
        .top-place[data-type="wide-delivery"] .top-place__image {
            position: absolute;
            top: -134px;
            left: -170px;
        }
    }