/* Мобильная вёрстка блока «Интернет, о котором не приходится беспокоиться» — только ≤679px */

@media screen and (max-width: 679px) {
    #text_graphic_block {
        margin-top: 32px !important;
    }

    #text_graphic_block .main-feature--bonus-arrow {
        display: flex;
        flex-direction: column;
        margin-bottom: 0 !important;
        overflow: visible;
        position: relative;
    }

    /* Девушка — на жёлтом фоне, полная ширина, слева, низ вплотную к красной подложке */
    #text_graphic_block .main-feature--bonus-arrow .main-feature__left {
        background: transparent;
        box-sizing: border-box;
        flex: 0 0 auto;
        float: none !important;
        line-height: 0;
        margin-bottom: 0 !important;
        order: 1;
        overflow: hidden;
        padding: 0;
        position: relative !important;
        right: auto !important;
        text-align: left;
        top: auto !important;
        width: 100% !important;
        z-index: auto;
    }

    #text_graphic_block .main-feature--bonus-arrow .main-feature__image {
        display: block;
        line-height: 0;
        width: 100%;
    }

    #text_graphic_block .main-feature--bonus-arrow .main-feature__left img {
        display: block;
        height: auto;
        margin: 0 0 -10px;
        max-width: 100% !important;
        object-fit: contain;
        object-position: left bottom;
        opacity: 1 !important;
        transform: none;
        vertical-align: bottom;
        width: 100% !important;
    }

    #text_graphic_block .main-feature--bonus-arrow .main-feature__image {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Красная подложка от края до края — как стрелка на ПК (#ff3833) */
    #text_graphic_block .main-feature--bonus-arrow .main-feature__right {
        background: #ff3833 !important;
        box-sizing: border-box;
        clear: both;
        color: #fff;
        flex: 0 0 auto;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        max-width: none;
        order: 2;
        padding: 5.33333vw 20px 6.66667vw 20px !important;
        position: relative;
        width: 100vw;
        z-index: auto;
    }

    /* Левый отступ текста — как у «Услуги ТТК в приложении» */
    #text_graphic_block .main-feature--bonus-arrow .main-feature__right .main-feature__title,
    #text_graphic_block .main-feature--bonus-arrow .main-feature__right .main-feature__subtitle,
    #text_graphic_block .main-feature--bonus-arrow .main-feature__right .main-feature__button-wrapper {
        box-sizing: border-box;
        margin-left: 0 !important;
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: normal;
    }

    #text_graphic_block .main-feature--bonus-arrow .main-feature__title,
    #text_graphic_block .main-feature--bonus-arrow .main-feature__subtitle {
        color: #fff !important;
    }

    #text_graphic_block .main-feature--bonus-arrow .main-feature__button.button.is-outline.is-white {
        background-color: transparent !important;
        border-color: #fff !important;
        color: #fff !important;
    }
}