/* ==========================================================================
   ОГЛАВЛЕНИЕ (course-fullmasters.css) — лендинг fullmasters.html «Полный курс мастера»
   HTML: fullmasters.html — блоки 1–7 (#course-block-01 … #course-block-footer)
   JS:   js/course-pages/course-page-paid.js

   Карта: номер блока = комментарий «БЛОК N» в HTML (id якорей могут отличаться)
   ─────────────────────────────────────────────────────────────────────
   Блок 1  #course-block-01       Hero          → course-block-01-background.css,
                                                 course-block-01-hero.css (НЕ этот файл)
   Блок 2  #course-block-02       Бесплатно     → course-block-02-free.css + секции 2–3 ниже
   Блок 3  #course-block-03       Превью/оплата → course-block-05-program.css + секции 4–9 ниже
   Блок 4  #course-block-faq       FAQ курса     → block-06-faq.css, course-faq-footer.css
   Блок 5  #course-block-04       Отзывы        → block-05-reviews.css + секция 10 ниже
   Блок 6  #course-block-05       О мастере     → course-block-04-master.css, block-02-master.css
                                                 + секция 11 ниже
   Блок 7  #course-block-footer   Подвал        → block-08-footer.css, course-faq-footer.css
   ─────────────────────────────────────────────────────────────────────
   Секции в ЭТОМ файле (только отличия fullmasters):
   1.  Блок 1 — справка (правил нет, см. course-block-01-*.css)
   2.  Блок 2 — одно бесплатное видео, play
   3.  Блок 2 — текст-ссылка «21 видеоурок»
   4.  Блок 3 — секция и обёртка превью
   5.  Блок 3 — сетка 21 превью
   6.  Блок 3 — карточка-превью урока
   7.  Блок 3 — обёртка и кнопка «Купить курс»
   8.  Блок 3 — «На этом курсе вы получите» (фон без плашки)
   9.  Блок 3 — модалка «Купите курс для просмотра»
   10. Блок 4 — отступы отзывов
   11. Блок 6 — о мастере
   12. Мобилка
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. БЛОК 1 — Hero «Полный курс мастера» (#course-block-01)
   HTML: .course-hero__title, .block-01__media video, шапка .course-hero__header
   Стили: css/course-pages/course-block-01-background.css
          css/course-pages/course-block-01-hero.css
   В course-fullmasters.css правил для блока 1 нет — не дублировать hero сюда.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   2. БЛОК 2 — бесплатное видео (#course-block-02)
   HTML: .course-free__video-grid--single, .course-free__video-play
   База: course-block-02-free.css
   -------------------------------------------------------------------------- */
.page-course--fullmasters #course-block-02 .course-free__video-grid--single {
  grid-template-columns: 1fr;
  max-width: 920px;
  margin: 1.25rem auto 0;
}

.page-course--fullmasters #course-block-02 .course-free__video-grid--single .course-free__video-card {
  aspect-ratio: 16 / 9;
}

.page-course--fullmasters #course-block-02 .course-free__video-grid--single .course-free__video-play {
  width: 72px;
  height: 72px;
}

.page-course--fullmasters #course-block-02 .course-free__video-grid--single .course-free__video-play .course-free__play-svg {
  width: 36px;
  height: 36px;
}

/* --------------------------------------------------------------------------
   3. БЛОК 2 — подпись под видео (.course-free__paid-cta → якорь #course-block-03)
   -------------------------------------------------------------------------- */
.page-course--fullmasters .course-free__paid-cta {
  max-width: 42rem;
  margin: 2rem auto 0;
  padding: 0 0.25rem;
  text-align: center;
  font-size: var(--text-base);
  line-height: 1.6;
  color: rgba(237, 245, 244, 0.88);
}

.page-course--fullmasters .course-free__paid-cta a {
  color: var(--color-accent-light);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.page-course--fullmasters .course-free__paid-cta a:hover {
  color: #ffb347;
}

/* --------------------------------------------------------------------------
   4. БЛОК 3 — секция «Смотреть больше видео уроков» (#course-block-03.course-paid)
   -------------------------------------------------------------------------- */
.page-course--fullmasters #course-block-03.course-paid {
  margin-top: 0;
  padding-top: calc(var(--gap-xl) * 1.2);
}

.page-course--fullmasters .course-paid__previews {
  margin-top: 1.5rem;
}

/* --------------------------------------------------------------------------
   5. БЛОК 3 — сетка 21 превью (.course-paid__preview-grid)
   -------------------------------------------------------------------------- */
.page-course--fullmasters #course-block-03 .course-paid__preview-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--gap-md);
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   6. БЛОК 3 — карточка урока [data-paid-preview-card] → модалка (JS)
   -------------------------------------------------------------------------- */
.page-course--fullmasters .course-paid__preview-card {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: #0a0a0f;
  cursor: pointer;
  text-align: left;
  transition: transform var(--duration-fast), box-shadow var(--duration-normal);
}

.page-course--fullmasters .course-paid__preview-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
}

.page-course--fullmasters .course-paid__preview-media {
  position: absolute;
  inset: 0;
}

.page-course--fullmasters .course-paid__preview-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(0.88) brightness(0.94);
}

.page-course--fullmasters .course-paid__preview-card .course-free__video-play {
  opacity: 0.92;
}

/* --------------------------------------------------------------------------
   7. БЛОК 3 — «Купить курс · 29 990 ₽» (.course-paid__buy-wrap--main, .course-paid__buy-btn--hero)
   Отступ после сетки 21 уроков.
   -------------------------------------------------------------------------- */
.page-course--fullmasters .course-paid__buy-wrap {
  display: flex;
  justify-content: center;
  margin: 2.25rem 0 0;
}

.page-course--fullmasters .course-paid__buy-wrap--main {
  margin-top: calc(var(--gap-xl) * 3.5);
}

.page-course--fullmasters .course-paid__buy-btn--hero {
  min-height: 58px;
  padding: 1rem 2.35rem;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-shadow: 0 10px 40px rgba(255, 107, 26, 0.45);
}

.page-course--fullmasters .course-paid__buy-btn--hero:hover,
.page-course--fullmasters .course-paid__buy-btn--hero:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 14px 48px rgba(255, 107, 26, 0.52);
}

/* --------------------------------------------------------------------------
   8. БЛОК 3 — программа (#course-paid-benefits), без отдельной тёмной плашки
   Карточки: course-block-05-program.css
   -------------------------------------------------------------------------- */
.page-course--fullmasters #course-block-03 .course-paid__program,
.page-course--fullmasters #course-block-03 .course-paid__program.course-program,
.page-course--fullmasters #course-block-03 .course-paid__program .course-program__body,
.page-course--fullmasters #course-block-03 .course-paid__program .course-program__layout {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none;
  border: none;
  padding: 0 !important;
  overflow: visible;
}

.page-course--fullmasters #course-block-03 .course-paid__program.course-program {
  margin-top: 2.75rem;
}

.page-course--fullmasters #course-block-03 .course-paid__program .course-program__title,
.page-course--fullmasters .course-paid__program-title {
  margin: 0 0 0.25rem;
  text-align: center;
}

.page-course--fullmasters #course-block-03 .course-paid__program .course-program__body {
  margin-top: 0.5rem;
}

/* --------------------------------------------------------------------------
   9. БЛОК 3 — модалка (#course-paid-buy-notice)
   .course-paid__notice-buy — купить; .course-paid__notice-dismiss — закрыть;
   .course-paid__notice-close — крестик.
   -------------------------------------------------------------------------- */
.page-course--fullmasters .course-paid__notice {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-header) + 25);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  background: rgba(3, 4, 8, 0.72);
  backdrop-filter: blur(6px);
}

.page-course--fullmasters .course-paid__notice[hidden] {
  display: none !important;
}

.page-course--fullmasters .course-paid__notice-panel {
  position: relative;
  width: min(100%, 22rem);
  padding: 1.65rem 1.35rem 1.4rem;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: linear-gradient(165deg, #14141c 0%, #0a0a0f 100%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
  text-align: center;
}

.page-course--fullmasters .course-paid__notice-panel h3 {
  margin: 0 0 0.65rem;
  font-size: 1.2rem;
}

.page-course--fullmasters .course-paid__notice-lead {
  margin: 0 0 1.25rem;
  font-size: var(--text-sm);
  line-height: 1.55;
  color: rgba(237, 245, 244, 0.85);
}

.page-course--fullmasters .course-paid__notice-buy {
  width: 100%;
  margin-bottom: 0.65rem;
}

.page-course--fullmasters .course-paid__notice-dismiss {
  width: 100%;
}

.page-course--fullmasters .course-paid__notice-close {
  position: absolute;
  top: 0.5rem;
  right: 0.55rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: var(--color-text);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

/* --------------------------------------------------------------------------
   10. БЛОК 4 — отзывы (#course-block-04.block-05)
   База: css/block-05-reviews.css
   -------------------------------------------------------------------------- */
.page-course--fullmasters #course-block-04.block-05 {
  position: relative;
  z-index: 1;
  padding-top: calc(var(--gap-xl) * 1.1);
}

/* --------------------------------------------------------------------------
   11. БЛОК 6 — о мастере (#course-block-05.block-02)
   HTML: .section-title, .block-02__grid, VK-клипы
   База: course-block-04-master.css, block-02-master.css
   -------------------------------------------------------------------------- */
.page-course--fullmasters #course-block-05.block-02 {
  padding-top: calc(var(--gap-xl) * 1.15);
  position: relative;
  z-index: 1;
  overflow-x: visible;
  background: var(--gradient-dark);
}

.page-course--fullmasters #course-block-05.block-02 .section-title {
  text-align: left;
  margin-bottom: var(--gap-lg);
}

.page-course--fullmasters #course-block-05.block-02 .block-02__grid {
  width: 100%;
}

/* --------------------------------------------------------------------------
   12. МОБИЛКА — блоки 2–5
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .page-course--fullmasters #course-block-02 .course-free__video-grid--single .course-free__video-play {
    width: 56px;
    height: 56px;
  }
  .page-course--fullmasters #course-block-03.course-paid {
    padding-top: calc(var(--gap-xl) * 1.1);
  }
  .page-course--fullmasters #course-block-03 .course-paid__preview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-course--fullmasters .course-paid__buy-wrap--main {
    margin-top: calc(var(--gap-xl) * 2.75);
  }
  .page-course--fullmasters .course-paid__buy-btn--hero {
    width: 100%;
    max-width: 22rem;
    min-height: 54px;
    padding: 0.95rem 1.25rem;
    font-size: 1.05rem;
  }
  .page-course--fullmasters #course-block-04.block-05 {
    padding-top: calc(var(--gap-xl) * 1.45);
  }
  .page-course--fullmasters #course-block-05.block-02 {
    padding-top: calc(var(--gap-xl) * 1.45);
  }
}

@media (max-width: 520px) {
  .page-course--fullmasters #course-block-03 .course-paid__preview-grid {
    grid-template-columns: 1fr;
  }
}