/* ============================================================
   Раздел «Курсы / Уроки» — Lumara Space
   Фирменный стиль: Geologica, чёрный фон, карточки,
   салатовые акценты #d7ffb7. Размеры во vw, как в base/ny.
   ============================================================ */

.courses,
.course,
.lesson {
    padding-bottom: 18.18182vw;
}

/* ---------- Общий заголовок раздела ---------- */
.course__head {
    margin-bottom: 9.09091vw;
}

.courses .head {
    text-align: center;
    margin-bottom: 4.54545vw;
}

/* Убираем верхний отступ блока карточек на странице курсов */
.courses .b2 {
    margin-top: 0;
}

.courses .head h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 8.18182vw;
    line-height: 110%;
    color: #fafafa;
}

.courses .head p {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.63636vw;
    line-height: 130%;
    color: #bababa;
    margin-top: 3.40909vw;
}

/* Карточки курсов в архиве повторяют карточку услуги с главной (.b2 .box),
   стили берутся из base_v17.css. Переопределяем только текст с числом уроков. */
.courses .b2 .box .l p.course-count {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3vw;
    color: #d7ffb7;
}

.courses-empty {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 4vw;
    color: #bababa;
    text-align: center;
}

/* ============================================================
   Одиночный курс
   ============================================================ */
.course__back,
.lesson__back {
    display: inline-block;
    margin-bottom: 6.81818vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.40909vw;
    color: #bababa;
    text-decoration: none;
}

.course__head {
    display: flex;
    flex-direction: column;
    grid-gap: 4.54545vw;
}

.course__cover {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 3.40909vw;
    overflow: hidden;
    background: #0d0d0d;
}

.course__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.course__info h1 {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 7vw;
    line-height: 110%;
    color: #fafafa;
}

.course__sub {
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.63636vw;
    line-height: 130%;
    color: #bababa;
    margin-top: 2.72727vw;
}

.course__count {
    display: inline-block;
    margin-top: 3.40909vw;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3vw;
    color: #d7ffb7;
}

.course__desc {
    margin-top: 6.81818vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.63636vw;
    line-height: 150%;
    color: #cfcfcf;
}

.course__desc p {
    margin-bottom: 3.40909vw;
}

/* ---------- Список уроков ---------- */
.lessons-list {
    margin-top: 9.09091vw;
    display: flex;
    flex-direction: column;
}

.lesson-row {
    display: flex;
    align-items: center;
    grid-gap: 3.86364vw;
    padding: 4.54545vw 0;
    border-top: 0.22727vw solid #333333;
    text-decoration: none;
    transition: 0.2s;
}

.lesson-row:last-child {
    border-bottom: 0.22727vw solid #333333;
}

.lesson-row__num {
    flex: 0 0 auto;
    width: 9.09091vw;
    height: 9.09091vw;
    border-radius: 50%;
    border: 0.22727vw solid #4d4d4d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 3.63636vw;
    color: #fafafa;
}

.lesson-row__title {
    flex: 1 1 auto;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 4.09091vw;
    line-height: 120%;
    color: #fafafa;
}

.lesson-row__play {
    flex: 0 0 auto;
    width: 9.09091vw;
    height: 9.09091vw;
    border-radius: 50%;
    background: rgba(215, 255, 183, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.lesson-row__play svg {
    width: 4.09091vw;
    height: 4.09091vw;
}

/* ============================================================
   Одиночный урок
   ============================================================ */
.lesson__player {
    width: 100%;
    border-radius: 3.40909vw;
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
}

.lesson__player video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #000;
}

.lesson__novideo {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.63636vw;
    color: #9e9e9e;
}

.lesson__title {
    margin-top: 5.68182vw;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 6vw;
    line-height: 115%;
    color: #fafafa;
}

.lesson__desc {
    margin-top: 4.54545vw;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 3.63636vw;
    line-height: 150%;
    color: #cfcfcf;
}

.lesson__desc p {
    margin-bottom: 3.40909vw;
}

.lesson__nav {
    margin-top: 9.09091vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 3.40909vw;
}

.lesson__nav-btn {
    border-radius: 3.40909vw;
    padding: 3.18182vw 4.54545vw;
    border: 0.22727vw solid #4d4d4d;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 3.18182vw;
    color: #fafafa;
    text-decoration: none;
    transition: 0.2s;
}

.lesson__nav-btn.next {
    background: #d7ffb7;
    color: #000;
    border-color: #d7ffb7;
}