/* Мобильные правки batch v3 — только ≤679px */

@media screen and (max-width: 679px) {
    /* п.2 ItHelper — кнопка слева, иконки в одну линию */
    #text_graphic_block .main-feature--it-help .main-feature__right {
        align-items: flex-start !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__it-content {
        align-items: flex-start !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        text-align: left !important;
        width: 100% !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__it-content .main-feature__it-list {
        align-self: stretch !important;
        text-align: left !important;
        width: 100% !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__it-list li {
        font-size: calc(4.26667vw - 2pt) !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__button-wrapper--it-help {
        align-items: center !important;
        align-self: stretch !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: clamp(8px, 2.4vw, 12px) !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: clamp(24px, 6.4vw, 40px) !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__button-wrapper--it-help .main-feature__button {
        box-sizing: border-box !important;
        flex: 0 0 auto !important;
        width: auto !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__it-icons--under-image {
        box-sizing: border-box !important;
        display: flex !important;
        gap: clamp(2px, 0.6vw, 4px) !important;
        justify-content: space-between !important;
        margin-top: clamp(12px, 3.2vw, 18px) !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__it-icons--under-image .main-feature__it-icon {
        display: block !important;
        flex: 1 1 0 !important;
        height: auto !important;
        max-height: clamp(56px, 14vw, 80px) !important;
        max-width: 100% !important;
        min-width: 0 !important;
        object-fit: contain !important;
        width: auto !important;
    }

    #text_graphic_block .main-feature--it-help .main-feature__it-icons--inline-btn {
        display: none !important;
    }

    /* п.3 Оборудование — симметричные отступы */
    #equipment .eq-card {
        padding: 20px !important;
    }

    #equipment .eq-card__content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* п.5 — нижний отступ внутри блока = 2× боковой (на сетке карточек) */
    #equipment.equipment {
        --eq-mobile-gutter: 20px;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-left: var(--eq-mobile-gutter) !important;
        padding-right: var(--eq-mobile-gutter) !important;
        position: relative;
        z-index: auto;
    }

    #equipment .equipment__cards-grid {
        gap: calc(var(--eq-mobile-gutter) * 2) !important;
        padding-bottom: calc(var(--eq-mobile-gutter) * 2) !important;
    }

    #why_us.slider-showcase {
        margin-top: 0 !important;
        padding-top: 24px !important;
        position: relative;
        z-index: auto;
        --pill-media-extra-lift: 0px !important;
        --pill-media-overlap: 0px !important;
        --pill-mobile-media-h: min(82vw, 360px);
    }

    /* п.4 ТТК — картинка под текстом, фикс. высота, одна позиция для всех слайдов */
    #why_us .showcase-pills__card {
        box-sizing: border-box !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 16px 16px 10px !important;
    }

    #why_us .showcase-pills__card.is-mobile-height-locked {
        height: var(--showcase-card-mobile-h) !important;
        max-height: var(--showcase-card-mobile-h) !important;
        min-height: var(--showcase-card-mobile-h) !important;
        padding: 16px 16px 10px !important;
    }

    #why_us .showcase-pills__card-inner {
        align-items: stretch;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: auto !important;
        min-height: 0;
    }

    #why_us .showcase-pills__card.is-mobile-height-locked .showcase-pills__card-inner {
        height: 100% !important;
        min-height: 100% !important;
    }

    #why_us .showcase-pills__text {
        flex: 1 1 auto;
        max-width: 100% !important;
        min-height: 0;
        order: 1;
        padding-top: 0 !important;
        width: 100%;
    }

    #why_us .showcase-pills__media {
        flex: 0 0 var(--pill-mobile-media-h) !important;
        height: var(--pill-mobile-media-h) !important;
        margin: 0 !important;
        order: 2;
        overflow: hidden;
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
    }

    #why_us .showcase-pills__media-stack {
        height: 100% !important;
        min-height: 0;
        position: relative;
        width: 100%;
    }

    #why_us .showcase-pills__media-stack .showcase-slide__img {
        bottom: auto !important;
        display: block !important;
        height: auto !important;
        left: 50% !important;
        margin: 0;
        max-height: 100% !important;
        max-width: 100% !important;
        object-fit: contain;
        object-position: center center;
        position: absolute !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: auto !important;
    }

    #why_us .showcase-pills__media-stack .showcase-slide__img:not(.is-active) {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }

    /* п.6 — девушка в форме: убрать зазор сверху, увеличить внутри блока */
    #connection_requests .connection-request__inner {
        gap: 0 !important;
        row-gap: 0 !important;
    }

    /* Форма обратной связи — см. site-mobile-overrides.css (подключается последним) */

    /* п.9 — заголовок секции «Тарифы» по центру на мобиле */
    #tarifs .main-tariff__head-wrap {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }

    #tarifs .main-tariff__header-inner {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    #tarifs .main-tariff__title.title.is-2 {
        flex: 1 1 auto !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* п.7 заголовки */
    #why_us .slider-showcase__title.connection-flow__title.title.is-2,
    #connection_requests .connection-flow__title.title.is-2 {
        font-size: 10.6667vw !important;
        line-height: 1.1 !important;
        margin-bottom: 3.73333vw !important;
        white-space: normal !important;
    }
}