/* ============================================
   ШКОЛА НЕЙРОНАВЫКОВ — GetCourse Brand CSS
   Вариант 1: Замена цветов на корпоративные
   ============================================ */


.mze6 .f-lesson-header-1,
a.subitem-link {
        font-family: Montserrat, sans-serif !important;
}


:root {
        /* === КОРПОРАТИВНЫЕ ЦВЕТА === */
        /* mainColor: Deep Navy (было #2756B1) */
        --mainColor: RGBA(13, 27, 42, 1);
        /* subColor: Warm Red (было #DE3333) */
        --subColor: RGBA(198, 40, 40, 1);


        /* Deep Navy с прозрачностью */
        --mcOpacity0: rgba(13, 27, 42, 0);
        --scOpacity0: rgba(198, 40, 40, 0);
        --mcOpacity1: rgba(13, 27, 42, .1);
        --scOpacity1: rgba(198, 40, 40, .1);
        --mcOpacity2: rgba(13, 27, 42, .2);
        --scOpacity2: rgba(198, 40, 40, .2);
        --mcOpacity3: rgba(13, 27, 42, .3);
        --scOpacity3: rgba(198, 40, 40, .3);
        --mcOpacity4: rgba(13, 27, 42, .4);
        --scOpacity4: rgba(198, 40, 40, .4);
        --mcOpacity5: rgba(13, 27, 42, .5);
        --scOpacity5: rgba(198, 40, 40, .5);
        --mcOpacity6: rgba(13, 27, 42, .6);
        --scOpacity6: rgba(198, 40, 40, .6);
        --mcOpacity7: rgba(13, 27, 42, .7);
        --scOpacity7: rgba(198, 40, 40, .7);
        --mcOpacity8: rgba(13, 27, 42, .8);
        --scOpacity8: rgba(198, 40, 40, .8);
        --mcOpacity9: rgba(13, 27, 42, .9);
        --scOpacity9: rgba(198, 40, 40, .9);


        /* Дополнительные корпоративные цвета */
        --cream: #F5F0EB;
        --warmWhite: #FAF8F5;
        --goldenBeige: #C8A97E;
        --bodyDark: #2D2D3F;
        --bodyLight: #4A4A5A;
        --richRed: #A52422;
        --deepBurgundy: #6B1520;
}


textarea#ParamsObject_counters_html {
        height: 400px;
}


/* === ЛЕВАЯ ПАНЕЛЬ === */
.gc-account-leftbar {
        background: #0D1B2A;
}


.gc-account-leftbar .gc-account-user-submenu-bar {
        background: #F5F0EB;
}


.gc-account-leftbar .gc-account-user-menu li a {
        background: 0 0;
        background: inherit;
}


.gc-account-leftbar .gc-account-user-menu li a:hover {
        background: rgba(255, 255, 255, .15);
}


.gc-account-leftbar .gc-account-user-menu li.active a,
.gc-account-leftbar .gc-account-user-menu li.selected a {
        background: #C62828;
}


.gc-account-user-submenu-bar .gc-account-user-submenu li a {
        color: #0D1B2A;
}


.gc-account-user-submenu-bar .gc-account-user-submenu li a:hover {
        background: #0D1B2A;
        color: #fff;
}


.gc-account-leftbar .gc-account-user-menu li {
        border-bottom: none;
}


/* === ИКОНКИ МЕНЮ === */
.menu-item-chatium img.menu-item-icon,
.menu-item-cms img.menu-item-icon,
.menu-item-notifications img.menu-item-icon,
.menu-item-notifications_button_small img.menu-item-icon,
.menu-item-sales img.menu-item-icon,
.menu-item-tasks img.menu-item-icon,
.menu-item-teach img.menu-item-icon,
.menu-item-user img.menu-item-icon,
.mze6 .vhe-cdn-change {
        display: none !important;
}


li.menu-item.menu-item-notifications_button_small a:after {
        content: url("https://img.icons8.com/material-sharp/18/ffffff/bell.png") !important;
}


li.menu-item.menu-item-cms a:after {
        content: url("https://img.icons8.com/wired/44/ffffff/design.png") !important;
}


li.menu-item.menu-item-teach a:after {
        content: url("https://img.icons8.com/ios/44/ffffff/machine-learning.png") !important;
}


li.menu-item.menu-item-user a:after {
        content: url("https://img.icons8.com/dotty/48/ffffff/business-group.png") !important;
}


li.menu-item.menu-item-tasks a:after {
        content: url("https://img.icons8.com/wired/44/ffffff/tasks.png") !important;
}


li.menu-item.menu-item-notifications a:after {
        content: url("https://img.icons8.com/ios/44/ffffff/new-post--v1.png") !important;
}


li.menu-item.menu-item-sales a:after {
        content: url("https://img.icons8.com/carbon-copy/44/ffffff/total-sales.png") !important;
}




/* === 1. СПИСОК УРОКОВ (lesson-list) === */
.mef6 .lesson-list {
        background: 0 0;
        padding: 0;
        margin-top: -20px !important;
        margin-left: -20px !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
}


/* Белый фон и рамки для карточек */
.mef6 .lesson-list li,
.mef6 .lesson-list li[class*="user-state-"] {
        background-color: #FFFFFF !important;
        border: 1px solid #E8E4E0 !important;
        border-left: 4px solid #A52422 !important;
        border-radius: 14px !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        transition: all 0.3s ease !important;
}


/* При наведении: карточка становится синей полностью */
.mef6 .lesson-list li:hover,
.mef6 .lesson-list li[class*="user-state-"]:hover {
        background-color: #0D1B2A !important;
        border-left-color: #C62828 !important;
        box-shadow: 0 6px 28px rgba(13, 27, 42, .18) !important;
        transform: translateY(-2px);
}


/* УБИВАЕМ внутренние фоны Геткурса (чтобы они не перекрывали синюю карточку) */
.mef6 .lesson-list li div,
.mef6 .lesson-list li span,
.mef6 .lesson-list li a,
.mef6 .lesson-list li table,
.mef6 .lesson-list li tbody,
.mef6 .lesson-list li tr,
.mef6 .lesson-list li td {
        background-color: transparent !important;
}


/* Цвет текста при наведении */
.mef6 .lesson-list li:hover .link.title,
.mef6 .lesson-list li:hover .description,
.mef6 .lesson-list li:hover .info,
.mef6 .lesson-list li:hover .info *,
.mef6 .lesson-list li:hover a {
        color: #FAF8F5 !important;
}


/* Возвращаем фон для плашек статуса (типа "Недоступен") */
.mef6 .lesson-list li .user-state-label {
        padding: 2px 10px;
        background-color: #0D1B2A !important;
        color: #fff !important;
        font-size: .8em;
        border-radius: 20px;
        margin-bottom: 10px;
        display: inline-block !important;
        transition: background .3s;
}


.mef6 .lesson-list li:hover .user-state-label {
        background-color: #C62828 !important;
}


/* Базовые мелочи ГК */
.lesson-list li table td,
.mef6 .lesson-list li table {
        width: 100%;
}
.mef6 .user-state-bg,
.mze6 .xdget-block.center-block,
.mze6 .xdget-lessonContent .row,
.xdget-block.center-block .row.files-row {
        background: 0 0 !important;
}
.mze6 .lesson-header-block.row-section:after,
.mze6 .lite-page.block-set:after {
        content: "";
        height: 140px;
        width: 100%;
        left: 0;
        background-repeat: no-repeat !important;
}
.mef6 .lesson-list .vmiddle {
        position: relative;
        z-index: 10;
}
.mef6 .lesson-list li table tr {
        position: relative;
}
.mef6 .lesson-list li table td::after {
        display: none;
}
.mef6 .lesson-list li a {
        border-radius: 0 !important;
}
.mef6 .lesson-list .link.title {
        color: #2D2D3F !important;
        font-family: Montserrat, sans-serif;
        font-weight: 700;
        transition: color .3s;
}
.mef6 .lesson-list .info {
        margin-left: 0 !important;
        padding-left: 20px !important;
        border: none !important;
}




/* === 2. СПИСОК ТРЕНИНГОВ И МОДУЛЕЙ (stream-table) === */


.mef6 .xdget-trainingList .stream-table,
.mef6 .modules .stream-table {
        border-collapse: separate !important;
        border-spacing: 0 12px !important;
        display: block !important;
        width: 100% !important;
}


.mef6 .xdget-trainingList .stream-table tbody,
.mef6 .modules .stream-table tbody {
        display: block !important;
}


/* ОСНОВА: Возвращаем твой крутой FLEX-дизайн для компактной высоты */
.mef6 .xdget-trainingList .stream-table tr,
.mef6 .xdget-trainingList .stream-table tr[class*="user-state-"],
.mef6 .modules .stream-table tr,
.mef6 .modules .stream-table tr[class*="user-state-"] {
        background-color: #FFFFFF !important;
        border: 1px solid #E8E4E0 !important;
        border-left: 4px solid #A52422 !important;
        border-radius: 14px !important;
        display: flex !important;
        align-items: center !important;
        margin-bottom: 12px !important;
        min-height: 80px !important;        /* Нормальная аккуратная высота */
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        position: relative !important;       /* Для позиционирования прогресс-бара */
}


/* ХОВЕР: заливаем ВСЮ карточку синим цветом */
.mef6 .xdget-trainingList .stream-table tr:hover,
.mef6 .xdget-trainingList .stream-table tr[class*="user-state-"]:hover,
.mef6 .modules .stream-table tr:hover,
.mef6 .modules .stream-table tr[class*="user-state-"]:hover {
        background-color: #0D1B2A !important;
        border-left-color: #C62828 !important;
        box-shadow: 0 6px 28px rgba(13, 27, 42, .18) !important;
        transform: translateY(-2px);
}


/* ПРЯЧЕМ ИКОНКИ Геткурса (именно они ломали высоту карточки) */
.mef6 .xdget-trainingList .stream-table tr td.icon-td,
.mef6 .modules .stream-table tr td.icon-td,
.mef6 .lesson-list li .state-icon-block {
        display: none !important;
}


/* Растягиваем ячейку с текстом и даем место под иконку слева */
.mef6 .xdget-trainingList .stream-table tr td,
.mef6 .modules .stream-table tr td {
        background: transparent !important;
        background-color: transparent !important;
        display: block !important;
        flex: 1;
        height: auto !important;
        min-height: 0 !important;
        padding: 20px 24px 20px 64px !important; /* Место под иконку */
        width: 100% !important;
        border: none !important;
        position: relative !important; /* Для позиционирования иконки */
}


/* УБИВАЕМ внутренние фоны, чтобы на 100% просвечивал наш синий */
.mef6 .xdget-trainingList .stream-table tr div,
.mef6 .xdget-trainingList .stream-table tr span,
.mef6 .xdget-trainingList .stream-table tr a,
.mef6 .modules .stream-table tr div,
.mef6 .modules .stream-table tr span,
.mef6 .modules .stream-table tr a {
        background-color: transparent !important;
}


/* Цвета текста внутри модулей (ОСНОВНАЯ ССЫЛКА - ЗАГОЛОВОК) */
.mef6 .xdget-trainingList .stream-table tr td a,
.mef6 .modules .stream-table tr td a {
        color: #2D2D3F !important;
        font-family: Montserrat, sans-serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        text-decoration: none !important;
        transition: color .3s;
        display: block !important; /* ВАЖНО: Ссылка занимает 100% ширины */
        width: 100% !important;
        position: relative;
        line-height: 1.3 !important;
}


/* Если заголовок обернут в span (сброс стилей, чтобы наследовал от ссылки) */
.mef6 .xdget-trainingList .stream-table tr .stream-title,
.mef6 .xdget-trainingList .stream-table tr .title,
.mef6 .modules .stream-table tr .stream-title,
.mef6 .modules .stream-table tr .title {
        display: block !important;
        margin-bottom: 4px !important;
        color: #2D2D3F !important;
        font-family: Montserrat, sans-serif !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        transition: color .3s;
}


/* Цвета текста при наведении (ЗАГОЛОВОК) */
.mef6 .xdget-trainingList .stream-table tr:hover td a,
.mef6 .xdget-trainingList .stream-table tr:hover .stream-title,
.mef6 .xdget-trainingList .stream-table tr:hover .title,
.mef6 .modules .stream-table tr:hover td a,
.mef6 .modules .stream-table tr:hover .stream-title,
.mef6 .modules .stream-table tr:hover .title {
        color: #FAF8F5 !important;
}




/* =========================================================
   НОВЫЕ ПРЕМИУМ-ФИШКИ (Мета-данные, Прогресс, Иконки)
   ========================================================= */


/* === 3. МЕТА-ДАННЫЕ (Подпись "X уроков") === */
/* Бронебойный селектор: ловим любой последний элемент внутри ссылки, который не является заголовком */
.mef6 .xdget-trainingList .stream-table tr td a > *:last-child:not(.title):not(.stream-title),
.mef6 .modules .stream-table tr td a > *:last-child:not(.title):not(.stream-title),
.mef6 .xdget-trainingList .stream-table tr .text-muted,
.mef6 .modules .stream-table tr .text-muted,
.mef6 .xdget-trainingList .stream-table tr .description,
.mef6 .modules .stream-table tr .description,
.mef6 .xdget-trainingList .stream-table tr .lessons-count,
.mef6 .modules .stream-table tr .lessons-count {
        color: #8A8A9A !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        margin-top: 6px !important;
        display: flex !important; /* Гарантирует перенос на новую строку */
        align-items: center !important;
        gap: 6px;
        transition: color 0.3s;
        line-height: 1.4 !important;
}


/* Иконка перед текстом "X уроков" (Play) */
.mef6 .xdget-trainingList .stream-table tr td a > *:last-child:not(.title):not(.stream-title)::before,
.mef6 .modules .stream-table tr td a > *:last-child:not(.title):not(.stream-title)::before,
.mef6 .xdget-trainingList .stream-table tr .text-muted::before,
.mef6 .modules .stream-table tr .text-muted::before,
.mef6 .xdget-trainingList .stream-table tr .description::before,
.mef6 .modules .stream-table tr .description::before,
.mef6 .xdget-trainingList .stream-table tr .lessons-count::before,
.mef6 .modules .stream-table tr .lessons-count::before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A9A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='5 3 19 12 5 21 5 3'%3E%3C/polygon%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        transition: filter 0.3s;
        flex-shrink: 0;
}


/* При наведении на карточку текст и иконка светлеют */
.mef6 .xdget-trainingList .stream-table tr:hover td a > *:last-child:not(.title):not(.stream-title),
.mef6 .modules .stream-table tr:hover td a > *:last-child:not(.title):not(.stream-title),
.mef6 .xdget-trainingList .stream-table tr:hover .text-muted,
.mef6 .modules .stream-table tr:hover .text-muted,
.mef6 .xdget-trainingList .stream-table tr:hover .description,
.mef6 .modules .stream-table tr:hover .description,
.mef6 .xdget-trainingList .stream-table tr:hover .lessons-count,
.mef6 .modules .stream-table tr:hover .lessons-count {
        color: rgba(250, 248, 245, 0.7) !important;
}
.mef6 .xdget-trainingList .stream-table tr:hover td a > *:last-child:not(.title):not(.stream-title)::before,
.mef6 .modules .stream-table tr:hover td a > *:last-child:not(.title):not(.stream-title)::before,
.mef6 .xdget-trainingList .stream-table tr:hover .text-muted::before,
.mef6 .modules .stream-table tr:hover .text-muted::before,
.mef6 .xdget-trainingList .stream-table tr:hover .description::before,
.mef6 .modules .stream-table tr:hover .description::before,
.mef6 .xdget-trainingList .stream-table tr:hover .lessons-count::before,
.mef6 .modules .stream-table tr:hover .lessons-count::before {
        filter: brightness(2) invert(1);
}


/* === 4. ГЕЙМИФИКАЦИЯ (Индикатор прогресса) === */
/* Контейнер прогресса прижимаем к низу карточки */
.mef6 .xdget-trainingList .stream-table tr .progress,
.mef6 .modules .stream-table tr .progress {
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 4px !important;
        margin: 0 !important;
        background-color: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
}
/* Сама золотистая полоска прогресса */
.mef6 .xdget-trainingList .stream-table tr .progress-bar,
.mef6 .modules .stream-table tr .progress-bar {
        background-color: #C8A97E !important; /* Золотистый цвет */
        box-shadow: 0 0 8px rgba(200, 169, 126, 0.6) !important;
        border-radius: 0 4px 4px 0 !important;
        height: 100% !important;
}
/* Прячем стандартный текст процентов внутри полоски */
.mef6 .xdget-trainingList .stream-table tr .progress-bar span,
.mef6 .modules .stream-table tr .progress-bar span {
        display: none !important;
}


/* === 5. ВИЗУАЛЬНЫЕ ЯКОРЯ (Иконки модулей) === */
/* Базовая иконка (папка) для всех модулей по умолчанию (если их больше 12) */
.mef6 .xdget-trainingList .stream-table tr td:not(.icon-td)::before,
.mef6 .modules .stream-table tr td:not(.icon-td)::before {
        content: "";
        position: absolute;
        left: 24px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0.8;
        transition: opacity 0.3s, filter 0.3s;
        /* Иконка папки по умолчанию (SVG) */
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* При наведении иконка становится белой */
.mef6 .xdget-trainingList .stream-table tr:hover td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:hover td:not(.icon-td)::before {
        opacity: 1;
        filter: invert(1) brightness(2);
}


/* --- ИНДИВИДУАЛЬНЫЕ ИКОНКИ ПО НОМЕРУ МОДУЛЯ (ДО 12 ШТУК) --- */
/* 1. Лампочка (Идея/Введение) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(1) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(1) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'%3E%3C/path%3E%3Cpath d='M10 22h4'%3E%3C/path%3E%3Cpath d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1.45.62 2.84 1.5 3.5.76.76 1.23 1.52 1.41 2.5'%3E%3C/path%3E%3C/svg%3E");
}
/* 2. Шестеренки (Тех. подготовка/Настройки) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(2) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(2) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");
}
/* 3. Рупор (Маркетинг/Охват) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(3) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(3) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5L6 9H2v6h4l5 4V5z'%3E%3C/path%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07'%3E%3C/path%3E%3C/svg%3E");
}
/* 4. Документ (Тексты/Материалы) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(4) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(4) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3Cpolyline points='14 2 14 8 20 8'%3E%3C/polyline%3E%3Cline x1='16' y1='13' x2='8' y2='13'%3E%3C/line%3E%3Cline x1='16' y1='17' x2='8' y2='17'%3E%3C/line%3E%3Cpolyline points='10 9 9 9 8 9'%3E%3C/polyline%3E%3C/svg%3E");
}
/* 5. Картинка (Изображения/Визуал) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(5) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(5) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E");
}
/* 6. Камера/Плей (Видео/Воронки) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(6) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(6) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='23 7 16 12 23 17 23 7'/%3E%3Crect x='1' y='5' width='15' height='14' rx='2' ry='2'/%3E%3C/svg%3E");
}
/* 7. Мишень (Продажи/Цели) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(7) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(7) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}
/* 8. Пользователи (Команда/Делегирование) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(8) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(8) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}
/* 9. График роста (Масштаб/Бонус) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(9) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(9) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 6 13.5 15.5 8.5 10.5 1 18'/%3E%3Cpolyline points='17 6 23 6 23 12'/%3E%3C/svg%3E");
}
/* 10. Звезда (Бонус/Награда) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(10) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(10) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}
/* 11. Щит (Гарантия/Защита) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(11) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(11) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E");
}
/* 12. Компас (Навигация/Итоги) */
.mef6 .xdget-trainingList .stream-table tr:nth-child(12) td:not(.icon-td)::before,
.mef6 .modules .stream-table tr:nth-child(12) td:not(.icon-td)::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2D3F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76'/%3E%3C/svg%3E");
}




/* =========================================================
   ПРОДОЛЖЕНИЕ СТАРОГО КОДА
   ========================================================= */


/* Кнопка «Перейти →» через псевдоэлемент */
.mef6 .xdget-trainingList .stream-table tr a {
        position: relative;
}


.mef6 .xdget-trainingList .stream-table tr a::after,
.mef6 .modules .stream-table tr td a::after {
        align-items: center;
        border: 1.5px dashed #0D1B2A;
        border-radius: 10px;
        color: #0D1B2A;
        content: 'Перейти →';
        display: flex;
        font-family: Montserrat, sans-serif;
        font-size: 14px;
        font-weight: 600;
        margin-right: 18px;
        padding: 10px 20px;
        position: absolute;
        pointer-events: none;
        right: 0;
        top: 50%; /* Идеальное центрирование по вертикали */
        transform: translateY(-50%);
        transition: background .3s, color .3s, border-color .3s, box-shadow .3s;
        white-space: nowrap;
}


.mef6 .xdget-trainingList .stream-table tr:hover a::after,
.mef6 .modules .stream-table tr:hover td a::after {
        background-color: #C62828 !important;
        border-color: #C62828 !important;
        border-style: solid !important;
        box-shadow: 0 4px 14px rgba(198, 40, 40, .25) !important;
        color: #FAF8F5 !important;
}


@media (max-width: 600px) {
        .mef6 .xdget-trainingList .stream-table tr a::after,
        .mef6 .modules .stream-table tr td a::after {
                margin-top: 15px;
                position: relative;
                top: auto;
                transform: none;
        }
}




/* === ДОСТИЖЕНИЯ === */
.mef6 .xdget-trainingAchievements {
        border: 1px solid var(--subColor);
        margin-bottom: 20px;
}
.mef6 .xdget-trainingAchievements th {
        background-color: var(--subColor);
        color: #fff;
        border: none !important;
}
.mef6 .xdget-trainingAchievements span.badge {
        background-color: var(--subColor);
}
.mef6 .xdget-trainingAchievements a {
        color: var(--mainColor);
        text-transform: uppercase;
        padding-top: 5px !important;
        display: block;
        text-decoration: none;
        transition: .3s;
}
.mef6 .xdget-trainingAchievements a:hover {
        color: var(--subColor);
}


/* === ЗАГОЛОВОК УРОКА === */
.mze6 h1 a {
        color: var(--mainColor) !important;
}
.mze6 .center-block {
        max-width: 100% !important;
}
.mze6 .col-md-12 {
        padding: 0;
}
.mze6 .lite-page.block-set {
        margin-top: 60px;
}


/* НОВЫЙ БЛОК: Идеальная стыковка двух половинок фона */
.mze6 .lesson-header-block.row-section {
        position: relative;
        color: #fff;
        background: #0D1B2A !important;
        /* НИЖНЯЯ ЧАСТЬ КАРТИНКИ (ЗАМЕНЕНА - ТЕПЕРЬ ССЫЛКА 2) */
        background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/20019/sc/181/h/5311fe0a0e506b7b161261e5fd94cde6.png) !important;
        background-repeat: no-repeat !important;
        background-position: bottom center !important;
        background-size: 100% 50% !important; /* Растягиваем ровно на нижнюю половину */
        z-index: 1;
}


.mze6 .lesson-header-block.row-section:after,
.mze6 .lite-page.block-set:after {
        content: "";
        height: 140px;
        width: 100%;
        left: 0;
        background-repeat: no-repeat !important;
}


.mze6 .lesson-header-block.row-section:after {
        /* ВЕРХНЯЯ ЧАСТЬ КАРТИНКИ (ЗАМЕНЕНА - ТЕПЕРЬ ССЫЛКА 1) */
        background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/20019/sc/195/h/dbfafb41066e393d17b414c763d295c8.png) !important;
        position: absolute;
        top: 0 !important; /* Прижимаем к верху */
        height: 50% !important; /* Растягиваем ровно на верхнюю половину (перебивает старые 140px) */
        background-size: 100% 100% !important; /* Заполняем эти 50% высоты */
        background-position: top center !important;
}


.mze6 .lite-page.block-set:after {
    /* ФУТЕР (ОСТАЛАСЬ ССЫЛКА 3) */
        background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/20019/sc/113/h/7d6b55949ae73a7fa8120da5e1848970.png) !important;
        background-size: 100% 120px;
        margin-top: 3px;
        bottom: 0;
        background-position: bottom !important;
}


@media screen and (max-width: 425px) {
        .mze6 .lesson-header-block.row-section:after {
                height: 50% !important;
                background-size: 100% 100% !important;
        }
        .mze6 .lite-page.block-set:after {
                display: none;
        }
        .mze6 .lite-page.block-set {
                margin-top: 60px;
        }
}


/* Чтобы текст гарантированно был поверх фона */
.mze6 .lesson-title-value,
.mze6 .lesson-header-block.row-section .user-state-label,
.mze6 .lesson-header-block.row-section p,
.mze6 .lesson-header-block.row-section span {
        position: relative;
        z-index: 2;
}


.mze6 .lesson-header-block.row-section a,
.mze6 .xdget-lessonNavigation .row a {
        color: #fff;
        font-weight: 900;
        padding: 3px 10px;
        transition: .3s;
        position: relative;
        z-index: 2;
}


.mze6 .lesson-header-block.row-section a:hover,
.mze6 .xdget-lessonNavigation .row a:hover {
        background: #fff;
        color: #0D1B2A;
        border-radius: 30px;
}
.mze6 .lesson-title-value {
        font-weight: 700;
        padding-left: 20px;
        padding-right: 20px;
}
.mze6 .hidden-xs {
        padding: 3px 10px;
}


@media (max-width: 425px) {
        .mze6 .lesson-title-value {
                font-size: 2em;
        }
}


/* ============================================
   ОФОРМЛЕНИЕ ТЕКСТА УРОКА (ТИПОГРАФИКА И ВОЗДУХ)
   ============================================ */
/* Принудительно меняем цвет, размер и интервал для ВСЕХ элементов текста */
.mze6 .xdget-lessonContent,
.mze6 .xdget-lessonContent .xdget-text,
.mze6 .xdget-lessonContent p,
.mze6 .xdget-lessonContent div,
.mze6 .xdget-lessonContent span,
.mze6 .xdget-lessonContent li,
.mze6 .xdget-lessonContent a {
        color: #2D2D3F !important;
        font-size: 17px !important;
        line-height: 1.6 !important;
}


/* Отступы между абзацами */
.mze6 .xdget-lessonContent p {
        margin-bottom: 18px !important;
}


/* Оформление списков (сработает, если список сделан через кнопку в редакторе) */
.mze6 .xdget-lessonContent ul,
.mze6 .xdget-lessonContent ol {
        margin-top: 16px !important;
        margin-bottom: 24px !important;
        padding-left: 32px !important;
}


.mze6 .xdget-lessonContent li {
        margin-bottom: 12px !important;
}


/* Заголовки внутри урока (чтобы не сливались с текстом) */
.mze6 .xdget-lessonContent h1,
.mze6 .xdget-lessonContent h2,
.mze6 .xdget-lessonContent h3,
.mze6 .xdget-lessonContent h4 {
        color: #2D2D3F !important;
        line-height: 1.3 !important;
        margin-top: 30px !important;
        margin-bottom: 16px !important;
}




/* === ЗАДАНИЕ / МИССИЯ === */
.mze6 .lt-lesson-mission-block h3,
.mze6 .xdget-lessonMission h3 {
        background: #0D1B2A;
        padding: 10px 20px;
        color: #fff !important;
        border-radius: 20px 20px 0 0;
}
.mze6 .lt-lesson-mission-block .lesson-mission-wrapper,
.mze6 .xdget-lessonMission .lesson-mission-wrapper {
        border-top: 2px solid var(--subColor) !important;
        border: none;
        border-radius: 0 0 20px 20px;
        margin-top: 0;
}
.mze6 .lt-lesson-mission-block .lesson-mission-wrapper .answer-form,
.mze6 .xdget-lessonMission .lesson-mission-wrapper .answer-form {
        background: var(--mcOpacity2) !important;
        border-radius: 0 0 20px 20px;
        border: 1px solid var(--subColor) !important;
        border-top: none !important;
}
.mze6 .lt-lesson-mission-block .user-profile-image,
.mze6 .xdget-lessonMission .user-profile-image {
        border: 2px solid var(--mainColor);
        border-radius: 30px;
}


/* === ТЕСТИРОВАНИЕ === */
.mze6 .testing-widget {
        border-left: 1px solid var(--subColor) !important;
        border-right: 1px solid var(--subColor) !important;
        border-bottom: 1px solid var(--subColor) !important;
        margin: -20px 0 -20px -20px;
        padding: 20px;
}
.mze6 .testing-widget .before-start-block .start-btn {
        border-radius: 50px;
        background: linear-gradient(90deg, #0D1B2A 0, #162a4a 100%);
        transition: .3s;
}
.mze6 .testing-widget .before-start-block .start-btn:hover {
        background: linear-gradient(90deg, #162a4a 0, #0D1B2A 100%);
}
.mze6 .question {
        text-align: center;
}
.mze6 button.btn.btn-send-answer.btn-primary.btn-lg {
        margin-top: 20px;
        transition: .3s;
        border: none;
        border-radius: 50px;
        background: linear-gradient(90deg, #0D1B2A 0, #162a4a 100%);
}
.mze6 button.btn.btn-link.btn-save-draft {
        margin-top: 20px;
        border-radius: 50px;
        border: 2px solid var(--mainColor);
        padding: 10px 20px;
        color: var(--mainColor);
        transition: .3s;
}
.mze6 button.btn.btn-send-answer.btn-primary.btn-lg:hover,
button.btn.btn-link.btn-save-draft:hover {
        transform: translatey(-10%);
        -webkit-box-shadow: 0 9px 24px -16px rgba(13, 27, 42, .75);
        -moz-box-shadow: 0 9px 24px -16px rgba(13, 27, 42, .75);
        box-shadow: 0 9px 24px -16px rgba(13, 27, 42, .75);
}


/* === КОММЕНТАРИИ / ОТВЕТЫ === */
.mze6 .lt-lesson-comment-block .lesson-answers-title,
.mze6 .xdget-lessonAnswers .lesson-answers-title {
        background: #0D1B2A;
        padding: 20px 20px 1px;
        color: #fff !important;
        border-radius: 20px 20px 0 0;
}
.mze6 .lt-lesson-comment-block .simple-answer.user-answer,
.mze6 .xdget-lessonAnswers .simple-answer.user-answer {
        background: #0D1B2A;
        border-top: 1px solid var(--subColor);
        border-radius: 0 0 20px 20px;
}
.mze6 .new-comment.new-answer .user-profile-image,
.mze6 .xdget-lessonAnswers .new-comment.new-answer .user-profile-image,
.mze6 .xdget-lessonAnswers .user-profile-image {
        border: 3px solid #fff;
}
.mze6 .lt-lesson-comment-block .user-profile-image,
.mze6 .xdget-lessonAnswers .user-profile-image {
        border-radius: 100px;
}
.mze6 .lt-lesson-comment-block .other-answers.answers-list,
.mze6 .xdget-lessonAnswers .other-answers.answers-list {
        margin-top: 20px;
}
.mze6 .lt-lesson-comment-block .other-answers.answers-list .user-answer,
.mze6 .xdget-lessonAnswers .other-answers.answers-list .user-answer {
        border: 1px solid var(--mainColor);
        padding: 10px !important;
        margin-bottom: 10px;
}
.mze6 .user-answer.type-free_comment .answer-status .answer-status-label,
.mze6 .xdget-lessonAnswers .user-answer.type-free_comment .answer-status .answer-status-label {
        background: #5a5a5a;
}
.mze6 .public-level-block.user-can-hide-answer,
.mze6 .xdget-lessonAnswers .public-level-block.user-can-hide-answer {
        margin-top: 10px;
        margin-right: 10px;
}
.mze6 #showMoreAnswers,
.mze6 .xdget-lessonAnswers #showMoreAnswers {
        background: #0D1B2A;
        border: none;
        border-radius: 50px;
}
.mze6 .new-comment .textarea-block {
        width: 90%;
}
.mze6 .answer-comment.textarea-block textarea {
        border: none;
        padding: 5px;
}
@media (max-width: 425px) {
        .mze6 .new-comment .textarea-block {
                width: 95%;
        }
        .mze6 .answer-comment.textarea-block {
                margin: 20px 10px 0;
        }
        .mze6 .answer-comment.textarea-block textarea {
                height: 60px !important;
        }
        .mze6 .xdget-lessonContent iframe {
                margin-left: -20px;
        }
}
@media (max-width: 320px) {
        .mze6 .lesson-title-value {
                font-size: 1.5em;
        }
        .mze6 .new-comment .textarea-block {
                width: 93%;
        }
}


/* === ССЫЛКИ В КОНТЕНТЕ === */
.mze6 .lt-block-wrapper a {
        color: #C62828;
        padding: 1px;
        transition: .3s;
}
.mze6 .lt-block-wrapper a:hover {
        color: #fff;
        background: #C62828;
        text-decoration: none;
}
.mze6 .lt-block-wrapper hr {
        overflow: visible;
        padding: 0;
        border: none;
        border-top: medium double var(--mainColor);
        text-align: center;
        width: 90%;
        margin: inherit auto;
}


/* === ФАЙЛЫ === */
.mze6 .lt-lesson-files table.table.files-table,
.mze6 .xdget-lessonFiles table.table.files-table {
        background: #0D1B2A;
        border-radius: 15px;
        color: #fff;
        background-image: url(https://fs.getcourse.ru/fileservice/file/download/a/20019/sc/62/h/26dac5106365ec1aaf4d401c61411231.png);
        background-repeat: no-repeat !important;
        background-position: bottom !important;
}
.mze6 .lt-lesson-files table.table.files-table a,
.mze6 .xdget-lessonFiles table.table.files-table a {
        color: #fff;
}
.mze6 .files-table td,
.mze6 .xdget-lessonFiles td {
        vertical-align: middle !important;
        border-top: none !important;
}


/* === ВИДЕО === */
.mze6 .vhi-root {
        border: 3px solid #0D1B2A;
        margin: 30px 0;
        border-radius: 20px;
}
.mze6 .clearfix.videoWrapper iframe,
.mze6 .vhi-root iframe,
.mze6 .xdget-lessonContent iframe {
        border-radius: 20px;
}
.mze6 .lt-lesson-audio .container {
        width: 80% !important;
        overflow: hidden;
        margin-bottom: 30px;
}
@media (max-width: 768px) {
        .mze6 .gc-main-content.with-left-menu .container .container {
                width: 90vw !important;
                margin: 0 auto !important;
        }
}
.mze6 .clearfix.videoWrapper {
        border: 3px solid #0D1B2A;
        border-radius: 20px;
        margin: 30px 0;
}


/* === КНОПКА НАВИГАЦИИ === */
.mze6 .lessonBtn button {
        border-radius: 100px !important;
        transition: .3s;
        background: radial-gradient(circle, #0D1B2A 0, #162a4a 100%) !important;
}
.mze6 .lessonBtn button:hover {
        transform: translatey(-10%);
        box-shadow: 0 15px 10px 0 var(--scOpacity2);
}


/* === ЗАГОЛОВОК ПОДКАСТА / АУДИО === */
.mze6 .f-lesson-header-1 {
        background: #0D1B2A !important;
        color: #fff;
        padding: 15px 10px;
        position: relative;
        text-transform: uppercase;
        font-weight: 700 !important;
}
.mze6 .f-lesson-header-1:after {
        content: '';
        width: 30px;
        height: 30px;
        right: 20px;
        top: 12px;
        position: absolute;
        background-image: url(https://img.icons8.com/ios/100/ffffff/microphone.png);
        background-size: 30px 30px;
        background-repeat: no-repeat;
}


/* === НАВИГАЦИЯ И ЗАГОЛОВОК === */
.mze6 .xdget-lessonNavigation .row,
.mze6 .xdget-lessonTitle .row {
        position: relative;
        color: #fff;
        background: #0D1B2A !important;
}
.mze6 .xdget-lessonTitle .row {
        padding: 0 20px;
}
.mze6 .xdget-lessonContent {
        padding: 20px;
}
.mze6 .xdget-lessonContent .note-video-clip {
        border: 3px solid #0D1B2A;
        border-radius: 20px;
        padding: 10px 0;
}
.mze6 .lesson-mission-text {
        border-left: 1px solid var(--subColor) !important;
        border-right: 1px solid var(--subColor) !important;
}
.mze6 .xdget-lessonFiles {
        max-width: 950px;
        margin: 0 auto;
}
.mze6 .xdget-video {
        max-width: 950px;
        margin: 20px auto -50px;
        border: 3px solid #0D1B2A;
        border-radius: 30px;
}
.mze6 .xdget-block.main-lesson-container {
        max-width: 1140px;
}


/* ============================================
   СПИСОК ТРЕНИНГОВ — Вариант «Контрастный»
   ============================================ */


.mef6 .training-category__title {
        align-items: center;
        color: #0D1B2A;
        display: flex;
        font-family: Montserrat, sans-serif;
        font-size: 20px;
        font-weight: 800;
        gap: 25px;
        letter-spacing: 0.5px;
        margin-bottom: 24px;
        text-transform: uppercase;
        white-space: nowrap;
}
.mef6 .training-category__title::after {
        background: linear-gradient(90deg, #0D1B2A 0%, transparent 100%);
        content: "";
        display: block;
        flex: 1 1 0;
        height: 2px;
        min-width: 0;
}
.mef6 .training-category__count {
        background: #0D1B2A;
        border-radius: 6px;
        color: #FAF8F5;
        font-family: Montserrat, sans-serif;
        font-size: 12px;
        font-weight: 700;
        padding: 3px 10px;
}
.mef6 .training-list {
        display: flex;
        flex-direction: column;
        gap: 14px;
        list-style: none;
        margin-bottom: 50px;
}
.mef6 .training-list .training-link {
        align-items: center;
        background: #FFFFFF;
        border: 1px solid #E8E4E0;
        border-left: 4px solid #A52422;
        border-radius: 14px;
        color: #4A4A5A;
        display: flex;
        font-family: 'Open Sans', sans-serif;
        padding: 0;
        text-decoration: none;
        transition: background .3s, box-shadow .3s, transform .2s, border-left-color .3s;
        overflow: hidden;
        position: relative;
}
.mef6 .training-list .training-link:hover {
        background: #0D1B2A;
        border-left-color: #C62828;
        box-shadow: 0 6px 28px rgba(13, 27, 42, .18), 0 1px 6px rgba(165, 36, 34, .08);
        transform: translateY(-2px);
}
.mef6 .training-link__index {
        align-items: center;
        color: #A52422;
        display: flex;
        flex-shrink: 0;
        font-family: Montserrat, sans-serif;
        font-size: 28px;
        font-weight: 800;
        justify-content: center;
        min-width: 70px;
        opacity: .25;
        padding: 20px 0 20px 20px;
}
.mef6 .training-list .training-link:hover .training-link__index {
        color: #FAF8F5;
        opacity: .2;
}
.mef6 .training-link__content {
        display: flex;
        flex-direction: column;
        flex: 1;
        gap: 4px;
        min-width: 0;
        padding: 20px 16px;
}
.mef6 .training-link__title {
        color: #2D2D3F;
        font-family: Montserrat, sans-serif;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.35;
}
.mef6 .training-list .training-link:hover .training-link__title {
        color: #FAF8F5;
}
.mef6 .training-link__desc {
        color: #8A8A9A;
        font-size: 13px;
        line-height: 1.4;
}
.mef6 .training-list .training-link:hover .training-link__desc {
        color: rgba(250, 248, 245, .5);
}
.mef6 .training-link__status {
        align-items: center;
        display: inline-flex;
        flex-shrink: 0;
        font-size: 12px;
        font-weight: 600;
        gap: 6px;
        margin-right: 16px;
        white-space: nowrap;
}
.mef6 .training-link__status-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
}
.mef6 .training-link__status--new {
        color: #C62828;
}
.mef6 .training-link__status--new .training-link__status-dot {
        background: #C62828;
        box-shadow: 0 0 6px rgba(198, 40, 40, .4);
}
.mef6 .training-link__status--progress {
        color: #C8A97E;
}
.mef6 .training-link__status--progress .training-link__status-dot {
        background: #C8A97E;
        box-shadow: 0 0 6px rgba(200, 169, 126, .4);
}
.mef6 .training-link__status--done {
        color: #0D1B2A;
}
.mef6 .training-link__status--done .training-link__status-dot {
        background: #0D1B2A;
        box-shadow: 0 0 6px rgba(13, 27, 42, .3);
}
.mef6 .training-list .training-link:hover .training-link__status {
        color: #C8A97E;
}
.mef6 .training-list .training-link:hover .training-link__status-dot {
        background: #C8A97E;
        box-shadow: 0 0 6px rgba(200, 169, 126, .5);
}
.mef6 .training-list .training-link:hover .training-link__status--new {
        color: #D32F2F;
}
.mef6 .training-list .training-link:hover .training-link__status--new .training-link__status-dot {
        background: #D32F2F;
        box-shadow: 0 0 8px rgba(211, 47, 47, .5);
}
.mef6 .training-link__btn {
        align-items: center;
        background: transparent;
        border: 1.5px dashed #0D1B2A;
        border-radius: 10px;
        color: #0D1B2A;
        display: inline-flex;
        flex-shrink: 0;
        font-family: Montserrat, sans-serif;
        font-size: 14px;
        font-weight: 600;
        gap: 8px;
        margin-right: 18px;
        padding: 10px 20px;
    pointer-events: none;
        transition: background .3s, color .3s, border-color .3s, box-shadow .3s;
        white-space: nowrap;
}
.mef6 .training-list .training-link:hover .training-link__btn {
        background: #C62828;
        border-color: #C62828;
        border-style: solid;
        color: #FAF8F5;
        box-shadow: 0 4px 14px rgba(198, 40, 40, .25);
}
.mef6 .training-link__btn-arrow {
        font-size: 16px;
        display: inline-block;
        transition: transform .3s;
}
.mef6 .training-list .training-link:hover .training-link__btn-arrow {
        animation: mef6-nudge-arrow 500ms ease-in-out infinite alternate;
}
@keyframes mef6-nudge-arrow {
        0%   { transform: translateX(0); }
        100% { transform: translateX(5px); }
}


.mef6 .search-block {
        display: flex;
        align-items: center;
        margin-bottom: 35px;
        position: relative;
}
.mef6 .search-block .search-block__input {
        background: #FFFFFF;
        border: 2px solid #E8E4E0;
        border-radius: 14px;
        color: #2D2D3F;
        font-family: 'Open Sans', sans-serif;
        font-size: 15px;
        outline: none;
        padding: 15px 54px 15px 22px;
        transition: border-color .3s, box-shadow .3s;
        width: 100%;
}
.mef6 .search-block .search-block__input:focus {
        border-color: #0D1B2A;
        box-shadow: 0 4px 16px rgba(13, 27, 42, .08);
}
.mef6 .search-block .search-block__input::placeholder {
        color: #8A8A9A;
}


@media (max-width: 768px) {
        .mef6 .training-category__title {
                font-size: 16px;
                gap: 15px;
                margin-bottom: 18px;
        }
        .mef6 .training-list .training-link {
                flex-wrap: wrap;
                border-radius: 12px;
        }
        .mef6 .training-link__index {
                font-size: 22px;
                min-width: 50px;
                padding: 16px 0 16px 14px;
        }
        .mef6 .training-link__content {
                padding: 16px 12px;
        }
        .mef6 .training-link__title {
                font-size: 15px;
        }
        .mef6 .training-link__btn {
                display: none;
        }
        .mef6 .training-link__status {
                margin-right: 14px;
        }
}


@media (max-width: 480px) {
        .mef6 .training-link__desc {
                display: none;
        }
        .mef6 .training-link__index {
                min-width: 42px;
                font-size: 18px;
                padding-left: 10px;
        }
        .mef6 .training-link__content {
                padding: 14px 10px;
        }
}


/* ============================================
   ОФОРМЛЕНИЕ КАРТИНОК И ФОНА СТРАНИЦЫ
   ============================================ */
.mef6 {
        background: transparent;
}
body.gc-user-logined {
        background: #F5F0EB;
}


.mef6 .xdget-html img {
        border: 1px solid #E8E4E0;
        border-radius: 10px;
        box-shadow: 0 4px 16px rgba(13, 27, 42, .08);
}
.mef6 .col-md-4 .xdget-image img,
.mef6 .col-gc-4 .xdget-image img {
        border: 1px solid #E8E4E0;
        border-radius: 14px;
        box-shadow: 0 6px 24px rgba(13, 27, 42, .14);
}
@media (max-width: 768px) {
        .mef6 .xdget-html img {
                border-radius: 8px;
        }
        .mef6 .col-md-4 .xdget-image img,
        .mef6 .col-gc-4 .xdget-image img {
                border-radius: 10px;
        }
}