/* ============================================================
   /prodvizhenie-proizvodstva/ — адаптив (desktop-first overrides).
   Брейкпоинты: 1200 / 1024 / 768 / 480. Подключается после prodvizhenie.css.
   Переиспользуемые td-* блоки (benefits, interview, written, contact)
   адаптируются через page-home-responsive.css (подключён отдельно).
   ============================================================ */

/* ===== ≤1200px — гаттеры для центрированных контейнеров (1160) ===== */
/* ===================== ≤1200px — ПЛАНШЕТ (стек + отступы) =====================
   Контент сайта рассчитан на ~1160px; ниже этого десктопные раскладки (особенно
   абсолютные, как hero) теснятся и прилипают к краям, поэтому переводим в поток
   уже с 1200px, а не с 1024. */
@media (max-width: 1200px) {
    .prod-hero__container, .prod-icons__container, .prod-stat__container,
    .prod-cases__track, .prod-form__container, .prod-adv__container,
    .prod-notjust__container, .prod-vreview__inner, .prod-telegram__card {
        padding-left: 28px; padding-right: 28px; box-sizing: border-box;
    }

    /* — HERO: абсолютная раскладка → поток — */
    .prod-hero { height: auto; }
    .prod-hero__container { height: auto; padding-top: 100px; padding-bottom: 32px; }
    .prod-hero__text { position: static; }
    .prod-hero__title { width: auto; max-width: 100%; font-size: 30px; line-height: 1.2; }
    .prod-hero__img--right {
        position: static;
        left: auto; top: auto;
        width: 100%; max-width: 480px; height: auto;
        margin: 8px auto 0; display: block;
    }

    /* — ICONS: 2 колонки → 1 — */
    .prod-icons { padding: 50px 0 70px; }
    .prod-icons__container { grid-template-columns: 1fr; gap: 24px; }

    /* — STAT 95%: в стек — */
    .prod-stat { padding: 50px 0 40px; }
    .prod-stat__container { flex-direction: column; align-items: flex-start; gap: 24px; }
    .prod-stat__badge-num { font-size: 64px; }
    .prod-stat__badge-pct { font-size: 34px; }
    .prod-stat__title { font-size: 28px; line-height: 1.2; max-width: none; }
    .prod-stat__nav { margin-top: 0; }
    /* стек-визуал (скриншоты) — из absolute в поток */
    .prod-pstack {
        position: relative;
        top: auto; left: auto;
        width: 100%; max-width: 480px;
        margin: 8px auto 0;
    }

    /* — CASES: карточка 2 колонки → 1 (слайдер через класс active, JS не трогаем) — */
    .prod-case-card { grid-template-columns: 1fr; }
    .prod-case-card__body { padding: 28px 24px; }
    .prod-case-card__title { font-size: 26px; }

    /* — FORM: тёмный flex; картинка справа убрана, форма на всю ширину — */
    .prod-form { padding-top: 50px; }
    .prod-form__container { flex-direction: column; }
    .prod-form__text-col { max-width: none; }
    .prod-form__title { font-size: 32px; max-width: none; }
    .prod-form__cf7 { max-width: none; }
    .prod-form__img-col { display: none; }

    /* — ADV: 2 колонки → стек, items на всю ширину — */
    .prod-adv { padding-top: 60px; }
    .prod-adv__h2 { font-size: 32px; line-height: 1.2; }
    .prod-adv__grid { flex-direction: column; }
    .prod-adv__col, .prod-adv__col--left, .prod-adv__col--right { width: 100%; }
    .prod-adv__item--ab2-left, .prod-adv__item--ab2-right { width: 100%; margin-left: 0; }
    .prod-adv__item { padding: 32px 24px; }

    /* — NOTJUST — */
    .prod-notjust__title { font-size: 30px; max-width: none; }

    /* — VREVIEW: фото + контент → стек (overflow:visible → даём тексту переноситься) — */
    .prod-vreview { padding-top: 50px; }
    .prod-vreview__row { padding: 25px 0 50px; }
    .prod-vreview__inner { flex-direction: column; }
    .prod-vreview__photo-wrap { width: 100%; height: 360px; }
    .prod-vreview__content { height: auto; min-height: 0; padding: 32px 24px; }
    .prod-vreview__label { font-size: 26px; width: auto; max-width: 100%; }
    .prod-vreview__quote { width: auto; max-width: 100%; }
    .prod-vreview__badge { max-width: none; white-space: normal; overflow: visible; }
    .prod-vreview__quote-icon { display: none; }

    /* — TREVIEW: абсолютные карточки 585px → вертикальный стек — */
    .prod-treview { height: auto; padding: 0 28px 40px; }
    .prod-treview__card,
    .prod-treview__card--1,
    .prod-treview__card--2,
    .prod-treview__card--3 {
        position: relative;
        top: auto; left: auto;
        width: 100%; max-width: 560px; height: auto;
        margin: 0 auto 20px;
        padding: 28px 30px 30px;
        background: #faf5ef !important;
        border-radius: 15px;
    }
    .prod-treview__short,
    .prod-treview__quote,
    .prod-treview__author,
    .prod-treview__quote--sm {
        position: static;
        top: auto; left: auto;
        width: auto; height: auto;
        margin: 0 0 10px;
    }
    .prod-treview__photo {
        position: static;
        top: auto; left: auto;
        width: 120px; height: 160px;
        margin-top: 8px;
    }

    /* — TELEGRAM: абсолютная карточка → поток, телефоны убрать — */
    .prod-telegram__card { height: auto; padding: 32px 28px; }
    .prod-telegram__text-group {
        position: static;
        top: auto; left: auto;
        width: auto; height: auto;
        row-gap: 22px;
    }
    .prod-telegram__phone--1,
    .prod-telegram__phone--2 { display: none; }
}

/* ===================== ≤768px — МОБИЛЬНЫЙ ===================== */
@media (max-width: 768px) {
    .prod-hero__container, .prod-icons__container, .prod-stat__container,
    .prod-cases__track, .prod-form__container, .prod-adv__container,
    .prod-notjust__container, .prod-vreview__inner, .prod-telegram__card {
        padding-left: 16px; padding-right: 16px;
    }
    .prod-treview { padding-left: 16px; padding-right: 16px; }

    .prod-hero__title { font-size: 26px; }
    .prod-hero__btn { width: 100%; }
    .prod-stat__badge-num { font-size: 54px; }
    .prod-stat__title { font-size: 24px; }
    .prod-case-card__title { font-size: 23px; }
    .prod-form__title { font-size: 28px; }
    .prod-form .prod-form__cf7 input[type="submit"],
    .prod-form .wpcf7 input[type="submit"] { width: 100% !important; }
    .prod-adv__h2,
    .prod-notjust__title,
    .prod-telegram__title { font-size: 26px; }
    .prod-vreview__label { font-size: 23px; }
    .prod-telegram__btn { width: 100%; }
}

/* ===================== ≤480px — УЗКИЙ ТЕЛЕФОН ===================== */
@media (max-width: 480px) {
    .prod-hero__title,
    .prod-form__title,
    .prod-adv__h2,
    .prod-notjust__title,
    .prod-stat__title { font-size: 23px; }
    .prod-stat__badge-num { font-size: 46px; }
    .prod-case-card__metrics { grid-template-columns: auto auto 16px auto auto; column-gap: 6px; }
    .prod-cnum { font-size: 18px; }
}