/* ==========================================================================
   ОГЛАВЛЕНИЕ (course-section-spacing.css) — нижние отступы секций лендинга
   HTML: body.page-course — блоки #course-block-02 … #course-block-05
   ~9.375rem (150px) на десктопе, единообразно между блоками

   1. Переменная и секции блоков 2–6
   2. Доп. воздух у последнего контента внутри блока
   3. Мобилка
   ========================================================================== */

.page-course {
  --course-block-pad-bottom: clamp(5.75rem, 8.5vw, 9.375rem);
}

.page-course #course-block-02.block-04,
.page-course #course-block-03.course-paid,
.page-course #course-block-faq.course-faq,
.page-course #course-block-04.block-05,
.page-course #course-block-05.block-02 {
  padding-bottom: var(--course-block-pad-bottom);
}

.page-course #course-block-02 .course-free__paid-cta {
  margin-bottom: var(--gap-md);
}

.page-course #course-block-03 .course-program__clips {
  margin-bottom: var(--gap-lg);
}

.page-course #course-block-04 .block-05__gallery {
  padding-bottom: var(--gap-sm);
}

@media (max-width: 900px) {
  .page-course {
    --course-block-pad-bottom: clamp(4.5rem, 10vw, 6.5rem);
  }
}