/* ============================================================
   selling-page.css — отступы между секциями продающего шаблона

   Шаблон `template-parts/single-selling.php`, общий для «Услуг»
   и «С чем помогаем». Класс `page-selling` он ставит сам, поэтому
   оба раздела получают одинаковый ритм — макет у них общий.

   Здесь только зазоры между секциями. Сами компоненты не
   трогаются: те же otzyvinfo / ourspecinfo / leoinfo / uyutinfo /
   uslugiinfo / faq стоят на главной, консультациях и посадочной со
   своими отступами, и там всё остаётся как было.

   Подключается ПОСЛЕ всех компонентных стилей — см. список
   зависимостей в functions.php. Иначе правила проигрывают им при
   равной специфичности.

   Правило, по которому назначены числа: считается расстояние
   между ВИДИМЫМИ краями, а не между коробками секций. Почти у
   каждой секции есть невидимый собственный отступ, а у формы и
   LeoInfo сверху ещё и выступающая фотография — причём на разных
   брейкпоинтах по-разному.
   ============================================================ */

/* ── Стык 9: «Вернуться назад» → отзывы ────────────────────────
   60 на десктопе, 40 на мобильной. Было 103 и 132 — самые большие
   зазоры страницы, и оба из трёх слагаемых:

     62  margin-bottom у `.articles-typical__container`
     20  padding-bottom у `.articles-typical`
     21  --section-pt у отзывов (--gap-bcr-to-section)

   на мобильной вместо 21 приходит 10, и добавляется четвёртое —
   `margin-bottom: 10vw` у `.articles-typical` (mobile.css). Всё
   обнуляется, зазор задаёт верхний отступ отзывов.
   ------------------------------------------------------------ */
body.page-selling .articles-typical__container {
    margin-bottom: 0;
}

body.page-selling .articles-typical {
    padding-bottom: 0;
    margin-bottom: 0;
}

@media (min-width: 769px) {
    body.page-selling .otzyvinfo-v1 {
        --section-pt: 60px;
        padding-top: 60px;
    }
}

@media (max-width: 768px) {
    body.page-selling .otzyvinfo-v1 {
        --section-pt: 40px;
        padding-top: 40px;
    }
}

/* ── Стык 8: отзывы → специалисты ──────────────────────────────
   60 / 40. Было 80 (20 + 60) и 40 (20 + 20). Мобильное число уже
   совпадало, но правило прописано и там: иначе зазор держится на
   совпадении двух чужих отступов, а не на названном месте.
   ------------------------------------------------------------ */
body.page-selling .otzyvinfo-v1 {
    --section-pb: 0px;
    padding-bottom: 0;
}

@media (min-width: 769px) {
    body.page-selling .ourspecinfo-v1 {
        --section-pt: 60px;
        padding-top: 60px;
    }
}

@media (max-width: 768px) {
    body.page-selling .ourspecinfo-v1 {
        --section-pt: 40px;
        padding-top: 40px;
    }
}

/* ── Стык 7: специалисты → форма «Подобрать специалиста» ───────
   40 на обоих. Было 20 и 19 — весь зазор давал нижний отступ
   карусели, у формы сверху ноль.

   Мобильные 19 вместо 20 — рамка карточки в 1px, тот же случай,
   что у LeoInfo на статье.

   Целимся по id: форм на странице две, обе `--alt`, и различить
   их можно только так.
   ------------------------------------------------------------ */
body.page-selling .ourspecinfo-v1 {
    --section-pb: 0px;
    padding-bottom: 0;
}

body.page-selling #consformnew-podborspec {
    --section-pt: 40px;
    padding-top: 40px;
}

/* ── Стык 5: LeoInfo → «Уют» ───────────────────────────────────
   40 на обоих. Было 20 и 20 — нижний отступ LeoInfo, у «Уюта»
   сверху ноль.
   ------------------------------------------------------------ */
body.page-selling .leoinfo-v1 {
    --section-pb: 0px;
    padding-bottom: 0;
}

body.page-selling .uyutinfo-v1 {
    --section-pt: 40px;
    padding-top: 40px;
}

/* ── Стык 4: «Уют» → виджет услуг ──────────────────────────────
   40 на обоих. Было 20 на десктопе и 40 на мобильной — нижний
   отступ «Уюта» (20px и 10vw), у виджета сверху ноль.
   ------------------------------------------------------------ */
body.page-selling .uyutinfo-v1 {
    --section-pb: 0px;
    padding-bottom: 0;
}

body.page-selling .uslugiinfo-v1 {
    --section-pt: 40px;
    padding-top: 40px;
}

/* ── Стык 3: виджет услуг → ЧаВо ───────────────────────────────
   60 / 40. Было 60 (60 + 0) и 80 (60 + 20). Десктопное число
   совпадало; правило прописано, чтобы его задавало одно место.
   ------------------------------------------------------------ */
body.page-selling .uslugiinfo-v1 {
    --section-pb: 0px;
    padding-bottom: 0;
}

@media (min-width: 769px) {
    body.page-selling .faq-v1 {
        --section-pt: 60px;
        padding-top: 60px;
    }
}

@media (max-width: 768px) {
    body.page-selling .faq-v1 {
        --section-pt: 40px;
        padding-top: 40px;
    }
}

/* ── Стык 6: форма «Подобрать специалиста» → LeoInfo ───────────
   60 на обоих. Было 61 и 59 — 40 нижнего отступа формы плюс
   верхний отступ LeoInfo, где лишний пиксель давал сдвиг
   фотографии от padding-бокса карточки. Это починено в самом
   компоненте (`top: -61px` у `__media`), поэтому здесь число
   одно и круглое на обоих брейкпоинтах.
   ------------------------------------------------------------ */
body.page-selling #consformnew-podborspec {
    --section-pb: 0px;
    padding-bottom: 0;
}

body.page-selling .leoinfo-v1 {
    --section-pt: 60px;
    padding-top: 60px;
}

/* ── Стык 2: ЧаВо → форма «Задать вопрос» ──────────────────────
   40 на обоих. Было 20 и 40 — весь зазор давал нижний отступ
   ЧаВо (20px и 10vw), у формы сверху ноль.

   Верх у формы здесь честный на обоих брейкпоинтах: на десктопе
   фотография начинается ровно на границе коробки, на мобильной
   верх — заголовок, тоже на границе.
   ------------------------------------------------------------ */
body.page-selling .faq-v1 {
    --section-pb: 0px;
    padding-bottom: 0;
}

body.page-selling #consformnew-vopros {
    --section-pt: 40px;
    padding-top: 40px;
}