:root {
    /* основные свойства сайта */
    --bg-site: #0c102b; /* базовый фон сайта */
    --bg-header: #070b23; /* фон главного меню - хедера */
    --bg-block-light: #1f2546; /* фон блоков (по светлее) */
    --bg-block-dark: #181e3c; /* фон блоков (по темнее) */
    --bg-button-dark: #343c64; /* стандартный фон кнопок и перключателей */
    --bg-button-dark-hover: #47507c; /* фон кнопок и перключателей при наведении */
    --bg-button-blue: #4558ff; /* синий фон кнопок и переключателей */
    --bg-button-blue-hover: #5e6eff; /* ховер для синих кнопок */
    --text-primary: #b1b3cf; /* основной цвет текста */
    --text-white: #ffffff; /* белый цвет текста */
    --text-icon: #767faa; /* основной цвет для иконок, например для font awesome) */
    --text-icon-hover: #ffffff; /* цвет иконок при наведении */
    --link-color: #5e6eff; /* цвет ссылок в тексте */
    --bg-area: #121731; /* цвет фона для секций */
    --base-color: #5e6eff; /* базовый цвет инфографики */
    
    --color-red: #a11236; /* дополнительный цвет - красный - используется очень редко! */
    --color-green: #6de8bf; /* дополнительный цвет - зеленый */
    --color-orange: #e38b06; /* дополнительный цвет - оранжевый */
    --color-blue-for-bg-extra-color-blue: #9ca6fb; /* дополнительный цвет - фиолетовый, используется для текста и иконок, где есть или будет фон --bg-extra-color-blue: #4558ff4f */
    --bg-extra-color-blue: #4558ff4f; /* дополнительный фон синего цвета для: фона блока с синей иконкой и для фона вокруг синих иконок, при желании можем использовать! */
    --bg-extra-color-red: #730d2633; /* дополнительный фон красного цвета для: фона блока - используется очень редко! */
    --bg-extra-color-green: #6de8bf1c; /* дополнительный фон зеленого цвета для: фона блока */
    --bg-extra-color-orange: #db85041c; /* дополнительный фон оранжевого цвета для: фона блока */
    --color-black: #000000; /* дополнительный цвет - черный, возможно где-то понадобится для текста */
    
    --header-height: 70px; /* высота хедера по умолчанию */
    --container-width: 1200px; /* базовая ширина контентной части сайта */
    --container-padding: 20px; /* отступы по умолчанию */
    --border-radius: 10px; /* базовый радиус бордера */
    --transition-speed: 0.3s; /* базовая transition-speed */
    --footer-height: 200px; /* базовая высота футера - она изменится в процессе работы */
}

/* сброс стандартных отступов */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    border: 0;
    outline: none;
    display: block;
}

/* основные стили body */
body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-site);
    color: var(--text-primary);
    line-height: 1.6;
    font-size: 16px;
}

/* контейнер для контента */
.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--container-padding);
}

/* ссылки */
a {
    color: var(--link-color);
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color var(--transition-speed) ease;
}

a:hover {
    color: var(--text-white);
}

/* ============================== убрано браузерное выделение при тапе на мобиле ============================== */
a,
button,
[role="button"],
input,
select,
textarea,
.current-lang,
.current-region,
.submenu-toggle,
.hamburger {
    -webkit-tap-highlight-color: transparent;
}

a:focus,
button:focus,
[role="button"]:focus,
input:focus,
select:focus,
textarea:focus,
.current-lang:focus,
.current-region:focus,
.submenu-toggle:focus,
.hamburger:focus {
    outline: none;
    box-shadow: none;
}

a:active,
button:active,
[role="button"]:active,
input:active,
select:active,
textarea:active,
.current-lang:active,
.current-region:active,
.submenu-toggle:active,
.hamburger:active {
    outline: none;
    box-shadow: none;
}

/* кнопки - общие стили */
.btn {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 13px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all var(--transition-speed) ease;
    border: none;
    cursor: pointer;
    line-height: 1.2;
}

/* темные кнопки */
.btn-dark {
    background-color: var(--bg-button-dark);
    color: var(--text-white);
}

.btn-dark:hover {
    background-color: var(--bg-button-dark-hover);
    color: var(--text-white);
}

/* синие кнопки */
.btn-blue {
    background-color: var(--bg-button-blue);
    color: var(--text-white);
}

.btn-blue:hover {
    background-color: var(--bg-button-blue-hover);
    color: var(--text-white);
}

/* иконки */
i, .fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone {
    color: var(--text-primary);
    transition: color var(--transition-speed) ease;
}

a:hover i {
    color: var(--text-icon-hover);
}

/* ======================================== ШАПКА САЙТА ======================================== */
/* контейнер шапки */
.site-header {
    position: sticky;
    top: 16px;
    z-index: 1000;
    width: 100%;
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 15px;
}

/* внутренний блок шапки background-color: #050818 */
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--header-height);
    background-color: var(--bg-header);
    border-radius: var(--border-radius);
    padding: 0 20px;
    /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); */
}

/* логотип */
.logo {
    flex-shrink: 0;
    margin-right: 20px;
}

.logo img {
    display: block;
    height: 25px;
    width: auto;
}

/* ============================== навигационное меню (ПК) ============================== */
.main-nav {
    flex: 1;
    margin: 0 20px;
}

.nav-list {
    display: flex;
    list-style: none;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.nav-item {
    position: relative;
}

.nav-item > a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    padding: 8px 12px;
    border-radius: 15px;
    transition: background-color var(--transition-speed) ease;
}

.nav-item > a i {
    font-size: 16px;
}

.nav-item > a:hover {
    color: var(--text-white);
    background-color: rgba(255,255,255,0.05);
}

.nav-item > a:hover i {
    color: var(--text-icon-hover);
}


/* <<<<<<<<<<<<<<<============================== МЕГАСАБМЕНЮ ПК+МОБИЛА ==============================>>>>>>>>>>>>>>> */
@media (min-width: 1201px) {
    /* 1. ПУНКТ МЕНЮ (Якорь для ховера) */
    .nav-item.dcs-megamenu {
        position: relative;
    }

    /* --- ВОТ ЭТО МЫ ДОБАВИЛИ: СИНЯЯ ТОЧКА ПОД ПУНКТОМ --- */
    .nav-item.dcs-megamenu::after {
        content: "";
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: var(--base-color);
        border-radius: 50%;
        bottom: 0px; 
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s ease-in-out;
        z-index: 10001;
    }

    /* Показываем синюю точку при наведении */
    .nav-item.dcs-megamenu:hover::after {
        opacity: 1;
        visibility: visible;
        bottom: 4px;
    }

    /* 2. ПАНЕЛЬ МЕГАМЕНЮ (Центровка) */
    .dcs-megamenu-panel {
        display: none;
        position: fixed; 
        left: 50%;
        transform: translateX(-50%); 
        width: 1240px;
        top: 70px; 
        z-index: 10000;
        padding-top: 30px; 
        background: transparent;
        pointer-events: all;
    }

    /* 3. КОНТЕНТ */
    .dcs-megamenu-content {
        background: var(--bg-header);
        border: 1px solid rgba(255, 255, 255, 0.08);
        padding: 20px 0;
        box-shadow: 0 30px 60px rgba(0,0,0,0.2);
        position: relative;
        border-radius: 10px;
    }

    /* СЕРЫЙ ТРЕУГОЛЬНИК у мегаменю */
    .dcs-megamenu-content::before {
        content: "";
        position: absolute;
        top: -11px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(255, 255, 255, 0.08);
    }

    /* 4. СЕТКА */
    .dcs-megamenu-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 50px;
    }

    /* 5. ЗАГОЛОВКИ */
    .dcs-megamenu-title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 15px;
        color: var(--text-white);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 22px;
        border-bottom: 1px solid var(--bg-block-light);
        padding-bottom: 12px;
    }

    /* 6. СПИСКИ И МАЛЕНЬКИЕ КРУЖОЧКИ (ВНУТРИ МЕНЮ) */
    .dcs-megamenu-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .dcs-megamenu-links li {
        position: relative;
        padding-left: 15px;
        margin-bottom: 10px;
    }

    /* Пуля-кружочек для каждой ссылки */
    .dcs-megamenu-links li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        background: var(--text-icon);
        border-radius: 50%;
        opacity: 0.5;
        z-index: 1;
    }

    /* 7. ССЫЛКИ И ХОВЕРЫ */
    .dcs-megamenu-links a {
        color: var(--text-primary);
        font-size: 14px;
        text-decoration: none;
        transition: var(--transition-speed) ease;
        display: inline-block;
    }

    /* Эффект кружочка при наведении на строку */
    .dcs-megamenu-links li:hover::before {
        background: var(--base-color);
        opacity: 1;
        transform: translateY(-50%) scale(1.3);
    }

    .dcs-megamenu-links a:hover {
        color: var(--text-white);
        transform: translateX(4px);
    }

    /* 8. ЛОГИКА ПОКАЗА */
    .nav-item.dcs-megamenu:hover .dcs-megamenu-panel {
        display: block;
    }
}

/* === ИКОНКИ В ВЫПАДАЮЩИХ СПИСКАХ (Сразу белые) === */
.submenu i, 
.submenu svg,
.dcs-megamenu-panel i, 
.dcs-megamenu-panel svg,
.dcs-megamenu-title i {
    color: var(--text-white);
    fill: var(--text-white);
    opacity: 1;
}

/* Контейнер сабменю в мобилке */
.dcs-mobile-megamenu-panel {
    display: none;
    background: rgba(0, 0, 0, 0.1);
    padding: 5px 0 20px 15px;
}

/* Заголовки категорий (General, Payments и т.д.) */
.dcs-mobile-megamenu-title {
    display: flex;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--text-white); 
    margin: 15px 0 10px 0;
    letter-spacing: 0.05em;
}

/* Иконки рядом с серыми заголовками */
.dcs-mobile-megamenu-title i {
    margin-right: 10px;
    width: 16px;
    text-align: center;
    color: var(--text-white); 
}

/* Список ссылок */
.dcs-mobile-megamenu-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dcs-mobile-megamenu-links li {
    margin-bottom: 0;
    padding: 0;
}

.dcs-mobile-megamenu-links a {
    font-size: 14px;
    color: var(--text-primary);
    text-decoration: none;
    display: block;
    transition: opacity 0.2s;
    line-height: 1.1;
}

.dcs-mobile-megamenu-links a:hover {
    opacity: 0.8;
}

/* ============================== ДОБАВЛЯЕМ ТОЧКИ-ПУЛИ ДЛЯ МОБИЛЬНОГО МЕНЮ ============================== */
.dcs-mobile-megamenu-links li {
    position: relative;
    padding-left: 15px;
}

.dcs-mobile-megamenu-links li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: var(--text-icon);
    border-radius: 50%;
    opacity: 0.5;
}

/* При клике/активности точка на мобиле синеет */
.dcs-mobile-megamenu-links li:active::before {
    background: var(--base-color);
    opacity: 1;
}


/* правая часть шапки */
.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

/* ======================================== ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКОВ ======================================== */
.lang-switcher {
    position: relative;
}

.current-lang {
    display: flex;
    align-items: center;
    gap: 8px;
    /* background-color: var(--bg-block-light); */
    border: 1px solid var(--bg-button-dark);
    padding: 10px 12px;
    border-radius: 15px;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease;
}

.current-lang:hover {
    background-color: #47507c4a;
    border: 1px solid #c0c6ff6b;
}
.current-lang:hover span {
    color: var(--text-white);
}

.current-lang span {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-primary);
    line-height: 1.5;
    transition: color var(--transition-speed) ease;
}

.current-lang i {
    font-size: 0.8em;
    transition: transform var(--transition-speed) ease, color var(--transition-speed) ease;
}

/* выпадающий список языков background-color: var(--bg-header); */
.lang-dropdown {
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    min-width: 160px;
    background-color: var(--bg-site);
    border-radius: 2px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all var(--transition-speed) ease;
    list-style: none;
    z-index: 9999;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
}

.lang-switcher.show .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-switcher.show .current-lang i {
    transform: rotate(180deg);
    color: var(--text-white);
}

.lang-dropdown li a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px;
    color: var(--text-primary);
    text-decoration: none;
    transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease;
}

.lang-dropdown li a:hover {
    background-color: var(--bg-button-dark-hover);
    color: var(--text-white);
}

.lang-dropdown li a img, .current-lang img {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 3px;
}

.lang-dropdown::-webkit-scrollbar {
    width: 6px;
}

.lang-dropdown::-webkit-scrollbar-track {
    background: var(--bg-block-light);
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.lang-dropdown::-webkit-scrollbar-thumb {
    background: var(--base-color);
    border-radius: 10px;
}

.lang-dropdown::-webkit-scrollbar-thumb:hover {
    background: var(--base-color);
}

.lang-dropdown {
    scrollbar-width: thin;
    scrollbar-color: var(--base-color) var(--bg-block-light);
}

/* кнопка регистрации в шапке */
.register-btn {
    padding: 8px 20px;
    font-size: 0.95rem;
}

/* гамбургер для мобильной версии */
.hamburger {
    display: none;
    background: none;
    border: none;
    font-size: 1.8rem;
    cursor: pointer;
    color: var(--text-white);
    line-height: 1;
    width: 1.9rem;         
    padding: 0;            
    text-align: center;
}

.hamburger:hover i {
    color: var(--text-white);
}

/* ======================================== МОБИЛЬНОЕ МЕНЮ ======================================== */
.mobile-menu {
    display: none;
    position: absolute; 
    top: calc(var(--header-height) + 10px);
    left: 20px;
    right: 20px;
    width: auto;
    background-color: var(--bg-header);
    border-radius: var(--border-radius);
    padding: 20px;
    z-index: 999;  
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid #343c6470;
    max-width: calc(1300px - 40px);
    margin: 0 5px;
    
    /* добовляем горизонтальный скролл часть 1 */
    max-height: 80vh;   
    overflow-y: auto;      
    scrollbar-width: thin; 
    scrollbar-color: var(--base-color) var(--bg-block-light);
}

/* добовляем горизонтальный скролл часть 2 */
.mobile-menu::-webkit-scrollbar {
    width: 6px;
}
.mobile-menu::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: transparent;
}
.mobile-menu::-webkit-scrollbar-thumb {
    background: var(--base-color);
    border-radius: 15px;
}

.mobile-menu::-webkit-scrollbar-thumb:hover {
    background: var(--base-color);
}


/* для позиционирования relative на хедере */
.site-header {
    position: sticky;
    top: 16px;
    z-index: 10000;
}

.mobile-nav-list {
    list-style: none;
}

.mobile-nav-item {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.mobile-nav-item:last-child {
    border-bottom: none;
}

.mobile-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-nav-item a {
    display: block;
    padding: 11px 0;
    color: var(--text-primary);
    text-decoration: none;
    font-weight: 500;
}

.mobile-nav-item a i {
    margin-right: 6px;
    width: 20px;
}

/* кнопка открытия подменю в мобильной версии */
.submenu-toggle {
    background: none;
    border: none;
    color: var(--text-icon);
    font-size: 1rem;
    padding: 15px;
    cursor: pointer;
}

.submenu-toggle:hover i {
    color: var(--text-white);
}

.mobile-submenu {
    display: none;
    list-style: none;
    padding-left: 30px;
}

.mobile-submenu.show {
    display: block;
}

.mobile-submenu a {
    padding: 10px 0;
    font-size: 0.95em;
}

/* ======================================== ФУТЕР ======================================== */
.site-footer {
    background-color: var(--bg-header);
    padding: 50px 15px 20px;
    margin: 60px auto 0 auto;
    border-radius: 15px 15px 0 0;
    border-top: 1px solid var(--bg-block-light);
    position: relative;
    z-index: 1001;
    max-width: 1240px;
    box-sizing: border-box;
}

.site-footer p {
    color: var(--text-icon);
    font-size: 14px;
    line-height: 1.5;
}

/* ---------- Сетка колонок ---------- */
.site-footer__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 35px;
    border-bottom: 1px solid var(--bg-block-dark);
}

.site-footer__col { min-width: 0; }

/* ---------- Колонка бренда ---------- */
.site-footer__logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    margin-bottom: 10px;
}
.site-footer__logo span {
    color: var(--text-white);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.site-footer__desc {
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.6;
    margin: 0 0 20px;
}

/* ---------- Discord-иконка-ссылка ---------- */
.site-footer__social {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}
.site-footer__social i {
    font-size: 18px;
    color: var(--text-icon);
    transition: color 0.2s ease;
}
.site-footer__social:hover {
    border-color: #5865F2;
    color: var(--text-white);
    transform: translateY(-1px);
}
.site-footer__social:hover i { color: #5865F2; }

/* ---------- Заголовки колонок ---------- */
.site-footer__title {
    color: var(--text-white);
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 18px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 10px;
}
.site-footer__title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--text-icon);
    border-radius: 2px;
}

/* ---------- Списки ссылок ---------- */
.site-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.site-footer__list li { margin: 0; }
.site-footer__list a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.3;
    transition: color 0.2s ease, transform 0.2s ease;
}
.site-footer__list a i {
    color: var(--text-primary);
    font-size: 12px;
    width: 14px;
    text-align: center;
    flex-shrink: 0;
    transition: color 0.2s ease;
}
.site-footer__svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: var(--text-primary);
    flex-shrink: 0;
    transition: color 0.2s ease;
}
.site-footer__svg-icon svg { width: 13px; height: 13px; }
.site-footer__list a:hover {
    color: var(--text-white);
    transform: translateX(3px);
}
.site-footer__list a:hover i,
.site-footer__list a:hover .site-footer__svg-icon { color: var(--text-white); }

/* ---------- Disclaimer box ---------- */
.site-footer__notice {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    margin: 25px 0 15px;
    padding: 14px 18px;
    background: var(--bg-site);
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
}
.site-footer__notice i {
    color: var(--base-color);
    font-size: 18px;
    flex-shrink: 0;
}
.site-footer__notice p {
    color: var(--text-icon);
    font-size: 13px;
    margin: 0;
    line-height: 1.5;
}
.site-footer__notice strong { color: var(--text-primary); }

/* ---------- Legal text ---------- */
.site-footer__legal {
    padding: 15px 0 20px;
    border-bottom: 1px solid var(--bg-block-dark);
}
.site-footer__legal p {
    color: var(--text-icon);
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
}

/* ---------- Bottom row: copyright + region ---------- */
.site-footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 20px;
}
.site-footer__copy {
    color: var(--text-icon);
    font-size: 13px;
    margin: 0;
}

/* ---------- Адаптив ---------- */
@media (max-width: 1024px) {
    .site-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .site-footer__col--brand { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
    .site-footer {
        padding: 35px 15px 15px;
    }
    .site-footer > .container {
        padding: 0 15px;
    }
    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 28px;
        padding-bottom: 25px;
    }
    .site-footer__logo span { font-size: 20px; }
    .site-footer__title { font-size: 15px; margin-bottom: 14px; }
    .site-footer__bottom {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
}

/* ============================== ВЫБОР РЕГИОНА В ФУТЕРЕ ============================== */
/* контейнер селектора */
.region-selector {
    position: relative;
    display: inline-block;
}

/* кнопка выбора региона */
.current-region {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #47507c4a;
    padding: 4px 20px;
    border-radius: 15px;
    cursor: pointer;
    transition: all var(--transition-speed) ease;
    border: 1px solid transparent;
}

.current-region:hover {
    background: transparent; 
    border-color: c0c6ff6b;
    border: 1px solid var(--bg-button-dark);
   /*  box-shadow: 0 6px 15px rgba(69, 88, 255, 0.1); */
}

.current-region i:first-child {
    color: var(--base-color);
    font-size: 1rem;
}

.current-region span {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
}

.current-region i:last-child {
    color: var(--text-icon);
    font-size: 0.8rem;
    transition: transform var(--transition-speed) ease, color var(--transition-speed) ease;
}

.region-selector.open .current-region i:last-child {
    transform: rotate(180deg);
    color: var(--text-white);
}

/* выпадающий список - по клику, не по наведению */
.region-dropdown {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    min-width: 240px;
    background: var(--bg-block-dark);
    border-radius: 20px;
    /* padding: 8px 0; */
    margin-bottom: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all var(--transition-speed) ease;
    list-style: none;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid var(--bg-button-dark);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    width: 100%;
}

/* класс для показа - добавляется через JS */
.region-dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* элементы списка */
.region-dropdown li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.region-dropdown li:last-child {
    border-bottom: none;
}

/* ссылки в списке */
.region-dropdown li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition-speed) ease;
    font-weight: 500;
    white-space: nowrap;
}

.region-dropdown li a:hover {
    background: var(--bg-button-dark-hover);
    color: var(--text-white);
    padding-left: 28px;
}

/* флаги в списке */
.region-dropdown li a img {
    width: 24px;
    height: 18px;
    object-fit: cover;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    flex-shrink: 0;
}

/* текст в списке */
.region-dropdown li a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ======================================== СКРОЛЛБАР С ЗАКРУГЛЕНИЯМИ ======================================== */
.region-dropdown::-webkit-scrollbar {
    width: 6px;
}

.region-dropdown::-webkit-scrollbar-track {
    background: var(--bg-block-light);
    border-radius: 10px;
    margin-top: 20px;   
    margin-bottom: 20px;
}

.region-dropdown::-webkit-scrollbar-thumb {
    background: var(--base-color);
    border-radius: 10px;
}

.region-dropdown::-webkit-scrollbar-thumb:hover {
    background: var(--base-color);
}

/* для Firefox */
.region-dropdown {
    scrollbar-width: thin;
    scrollbar-color: var(--base-color) var(--bg-block-light);
    border-radius: 2px;
}

/* ======================================== ПЛАШКА ПОП-АП ВНИЗУ НА МОБИЛАХ ======================================== */
.mobile-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--bg-block-dark);
    padding: 15px;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
    z-index: 9000;
    border-top: 1px solid var(--bg-button-dark);
}

.banner-content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}

/* кнопка в мобильном баннере */
.banner-content .btn {
    width: 100%;
    max-width: 200px;
}

.close-banner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 1.6rem;
    color: var(--text-icon);
    cursor: pointer;
    padding: 0 10px;
}

.close-banner:hover i {
    color: var(--text-white);
}

/* ======================================== КНОПКА НАВЕРХ ======================================== */
.scroll-to-top {
    position: fixed;
    bottom: 200px;  
    right: 30px;
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: var(--text-white);
    border: 1px solid var(--base-color);
    border-radius: 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-speed) ease;
    z-index: 999;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.scroll-to-top.show {
    opacity: 0.7;
    visibility: visible;
}

.scroll-to-top:hover {
    background-color: var(--bg-block-light);
}

.scroll-to-top i {
    color: #5e6effe0;
}


/* ======================================== ХЛЕБНЫЕ КРОШКИ ======================================== */
.breadcrumbs {
    margin: 30px 5px 10px 5px;
}

.breadcrumbs ol {
    list-style: none;
    display: block; 
    padding: 0;
    line-height: 1.6;
    margin: 0;
}

.breadcrumbs li {
    display: inline; 
    white-space: normal; 
    font-size: 13px;
}

.breadcrumbs li:not(:last-child):after {
    content: "\f101";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;                
    margin: 0 6px 0 2px; 
    color: var(--text-icon);
    font-size: 7px;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs a {
    color: inherit;
    text-decoration: none;
    display: inline;
}

.breadcrumbs a:hover {
    color: var(--text-white);
    text-decoration: none;
}


/* Стрелки для списка регионов в футере */
.region-dropdown .scroll-arrow-top {
    top: 0;
    margin-bottom: -5px; 
    transform: none;
}
.region-dropdown .scroll-arrow-bottom {
    bottom: 0;
    margin-top: -5px; 
    transform: none; 
}


/* <<<<<<<<<<============================== ЧАСТЬ КОНТЕНТНОЙ ОБЛАСТИ ==============================>>>>>>>>>> */
.content {
    padding: 40px 0;
}

/* ИКОНКА ДУЭЛЬ */
.duel-svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px; 
    height: 17px;
    color: inherit; 
    vertical-align: middle;
}

.duel-svg-icon svg {
    width: 100%;
    height: 100%;
}

.nav-item a:hover .duel-svg-icon {
    color: var(--text-white);
}

.mobile-nav-item a .duel-svg-icon {
    margin-right: 6px;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.mobile-nav-item a .duel-svg-icon svg {
    width: 100%;
    height: auto;
    display: block;
}


/* ============================== АДАПТАЦИЯ ПОД ПОРТАТИВ ДЛЯ ТЕХ_КЛАССОВ ============================== */

/* <<<========== ПЛАНШЕТЫ ==========>>> */

@media (max-width: 1300px) {
    .main-nav {
        display: none;
    }
    .hamburger {
        display: block;
    }
    .header-actions {
        flex: 1;
        justify-content: flex-end;
    }
    .current-lang span {
    /* display: none; */
    }
    .container {
    padding: 0 15px;
    }
    .mobile-nav-item a .duel-svg-icon {
        margin-right: 6px;
        width: 18px;
        height: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
    /* Начальный цвет иконки на мобилках */
        color: var(--text-icon);
    }
    .mobile-nav-item a .duel-svg-icon svg {
        width: 100%;
        height: auto;
        display: block;
    }
    /* Эффект только при тапе */
    .mobile-nav-item a:active .duel-svg-icon {
        color: var(--text-white);
    }
    .mobile-nav-item a:active .duel-svg-icon svg {
        fill: var(--text-white);
    }
    .mobile-nav-item a:active {
        color: var(--text-white);
    }
    .lang-dropdown, .region-dropdown {
        scroll-behavior: smooth;
    }
    /* Стрелки вниз-вверх в выпадающих списках языков */
    .scroll-arrow-top {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: linear-gradient(180deg, var(--bg-site) 0%, rgba(12, 16, 43, 0.95) 50%, rgba(12, 16, 43, 0) 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        pointer-events: none;
        margin-bottom: -40px;
        opacity: 0;
        transition: opacity 0.2s ease;
    }
    .scroll-arrow-bottom {
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
        background: linear-gradient(0deg, var(--bg-site) 0%, rgba(12, 16, 43, 0.95) 50%, rgba(12, 16, 43, 0) 100%);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 10;
        pointer-events: none;
        margin-top: -40px;
        opacity: 0;
        transition: opacity 0.2s ease;
    }
    .scroll-arrow-top i, .scroll-arrow-bottom i {
        color: var(--base-color);
        font-size: 16px;
    }
    .scroll-arrow-top.show, .scroll-arrow-bottom.show {
        opacity: 1;
    }
    .region-dropdown {
        display: flex;
        flex-direction: column;
    }
}


/* <<<========== СМАРТФОНЫ ==========>>> */

@media (max-width: 767px) {
    .site-header {
        padding: 0 15px;
        position: sticky;
        top: 16px;
        z-index: 10000;
    }
    .header-container {
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /* задаем порядок */
    .logo {
        order: 1;
        margin-right: 10px;
    }
    .logo img {
        height: 20px;
    }
    .header-actions {
        order: 2;
        display: flex;
        align-items: center;
        margin-left: auto;
        flex-direction: row;
    }
    /* переключатель языков - первый (слева) */
    .lang-switcher {
        order: 1;
        margin-right: 0;
    }
    /* гамбургер */
    .hamburger {
        order: 2;
        display: block;
    }
    /* кнопка регистрации в шапке - скрыта */
    .header-actions .register-btn {
        display: none;
    }
    .current-lang {
        padding: 8px 8px;
    }
    /* добовляем горизонтальный скролл */
    .mobile-menu {
        max-height: 70vh; 
    }
    .mobile-menu::-webkit-scrollbar {
        width: 4px; 
    }
    /* ПРАВКИ МОБИЛЬНОГО МЕНЮ */
    .mobile-menu {
        position: absolute;
        top: calc(var(--header-height) + 10px);
        left: 10px;
        right: 10px;
        width: auto;
        max-width: none;
        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.08);
        z-index: 999;
    }
    /* кнопка регистрации в мобильном меню - по центру */
    .mobile-menu .register-btn {
        display: block;
        margin: 20px auto;
        width: fit-content;
    }
    .footer-content {
        flex-direction: column;
        text-align: center;
    }
    /* выбор региона на мобильных */
    .region-selector {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
    .current-region {
        justify-content: center;
        padding: 5px 15px;
        width: 100%;
    }
    .region-dropdown {
        width: 100%;
        min-width: 100%;
        right: 0;
        left: 0;
        max-height: 250px;
    }
    /* скролл на мобильных тоже с отступами */
    .region-dropdown::-webkit-scrollbar-track {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .region-dropdown li a {
        padding: 10px 15px;
        white-space: normal;
        word-break: break-word;
    }
    .region-dropdown li a img {
        width: 20px;
        height: 15px;
    }
    .mobile-banner {
        display: block;
    }
    /* кнопка наверх на мобильных */
    .scroll-to-top {
        bottom: 100px;
        right: 15px;
        width: 35px;
        height: 35px;
    }
}


/* ==================== АВТОМАТИЧЕСКОЕ СОДЕРЖАНИЕ (TABLE OF CONTENTS) ==================== */
#dcs-toc {
    display: none; /* Прячем пустой блок сразу */
}
.dcs-toc-container {
    background: transparent; 
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px; 
}
.dcs-toc-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0;
}
.dcs-toc-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.dcs-toc-plus {
    transition: transform 0.4s ease;
    color: var(--base-color);
    font-size: 16px;
}
.dcs-toc-container.active .dcs-toc-plus {
    transform: rotate(180deg);
    color: var(--base-color);
}
.dcs-toc-container.active .dcs-toc-header {
    margin-bottom: 20px;
}
.dcs-toc-header {
    -webkit-tap-highlight-color: transparent;
}
.dcs-toc-icon { 
    color: var(--base-color); 
    font-size: 17px; 
}
.dcs-toc-title { 
    font-size: 17px; 
    font-weight: 800; 
    color: var(--text-primary); 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
}
/* Сетка плиток-кнопок */
.dcs-toc-grid {
    display: none;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    grid-auto-rows: 1fr;
}
.dcs-toc-container.active .dcs-toc-grid {
    display: grid;
}
/* Сама плитка (ссылка) */
.dcs-toc-link {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bg-area);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 7px 15px;
    border-radius: 5px;
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-tap-highlight-color: transparent; 
    word-wrap: break-word; 
    height: 100%; 
    box-sizing: border-box; 
}
.dcs-toc-link:hover {
    border-color: var(--base-color);
    background: rgba(0, 150, 255, 0.05);
    color: var(--text-white);
    transform: translateY(-1px);
}
/* Номер пункта (01, 02...) */
.dcs-toc-number {
    color: var(--bg-button-blue);
    font-weight: 800;
    font-size: 13px;
    font-family: 'Monaco', 'Consolas', monospace; 
    flex-shrink: 0;
}
/* Текст внутри плитки */
.dcs-toc-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}
.dcs-toc-link.is-h3 .dcs-toc-number { 
    color: var(--bg-button-blue-hover); 
}
/* Фикс для мобилок в TOC */
@media (max-width: 767px) {
    .dcs-toc-grid { 
        grid-template-columns: 1fr; 
    }
    .dcs-toc-container {
        padding: 20px 15px;
    }
}



/* --- СЧЁТЧИКИ С ЦИФРАМИ --- */
.dcs-counters {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 25px;
}
.dcs-counter-item {
    background: var(--bg-area);
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    padding: 15px 15px;
    text-align: center;
}
.dcs-counter-value {
    font-size: 20px;
    font-weight: 900;
    color: var(--text-white);
    line-height: 1.2;
}
.dcs-counter-label {
    font-size: 13px;
    color: var(--text-icon);
    margin-top: 8px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .dcs-counters {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 479px) {
    .dcs-counter-value {
        font-size: 20px;
    }
}

/* --- МИНИ-КАРТОЧКИ ОРИГИНАЛЬНЫХ ИГР --- */
.dcs-originals-grid {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
.dcs-original-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    background: var(--bg-block-light);
    /* border: 1px solid var(--base-color); */
    border-radius: 10px;
    padding: 15px 10px;
    text-align: center;
}
.dcs-original-card i {
    font-size: 22px;
    color: var(--text-icon);
}
.dcs-original-name {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-white);
}
.dcs-original-rtp {
    font-size: 18px;
    font-weight: 900;
    color: var(--text-white);
}
/* Блок с математическим фактом */
.dcs-math-fact {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 25px 0;
    padding: 15px 25px;
    /* background: var(--bg-extra-color-green); */
    border: 1px dashed var(--bg-button-dark);
    border-radius: 10px;
    font-size: 15px;
    color: var(--text-primary);
}
.dcs-math-fact i {
    font-size: 18px;
    color: var(--text-icon);
    flex-shrink: 0;
    border: 1px solid var(--bg-button-dark);
    border-radius: 6px;
    padding: 8px;
}
.dcs-math-fact strong {
    color: var(--text-primary);
}
@media (max-width: 767px) {
    .dcs-math-fact {
        flex-direction: column;
        text-align: center;
        padding: 20px 20px;
        margin: 20px 0;
    }
}
@media (max-width: 479px) {
    .dcs-originals-grid {
        flex-direction: column;
    }
}

/* --- БЛОК СРАВНЕНИЯ VS --- */
.dcs-vs-block {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}
.dcs-vs-col {
    flex: 1;
    border-radius: 10px;
    padding: 20px;
}
.dcs-vs-col--negative {
    background: var(--bg-block-light);
    /* border: 1px solid var(--color-red); */
}
.dcs-vs-col--positive {
    background: var(--bg-block-light);
    /* border: 1px solid var(--color-green); */
}
.dcs-vs-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
}
.dcs-vs-col--negative .dcs-vs-header {
    color: var(--text-white);
    font-size: 14px;
}
.dcs-vs-col--negative .dcs-vs-header i {
    color: #f75c5c;
    font-size: 15px;
}
.dcs-vs-col--positive .dcs-vs-header {
    color: var(--text-white);
    font-size: 14px;
}
.dcs-vs-col--positive .dcs-vs-header i {
    color: var(--color-green);
    font-size: 15px;
}
.dcs-vs-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.dcs-vs-list li {
    font-size: 14px;
    color: var(--text-primary);
    padding-left: 0;
}
@media (max-width: 479px) {
    .dcs-vs-block {
        flex-direction: column;
    }
}

/* --- БЛОК СРАВНЕНИЯ VS VER2 (гап 25px) --- */
.dcs-vs-block-ver2 {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    border: 1px solid var(--bg-button-dark);
    padding: 25px;
    border-radius: 15px;
}
.dcs-vs-col-ver2 {
    flex: 1;
    border-radius: 15px;
    padding: 25px;
}
.dcs-vs-col-ver2--negative {
    background: var(--bg-block-dark);
}
.dcs-vs-col-ver2--positive {
    background: var(--bg-block-dark);
}
.dcs-vs-header-ver2 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 700;
}
.dcs-vs-col-ver2--negative .dcs-vs-header-ver2 {
    color: var(--text-white);
    font-size: 19px;
}
.dcs-vs-col-ver2--negative .dcs-vs-header-ver2 i {
    color: #f75c5c;
}
.dcs-vs-col-ver2--positive .dcs-vs-header-ver2 {
    color: var(--text-white);
    font-size: 19px;
}
.dcs-vs-col-ver2--positive .dcs-vs-header-ver2 i {
    color: var(--color-green);
}
.dcs-vs-list-ver2 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.dcs-vs-list-ver2 li {
    font-size: 15px;
    color: var(--text-primary);
    padding-left: 0;
}
@media (max-width: 479px) {
    .dcs-vs-block-ver2 {
        flex-direction: column;
        padding: 20px;
    }
    .dcs-vs-col-ver2 {
        padding: 20px;
    }
}

/* --- СПИДОМЕТР (GAUGE) --- */
.dcs-gauge-wrapper {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin: 25px 0;
    flex-wrap: wrap;
}
.dcs-gauge {
    text-align: center;
    width: 200px;
}
.dcs-gauge-svg {
    width: 100%;
    height: auto;
}
.dcs-gauge-bg {
    fill: none;
    stroke: var(--bg-button-dark);
    stroke-width: 14;
    stroke-linecap: round;
}
.dcs-gauge-fill {
    fill: none;
    stroke: var(--bg-button-blue);
    stroke-width: 14;
    stroke-linecap: round;
    stroke-dasharray: 250;
    stroke-dashoffset: 251.2;
}
.dcs-gauge-fill--low {
    stroke: var(--base-color);
}
.dcs-gauge-value {
    font-size: 28px;
    font-weight: 900;
    color: var(--text-white);
    margin-top: -15px;
}
.dcs-gauge-label {
    font-size: 13px;
    color: var(--text-icon);
    font-weight: 600;
    margin-top: 5px;
}
@media (max-width: 479px) {
    .dcs-gauge-wrapper {
        gap: 20px;
    }
    .dcs-gauge {
        width: 150px;
    }
    .dcs-gauge-value {
        font-size: 22px;
    }
}

/* --- СРАВНИТЕЛЬНЫЕ ШКАЛЫ --- */
.dcs-compare-scales {
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid var(--bg-button-dark);
    padding: 1px;
    border-radius: 15px;
}
.dcs-card-h3 .dcs-compare-scales {
    border: none;
    background: transparent;
    padding: 0;
    margin: 15px 0;
}
.dcs-compare-item {
    background: var(--bg-area);
    border-radius: 10px;
    padding: 25px 25px;
}
.dcs-card-h3 .dcs-compare-item {
    background: var(--bg-block-light);
    border-radius: 10px;
    padding: 15px 20px;
}
.dcs-compare-label {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: 12px;
}
.dcs-compare-bars {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.dcs-compare-bar {
    display: flex;
    align-items: center;
    gap: 12px;
}
.dcs-compare-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-icon);
    min-width: 50px;
}
.dcs-compare-track {
    flex: 1;
    background: var(--bg-block-dark);
    border-radius: 6px;
    height: 28px;
    overflow: hidden;
}
.dcs-compare-fill {
    height: 100%;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    width: 0;
}
.dcs-compare-fill span {
    font-size: 10px;
    font-weight: 700;
    color: var(--text-white);
    white-space: nowrap;
}
.dcs-compare-fill--green {
    background: linear-gradient(90deg, var(--base-color), var(--bg-button-blue));
}
.dcs-compare-fill--gray {
    background: var(--bg-button-dark);
}
@media (max-width: 767px) {
    .dcs-compare-item {
        padding: 20px 20px;
    }
}

/* --- ВРЕМЕННАЯ ШКАЛА (TIMELINE) --- */
.dcs-timeline {
    position: relative;
    padding-left: 25px;
    margin: 25px 0;
}
.dcs-timeline::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--bg-button-dark);
}
.dcs-timeline-item {
    position: relative;
    margin-bottom: 20px;
}
.dcs-timeline-item:last-child {
    margin-bottom: 0;
}
.dcs-timeline-dot {
    position: absolute;
    left: -31px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--base-color);
    border: 4px solid var(--bg-site);
}
.dcs-timeline-content {
    background: var(--bg-area);
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    padding: 15px 20px;
}
.dcs-timeline-date {
    font-size: 15px;
    font-weight: 800;
    color: var(--base-color);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.dcs-timeline-content p {
    font-size: 15px;
    color: var(--text-primary);
    margin-top: 5px;
    line-height: 1.5;
}

/* --- РЕЙТИНГ ПО КАТЕГОРИЯМ (ЗВЁЗДЫ) --- */
.dcs-rating-block {
    background: var(--bg-area);
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px;
}
.dcs-rating-block .dcs-h3 {
    margin-bottom: 20px;
}
.dcs-rating-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.dcs-rating-row {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 20px;
    background: var(--bg-block-dark);
    border-radius: 8px;
}
.dcs-rating-row--total {
    background: var(--bg-extra-color-blue);
    border: 1px solid var(--base-color);
}
.dcs-rating-category {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    min-width: 180px;
}
.dcs-rating-stars {
    display: flex;
    gap: 3px;
    color: var(--color-orange);
    font-size: 16px;
    margin-left: auto;
}
@media (max-width: 767px) {
    .dcs-rating-row {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 15px;
        gap: 5px;
    }
    .dcs-rating-category {
        min-width: 100%;
        font-size: 13px;
        text-align: center;
    }
    .dcs-rating-stars {
        font-size: 13px;
        margin-left: 0;
    }
    .dcs-rating-block {
        padding: 20px;
    }
}

/* <<<-----========================= ВЕСЬ КОНТЕНТ БУДЕТ НИЖЕ! =========================----->>> */
/* <<<-----========================= ВЕСЬ КОНТЕНТ БУДЕТ НИЖЕ! =========================----->>> */
/* <<<-----========================= ВЕСЬ КОНТЕНТ БУДЕТ НИЖЕ! =========================----->>> */
/* <<<-----========================= ВЕСЬ КОНТЕНТ БУДЕТ НИЖЕ! =========================----->>> */
/* <<<-----========================= ВЕСЬ КОНТЕНТ БУДЕТ НИЖЕ! =========================----->>> */


/* ==================== МИНИ-БЛОК ПЕРЕЛИНКОВКИ (ТЕКСТ + СТРЕЛКА) ==================== */
.dcs-link-internal {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 2px 0 2px;
    padding: 2px 0;
    text-decoration: none;
    transition: all var(--transition-speed) ease;
    cursor: pointer;
    width: fit-content;
}
.dcs-link-internal span {
    font-size: 14px;
    font-weight: 700;
    color: var(--base-color);
    transition: color 0.3s ease;
    line-height: 1.2;
}
.dcs-link-internal i {
    font-size: 12px;
    color: var(--base-color);
    transition: transform 0.3s ease, color 0.3s ease;
}
.dcs-link-internal:hover span {
    color: var(--text-white);
}
.dcs-link-internal:hover i {
    transform: translateX(3px);
    color: var(--text-white);
}

/* ВАРИАНТ: СЛЕВА */
.dcs-bottom-link-left {
    display: flex;
    justify-content: flex-start;
    margin-right: auto;
}
/* ВАРИАНТ: ПО ЦЕНТРУ */
.dcs-bottom-link-center {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}


/* Убираем системную подсветку при нажатии на мобильных устройствах */
.dcs-faq-header {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

/* --- 1. СЕКЦИИ И ВРАППЕРЫ --- */
.dcs-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
    color: var(--text-primary);
    width: 100%;
}

.dcs-section {
    background: var(--bg-area);
    padding: 30px;
    border-radius: 15px;
    position: relative;
    width: 100%;
}

.dcs-type-before {
    padding-top: 45px;
}
/* альтернативный бэкграунд #5e6effb8 */
.dcs-type-before::before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: 100px;
    height: 11px;
    background: #343c64;
    border-radius: 0 0 5px 5px;
}

p {
    margin-bottom: 15px;
    line-height: 1.5;
}

/* --- 2. ЗАГОЛОВКИ --- */
.dcs-h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: 25px;
    line-height: 1.2;
    letter-spacing: 0.2px;
}
.dcs-h3 {
    font-size: 25px;
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: 0.2px;
}
.dcs-h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--text-white);
    margin-bottom: 20px;
    line-height: 1.2;
    letter-spacing: 0.2px;
}

/* --- 3. ТАБЛИЦА --- */
.dcs-table-wrapper {
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    margin: 25px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.dcs-comparison-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
}
.dcs-comparison-table th {
    background: var(--bg-button-dark);
    color: var(--text-white);
    padding: 8px 10px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.1);
}
.dcs-comparison-table td {
    padding: 5px 12px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid var(--bg-button-dark);
    border-right: 1px solid var(--bg-button-dark);
}
.dcs-comparison-table td:last-child,
.dcs-comparison-table th:last-child {
    border-right: none;
}
.dcs-text-green {
    color: var(--text-primary);
    font-weight: 400;
}

/* --- 4. СПЕЦ-БЛОКИ --- */
.dcs-expert-quote {
    margin: 35px 0 25px 0;
    padding: 20px 25px 10px 25px;
    border-radius: 12px;
    position: relative;
    border: 1px dashed var(--bg-button-dark-hover);
}
.dcs-quote-label {
    position: absolute;
    top: -14px;
    left: 25px;
    background: var(--bg-button-dark);
    color: var(--text-white);
    padding: 3px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
}
/* background: rgba(249, 129, 77, 0.02) */
.dcs-dual-blocks {
    display: flex;
    gap: 20px;
    margin: 25px 0;
}
.dcs-dual-blocks .dcs-info-block,
.dcs-dual-blocks .dcs-expert-quote {
    flex: 1;
    margin: 0;
}
.dcs-info-block {
    margin: 25px 0;
    padding: 50px 25px 10px;
    border-radius: 12px;
    position: relative;
    border: 1px dashed var(--bg-button-dark);
}
.dcs-info-label-btn {
    position: absolute;
    top: 15px;
    left: 25px;
    background: var(--bg-block-dark);
    color: var(--text-white);
    padding: 3px 20px;
    border: 1px solid var(--bg-button-dark);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
}

.ds-site-intro .btn {
    border-radius: 20px;
}

/* --- 5. КАРТОЧКИ --- */
.dcs-grid-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 25px 0;
    width: 100%;
}
.dcs-card-h3 {
    background: var(--bg-block-dark);
    border: 1px solid var(--bg-button-dark);
    padding: 25px;
    border-radius: 15px;
    word-wrap: break-word;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dcs-card-icon-50 {
    display: block;
    font-size: 50px;
    color: var(--bg-button-dark-hover);
    margin: 0 0 20px 0;
    text-align: left;
}

/* Партнерская карточка */
.dcs-affiliate-card {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    background: var(--bg-block-dark);
    border: 1px solid var(--bg-button-dark);
    padding: 25px;
    border-radius: 15px;
    position: relative;
    margin: 20px 0;
}
.dcs-card-content {
    flex: 1;
}
.dcs-card-icon-top-right {
    font-size: 40px;
    color: var(--bg-button-dark-hover);
    order: 2;
    flex-shrink: 0;
    border: 1px solid var(--bg-button-dark);
    border-radius: 20px;
    padding: 15px;
    margin: 0;
}

/* --- RTP SPLIT BAR --- */
.dcs-rtp-split {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: 15px 0;
    background: var(--bg-block-light);
    border-radius: 10px;
    padding: 15px;
}
.dcs-rtp-split__side {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.dcs-rtp-split__side--left {
    align-items: flex-end;
    text-align: right;
}
.dcs-rtp-split__side--right {
    align-items: flex-start;
    text-align: left;
}
.dcs-rtp-split__side--left .dcs-rtp-split__bar {
    transform: scaleX(-1);
}
.dcs-rtp-split__side--left .dcs-rtp-split__fill span {
    transform: scaleX(-1);
}
.dcs-rtp-split__label {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-white);
}
.dcs-rtp-split__bar {
    width: 100%;
    height: 28px;
    background: var(--bg-block-dark);
    border-radius: 6px;
    overflow: hidden;
}
.dcs-rtp-split__fill {
    height: 100%;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.dcs-rtp-split__fill span {
    font-size: 10px;
    font-weight: 700;
    color: var(--text-white);
    white-space: nowrap;
}
.dcs-rtp-split__fill--green {
    background: linear-gradient(90deg, var(--base-color), var(--bg-button-blue));
    justify-content: flex-start;
}
.dcs-rtp-split__fill--gray {
    background: var(--bg-button-dark);
    justify-content: flex-end;
}
.dcs-rtp-split__divider {
    width: 2px;
    background: var(--bg-button-dark);
    margin: 0 12px;
    border-radius: 2px;
}
@media (max-width: 767px) {
    .dcs-rtp-split {
        flex-direction: column;
        padding: 12px;
        gap: 12px;
    }
    .dcs-rtp-split__divider {
        display: none;
    }
    .dcs-rtp-split__side--left {
        align-items: center;
        text-align: center;
    }
    .dcs-rtp-split__side--right {
        align-items: center;
        text-align: center;
    }
    .dcs-rtp-split__side--left .dcs-rtp-split__bar {
        direction: ltr;
    }
    .dcs-rtp-split__fill--gray {
        justify-content: flex-start;
    }
}

/* --- 6. ИНФОГРАФИКА --- */
.dcs-promo-inner {
    margin: 20px 0 15px 0;
    padding: 20px;
    background: var(--bg-block-light);
    border-radius: 10px;
    /* border: 1px solid var(--bg-button-dark-hover); */
    text-align: center;
}
.dcs-promo-tag {
    background: var(--bg-extra-color-blue);
    border: 1px solid var(--base-color);
    color: var(--color-blue-for-bg-extra-color-blue);
    padding: 5px 25px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}
.dcs-promo-code-mock {
    color: var(--text-white);
    font-weight: 600;
    letter-spacing: 1px;
}

/* --- 7. ЗАКЛЮЧЕНИЕ --- */
.dcs-conclusion-block {
    border: 4px double var(--bg-button-dark);
    border-radius: 10px;
    padding: 25px;
    margin: 25px 0 20px 0;
}
.dcs-h2-center {
    font-size: 32px;
    margin-bottom: 15px;
    display: block;
    color: var(--text-white);
    text-align: center;
}
.dcs-divider {
    height: 5px;
    width: 70px;
    background: var(--bg-button-dark-hover);
    border-radius: 2px;
    margin: 0 auto 20px;
}

/* --- 8. FAQ --- */
.dcs-faq-item {
    background: var(--bg-block-dark);
    border-radius: 15px;
    margin-bottom: 15px;
    border: 1px solid transparent;
    transition: 0.3s;
}
.dcs-faq-item.active {
    border-color: var(--base-color);
}
.dcs-faq-header {
    padding: 15px 25px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    color: var(--text-primary);
    gap: 5px;
}
.dcs-faq-plus {
    transition: transform 0.4s ease;
    color: var(--base-color);
}
.dcs-faq-item.active .dcs-faq-plus {
    transform: rotate(45deg);
    color: #ff4d4d;
}
.dcs-faq-body {
    display: none;
    padding: 0 25px 5px 25px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.05);
}

/* --- 9. СПИСКИ --- */
.dcs-step-list {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}
.dcs-step-list li {
    display: flex;
    gap: 15px;
    margin-bottom: 12px;
    align-items: flex-start;
}
.dcs-step-num {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: var(--bg-button-dark-hover);
    color: var(--text-white);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
}
.dcs-step-list li a {
    display: inline;
    white-space: normal;
    word-break: break-word;
}

/* --- БЛОК ТЕКСТ + КАРТИНКА 50/50 --- */
.dcs-split-block {
    display: flex;
    gap: 30px;
    align-items: stretch;
    margin: 20px 0;
}
.dcs-split-text {
    flex: 1;
    min-width: 0;
}
.dcs-split-image {
    flex: 1;
    min-width: 0;
}
.dcs-image-frame {
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    overflow: hidden;
    background: var(--bg-block-light);
    transition: all var(--transition-speed) ease;
    position: relative;
}

/* .dcs-image-frame:hover {border-color: var(--bg-button-blue);} */

.dcs-image-wrapper {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.dcs-image-wrapper img {
    width: 100%;
    height: 260px;
    display: block;
    object-fit: cover;
    transition: transform var(--transition-speed) ease;
}
.dcs-image-wrapper:hover img {
    transform: scale(1.02);
}
.dcs-image-wrapper--static { cursor: default; }
.dcs-image-wrapper--static:hover img { transform: none; }
.dcs-zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    width: 50px;
    height: 50px;
    background: #ffffff1a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all var(--transition-speed) ease;
    pointer-events: none;
    z-index: 2;
}
.dcs-zoom-icon i {
    font-size: 24px;
    color: #a2a7d5;
}
.dcs-image-wrapper:hover .dcs-zoom-icon {
    opacity: 0.9;
    transform: translate(-50%, -50%) scale(1);
}
.dcs-image-caption {
    padding: 2px 15px;
    text-align: center;
    font-size: 13px;
    color: var(--text-icon);
    background: var(--bg-block-dark);
    border-top: 1px solid var(--bg-button-dark);
}
@media (max-width: 768px) {
    .dcs-image-wrapper img { height: 150px; }
}

.dcs-split-image--full { flex: 1 1 100%; width: 100%; }
.dcs-split-image--full .dcs-image-wrapper img { height: 620px; }
@media (max-width: 768px) {
    .dcs-split-image--full .dcs-image-wrapper img { height: 155px; }
}

/* ==================== СПОЙЛЕР ТЕКСТА С ЗАТЕМНЕНИЕМ ==================== */
.dcs-spoiler-wrapper {
    position: relative;
    overflow: hidden;
}
.dcs-spoiler-content {
    position: relative;
    overflow: hidden;
    transition: max-height 0.5s ease;
}
.dcs-spoiler-content.expanded {
    max-height: none;
}
.dcs-spoiler-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, transparent, var(--bg-area));
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.dcs-spoiler-content.expanded .dcs-spoiler-gradient {
    opacity: 0;
    visibility: hidden;
}
.dcs-spoiler-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all var(--transition-speed) ease;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}
.dcs-spoiler-btn span {
    font-size: 13px;
    font-weight: 600;
    color: var(--base-color);
    transition: color 0.3s ease;
}
.dcs-spoiler-btn i {
    font-size: 12px;
    color: var(--base-color);
    transition: transform 0.3s ease, color 0.3s ease;
}
.dcs-spoiler-btn:hover span {
    color: var(--text-white);
}
.dcs-spoiler-btn:hover i {
    transform: translateY(2px);
    color: var(--text-white);
}

/* -----===== МИНИ-БЛОКИ ПЕРЕЛИНКОВКИ (ПРИЖИМ К НИЗУ + ОТСТУП) =====----- */
.dcs-card-h3 .dcs-bottom-link-wrapper {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 15px;
}
.dcs-bottom-link-wrapper {
    margin-top: 20px;
    width: 100%;
}

/* =============== АДАПТАЦИЯ ДЛЯ МОБИЛЬНЫХ У КОНТЕНТНЫХ КЛАССОВ - СТИЛЕЙ =============== */
@media (max-width: 767px) {
    p {
        font-size: 15px;
        line-height: 1.4;
    }
    .dcs-h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .dcs-h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .dcs-h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .dcs-section {
        padding: 15px;
    }
    .dcs-card-h3 {
        padding: 20px;
    }
    .dcs-expert-quote {
        padding: 20px 20px 5px 20px;
        margin: 35px 0 20px 0;
    }
    .dcs-dual-blocks {
        flex-direction: column;
    }
    .dcs-info-block {
        padding: 55px 20px 5px;
        margin: 20px 0;
    }
    .dcs-conclusion-block {
        padding: 20px;
    }
    .dcs-faq-header {
        padding: 10px 15px;
    }
    .dcs-faq-body {
        padding: 10px 20px 5px 20px;
    }
    .dcs-type-before {
        padding-top: 30px;
    }
    .dcs-type-before::before {
        left: 15px;
        width: 75px;
        height: 10px;
    }
    .dcs-grid-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .dcs-split-block {
        flex-direction: column;
        gap: 20px;
    }
    .dcs-spoiler-btn span {
        font-size: 13px;
    }
    .dcs-zoom-icon {
        width: 40px;
        height: 40px;
    }
    .dcs-zoom-icon i {
        font-size: 18px;
    }
    .dcs-bottom-link-wrapper {
        margin-top: 15px;
    }
    .dcs-card-icon-50 {
        font-size: 45px;
        margin-bottom: 15px;
    }
    .dcs-affiliate-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
        padding: 20px;
    }
    .dcs-card-icon-top-right {
        order: -1;
        margin-bottom: 10px;
        opacity: 0.8;
    }
}

@media (max-width: 479px) {
    .dcs-image-caption {
        font-size: 11px;
        padding: 4px 12px;
    }
}



/* ======================================== ГЛАВНЫЙ БАННЕР (HERO) ======================================== */
.ds-site-intro { 
    margin-bottom: 40px; 
    width: 100%; 
}

.ds-site-intro__box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(7, 11, 35, 0.85) 0%, rgba(7, 11, 35, 0.65) 100%), 
                url('/images/picture-banner-x.webp') center center / cover no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 70px 20px;
    text-align: center;
    margin-top: 50px;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ds-site-intro__content { 
    position: relative; 
    z-index: 2; 
    width: 100%;
    max-width: 950px;
}

/* 2) Стеклянные пилсы */
.ds-site-intro__pills {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}

.ds-site-pill {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 20px;
    border-radius: 50px;
    color: var(--text-white);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ds-site-pill i {
    color: var(--bg-button-blue);
    font-size: 16px;
}

/* 3) Заголовки */
.ds-site-intro__title {
    font-size: 48px;
    font-weight: 900;
    color: var(--text-white);
    margin-bottom: 10px;
    line-height: 1.1;
    letter-spacing: 0.5px;
}

.ds-site-intro__subtitle-text {
    font-size: 28px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 35px;
}

/* 4) Стеклянный блок с точкой */
.ds-site-intro__offer-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

.ds-site-intro__offer-glass {
    background: var(--bg-block-dark);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 8px 25px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    letter-spacing: 1px;
}

.ds-site-intro__offer-glass span {
    color: var(--text-white);
    font-weight: 800;
    text-transform: uppercase;
    font-size: 16px;
}

.ds-site-intro__dot {
    width: 10px;
    height: 10px;
    background: var(--bg-button-blue);
    border-radius: 50%;
    box-shadow: 0 0 5px var(--bg-button-blue-hover);
}

/* 5) Рейтинг: Ряд на ПК */
.ds-site-intro__rating-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}

.ds-site-intro__stars {
    display: flex;
    gap: 5px;
}

.ds-site-intro__stars i {
    color: var(--base-color);
    font-size: 20px;
}

/* Темная половинка звезды */
.ds-site-intro__stars i.fa-star-half-stroke {
    color: var(--base-color) !important;
}

.ds-site-intro__rating-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
}

/* 6) Кнопки */
.ds-site-intro__actions {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ds-site-intro__actions .btn {
    padding: 20px 40px;
    font-size: 17px;
    text-transform: uppercase;
    min-width: 270px;
}

/* ВТОРАЯ ЧАСТЬ: 4 КАРТОЧКИ */
.ds-site-intro__stats-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: 20px 0 0 0;
    position: relative;
}

.ds-site-stat-card {
    background: var(--bg-area);
    border: 1px solid var(--bg-button-dark);
    padding: 25px 20px;
    border-radius: 15px;
    text-align: left;
    transition: 0.2s ease;
    text-align: center;
}

.ds-site-stat-card__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    justify-content: center;
}

.ds-site-stat-card__header i {
    color: var(--bg-button-blue);
    font-size: 20px;
}

.ds-site-stat-card__label {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-white);
}

.ds-site-stat-card__val {
    font-size: 20px;
    font-weight: 800;
    color: var(--text-icon);
    line-height: 1.1;
    display: block;
}

/* ---========== АДАПТИВНОСТЬ ДЛЯ ГЛАВНОГО БАННЕРА ==========--- */
@media (max-width: 1024px) {
    .ds-site-intro__stats-grid-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    .ds-site-intro__title { font-size: 24px !important; }

    .ds-site-intro__pills { flex-direction: column; }
    
    .ds-site-pill { width: 100%; justify-content: center; flex-direction: column; }

    .ds-site-intro__offer-glass { flex-direction: column; width: 100%; gap: 5px; }
    .ds-site-intro__offer-glass span { font-size: 15px; }

    .ds-site-intro__rating-box {
        flex-direction: column;
        gap: 8px;
    }
    
    .ds-site-intro__subtitle-text { font-size: 21px; }

    .ds-site-intro__actions { flex-direction: column; width: 100%; }
    .ds-site-intro__actions .btn { width: 100%; min-width: unset; }

    .ds-site-intro__stats-grid-4 {
        grid-template-columns: 1fr;
        margin: 20px 0 0;
    }
    .ds-site-stat-card {
        padding: 20px 20px;
    }
}



/* ======================================== БАННЕР CTA ======================================== */
.dcs-cta-banner {
    margin: 75px 0 30px;
    width: 100%;
}

.dcs-cta-banner__inner {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 25px;
    padding: 50px 30px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Декоративный элемент */
.dcs-cta-banner__inner::before {
    content: '';
    position: absolute;
    top: -69%;
    right: -18%;
    width: 450px;
    height: 450px;
    background: var(--base-color);
    opacity: 0.02;
    border-radius: 50%;
    pointer-events: none;
}

.dcs-cta-banner__inner::after {
    content: '';
    position: absolute;
    bottom: -69%;
    left: -18%;
    width: 450px;
    height: 450px;
    background: var(--base-color);
    opacity: 0.02;
    border-radius: 50%;
    pointer-events: none;
}

.dcs-cta-banner__title {
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: var(--text-white);
    margin-bottom: 20px;
    position: relative;
    letter-spacing: 0.5px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.dcs-cta-banner__text {
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-primary);
    max-width: 800px;
    margin: 0 auto 30px;
    position: relative;
    z-index: 2;
}

.dcs-cta-banner__buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
}

.dcs-cta-banner__btn-main,
.dcs-cta-banner__btn-secondary {
    padding: 16px 36px;
    font-size: 17px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    text-transform: uppercase;
}

.dcs-cta-banner__btn-main i,
.dcs-cta-banner__btn-secondary i {
    font-size: 16px;
    color: inherit;
}

/* =============== Мобильная адаптация ДЛЯ БАННЕРА CTA =============== */
@media (max-width: 767px) {
    .dcs-cta-banner__inner {
        padding: 35px 15px;
    }
    
    .dcs-cta-banner__inner::before,
    .dcs-cta-banner__inner::after {
        display: none;
    }
    
    .dcs-cta-banner__title {
        font-size: 25px;
    }
    
    .dcs-h2-center {
    font-size: 20px;
    margin-bottom: 10px;
    }
    .dcs-divider {
        margin: 0px auto 10px;
    }
    .dcs-table-wrapper {
        margin: 20px 0;
    }
    
    .dcs-cta-banner__text {
        font-size: 14px;
    }
    
    .dcs-cta-banner__buttons {
        flex-direction: column;
        gap: 15px;
    }
    
    .dcs-cta-banner__btn-main,
    .dcs-cta-banner__btn-secondary {
        width: 100%;
        justify-content: center;
    }
    
}



/* ======================================== БЛОК АВТОРА ======================================== */
.dcs-author-section {
    padding: 45px 30px;
    margin: 30px 0;
}

.dcs-author-card {
    display: flex;
    gap: 40px;
    width: 100%;
}

/* Левая часть — аватар */
.dcs-author-card__left {
    flex-shrink: 0;
}

.dcs-author-card__avatar-link {
    display: block;
    transition: transform var(--transition-speed) ease;
}

.dcs-author-card__avatar-link:hover {
    transform: scale(1.01);
}

.dcs-author-card__avatar {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 20px;
    border: 2px solid var(--bg-button-dark);
    background: var(--bg-block-light);
    transition: all var(--transition-speed) ease;
}

/* Правая часть */
.dcs-author-card__right {
    flex: 1;
}

.dcs-author-card__header {
    margin-bottom: 20px;
}

.dcs-author-card__name {
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: var(--text-white);
    margin-bottom: 6px;
}

.dcs-author-card__badge {
    display: inline-block;
    background: var(--bg-block-dark);
    border: 1px solid var(--bg-button-dark);
    color: var(--text-icon);
    padding: 2px 14px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
}

.dcs-author-card__bio {
    font-size: 15px;
    line-height: 1.6;
    color: var(--text-primary);
    margin-bottom: 25px;
}

/* Статистика — 5 блоков */
.dcs-author-card__stats {
    display: flex;
    gap: 25px;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.dcs-author-card__stat {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dcs-author-card__stat i {
    font-size: 28px;
    color: var(--base-color);
}

.dcs-author-card__stat-value {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: var(--text-white);
    line-height: 1.2;
}

.dcs-author-card__stat-label {
    display: block;
    font-size: 12px;
    color: var(--text-icon);
    font-weight: 500;
}

/* =============== Мобильная адаптация БЛОКА АВТОРА =============== */
@media (max-width: 767px) {
    .dcs-author-section {
        padding: 30px 15px;
    }
    
    .dcs-author-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    
    .dcs-author-card__avatar {
        width: 150px;
        height: 150px;
    }
    
    .dcs-author-card__stats {
        justify-content: center;
        gap: 20px;
    }
    
    .dcs-author-card__stat {
        flex-direction: column;
        text-align: center;
        gap: 6px;
        min-width: 85px;
    }
    
    .dcs-author-card__stat i {
        font-size: 24px;
    }
    
    .dcs-author-card__stat-value {
        font-size: 18px;
    }
    
    .dcs-author-card__stat-label {
        font-size: 11px;
    }
}

@media (max-width: 479px) {
    
    .dcs-author-card__stats {
        gap: 15px;
    }
    
    .dcs-author-card__stat {
        min-width: 70px;
    }
    
    .dcs-author-card__stat i {
        font-size: 20px;
    }
    
    .dcs-author-card__stat-value {
        font-size: 16px;
    }
}










/* ======================================== СЛАЙДЕР ======================================== */

/* Обёртка всего слайдера внутри секции */
.dcs-slider-section {
    width: 100%;
    margin-bottom: 25px;
}

/* Центрированный вариант слайдера (главная страница) */
.dcs-slider-section--centered .dcs-slider-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1px;
    margin-bottom: 5px;
}
.dcs-slider-section--centered .dcs-slider-controls {
    margin-left: 0;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    width: 100%;
}
.dcs-slider-section--centered .dcs-image-caption {
    display: none;
}

/* Шапка слайдера: заголовок слева, кнопки справа */
.dcs-slider-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/* Заголовок слайдера — универсальный класс, тег можно менять без влияния на вид */
.dcs-slider-title {
    margin-bottom: 0;
    flex: 1;
    min-width: 0;
    text-align: left;
}

/* Группа кнопок листания */
.dcs-slider-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    margin-left: 20px;
}

/* Кнопки листания со стрелками и бордером */
.dcs-slider-btn {
    width: 44px;
    height: 44px;
    border: 2px solid var(--bg-button-dark);
    border-radius: 50%;
    background: var(--bg-block-dark);
    color: var(--text-icon);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition-speed) ease;
    -webkit-tap-highlight-color: transparent;
}

/* Кнопка листания при наведении */
.dcs-slider-btn:hover {
    border-color: var(--base-color);
    color: var(--text-white);
    background: var(--bg-button-dark);
}

/* Неактивная (задизейбленная) кнопка */
.dcs-slider-btn--disabled {
    opacity: 0.35;
    cursor: default;
    pointer-events: none;
}

.dcs-slider-btn i {
    font-size: 14px;
}

/* Область просмотра слайдера — обрезает всё лишнее */
.dcs-slider-viewport {
    overflow: hidden;
    border-radius: var(--border-radius);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

/* Активное перетаскивание */
.dcs-slider-viewport:active {
    cursor: grabbing;
}

/* Трек — горизонтальная полоса со слайдами */
.dcs-slider-track {
    display: flex;
    gap: 0;
    will-change: transform;
}

/* Один слайд */
.dcs-slider-slide {
    flex: 0 0 calc(100% / 3);
    padding: 0 10px;
    box-sizing: border-box;
}

/* Картинки в слайдере не тянут фокус при перетаскивании */
.dcs-slider-slide img {
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
}

/* =============== Адаптив слайдера =============== */
@media (max-width: 767px) {
    /* На планшете/мобильном: заголовок сверху, слайдер, кнопки снизу */
    .dcs-slider-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    /* Кнопки выравниваем по центру под слайдером */
    .dcs-slider-controls {
        order: 3;
        width: 100%;
        justify-content: center;
        margin-top: 5px;
        margin-left: 0;
    }

    .dcs-slider-viewport {
        order: 2;
        width: 100%;
    }

    /* На планшете — 2 слайда */
    .dcs-slider-slide {
        flex: 0 0 50%;
    }
}

@media (max-width: 479px) {
    /* На телефоне — 1 слайд */
    .dcs-slider-slide {
        flex: 0 0 100%;
        padding: 0;
    }
}


/* ======================================== HOW-TO БЛОК ======================================== */

/* Общая обёртка блока «Как купить крипту» */
.dcs-howto-block {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px;
    background: var(--bg-block-dark);
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
}
.dcs-card-h3:has(.dcs-howto-block) {
    border-style: dotted;
    border-width: 2px;
}
.dcs-card-h3 .dcs-howto-block {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

/* Список шагов — убираем стандартный маркер */
.dcs-howto-steps {
    list-style: none;
    padding: 0;
    margin: 20px 0 20px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Один шаг how-to */
.dcs-howto-step {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid var(--bg-button-dark);
}

/* Последний шаг без нижней линии */
.dcs-howto-step:last-child {
    border-bottom: none;
}

/* Номер шага — синий квадрат */
.dcs-howto-step__num {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: var(--bg-button-dark-hover);
    color: var(--text-white);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    margin-top: 2px;
}

/* Тело шага (заголовок + описание) */
.dcs-howto-step__body {
    flex: 1;
    min-width: 0;
}

/* Жирный заголовок шага */
.dcs-howto-step__title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 6px;
    line-height: 1.3;
}

/* Описание шага */
.dcs-howto-step__desc {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-primary);
}

/* =============== Адаптив how-to блока =============== */
@media (max-width: 767px) {
    .dcs-howto-block {
        padding: 20px;
    }

    .dcs-howto-step {
        gap: 15px;
        padding: 15px 0;
    }

    .dcs-howto-step__num {
        width: 30px;
        height: 30px;
        font-size: 14px;
        border-radius: 8px;
    }

    .dcs-howto-step__title {
        font-size: 15px;
    }

    .dcs-howto-step__desc {
        font-size: 14px;
    }
}


/* ======================================== МАЛЕНЬКИЕ КАРТОЧКИ (dcs-card-sm) ======================================== */

/* Сетка для маленьких карточек */
.dcs-grid-sm {
    display: grid;
    gap: 20px;
    margin: 25px 0;
    width: 100%;
}
.dcs-grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
}
.dcs-grid-sm-3 {
    grid-template-columns: repeat(3, 1fr);
}
.dcs-grid-sm-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* Карточка */
.dcs-card-sm {
    background: var(--bg-block-dark);
    border: 1px solid var(--bg-button-dark);
    padding: 25px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Иконка — по центру */
.dcs-card-sm__icon {
    display: block;
    font-size: 45px;
    color: var(--bg-button-dark-hover);
    text-align: center;
    margin: 0 0 15px 0;
}

/* Заголовок — по центру */
.dcs-card-sm__title {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-white);
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

/* Прижим ссылки к низу */
.dcs-card-sm .dcs-bottom-link-wrapper {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 15px;
}

/* =============== Адаптив маленьких карточек =============== */
@media (max-width: 767px) {
    .dcs-grid-sm {
        margin: 20px 0;
    }
    .dcs-grid-sm-2,
    .dcs-grid-sm-3,
    .dcs-grid-sm-4 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .dcs-card-sm {
        padding: 20px;
    }
    .dcs-card-sm__icon {
        font-size: 40px;
    }
    .dcs-card-sm__title {
        font-size: 19px;
    }
}


/* ======================================== СТРАНИЦА ОТЗЫВОВ (FEEDBACK) ======================================== */

/* --- Двухколоночный лейаут --- */
.dcs-reviews-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 25px;
    align-items: stretch;
    margin-bottom: 50px;
}

/* --- Сортировка --- */
.dcs-reviews-sort {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 15px 20px;
}
.dcs-reviews-sort__label {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
}
.dcs-reviews-sort__btn {
    padding: 8px 18px;
    border: 1px solid var(--bg-button-dark);
    border-radius: 20px;
    background: transparent;
    color: var(--text-primary);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}
.dcs-reviews-sort__btn:hover {
    border-color: var(--text-icon);
    color: var(--text-white);
}
.dcs-reviews-sort__btn.is-active {
    background: var(--bg-button-dark);
    border-color: transparent;
    color: #fff;
}
.dcs-reviews-sort__btn.is-active:hover {
    border-color: var(--text-icon);
}

/* --- Карточка отзыва --- */
.dcs-review {
    background: var(--bg-area);
    /* border: 1px solid rgba(255, 255, 255, 0.05); */
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 20px;
    transition: border-color 0.3s;
}
.dcs-review:hover {
    border-color: rgba(94, 110, 255, 0.15);
}
.dcs-review--hidden {
    display: none;
}

/* --- Заголовок отзыва --- */
.dcs-review__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    gap: 12px;
}
.dcs-review__author {
    display: flex;
    align-items: center;
    gap: 12px;
}
.dcs-review__avatar {
    border-radius: 50%;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
}
.dcs-review__avatar--letter {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    text-transform: uppercase;
    line-height: 1;
    text-indent: 0;
    padding: 0;
    text-align: center;
}
.dcs-review__author-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.dcs-review__name {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-white);
}
.dcs-review__date {
    font-size: 12px;
    color: var(--bg-button-dark-hover);
}
.dcs-review__score {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 15px;
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    white-space: nowrap;
}
.dcs-review__score-icon {
    font-size: 16px;
    color: var(--base-color);
}
.dcs-review__score-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
}
.dcs-review__score-value {
    font-size: 17px;
    font-weight: 900;
    color: var(--text-white);
}
.dcs-review__score-max {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-icon);
}

/* --- Метрики (4 пилса) --- */
.dcs-review__metrics {
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.dcs-review__pill {
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    background: rgba(94, 110, 255, 0.08);
    border: 1px solid rgba(94, 110, 255, 0.12);
    color: var(--text-primary);
    align-items: center;
    text-align: center;
}

/* --- Текст отзыва --- */
.dcs-review__body {
    margin-bottom: 14px;
}
.dcs-review__body p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text-primary);
}

/* --- Понравилось / Не понравилось --- */
.dcs-review__proscons {
    display: flex;
    gap: 15px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.dcs-review__pros,
.dcs-review__cons {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px;
    border-radius: 10px;
}
.dcs-review__pros {
    background: transparent;
    border: 1px solid rgba(94, 110, 255, 0.12);
}
.dcs-review__cons {
    background: transparent;
    border: 1px solid rgba(94, 110, 255, 0.12);
}
.dcs-review__pros > i,
.dcs-review__cons > i {
    color: var(--bg-button-dark-hover);
    font-size: 16px;
    flex-shrink: 0;
    border: 1px solid #232c59;
    padding: 10px;
    border-radius: 50px;
}
.dcs-review__pros > div,
.dcs-review__cons > div {
    width: 100%;
}
.dcs-review__pros strong,
.dcs-review__cons strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: var(--text-white);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
}
.dcs-review__pros ul,
.dcs-review__cons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dcs-review__pros li,
.dcs-review__cons li {
    font-size: 16px;
    line-height: 1.4;
    color: var(--text-primary);
    position: relative;
    padding-left: 20px;
}
.dcs-review__pros li::before,
.dcs-review__cons li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: var(--bg-button-dark-hover);
    border-radius: 50%;
}

/* --- Ответ эксперта --- */
.dcs-review__reply {
    background: rgba(12, 16, 43, 0.95);
    border: 1px solid rgba(12, 16, 43, 0.95);
    border-radius: 10px;
    padding: 20px;
    margin-top: 2px;
}
.dcs-review__reply-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.dcs-review__reply-header img {
    border-radius: 50%;
    flex-shrink: 0;
    width: 39px;
    height: 39px;
}
.dcs-review__reply-name {
    display: block;
    font-size: 15px;
    font-weight: 800;
    color: var(--text-white);
}
.dcs-review__reply-role {
    display: block;
    font-size: 12px;
    color: var(--base-color);
    font-weight: 700;
}
.dcs-review__reply p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--text-primary);
}

/* --- Кнопка "Показать все" --- */
.dcs-reviews-loadmore {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.dcs-reviews-loadmore__btn {
    padding: 14px 30px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* --- Форма отправки отзыва --- */
.dcs-review-form {
    background: var(--bg-area);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    padding: 30px;
    margin-top: 30px;
}
.dcs-review-form__title {
    font-size: 20px;
    font-weight: 800;
    color: var(--text-white);
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dcs-review-form__title i {
    color: var(--base-color);
}
.dcs-review-form__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.dcs-review-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.dcs-review-form__label {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
}
.dcs-review-form__input,
.dcs-review-form__textarea {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    color: var(--text-white);
    font-family: inherit;
    transition: border-color 0.3s;
    resize: vertical;
}
.dcs-review-form__input:focus,
.dcs-review-form__textarea:focus {
    outline: none;
    border-color: var(--base-color);
}
.dcs-review-form__input::placeholder,
.dcs-review-form__textarea::placeholder {
    color: rgba(255, 255, 255, 0.25);
}
.dcs-review-form__metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.dcs-review-form__metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 10px 14px;
}
.dcs-review-form__metric-name {
    font-size: 13px;
    font-weight: 700;
    color: var(--text-primary);
}
.dcs-review-form__stars {
    display: flex;
    gap: 4px;
}
.dcs-review-form__stars i {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.15);
    cursor: pointer;
    transition: color 0.2s;
}
.dcs-review-form__stars i.is-active {
    color: var(--base-color);
}
.dcs-review-form__stars i.is-hover {
    color: rgba(94, 110, 255, 0.5);
}
.dcs-review-form__submit {
    align-self: flex-start;
    padding: 14px 32px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s;
    color: #fff;
}
.dcs-review-form__submit i {
    color: #fff;
}
.dcs-review-form__success {
    text-align: center;
    padding: 40px 20px;
}
.dcs-review-form__success-icon {
    font-size: 52px;
    color: #34d399;
    margin-bottom: 16px;
}
.dcs-review-form__success-title {
    font-size: 20px;
    font-weight: 800;
    color: var(--text-white);
    margin-bottom: 8px;
}
.dcs-review-form__success-text {
    font-size: 14px;
    color: var(--text-primary);
}

/* --- Сайдбар --- */
.dcs-reviews-sidebar__inner {
    position: sticky;
    top: 110px;
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 20px;
}
.dcs-reviews-sidebar__title {
    display: block;
    font-size: 16px;
    font-weight: 800;
    color: var(--text-white);
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.dcs-reviews-sidebar__section {
    margin-bottom: 14px;
}
.dcs-reviews-sidebar__section:last-child {
    margin-bottom: 0;
}
.dcs-reviews-sidebar__cat {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: var(--bg-button-dark-hover);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dcs-reviews-sidebar__link {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    padding: 5px 0;
    transition: color 0.2s;
    line-height: 1.35;
}
.dcs-reviews-sidebar__link:hover {
    color: var(--text-white);
}

/* --- Адаптив отзывов --- */
@media (max-width: 1023px) {
    .dcs-reviews-layout {
        grid-template-columns: 1fr;
    }
    .dcs-reviews-sidebar__inner {
        position: static;
        padding: 15px;
    }
}
@media (max-width: 767px) {
    .dcs-reviews-layout {
        gap: 30px;
    }
    .dcs-review {
        padding: 15px;
    }
    .dcs-review__header {
        flex-direction: column;
        align-items: flex-start;
    }
    .dcs-review__proscons {
        flex-direction: column;
    }
    .dcs-review__pros,
    .dcs-review__cons {
        min-width: auto;
    }
    .dcs-review__metrics {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .dcs-review__pill {
        font-size: 11px;
        padding: 4px 8px;
    }
    .dcs-reviews-sort {
        flex-direction: column;
        align-items: center;
    }
    .dcs-reviews-sort__label {
        display: block;
        text-align: center;
    }
    .dcs-reviews-sort__btn {
        width: 100%;
        text-align: center;
    }
    .dcs-review-form {
        padding: 15px;
    }
    .dcs-review-form__metrics {
        grid-template-columns: 1fr;
    }
    .dcs-review-form__submit {
        width: 100%;
        justify-content: center;
    }
}


/* ======================================== HOW-TO БЛОК — ВАРИАНТ С DOTTED БОРДЕРОМ ======================================== */

.dcs-howto-block--dotted {
    border: 2px dotted var(--bg-button-dark);
}


/* ======================================== HELP CENTER — ПОИСК И КАТАЛОГ ======================================== */

/* --- Блок поиска (стилизация как TOC) --- */
.dcs-help-search-container {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
}
.dcs-help-search-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.dcs-help-search-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.dcs-help-search-icon {
    color: var(--base-color);
    font-size: 17px;
}
.dcs-help-search-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

/* --- Строка поиска --- */
.dcs-help-search-form {
    margin: 0;
}
.dcs-help-search-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.dcs-help-search-input-icon {
    position: absolute;
    left: 18px;
    color: var(--bg-button-dark-hover);
    font-size: 16px;
    pointer-events: none;
    z-index: 2;
    transition: color 0.3s ease;
    z-index: 1;
}
.dcs-help-search-input-icon i {
    color: var(--bg-button-dark-hover);
}
.dcs-help-search-input {
    width: 100%;
    min-height: 56px;
    padding: 0 50px 0 50px;
    border-radius: 10px;
    color: var(--text-white);
    font-size: 15px;
    font-family: inherit;
    background: var(--bg-area);
    border: 1px solid rgba(255, 255, 255, 0.06);
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.dcs-help-search-input::placeholder {
    color: var(--bg-button-dark-hover);
    font-size: 14px;
}
.dcs-help-search-input:focus {
    border-color: var(--base-color);
    box-shadow: 0 0 0 3px rgba(94, 110, 255, 0.12);
}
.dcs-help-search-input-wrap:focus-within .dcs-help-search-input-icon,
.dcs-help-search-input-wrap:focus-within .dcs-help-search-input-icon i {
    color: var(--base-color) !important;
}
/* Убираем нативный крестик браузера для input[type=search] */
.dcs-help-search-input::-webkit-search-cancel-button,
.dcs-help-search-input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}
.dcs-help-search-input::-ms-clear {
    display: none;
}

/* --- Кнопка очистки --- */
.dcs-help-search-clear {
    position: absolute;
    right: 15px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%;
    background: var(--bg-button-dark);
    color: var(--text-primary);
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    padding: 0;
}
.dcs-help-search-clear.is-visible {
    display: flex;
}
.dcs-help-search-clear:hover {
    background: var(--bg-button-dark-hover);
    color: var(--text-white);
}

/* --- Мета-текст (подсказка / количество результатов) --- */
.dcs-help-search-meta {
    margin-top: 12px;
    font-size: 13px;
    color: var(--bg-button-dark-hover);
    text-align: center;
}

/* --- Результаты поиска --- */
.dcs-help-search-results[hidden] {
    display: none;
}
.dcs-help-search-results-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 10px;
    margin-top: 15px;
}
.dcs-help-search-result-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border-radius: 10px;
    background: var(--bg-area);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: border-color 0.3s, transform 0.3s;
}
.dcs-help-search-result-card:hover {
    border-color: var(--base-color);
    transform: translateY(-2px);
}
.dcs-help-search-result-category {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--base-color);
    padding: 3px 8px;
    border-radius: 4px;
    background: rgba(94, 110, 255, 0.1);
    border: 1px solid rgba(94, 110, 255, 0.15);
    width: fit-content;
}
.dcs-help-search-result-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.2s;
}
.dcs-help-search-result-link:hover {
    color: var(--text-white);
}
.dcs-help-search-result-link i {
    flex-shrink: 0;
    font-size: 12px;
    color: var(--base-color);
    transition: transform 0.2s;
}
.dcs-help-search-result-link:hover i {
    transform: translateX(3px);
}

/* --- Пустой результат --- */
.dcs-help-search-empty {
    text-align: center;
    padding: 20px;
    color: var(--bg-button-dark-hover);
    font-size: 14px;
}

/* --- Каталог статей по категориям --- */
.dcs-help-catalog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 25px;
}
.dcs-help-catalog-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 25px;
    transition: border-color 0.3s;
}
.dcs-help-catalog-card:hover {
    border-color: rgba(94, 110, 255, 0.2);
}
.dcs-help-catalog-card__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.dcs-help-catalog-card__icon {
    font-size: 20px;
    color: var(--text-icon);
}
.dcs-help-catalog-card__title {
    font-size: 16px;
    font-weight: 800;
    color: var(--text-white);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.dcs-help-catalog-card__links {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.dcs-help-catalog-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    background: var(--bg-area);
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    transition: all 0.3s ease;
}
.dcs-help-catalog-card__link:hover {
    border-color: var(--base-color);
    background: rgba(0, 150, 255, 0.05);
    color: var(--text-white);
    transform: translateY(-1px);
}
.dcs-help-catalog-card__link i {
    flex-shrink: 0;
    font-size: 12px;
    color: var(--base-color);
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity 0.3s, transform 0.3s;
}
.dcs-help-catalog-card__link:hover i {
    opacity: 1;
    transform: translateX(0);
}

/* --- Адаптив каталога и поиска --- */
@media (max-width: 1023px) {
    .dcs-help-catalog-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}
@media (max-width: 767px) {
    .dcs-help-search-container {
        padding: 20px;
    }
    .dcs-help-search-input {
        min-height: 50px;
        padding: 0 46px;
        font-size: 14px;
    }
    .dcs-help-search-results-grid {
        grid-template-columns: 1fr;
    }
    .dcs-help-catalog-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .dcs-help-catalog-card {
        padding: 16px;
    }
    .dcs-help-catalog-card__link {
        padding: 9px 12px;
        font-size: 13px;
    }
}

/* ======================================== HELP ARTICLE — СТРАНИЦЫ ХЕЛП-ЦЕНТРА ======================================== */

/* --- Hero баннер статьи --- */
.dcs-article-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: stretch;
    margin-top: 50px;
    margin-bottom: 0;
    background: linear-gradient(300deg, rgba(7, 11, 35, 0.95) 0%, rgba(18, 23, 49, 0.98) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 30px;
}
.dcs-article-hero__content {
    min-width: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.dcs-article-hero__meta {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: var(--text-primary);
    margin-bottom: 22px;
}
.dcs-article-hero__meta i {
    margin-right: 4px;
    font-size: 12px;
    color: var(--base-color);
}
.dcs-article-hero__meta-sep {
    color: rgba(255, 255, 255, 0.15);
}
.dcs-article-hero__title {
    font-size: 39px;
    font-weight: 900;
    color: var(--text-white);
    line-height: 1.2;
    margin-bottom: 12px;
}
.dcs-article-hero__desc {
    font-size: 15px;
    color: var(--text-primary);
    line-height: 1.65;
    margin-bottom: 18px;
}
.dcs-article-hero__pills {
    margin-bottom: 20px;
}
.dcs-article-hero__pill {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-white);
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.dcs-article-hero__pill i {
    color: var(--bg-button-blue);
    font-size: 16px;
}
.dcs-article-hero__actions {
    display: flex;
    gap: 20px;
}
.dcs-article-hero__actions .btn {
    padding: 20px 40px;
    font-size: 17px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}
.dcs-article-hero__image {
    min-width: 0;
    min-height: 300px;
    overflow: hidden;
    border-radius: 15px;
    padding: 0;
}
.dcs-article-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Списки внутри статей хелп-центра --- */
.dcs-section ul:not(.dcs-step-list):not(.dcs-howto-steps) {
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}
.dcs-section ul:not(.dcs-step-list):not(.dcs-howto-steps) li {
    position: relative;
    padding-left: 20px;
    line-height: 1.6;
}
.dcs-section ul:not(.dcs-step-list):not(.dcs-howto-steps) li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: var(--bg-button-dark-hover);
    border-radius: 50%;
}

/* --- Карточки Duel Originals --- */
/* --- Строка: название казино + оценка (VS страницы) --- */
.dcs-vs-rating-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.dcs-vs-rating-row .dcs-h3 {
    margin-bottom: 0;
}
.dcs-vs-rating-row .dcs-review__score {
    order: 3;
}
.dcs-vs-rating-row::after {
    content: "";
    order: 2;
    border-bottom: 1px dotted var(--bg-button-dark-hover);
    margin: 0 20px;
}
@media (max-width: 767px) {
    .dcs-vs-rating-row {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .dcs-vs-rating-row::after {
        display: none;
    }
    .dcs-vs-rating-row .dcs-review__score-label {
        display: none;
    }
}

.dcs-howto-image {
    margin: 1.5rem 0;
}
.dcs-game-showcase__title {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.dcs-game-showcase {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 25px 0;
}
.dcs-game-showcase__card {
    position: relative;
    display: block;
    width: calc(20% - 16px);
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
}
.dcs-game-showcase__card:hover img {
    transform: scale(1.05);
}
.dcs-game-showcase__card img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}
.dcs-game-showcase__card__badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, 0.55);
    color: var(--color-green);
    font-size: 12px;
    font-weight: 500;
    padding: 8px 8px;
    border-radius: 6px;
    line-height: 1;
}
.dcs-game-showcase__card__info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 10px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.dcs-game-showcase__card__name {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-white);
    line-height: 1.2;
    text-align: center;
}
.dcs-game-showcase__card__sub {
    font-size: 12px;
    color: var(--text-primary);
    text-align: center;
}
@media (max-width: 767px) {
    .dcs-game-showcase {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
        margin: 20px 0;
    }
    .dcs-game-showcase__card {
        width: calc(50% - 8px);
    }
    .dcs-game-showcase__card__info {
        padding: 10px 10px;
    }
    .dcs-game-showcase__card__name {
        font-size: 16px;
    }
}

/* --- H2 заголовок с иконкой и бордером --- */
.dcs-article-heading {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--bg-site);
    border: 2px solid var(--bg-button-dark-hover);
    border-radius: 12px;
    padding: 0 25px 0 0;
    margin-top: 25px;
    margin-bottom: 25px;
    overflow: hidden;
}
.dcs-article-heading__icon {
    width: 70px;
    min-height: 100%;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #343c64;
    border-radius: 0;
    margin: 0;
    padding: 25px;
    color: var(--base-color);
    font-size: 25px;
    flex-shrink: 0;
}
.dcs-article-heading h2 {
    font-size: 32px;
    font-weight: 700;
    color: var(--text-white);
    margin: 0;
    padding: 20px 0 20px 25px;
    line-height: 1.2;
    min-width: 0;
}

/* --- (Заметки, цитаты, таблицы — используются из эталонных стилей: dcs-expert-quote, dcs-info-block, dcs-table-wrapper) --- */

/* --- Блок всех статей хелп-центра --- */
.dcs-article-all-help {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 30px;
    margin: 30px 0 0 0;
}
.dcs-article-all-help__title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 17px;
    font-weight: 800;
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}
.dcs-article-all-help__icon {
    color: var(--text-primary);
    font-size: 17px;
}
.dcs-article-all-help__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.dcs-article-all-help__category {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.dcs-article-all-help__cat-title {
    font-size: 13px;
    font-weight: 800;
    color: var(--text-icon);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    display: flex;
    align-items: center;
    gap: 8px;
}
.dcs-article-all-help__cat-icon {
    color: var(--text-icon);
    font-size: 13px;
}
.dcs-article-all-help__link {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--bg-area);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 8px 14px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    line-height: 1.3;
    transition: all 0.3s ease;
}
.dcs-article-all-help__link:hover {
    border-color: var(--base-color);
    background: rgba(0, 150, 255, 0.05);
    color: var(--text-white);
}
.dcs-article-all-help__link--current {
    color: var(--text-white);
    pointer-events: none;
    border-color: transparent;
    background: var(--bg-button-dark);
}

/* --- Адаптив хелп-статей --- */
@media (max-width: 1023px) {
    .dcs-article-hero {
        grid-template-columns: 1fr;
    }
    .dcs-article-hero__image {
        height: auto;
        aspect-ratio: 2 / 1;
        min-height: 0;
        padding: 0;
    }
    .dcs-article-all-help__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .dcs-article-hero {
        margin-top: 50px;
        gap: 30px;
        padding: 30px 15px;
    }
    .dcs-article-hero__content {
        padding: 0;
    }
    .dcs-article-hero__title {
        font-size: 24px;
    }
    .dcs-article-heading h2 {
        font-size: 20px;
        padding: 20px;
    }
    .dcs-article-hero__actions {
        flex-direction: column;
        padding: 0;
        gap: 15px;
    }
    .dcs-article-hero__actions .btn {
        width: 100%;
        min-width: unset;
    }
    .dcs-article-hero__image {
        order: -1;
        padding: 0;
        height: auto;
        aspect-ratio: 3 / 2;
    }
    .dcs-article-hero__meta {
        flex-direction: column;
        gap: 4px;
    }
    .dcs-article-hero__meta-sep {
        display: none;
    }
    .dcs-article-heading {
        flex-direction: column;
        padding: 0;
        gap: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .dcs-article-heading__icon {
        width: 100%;
        min-height: auto;
        align-self: auto;
        padding: 10px 20px;
        font-size: 20px;
        border-radius: 0;
    }
    .dcs-article-all-help__grid {
        grid-template-columns: 1fr;
    }
}

/* ======================================== ТЕХНИЧЕСКИЕ СТРАНИЦЫ ======================================== */

/* --- Баннер технических страниц --- */
.dcs-tech-hero-wrap {
    padding-top: 50px;
}
.dcs-tech-hero {
    background: var(--bg-header);
    border-radius: 10px;
    padding: 40px 30px;
    margin-bottom: 0;
}
.dcs-tech-hero__pills {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}
.dcs-tech-hero__pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.05);
    padding: 6px 14px;
    border-radius: 20px;
}
.dcs-tech-hero__pill i {
    color: var(--base-color);
    font-size: 14px;
}
.dcs-tech-hero__title {
    font-size: 48px;
    font-weight: 900;
    color: var(--text-white);
    margin: 0;
    line-height: 1.2;
}
@media (max-width: 767px) {
    .dcs-tech-hero {
        padding: 25px 20px;
    }
    .dcs-tech-hero__title {
        font-size: 29px;
    }
}

/* --- Блок перелинковки технических страниц --- */
.dcs-tech-nav {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 30px;
    margin-top: 40px;
}
.dcs-tech-nav__title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 20px;
    text-transform: uppercase;
}
.dcs-tech-nav__title i {
    color: var(--text-primary);
}
.dcs-tech-nav__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.dcs-tech-nav__link {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--bg-block-dark);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
}
.dcs-tech-nav__link:hover {
    border-color: var(--base-color);
    color: var(--text-white);
}
.dcs-tech-nav__link--current {
    color: var(--text-white);
    pointer-events: none;
    background: var(--bg-button-dark);
    border-color: transparent;
}
.dcs-tech-nav__link i {
    color: var(--text-icon);
    font-size: 13px;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .dcs-tech-nav {
        padding: 20px;
    }
    .dcs-tech-nav__grid {
        grid-template-columns: 1fr;
    }
}

/* --- H2 на технических страницах: margin на мобильном --- */
@media (max-width: 767px) {
    .dcs-tech-page .dcs-h2 {
        margin-bottom: 15px;
    }
}

/* --- Карта сайта: 2 столбца --- */
.dcs-sitemap-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
    margin-top: 20px;
}
.dcs-sitemap-col h3 {
    margin-top: 0;
    margin-bottom: 15px;
}
.dcs-section .dcs-sitemap-col ul {
    list-style: none;
    padding-left: 0;
}
.dcs-section .dcs-sitemap-col ul li {
    padding-left: 0;
    position: static;
}
.dcs-section .dcs-sitemap-col ul li::before {
    display: none;
    content: none;
}
.dcs-sitemap-xml-title {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .dcs-sitemap-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

/* --- Форма обратной связи (контакты) --- */
.dcs-contact-form {
    margin-top: 30px;
}
.dcs-contact-form__fields {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}
.dcs-contact-form__input,
.dcs-contact-form__textarea {
    width: 100%;
    padding: 14px 18px;
    background: rgba(12, 16, 43, 0.95);
    border: 1px solid var(--bg-button-dark);
    border-radius: 8px;
    color: var(--text-white);
    font-size: 15px;
    font-family: inherit;
    outline: none;
    transition: border-color 0.3s;
}
.dcs-contact-form__input:focus,
.dcs-contact-form__textarea:focus {
    border-color: var(--base-color);
}
.dcs-contact-form__input::placeholder,
.dcs-contact-form__textarea::placeholder {
    color: var(--text-icon);
}
.dcs-contact-form__textarea {
    min-height: 140px;
    resize: vertical;
}
.dcs-contact-form__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.dcs-contact-form__discord {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: color 0.3s;
}
.dcs-contact-form__discord:hover {
    color: var(--text-white);
}
.dcs-contact-form__discord i {
    font-size: 22px;
    color: #5865F2;
}
.dcs-contact-form__success {
    display: none;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    padding: 25px 30px;
    background: var(--bg-block-dark);
    border: 1px solid var(--base-color);
    border-radius: 12px;
}
.dcs-contact-form__success.is-visible {
    display: flex;
}
.dcs-contact-form__success > i {
    font-size: 36px;
    color: var(--base-color);
    flex-shrink: 0;
}
.dcs-contact-form__success-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.dcs-contact-form__success-text strong {
    font-size: 17px;
    font-weight: 800;
    color: var(--text-white);
}
.dcs-contact-form__success-text span {
    font-size: 14px;
    color: var(--text-primary);
}
@media (max-width: 767px) {
    .dcs-contact-form__actions {
        flex-direction: column;
        align-items: stretch;
    }
    .dcs-contact-form__discord {
        justify-content: center;
    }
}



/* ==========================================================================
   ГЛАВНАЯ СТРАНИЦА — уникальные стили (scoped, чтобы не ломать остальное)
   ========================================================================== */

/* --- Главный wrapper на главной: увеличенный gap между секциями --- */
.dcs-main-wrapper--home { gap: 50px; }

/* --- Секция контента на главной (замена .dcs-section.dcs-type-before) --- */
.dcs-home-section {
    position: relative;
    width: 100%;
    padding: 0;
    background: transparent;
    text-align: center;
}

/* Разделитель перед H2 — собственный класс главной, не пересекается с CTA */
.dcs-home-divider {
    position: relative;
    text-align: center;
    margin: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 0 300px;
}
.dcs-home-divider::before,
.dcs-home-divider::after {
    content: '';
    flex: 1;
    height: 5px;
    background: #181e3c;
    border-radius: 10px;
}
.dcs-home-divider__circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #181e3c;
    border-radius: 50%;
    flex-shrink: 0;
}
/* Разделитель в самом низу секции (после контента) — нужен верхний отступ, т.к. нет родительского gap */
.dcs-home-divider--end { margin: 50px 0 0; }

@media (max-width: 767px) {
    .dcs-home-divider { padding: 0; margin: 0 0 30px; }
    .dcs-home-divider--end { margin: 30px 0 0; }
    .dcs-main-wrapper--home { gap: 30px; }
}

/* Центрирование всех текстов и заголовков внутри домашних секций */
.dcs-home-section .dcs-h2,
.dcs-home-section .dcs-h3 { text-align: center; }
.dcs-home-section .dcs-h3 { margin-bottom: 15px; }
.dcs-home-section p { text-align: center; }

/* math-fact остаётся как обычно — текст по левому краю (сбрасываем наследование) */
.dcs-home-section .dcs-math-fact { text-align: left; }

/* Центрированный H3 для блока с оценкой */
.dcs-h3-center { text-align: center; }

/* --- Единственная кнопка в hero (центрируем одиночную) --- */
.ds-site-intro__actions--single { justify-content: center; }

/* --- 5 карточек под баннером (модификатор сетки) --- */
.ds-site-intro__stats-grid-5 { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 1024px) {
    .ds-site-intro__stats-grid-5 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .ds-site-intro__stats-grid-5 { grid-template-columns: 1fr; }
}

/* --- Карточки внутри домашней секции: без фона, только бордер, всё по центру --- */
.dcs-home-section .dcs-card-sm {
    background: transparent;
    text-align: center;
    align-items: center;
}
.dcs-home-section .dcs-card-sm p { text-align: center; }
.dcs-home-section .dcs-card-sm__icon {
    display: inline-block;
    width: auto;
    text-align: center;
    border: 1px solid var(--bg-button-dark);
    border-radius: 20px;
    padding: 15px;
}

/* --- Партнёрская карточка центрированная: иконка сверху по центру --- */
.dcs-affiliate-card--center {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
}
.dcs-affiliate-card--center .dcs-card-content { text-align: center; width: 100%; }
.dcs-affiliate-card--center p { text-align: center; }
.dcs-affiliate-card--center .dcs-card-icon-top-right {
    order: -1;
    margin: 0 auto;
}

/* --- Два ссылочных мини-блока: десктоп в строку, моб в столбик --- */
.dcs-home-section__dual-links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 15px 0;
}
@media (max-width: 767px) {
    .dcs-home-section__dual-links {
        flex-direction: column;
        gap: 12px;
    }
}

/* --- Scoped overrides для блоков-инфографики на главной --- */
/* compare-item: убираем фон и бордер, возвращаем паддинги */
.dcs-home-section .dcs-compare-item {
    background: transparent;
    border: none;
    padding: 25px 25px;
}
@media (max-width: 767px) {
    .dcs-home-section .dcs-compare-item { padding: 20px 20px; }
}

/* vs-block-ver2: убираем общий бордер — разбиваем на 2 отдельных бокса */
.dcs-home-section .dcs-vs-block-ver2 {
    border: none;
    padding: 0;
}

/* vs-col: каждая колонка — в своём бордере, без фона */
.dcs-home-section .dcs-vs-col--negative,
.dcs-home-section .dcs-vs-col--positive {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 25px;
}
@media (max-width: 767px) {
    .dcs-home-section .dcs-vs-col--negative,
    .dcs-home-section .dcs-vs-col--positive {
        padding: 20px;
    }
}

/* vs-col--positive: текст по центру (scoped на главной) */
.dcs-home-section .dcs-vs-col--positive { text-align: center; }
.dcs-home-section .dcs-vs-col--positive .dcs-vs-list li { text-align: center; }

/* Заголовки с крестиком и галочкой — по центру (обе колонки, scoped) */
.dcs-home-section .dcs-vs-col--negative .dcs-vs-header,
.dcs-home-section .dcs-vs-col--positive .dcs-vs-header {
    justify-content: center;
    font-size: 19px;
}

/* Rating-block: без фона, только бордер, без нижнего отступа */
.dcs-home-section .dcs-rating-block {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    margin-bottom: 0;
}

/* Affiliate-card: без фона, только бордер */
.dcs-home-section .dcs-affiliate-card {
    background: transparent;
    border: 1px solid var(--bg-button-dark);
}

/* ==========================================================================
   НАВИГАЦИЯ ПО САЙТУ НА ГЛАВНОЙ (scoped: .dcs-home-nav — не путать с TOC)
   ========================================================================== */
.dcs-home-nav {
    width: 100%;
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    padding: 25px 30px;
    margin-bottom: 10px;
}

.dcs-home-nav__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.dcs-home-nav__header-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.dcs-home-nav__chevron {
    color: var(--bg-button-blue);
    font-size: 18px;
    line-height: 1;
    transition: transform 0.3s ease;
}
.dcs-home-nav.active .dcs-home-nav__chevron {
    transform: rotate(180deg);
}
.dcs-home-nav.active .dcs-home-nav__header { margin-bottom: 20px; }

.dcs-home-nav__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: var(--bg-button-dark);
    color: var(--bg-button-blue);
    font-size: 21px;
    flex-shrink: 0;
}

.dcs-home-nav__title {
    font-size: 25px;
    font-weight: 700;
    color: var(--text-white);
    margin: 0;
    line-height: 1.2;
    text-align: center;
}

.dcs-home-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    counter-reset: home-nav;
}

.dcs-home-nav__list li { margin: 0; }

.dcs-home-nav__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 15px;
    border-radius: 5px;
    background: var(--bg-area);
    border: 1px solid rgba(255,255,255,0.05);
    color: var(--text-primary);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    transition: all 0.3s ease;
    height: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.dcs-home-nav__link:hover {
    border-color: var(--base-color);
    background: rgba(0, 150, 255, 0.05);
    color: var(--text-white);
    transform: translateY(-1px);
}

.dcs-home-nav__num {
    color: var(--bg-button-blue);
    font-weight: 800;
    font-size: 13px;
    font-family: 'Monaco', 'Consolas', monospace;
    flex-shrink: 0;
}

.dcs-home-nav__text { flex: 1; font-size: 14px; }

.dcs-home-nav__link > i {
    color: var(--bg-button-blue);
    font-size: 14px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.dcs-home-nav__link:hover > i { transform: translateX(3px); }

@media (max-width: 900px) {
    .dcs-home-nav__list { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .dcs-home-nav { padding: 20px; }
    .dcs-home-nav__title { font-size: 20px; }
    .dcs-home-nav__link { padding: 10px 15px; font-size: 14px; gap: 10px; }
    .dcs-home-nav__num { min-width: 32px; height: 32px; font-size: 13px; }
}


/* ==========================================================================
   ГЛАВНАЯ — БЛОК «СТАТЬИ ПО РАЗДЕЛАМ» (scoped)
   ========================================================================== */

/* Центрированный H4 для рейтинг-блока */
.dcs-h4-center { text-align: center; }

/* 4 категории справочного центра — самостоятельные тайлы-ссылки */
.dcs-home-cats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 25px 0;
}
.dcs-home-cat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    padding: 20px;
    min-height: 110px;
}
.dcs-home-cat__icon {
    font-size: 25px;
    color: var(--text-white);
    line-height: 1;
}
.dcs-home-cat__label {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin-top: 4px;
}
@media (max-width: 767px) {
    .dcs-home-cats { grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 20px 0; }
}
.dcs-crypto-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 20px 0;
}
.dcs-crypto-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid var(--bg-button-dark);
    border-radius: 10px;
    padding: 14px 10px;
    cursor: default;
}
.dcs-crypto-card:hover {
    background: transparent;
    border-color: var(--bg-button-dark);
    transform: none;
    box-shadow: none;
}
.dcs-crypto-card__icon {
    font-size: 22px;
    color: var(--text-white);
    line-height: 1;
}
.dcs-crypto-card__name {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-primary);
}
@media (max-width: 767px) {
    .dcs-crypto-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* Сетка из 3 карточек статей */
.dcs-article-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 25px 0 0 0;
}

.dcs-article-card {
    display: flex;
    flex-direction: column;
    background: transparent;
    border: 1px solid var(--bg-button-dark);
    border-radius: 15px;
    overflow: hidden;
    text-align: left;
}

.dcs-article-card__img-link {
    display: block;
    width: 100%;
    line-height: 0;
}
.dcs-article-card__img {
    width: 100%;
    height: auto;
    display: block;
}

.dcs-article-card__body {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 10px 20px;
    gap: 10px;
    flex: 1;
}

.dcs-article-card__title-link {
    text-decoration: none;
    color: inherit;
    display: block;
}
.dcs-article-card__title {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-white);
    line-height: 1.3;
    margin: 0;
    text-align: left;
}

.dcs-article-card__desc {
    font-size: 15px;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.5;
    text-align: left;
    flex: 1;
}

.dcs-article-card__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 8px -20px 0;
    padding: 8px 20px 0;
    border-top: 1px solid var(--bg-button-dark);
    font-size: 13px;
}

.dcs-article-card__date {
    color: var(--bg-button-dark-hover);
    font-weight: 600;
}

.dcs-article-card__author {
    color: var(--bg-button-blue);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}
.dcs-article-card__author:hover {
    color: var(--text-white);
    text-decoration: none;
}

@media (max-width: 767px) {
    .dcs-article-cards { grid-template-columns: 1fr; margin: 20px 0 0 0; }
}

/* Сброс наследованного text-align: center внутри карточек статей (scoped) */
.dcs-home-section .dcs-article-card,
.dcs-home-section .dcs-article-card__title,
.dcs-home-section .dcs-article-card__desc,
.dcs-home-section .dcs-article-card__meta,
.dcs-home-section .dcs-article-card p { text-align: left; }

/* Рейтинг-категории по левому краю на десктопе (scoped), на мобильном — по центру */
.dcs-home-section .dcs-rating-category { text-align: left; }
@media (max-width: 767px) {
    .dcs-home-section .dcs-rating-category { text-align: center; }
}

/* Внутренние отступы строк рейтинга на главной + без фона + бордер */
.dcs-home-section .dcs-rating-row {
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--bg-button-dark);
}

/* Итоговая строка рейтинга на главной — без фона, синий бордер */
.dcs-home-section .dcs-rating-row--total { background: transparent; border-color: var(--base-color); }

/* ========== LIGHTBOX ========== */
.dcs-lightbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 100000; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.dcs-lightbox-inner { position: relative; max-width: 50%; max-height: 50%; }
@media (max-width: 768px) {
    .dcs-lightbox-inner { max-width: 90%; max-height: 90%; }
}
.dcs-lightbox-img { width: 100%; height: auto; border-radius: 10px; display: block; }
.dcs-lightbox-caption { text-align: center; color: #fff; margin-top: 15px; }
.dcs-lightbox-close { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: var(--text-primary); border: none; border-radius: 50%; font-size: 32px; line-height: 1; cursor: pointer; z-index: 100001; display: flex; align-items: center; justify-content: center; color: #000000; box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.dcs-lightbox-close:hover { opacity: 0.85; }