/* SOULULAB PRELOADER DISABLED — 2026-09-17 */

/* =========================================================
   SOULULAB HEADER — FINAL LIQUID GLASS
   1) шапка всегда fixed
   2) нет широкой подложки на весь экран
   3) одна широкая glass-капсула
   4) полупрозрачное liquid glass
   5) корректная светлая/тёмная версия
   ========================================================= */



.soul-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    padding: 10px 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;

    transform: translate3d(0, 0, 0) !important;
    translate: 0 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    transition:
        padding 220ms ease,
        transform 220ms ease,
        opacity 220ms ease;
}

/* убираем любые старые псевдо-подложки */
.soul-header::before,
.soul-header::after {
    content: none !important;
    display: none !important;
}

/* защита от старых классов скрытия */
.soul-header.is-hidden,
.soul-header.is-hide,
.soul-header.is-scroll-down,
.soul-header.is-scrolled-down,
.soul-header.header--hidden,
.soul-header.soul-header--hidden {
    transform: translate3d(0, 0, 0) !important;
    translate: 0 0 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
}

/* =========================================================
   GLASS CAPSULE
   ========================================================= */

.soul-header__inner {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    width: calc(100vw - 96px) !important;
    max-width: 1380px !important;
    min-height: 66px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 22px !important;

    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) 270px !important;
    align-items: center !important;
    gap: 26px !important;

    border-radius: 999px !important;

    pointer-events: auto !important;

    background:
        radial-gradient(
            circle at 16% -35%,
            rgba(255, 255, 255, 0.68) 0%,
            rgba(255, 255, 255, 0.28) 28%,
            rgba(255, 255, 255, 0.05) 56%,
            rgba(255, 255, 255, 0.00) 76%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(186, 221, 246, 0.38) 0%,
            rgba(186, 221, 246, 0.15) 34%,
            rgba(186, 221, 246, 0.00) 68%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.36) 0%,
            rgba(255, 255, 255, 0.20) 38%,
            rgba(232, 243, 249, 0.14) 62%,
            rgba(116, 136, 158, 0.20) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.56) !important;

    box-shadow:
        0 22px 48px rgba(44, 54, 68, 0.13),
        0 8px 20px rgba(44, 54, 68, 0.08),
        0 0 28px rgba(174, 206, 229, 0.12),

        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        inset 0 2px 8px rgba(255, 255, 255, 0.20),
        inset 0 -1px 0 rgba(66, 82, 100, 0.16),
        inset 0 -12px 28px rgba(74, 92, 112, 0.08) !important;

    backdrop-filter: blur(30px) saturate(1.34) contrast(1.04) brightness(1.04) !important;
    -webkit-backdrop-filter: blur(30px) saturate(1.34) contrast(1.04) brightness(1.04) !important;

    transition:
        width 220ms ease,
        min-height 220ms ease,
        background 220ms ease,
        border-color 220ms ease,
        box-shadow 220ms ease,
        backdrop-filter 220ms ease,
        -webkit-backdrop-filter 220ms ease;
}

/* верхний liquid-блик */
.soul-header__inner::before {
    content: "" !important;

    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    top: 5px !important;
    z-index: 1 !important;

    height: 32px !important;

    border-radius: 999px !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.54) 0%,
            rgba(255, 255, 255, 0.20) 48%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;

    opacity: 0.86 !important;
}

/* диагональный стеклянный перелив */
.soul-header__inner::after {
    content: "" !important;

    position: absolute !important;
    top: -90% !important;
    bottom: -90% !important;
    left: -28% !important;
    z-index: 2 !important;

    width: 34% !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.00) 0%,
            rgba(255, 255, 255, 0.08) 24%,
            rgba(255, 255, 255, 0.46) 48%,
            rgba(255, 255, 255, 0.12) 66%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;

    transform: rotate(13deg) !important;
    opacity: 0.72 !important;
    filter: blur(10px) !important;
}

/* весь контент поверх бликов */
.soul-header__inner > * {
    position: relative !important;
    z-index: 3 !important;
}

/* при скролле — чуть плотнее, но не непрозрачно */
.soul-header.is-scrolled .soul-header__inner,
.soul-header.is-fixed .soul-header__inner {
    background:
        radial-gradient(
            circle at 16% -35%,
            rgba(255, 255, 255, 0.58) 0%,
            rgba(255, 255, 255, 0.25) 30%,
            rgba(255, 255, 255, 0.04) 60%,
            rgba(255, 255, 255, 0.00) 78%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(186, 221, 246, 0.32) 0%,
            rgba(186, 221, 246, 0.13) 36%,
            rgba(186, 221, 246, 0.00) 70%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.30) 0%,
            rgba(255, 255, 255, 0.18) 40%,
            rgba(232, 243, 249, 0.13) 66%,
            rgba(116, 136, 158, 0.22) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.50) !important;

    box-shadow:
        0 20px 44px rgba(44, 54, 68, 0.15),
        0 8px 20px rgba(44, 54, 68, 0.09),
        0 0 28px rgba(174, 206, 229, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        inset 0 2px 8px rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(66, 82, 100, 0.17),
        inset 0 -12px 28px rgba(74, 92, 112, 0.09) !important;
}

/* =========================================================
   BRAND
   ========================================================= */

.soul-header__brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;

    width: fit-content !important;

    color: var(--soul-text) !important;
    text-decoration: none !important;

    filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.34))
        drop-shadow(0 8px 14px rgba(54, 66, 80, 0.10)) !important;
}

.soul-header__symbol {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
}

.soul-header__word {
    font-size: 1rem !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.035em !important;
}

/* =========================================================
   NAV
   ========================================================= */

.soul-header__nav {
    justify-self: center !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;

    min-height: 48px !important;

    color: rgba(34, 27, 44, 0.82) !important;

    font-size: 0.92rem !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.soul-header__nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 0 12px !important;

    border-radius: 999px !important;

    color: rgba(34, 27, 44, 0.78) !important;
    text-decoration: none !important;

    background: transparent !important;
    border: 1px solid transparent !important;

    transition:
        color 180ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease,
        transform 180ms ease !important;
}

.soul-header__nav a:hover {
    color: rgba(18, 16, 28, 0.96) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.46),
            rgba(255, 255, 255, 0.16)
        ) !important;

    border-color: rgba(255, 255, 255, 0.34) !important;

    box-shadow:
        0 9px 20px rgba(54, 66, 80, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.56),
        inset 0 -1px 0 rgba(74, 88, 104, 0.07) !important;
}

/* =========================================================
   WEB BUTTON
   ========================================================= */

.soul-header__web {
    display: inline-flex !important;
}

.soul-header__web-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;

    min-height: 44px !important;
    padding: 0 20px !important;

    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.54) !important;

    color: rgba(34, 27, 44, 0.92) !important;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(255, 255, 255, 0.28) 42%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.58) 0%,
            rgba(255, 255, 255, 0.30) 100%
        ) !important;

    box-shadow:
        0 14px 28px rgba(70, 76, 92, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(80, 96, 116, 0.10) !important;

    font-size: 0.92rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    backdrop-filter: blur(16px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        color 180ms ease,
        background 180ms ease !important;
}

.soul-header__web-button:hover {
    transform: translateY(-1px) !important;
    color: rgb(var(--theme-rgb)) !important;

    box-shadow:
        0 18px 38px rgba(var(--theme-rgb), 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(80, 96, 116, 0.10) !important;
}

.soul-header__web-button span {
    margin-top: -2px !important;
    font-size: 0.88em !important;
    opacity: 0.7 !important;
}

/* =========================================================
   CTA BUTTON
   ========================================================= */

.soul-header__cta {
    position: relative !important;
    overflow: hidden !important;

    justify-self: end !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 48px !important;
    min-width: 238px !important;
    padding: 0 24px !important;

    border-radius: 17px !important;
    border: 1px solid rgba(31, 38, 48, 0.72) !important;

    color: #ffffff !important;
    text-decoration: none !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.42) 0%,
            rgba(255, 255, 255, 0.14) 34%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            180deg,
            rgba(106, 117, 132, 0.98) 0%,
            rgba(76, 87, 102, 0.99) 46%,
            rgba(42, 51, 64, 1) 100%
        ) !important;

    box-shadow:
        0 16px 32px rgba(36, 42, 54, 0.22),
        0 7px 16px rgba(36, 42, 54, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.34),
        inset 0 -1px 0 rgba(0, 0, 0, 0.32) !important;

    font-size: 0.88rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    backdrop-filter: blur(14px) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.16) !important;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        filter 180ms ease,
        background 180ms ease !important;
}

.soul-header__cta::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 16%,
            rgba(255, 255, 255, 0.38) 28%,
            rgba(255, 255, 255, 0.16) 38%,
            transparent 52%,
            transparent 100%
        ),
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.18) 0%,
            rgba(255, 255, 255, 0.05) 42%,
            transparent 70%
        ) !important;

    opacity: 0.88 !important;
}

.soul-header__cta .soul-btn__text {
    position: relative !important;
    z-index: 2 !important;
}

.soul-header__cta:hover {
    transform: translateY(-1px) !important;

    box-shadow:
        0 18px 36px rgba(28, 31, 38, 0.24),
        0 0 22px rgba(var(--theme-rgb), 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.36),
        inset 0 -1px 0 rgba(0, 0, 0, 0.32) !important;

    filter: brightness(1.03) !important;
}

/* =========================================================
   DARK LAB PAGE
   ========================================================= */

body.soul-page--lab .soul-header__inner,
body:has(.soulu-lab-page) .soul-header__inner {
    background:
        radial-gradient(
            circle at 16% -35%,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.08) 30%,
            rgba(255, 255, 255, 0.00) 64%
        ),
        radial-gradient(
            circle at 82% 0%,
            rgba(160, 92, 255, 0.34) 0%,
            rgba(160, 92, 255, 0.12) 36%,
            rgba(160, 92, 255, 0.00) 70%
        ),
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.12) 0%,
            rgba(255, 255, 255, 0.055) 42%,
            rgba(10, 12, 16, 0.50) 100%
        ),
        rgba(8, 10, 14, 0.44) !important;

    border-color: rgba(255, 255, 255, 0.15) !important;

    box-shadow:
        0 24px 54px rgba(0, 0, 0, 0.30),
        0 10px 24px rgba(0, 0, 0, 0.20),
        0 0 34px rgba(160, 92, 255, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 2px 8px rgba(255, 255, 255, 0.07),
        inset 0 -1px 0 rgba(0, 0, 0, 0.24),
        inset 0 -14px 30px rgba(0, 0, 0, 0.14) !important;
}

body.soul-page--lab .soul-header__word,
body.soul-page--lab .soul-header__nav a,
body:has(.soulu-lab-page) .soul-header__word,
body:has(.soulu-lab-page) .soul-header__nav a {
    color: rgba(240, 244, 250, 0.76) !important;
}

body.soul-page--lab .soul-header__nav a:hover,
body:has(.soulu-lab-page) .soul-header__nav a:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.045)
        ) !important;

    border-color: rgba(255, 255, 255, 0.16) !important;

    box-shadow:
        0 10px 24px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* =========================================================
   ADAPTIVE
   ========================================================= */

@media (max-width: 1180px) {
    .soul-header__inner {
        width: calc(100vw - 48px) !important;
        grid-template-columns: 220px minmax(0, 1fr) 235px !important;
        gap: 18px !important;
    }

    .soul-header__nav {
        gap: 14px !important;
    }

    .soul-header__cta {
        min-width: 214px !important;
        padding: 0 18px !important;
    }
}

@media (max-width: 820px) {
    .soul-header {
        padding: 8px 14px !important;
    }

    .soul-header__inner {
        width: 100% !important;
        max-width: none !important;
        min-height: 58px !important;

        display: flex !important;
        justify-content: space-between !important;
        gap: 16px !important;

        border-radius: 24px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .soul-header__nav {
        display: none !important;
    }

    .soul-header__symbol {
        width: 34px !important;
        height: 34px !important;
    }

    .soul-header__word {
        font-size: 0.92rem !important;
    }

    .soul-header__cta {
        min-height: 42px !important;
        min-width: auto !important;
        padding: 0 16px !important;
        border-radius: 15px !important;
        font-size: 0.82rem !important;
    }
}

@media (max-width: 480px) {
    .soul-header__cta {
        display: none !important;
    }
}

/* якоря не прячутся под fixed-шапкой */
html {
    scroll-padding-top: 96px;
}
/* =========================================================
   HEADER — FLAT LIQUID GLASS
   Убираем выпуклость, оставляем плоское матовое стекло
   ========================================================= */

.soul-header__inner {
    min-height: 62px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.20) 52%,
            rgba(218, 232, 242, 0.18) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.46) !important;

    box-shadow:
        0 10px 28px rgba(44, 54, 68, 0.10),
        0 2px 8px rgba(44, 54, 68, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08) !important;

    backdrop-filter: blur(28px) saturate(1.22) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.22) contrast(1.02) !important;
}

/* убираем толстый верхний “пухлый” блик */
.soul-header__inner::before {
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.24) 0%,
            rgba(255, 255, 255, 0.08) 38%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;

    opacity: 0.55 !important;
}

/* диагональный блик делаем тоньше и спокойнее */
.soul-header__inner::after {
    left: -34% !important;
    width: 26% !important;

    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.00) 0%,
            rgba(255, 255, 255, 0.06) 28%,
            rgba(255, 255, 255, 0.24) 48%,
            rgba(255, 255, 255, 0.07) 66%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;

    opacity: 0.48 !important;
    filter: blur(12px) !important;
}

/* при скролле тоже плоско, без подушки */
.soul-header.is-scrolled .soul-header__inner,
.soul-header.is-fixed .soul-header__inner {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.30) 0%,
            rgba(255, 255, 255, 0.18) 52%,
            rgba(218, 232, 242, 0.16) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.42) !important;

    box-shadow:
        0 10px 26px rgba(44, 54, 68, 0.11),
        0 2px 8px rgba(44, 54, 68, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.40),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08) !important;
}

/* тёмная лаборатория — тоже плоское black glass */
body.soul-page--lab .soul-header__inner,
body:has(.soulu-lab-page) .soul-header__inner {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.105) 0%,
            rgba(255, 255, 255, 0.055) 48%,
            rgba(8, 10, 14, 0.32) 100%
        ),
        rgba(8, 10, 14, 0.34) !important;

    border-color: rgba(255, 255, 255, 0.13) !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.26),
        0 3px 10px rgba(0, 0, 0, 0.16),
        0 0 24px rgba(160, 92, 255, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16) !important;
}

/* тёмная версия — убираем фиолетовую пухлость, оставляем лёгкий оттенок */
body.soul-page--lab .soul-header__inner::before,
body:has(.soulu-lab-page) .soul-header__inner::before {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.16) 0%,
            rgba(255, 255, 255, 0.045) 40%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;

    opacity: 0.48 !important;
}

body.soul-page--lab .soul-header__inner::after,
body:has(.soulu-lab-page) .soul-header__inner::after {
    background:
        linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.00) 0%,
            rgba(255, 255, 255, 0.045) 28%,
            rgba(180, 140, 255, 0.16) 48%,
            rgba(255, 255, 255, 0.04) 66%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;

    opacity: 0.42 !important;
}
/* =========================================================
   HEADER — DROPDOWN + MOBILE BURGER
   Выпадающее меню WEB и мобильное glass-меню
   ========================================================= */

/* actions справа */
.soul-header__actions {
    justify-self: end;

    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

/* =========================================================
   WEB DROPDOWN
   ========================================================= */

.soul-header__web {
    position: relative;
    display: inline-flex;
}

.soul-header__web-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    z-index: 20;

    width: 236px;

    display: grid;
    gap: 6px;

    padding: 10px;

    border-radius: 22px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.20) 52%,
            rgba(218, 232, 242, 0.18) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.46);

    box-shadow:
        0 18px 36px rgba(44, 54, 68, 0.14),
        0 6px 16px rgba(44, 54, 68, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08);

    backdrop-filter: blur(28px) saturate(1.22) contrast(1.02);
    -webkit-backdrop-filter: blur(28px) saturate(1.22) contrast(1.02);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translate(-50%, -6px) scale(0.98);
    transform-origin: top center;

    transition:
        opacity 180ms ease,
        visibility 180ms ease,
        transform 180ms ease;
}

.soul-header__web.is-open .soul-header__web-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translate(-50%, 0) scale(1);
}

.soul-header__web-menu a {
    min-height: 38px !important;
    padding: 0 13px !important;

    display: flex !important;
    align-items: center !important;

    border-radius: 14px !important;

    color: rgba(34, 27, 44, 0.78) !important;

    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;

    background: transparent !important;
}

.soul-header__web-menu a:hover {
    color: rgba(18, 16, 28, 0.96) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.48),
            rgba(255, 255, 255, 0.16)
        ) !important;
}

/* тёмная лаборатория */
body.soul-page--lab .soul-header__web-menu,
body:has(.soulu-lab-page) .soul-header__web-menu {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.105) 0%,
            rgba(255, 255, 255, 0.055) 48%,
            rgba(8, 10, 14, 0.32) 100%
        ),
        rgba(8, 10, 14, 0.34) !important;

    border-color: rgba(255, 255, 255, 0.13);

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(160, 92, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16);
}

body.soul-page--lab .soul-header__web-menu a,
body:has(.soulu-lab-page) .soul-header__web-menu a {
    color: rgba(240, 244, 250, 0.76) !important;
}

body.soul-page--lab .soul-header__web-menu a:hover,
body:has(.soulu-lab-page) .soul-header__web-menu a:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.045)
        ) !important;
}

/* =========================================================
   BURGER
   ========================================================= */

.soul-header__burger {
    position: relative;

    width: 44px;
    height: 44px;

    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;

    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.46);

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.18) 100%
        );

    box-shadow:
        0 10px 22px rgba(44, 54, 68, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08);

    backdrop-filter: blur(20px) saturate(1.18);
    -webkit-backdrop-filter: blur(20px) saturate(1.18);

    cursor: pointer;
}

.soul-header__burger span {
    width: 18px;
    height: 2px;

    border-radius: 999px;

    background: rgba(34, 27, 44, 0.78);

    transition:
        transform 180ms ease,
        opacity 180ms ease,
        background 180ms ease;
}

.soul-header__burger.is-open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.soul-header__burger.is-open span:nth-child(2) {
    opacity: 0;
}

.soul-header__burger.is-open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* =========================================================
   MOBILE PANEL
   ========================================================= */

.soul-header__mobile-panel {
    position: absolute;
    top: calc(100% + 8px);
    left: 14px;
    right: 14px;
    z-index: 9998;

    display: grid;
    gap: 6px;

    padding: 12px;

    border-radius: 24px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.36) 0%,
            rgba(255, 255, 255, 0.21) 52%,
            rgba(218, 232, 242, 0.18) 100%
        );

    border: 1px solid rgba(255, 255, 255, 0.48);

    box-shadow:
        0 20px 42px rgba(44, 54, 68, 0.16),
        0 7px 18px rgba(44, 54, 68, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08);

    backdrop-filter: blur(30px) saturate(1.22) contrast(1.02);
    -webkit-backdrop-filter: blur(30px) saturate(1.22) contrast(1.02);
}

.soul-header__mobile-panel[hidden] {
    display: none !important;
}

.soul-header__mobile-panel a {
    min-height: 44px;

    display: flex;
    align-items: center;

    padding: 0 14px;

    border-radius: 15px;

    color: rgba(34, 27, 44, 0.82);
    text-decoration: none;

    font-size: 14px;
    font-weight: 800;
}

.soul-header__mobile-panel a:hover {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.48),
            rgba(255, 255, 255, 0.16)
        );
}

.soul-header__mobile-divider {
    height: 1px;
    margin: 5px 6px;

    background: rgba(255, 255, 255, 0.34);
}

/* тёмная мобильная версия */
body.soul-page--lab .soul-header__burger span,
body:has(.soulu-lab-page) .soul-header__burger span {
    background: rgba(240, 244, 250, 0.78);
}

body.soul-page--lab .soul-header__mobile-panel,
body:has(.soulu-lab-page) .soul-header__mobile-panel {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.105) 0%,
            rgba(255, 255, 255, 0.055) 48%,
            rgba(8, 10, 14, 0.32) 100%
        ),
        rgba(8, 10, 14, 0.40);

    border-color: rgba(255, 255, 255, 0.13);

    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.30),
        0 0 24px rgba(160, 92, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16);
}

body.soul-page--lab .soul-header__mobile-panel a,
body:has(.soulu-lab-page) .soul-header__mobile-panel a {
    color: rgba(240, 244, 250, 0.78);
}

body.soul-page--lab .soul-header__mobile-panel a:hover,
body:has(.soulu-lab-page) .soul-header__mobile-panel a:hover {
    color: #ffffff;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.045)
        );
}

/* показываем бургер на мобильной */
@media (max-width: 820px) {
    .soul-header__actions {
        margin-left: auto;
    }

    .soul-header__burger {
        display: inline-flex;
    }
}

@media (max-width: 480px) {
    .soul-header__actions {
        gap: 0;
    }
}
/* =========================================================
   HEADER DROPDOWN FIX
   Меню WEB: не обрезается капсулой + нормальная стрелка
   ========================================================= */

/* ВАЖНО: иначе dropdown обрезается внутри glass-капсулы */
.soul-header__inner {
    overflow: visible !important;
}

/* чтобы сама капсула осталась визуально стеклянной */
.soul-header__inner::before,
.soul-header__inner::after {
    border-radius: inherit !important;
    pointer-events: none !important;
}

/* WEB wrapper */
.soul-header__web {
    position: relative !important;
    display: inline-flex !important;
    z-index: 20 !important;
}

/* кнопка WEB */
.soul-header__web-button {
    position: relative !important;
    padding-right: 38px !important;
}

/* убираем уебищный символ-стрелку */
.soul-header__web-button span {
    display: none !important;
}

/* нормальная аккуратная стрелка */
.soul-header__web-button::after {
    content: "" !important;

    position: absolute !important;
    right: 18px !important;
    top: 50% !important;

    width: 7px !important;
    height: 7px !important;

    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;

    transform: translateY(-65%) rotate(45deg) !important;

    opacity: 0.58 !important;

    transition:
        transform 180ms ease,
        opacity 180ms ease !important;
}

.soul-header__web.is-open .soul-header__web-button::after,
.soul-header__web:hover .soul-header__web-button::after {
    transform: translateY(-35%) rotate(225deg) !important;
    opacity: 0.85 !important;
}

/* само выпадающее меню */
.soul-header__web-menu {
    position: absolute !important;
    top: calc(100% + 14px) !important;
    left: 50% !important;
    z-index: 99999 !important;

    width: 250px !important;

    display: grid !important;
    gap: 7px !important;

    padding: 11px !important;

    border-radius: 22px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.20) 52%,
            rgba(218, 232, 242, 0.18) 100%
        ),
        rgba(235, 245, 252, 0.24) !important;

    border: 1px solid rgba(255, 255, 255, 0.46) !important;

    box-shadow:
        0 18px 36px rgba(44, 54, 68, 0.14),
        0 6px 16px rgba(44, 54, 68, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.46),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08) !important;

    backdrop-filter: blur(28px) saturate(1.22) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(28px) saturate(1.22) contrast(1.02) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translate(-50%, -8px) scale(0.98) !important;
    transform-origin: top center !important;

    transition:
        opacity 180ms ease,
        visibility 180ms ease,
        transform 180ms ease !important;
}

/* открытие и по JS-классу, и просто по hover — чтобы точно работало */
.soul-header__web.is-open .soul-header__web-menu,
.soul-header__web:hover .soul-header__web-menu,
.soul-header__web:focus-within .soul-header__web-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translate(-50%, 0) scale(1) !important;
}

/* ссылки внутри dropdown */
.soul-header__web-menu a {
    min-height: 40px !important;
    padding: 0 14px !important;

    display: flex !important;
    align-items: center !important;

    border-radius: 14px !important;

    color: rgba(34, 27, 44, 0.80) !important;
    text-decoration: none !important;

    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;

    background: transparent !important;
}

.soul-header__web-menu a:hover {
    color: rgba(18, 16, 28, 0.96) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.48),
            rgba(255, 255, 255, 0.16)
        ) !important;
}

/* тёмная лаборатория */
body.soul-page--lab .soul-header__web-menu,
body:has(.soulu-lab-page) .soul-header__web-menu {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.105) 0%,
            rgba(255, 255, 255, 0.055) 48%,
            rgba(8, 10, 14, 0.32) 100%
        ),
        rgba(8, 10, 14, 0.40) !important;

    border-color: rgba(255, 255, 255, 0.13) !important;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.28),
        0 0 24px rgba(160, 92, 255, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.16) !important;
}

body.soul-page--lab .soul-header__web-menu a,
body:has(.soulu-lab-page) .soul-header__web-menu a {
    color: rgba(240, 244, 250, 0.78) !important;
}

body.soul-page--lab .soul-header__web-menu a:hover,
body:has(.soulu-lab-page) .soul-header__web-menu a:hover {
    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.13),
            rgba(255, 255, 255, 0.045)
        ) !important;
}
/* =========================================================
   HEADER DROPDOWN — MORE READABLE GLASS
   Уменьшаем прозрачность выпадающего WEB-меню
   ========================================================= */

.soul-header__web-menu {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(245, 250, 253, 0.70) 46%,
            rgba(226, 238, 246, 0.66) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.72) !important;

    box-shadow:
        0 20px 42px rgba(44, 54, 68, 0.16),
        0 8px 20px rgba(44, 54, 68, 0.10),
        0 0 26px rgba(174, 206, 229, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(80, 96, 116, 0.10) !important;

    backdrop-filter: blur(24px) saturate(1.18) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.18) contrast(1.02) !important;
}

.soul-header__web-menu a {
    color: rgba(34, 27, 44, 0.88) !important;
    text-shadow: none !important;
}

.soul-header__web-menu a:hover {
    color: rgba(18, 16, 28, 0.98) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.68),
            rgba(255, 255, 255, 0.34)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 8px 18px rgba(44, 54, 68, 0.08) !important;
}

/* тёмная лаборатория — тоже плотнее */
body.soul-page--lab .soul-header__web-menu,
body:has(.soulu-lab-page) .soul-header__web-menu {
    background:
        linear-gradient(
            180deg,
            rgba(34, 38, 46, 0.84) 0%,
            rgba(20, 23, 30, 0.78) 50%,
            rgba(8, 10, 14, 0.74) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.18) !important;

    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.34),
        0 0 24px rgba(160, 92, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 rgba(0, 0, 0, 0.20) !important;
}

body.soul-page--lab .soul-header__web-menu a,
body:has(.soulu-lab-page) .soul-header__web-menu a {
    color: rgba(240, 244, 250, 0.86) !important;
}
/* =========================================================
   HEADER DROPDOWN — READABLE ITEM PILLS
   Пункты выпадающего меню всегда отдельными плашками
   ========================================================= */

/* сама общая плашка dropdown — чуть плотнее, но всё ещё glass */
.soul-header__web-menu {
    padding: 12px !important;
    gap: 8px !important;

    background:
        linear-gradient(
            180deg,
            rgba(246, 251, 254, 0.82) 0%,
            rgba(232, 243, 249, 0.76) 48%,
            rgba(210, 226, 238, 0.70) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.78) !important;

    box-shadow:
        0 22px 44px rgba(44, 54, 68, 0.18),
        0 8px 20px rgba(44, 54, 68, 0.11),
        0 0 30px rgba(174, 206, 229, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(80, 96, 116, 0.12) !important;

    backdrop-filter: blur(22px) saturate(1.16) contrast(1.02) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.16) contrast(1.02) !important;
}

/* каждый пункт — отдельная стеклянная плашка по умолчанию */
.soul-header__web-menu a {
    position: relative !important;
    overflow: hidden !important;

    min-height: 42px !important;
    padding: 0 15px !important;

    display: flex !important;
    align-items: center !important;

    border-radius: 15px !important;

    color: rgba(28, 24, 38, 0.90) !important;
    text-decoration: none !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(255, 255, 255, 0.44) 48%,
            rgba(224, 237, 247, 0.36) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.58) !important;

    box-shadow:
        0 8px 18px rgba(44, 54, 68, 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -1px 0 rgba(80, 96, 116, 0.08) !important;

    text-shadow: none !important;

    transition:
        transform 180ms ease,
        color 180ms ease,
        background 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

/* маленький блик внутри каждого пункта */
.soul-header__web-menu a::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            transparent 18%,
            rgba(255, 255, 255, 0.36) 34%,
            rgba(255, 255, 255, 0.12) 46%,
            transparent 62%,
            transparent 100%
        ) !important;

    opacity: 0.52 !important;
}

/* hover — ярче, плотнее, чуть приподнимается */
.soul-header__web-menu a:hover {
    transform: translateY(-1px) !important;

    color: rgba(14, 12, 22, 0.98) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(255, 255, 255, 0.66) 48%,
            rgba(214, 230, 242, 0.52) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.82) !important;

    box-shadow:
        0 12px 24px rgba(44, 54, 68, 0.12),
        0 0 18px rgba(var(--theme-rgb), 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(80, 96, 116, 0.10) !important;
}

/* =========================================================
   DARK LAB VERSION
   ========================================================= */

body.soul-page--lab .soul-header__web-menu,
body:has(.soulu-lab-page) .soul-header__web-menu {
    background:
        linear-gradient(
            180deg,
            rgba(34, 38, 46, 0.86) 0%,
            rgba(20, 23, 30, 0.80) 50%,
            rgba(8, 10, 14, 0.76) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.18) !important;

    box-shadow:
        0 22px 46px rgba(0, 0, 0, 0.36),
        0 0 26px rgba(160, 92, 255, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
}

/* пункты на тёмной странице */
body.soul-page--lab .soul-header__web-menu a,
body:has(.soulu-lab-page) .soul-header__web-menu a {
    color: rgba(244, 247, 252, 0.88) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.15) 0%,
            rgba(255, 255, 255, 0.075) 52%,
            rgba(160, 92, 255, 0.075) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.16) !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

/* hover на тёмной странице */
body.soul-page--lab .soul-header__web-menu a:hover,
body:has(.soulu-lab-page) .soul-header__web-menu a:hover {
    transform: translateY(-1px) !important;

    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.11) 48%,
            rgba(160, 92, 255, 0.16) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.24) !important;

    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.24),
        0 0 18px rgba(160, 92, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.20) !important;
}
/* =========================================================
   HEADER DROPDOWN ITEMS — SOLID PILLS
   Убираем прозрачность у пунктов выпадающего меню
   ========================================================= */

.soul-header__web-menu a {
    background:
        linear-gradient(
            145deg,
            rgb(255, 255, 255) 0%,
            rgb(247, 250, 253) 52%,
            rgb(232, 240, 247) 100%
        ) !important;

    border: 1px solid rgba(190, 204, 218, 0.72) !important;

    color: rgba(24, 21, 34, 0.94) !important;

    box-shadow:
        0 8px 18px rgba(44, 54, 68, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(110, 126, 144, 0.12) !important;
}

/* блик оставляем очень слабый, чтобы не было мутности */
.soul-header__web-menu a::before {
    opacity: 0.18 !important;
}

/* hover — чуть ярче и плотнее */
.soul-header__web-menu a:hover {
    background:
        linear-gradient(
            145deg,
            rgb(255, 255, 255) 0%,
            rgb(250, 253, 255) 46%,
            rgb(222, 235, 246) 100%
        ) !important;

    border-color: rgba(var(--theme-rgb), 0.34) !important;

    color: rgba(14, 12, 22, 0.98) !important;

    box-shadow:
        0 12px 24px rgba(44, 54, 68, 0.14),
        0 0 18px rgba(var(--theme-rgb), 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 1),
        inset 0 -1px 0 rgba(110, 126, 144, 0.14) !important;
}

/* DARK LAB — пункты тоже плотные, без прозрачности */
body.soul-page--lab .soul-header__web-menu a,
body:has(.soulu-lab-page) .soul-header__web-menu a {
    background:
        linear-gradient(
            145deg,
            rgb(43, 47, 56) 0%,
            rgb(31, 35, 43) 52%,
            rgb(20, 23, 30) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.18) !important;

    color: rgba(248, 250, 255, 0.92) !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        inset 0 -1px 0 rgba(0, 0, 0, 0.24) !important;
}

body.soul-page--lab .soul-header__web-menu a::before,
body:has(.soulu-lab-page) .soul-header__web-menu a::before {
    opacity: 0.12 !important;
}

body.soul-page--lab .soul-header__web-menu a:hover,
body:has(.soulu-lab-page) .soul-header__web-menu a:hover {
    background:
        linear-gradient(
            145deg,
            rgb(55, 59, 70) 0%,
            rgb(39, 43, 53) 50%,
            rgb(28, 23, 40) 100%
        ) !important;

    border-color: rgba(160, 92, 255, 0.34) !important;

    color: #ffffff !important;

    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.28),
        0 0 18px rgba(160, 92, 255, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}
/* =========================================================
   HEADER — LAB NAV ACCENT
   Выделяем пункт “Лаборатория” как premium/LAB-раздел
   ========================================================= */

.soul-header__nav a[href="/lab/"] {
    position: relative !important;
    overflow: hidden !important;

    min-height: 40px !important;
    padding: 0 17px !important;

    border-radius: 999px !important;

    color: rgba(35, 26, 48, 0.94) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86) 0%,
            rgba(255, 255, 255, 0.50) 42%,
            rgba(232, 224, 255, 0.36) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.66) !important;

    box-shadow:
        0 10px 22px rgba(74, 54, 112, 0.12),
        0 0 18px rgba(160, 92, 255, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        inset 0 -1px 0 rgba(90, 72, 120, 0.10) !important;

    font-weight: 900 !important;
    letter-spacing: 0.01em !important;
}

/* четырёхцветный тонкий кант */
.soul-header__nav a[href="/lab/"]::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;

    padding: 1px !important;
    border-radius: inherit !important;

    background:
        linear-gradient(
            115deg,
            rgba(184, 42, 255, 0.85) 0%,
            rgba(255, 128, 76, 0.82) 28%,
            rgba(96, 214, 83, 0.78) 56%,
            rgba(52, 166, 255, 0.82) 100%
        ) !important;

    opacity: 0.70 !important;
}

/* мягкий внутренний фиолетовый блик */
.soul-header__nav a[href="/lab/"]::after {
    content: "" !important;

    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;

    border-radius: inherit !important;

    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(255, 255, 255, 0.22) 38%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(244, 239, 255, 0.46) 52%,
            rgba(190, 150, 255, 0.28) 100%
        ) !important;
}

/* hover — чуть сильнее LAB-эффект */
.soul-header__nav a[href="/lab/"]:hover {
    transform: translateY(-1px) !important;

    color: rgba(28, 18, 42, 1) !important;

    box-shadow:
        0 14px 28px rgba(74, 54, 112, 0.16),
        0 0 24px rgba(160, 92, 255, 0.20),
        0 0 34px rgba(52, 166, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(90, 72, 120, 0.12) !important;
}

/* активная страница лаборатории */
body.soul-page--lab .soul-header__nav a[href="/lab/"],
body:has(.soulu-lab-page) .soul-header__nav a[href="/lab/"] {
    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            rgba(160, 92, 255, 0.42) 0%,
            rgba(96, 64, 150, 0.30) 48%,
            rgba(20, 23, 30, 0.34) 100%
        ) !important;

    border-color: rgba(190, 150, 255, 0.38) !important;

    box-shadow:
        0 12px 26px rgba(0, 0, 0, 0.24),
        0 0 22px rgba(160, 92, 255, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
}

body.soul-page--lab .soul-header__nav a[href="/lab/"]::after,
body:has(.soulu-lab-page) .soul-header__nav a[href="/lab/"]::after {
    background:
        radial-gradient(
            circle at 22% 0%,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.08) 38%,
            rgba(255, 255, 255, 0.00) 66%
        ),
        linear-gradient(
            145deg,
            rgba(160, 92, 255, 0.28) 0%,
            rgba(40, 34, 58, 0.42) 52%,
            rgba(8, 10, 14, 0.36) 100%
        ) !important;
}
/* =========================================================
   HEADER — DIRECTIONS DROPDOWN FIX FOR CURRENT HEADER
   Под текущую структуру header.php
   ========================================================= */

.soul-header__web {
    position: relative !important;
}

.soul-header__web-button {
    min-width: 146px !important;
    gap: 8px !important;
}

.soul-header__web-current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.soul-header__web-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: -2px !important;
    font-size: 0.82em !important;
    line-height: 1 !important;
    opacity: 0.68 !important;
    transition: transform 180ms ease, opacity 180ms ease !important;
}

.soul-header__web.is-open .soul-header__web-arrow,
.soul-header__web[data-open="true"] .soul-header__web-arrow {
    transform: rotate(180deg) !important;
    opacity: 0.92 !important;
}

.soul-header__web-menu {
    position: absolute !important;
    top: calc(100% + 14px) !important;
    left: 50% !important;
    z-index: 80 !important;

    width: 314px !important;
    padding: 14px !important;

    display: grid !important;
    gap: 10px !important;

    border-radius: 24px !important;

    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.74) 0%,
            rgba(255, 255, 255, 0.30) 38%,
            rgba(255, 255, 255, 0.00) 72%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.80) 0%,
            rgba(238, 244, 247, 0.72) 44%,
            rgba(196, 207, 214, 0.58) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.64) !important;

    box-shadow:
        0 22px 48px rgba(46, 54, 64, 0.18),
        0 10px 24px rgba(46, 54, 64, 0.10),
        0 0 22px rgba(150, 166, 178, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(70, 80, 90, 0.10) !important;

    backdrop-filter: blur(22px) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.16) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateX(-50%) translateY(-6px) scale(0.98) !important;

    transition:
        opacity 180ms ease,
        visibility 180ms ease,
        transform 180ms ease !important;
}

.soul-header__web.is-open .soul-header__web-menu,
.soul-header__web[data-open="true"] .soul-header__web-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) scale(1) !important;
}

.soul-header__web-menu-item {
    position: relative !important;

    display: grid !important;
    gap: 5px !important;

    min-height: 62px !important;
    padding: 13px 15px !important;

    border-radius: 17px !important;
    text-decoration: none !important;

    color: rgba(31, 34, 42, 0.92) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.88) 0%,
            rgba(255, 255, 255, 0.60) 50%,
            rgba(180, 194, 204, 0.18) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.66) !important;

    box-shadow:
        0 8px 18px rgba(46, 54, 64, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(70, 80, 90, 0.08) !important;
}

.soul-header__web-menu-item--web.is-active,
.soul-header__web-menu-item--web:hover {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(238, 244, 247, 0.76) 44%,
            rgba(var(--theme-rgb), 0.14) 100%
        ) !important;

    border-color: rgba(var(--theme-rgb), 0.26) !important;

    box-shadow:
        0 10px 22px rgba(var(--theme-rgb), 0.10),
        0 0 18px rgba(var(--theme-rgb), 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(var(--theme-rgb), 0.08) !important;
}

.soul-header__web-menu-item--web:hover {
    transform: translateY(-1px) !important;
}

/* будущие направления */
.soul-header__web-menu-item.is-disabled {
    cursor: default !important;
    pointer-events: none !important;

    opacity: 0.76 !important;
   filter: blur(0.06px) saturate(0.94) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.52) 0%,
            rgba(235, 239, 242, 0.42) 48%,
            rgba(170, 178, 186, 0.16) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.42) !important;
}

.soul-header__web-menu-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    color: rgba(28, 30, 38, 0.94) !important;

    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    letter-spacing: -0.018em !important;
}

.soul-header__web-menu-text {
    display: block !important;

    color: rgba(40, 44, 54, 0.54) !important;

    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: -0.01em !important;
}

.soul-header__soon,
.soul-header__current {
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 20px !important;
    padding: 0 8px !important;

    border-radius: 999px !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

.soul-header__soon {
    color: rgba(42, 46, 54, 0.68) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.78),
            rgba(224, 229, 233, 0.56)
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.58) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        inset 0 -1px 0 rgba(70, 80, 90, 0.08) !important;
}

.soul-header__current {
    color: rgb(var(--theme-rgb)) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.90),
            rgba(var(--theme-rgb), 0.12)
        ) !important;

    border: 1px solid rgba(var(--theme-rgb), 0.20) !important;
}

/* mobile directions */
.soul-header__mobile-directions {
    display: grid !important;
    gap: 8px !important;
}

.soul-header__mobile-label {
    display: block !important;
    margin-bottom: 4px !important;

    color: rgba(34, 30, 28, 0.48) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.soul-header__mobile-direction {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    padding: 13px 14px !important;
    border-radius: 16px !important;

    text-decoration: none !important;

    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(255, 255, 255, 0.56) !important;

    color: rgba(31, 34, 42, 0.88) !important;
}

.soul-header__mobile-direction.is-disabled {
    opacity: 0.58 !important;
    filter: blur(0.15px) saturate(0.86) !important;
}

.soul-header__mobile-direction small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 20px !important;
    padding: 0 8px !important;

    border-radius: 999px !important;

    background: rgba(255, 255, 255, 0.70) !important;
    border: 1px solid rgba(255, 255, 255, 0.56) !important;

    color: rgba(42, 46, 54, 0.60) !important;

    font-size: 10px !important;
    font-weight: 700 !important;
}

@media (max-width: 820px) {
    .soul-header__web-menu {
        display: none !important;
    }
}
/* =========================================================
   HEADER DROPDOWN — READABILITY FIX
   Меню направлений: читаемость, почти без блюра
   ========================================================= */

/* сама выпадающая плашка — плотнее, чтобы текст страницы не просвечивал */
html body header.soul-header .soul-header__web-menu {
    background:
        radial-gradient(
            circle at 18% 0%,
            rgba(255, 255, 255, 0.96) 0%,
            rgba(255, 255, 255, 0.78) 40%,
            rgba(255, 255, 255, 0.42) 74%
        ),
        linear-gradient(
            145deg,
            rgba(250, 253, 255, 0.94) 0%,
            rgba(237, 246, 250, 0.90) 46%,
            rgba(214, 228, 236, 0.86) 100%
        ) !important;

    backdrop-filter: blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;

    border: 1px solid rgba(255, 255, 255, 0.78) !important;

    box-shadow:
        0 24px 54px rgba(34, 42, 52, 0.18),
        0 12px 28px rgba(34, 42, 52, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.38) inset,
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(70, 80, 90, 0.10) !important;
}

/* все пункты — плотнее */
html body header.soul-header .soul-header__web-menu-item {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(246, 250, 252, 0.88) 48%,
            rgba(224, 235, 241, 0.72) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.78) !important;

    box-shadow:
        0 8px 18px rgba(34, 42, 52, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        inset 0 -1px 0 rgba(70, 80, 90, 0.08) !important;
}

/* неактивные пункты — НЕ блюрим, только чуть приглушаем */
html body header.soul-header .soul-header__web-menu-item.is-disabled {
    opacity: 0.88 !important;
    filter: saturate(0.92) !important;
    cursor: default !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.82) 0%,
            rgba(241, 246, 249, 0.74) 48%,
            rgba(218, 228, 234, 0.58) 100%
        ) !important;
}

/* текст делаем читаемым */
html body header.soul-header .soul-header__web-menu-title {
    color: rgba(27, 29, 36, 0.94) !important;
    opacity: 1 !important;
    filter: none !important;

    font-weight: 800 !important;
}

html body header.soul-header .soul-header__web-menu-text {
    color: rgba(50, 54, 64, 0.66) !important;
    opacity: 1 !important;
    filter: none !important;

    font-weight: 600 !important;
}

/* плашка “Скоро” читаемая, но маленькая */
html body header.soul-header .soul-header__soon {
    color: rgba(42, 46, 54, 0.68) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92),
            rgba(229, 236, 240, 0.76)
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.76) !important;

    box-shadow:
        0 2px 6px rgba(34, 42, 52, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* кнопка “Направление / WEB” — чтобы текст не пропадал */
html body header.soul-header .soul-header__web-button,
html body header.soul-header .soul-header__web-current,
html body header.soul-header .soul-header__web-arrow {
    color: rgba(31, 34, 42, 0.92) !important;
    -webkit-text-fill-color: rgba(31, 34, 42, 0.92) !important;
    opacity: 1 !important;
    filter: none !important;
}
/* =========================================================
   HEADER DROPDOWN — ACTIVE WEB + SOFT DISABLED ITEMS
   WEB как обычная плашка, остальные чуть приглушены
   ========================================================= */

/* WEB — активная, но в том же стиле, что остальные */
html body header.soul-header .soul-header__web-menu-item--web,
html body header.soul-header .soul-header__web-menu-item--web.is-active,
html body header.soul-header .soul-header__web-menu-item--web:hover {
    opacity: 1 !important;
    filter: none !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(246, 250, 252, 0.88) 48%,
            rgba(224, 235, 241, 0.72) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.82) !important;

    box-shadow:
        0 10px 22px rgba(34, 42, 52, 0.09),
        0 0 14px rgba(var(--theme-rgb), 0.075),
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        inset 0 -1px 0 rgba(70, 80, 90, 0.08) !important;

    transform: none !important;
}

/* WEB — текст чуть темнее, чтобы было понятно, что это активный пункт */
html body header.soul-header .soul-header__web-menu-item--web .soul-header__web-menu-title {
    color: rgba(24, 27, 34, 0.96) !important;
    font-weight: 850 !important;
}

html body header.soul-header .soul-header__web-menu-item--web .soul-header__web-menu-text {
    color: rgba(48, 52, 62, 0.68) !important;
    font-weight: 600 !important;
}

/* WEB — маленький акцент слева, вместо плашки “Сейчас” */
html body header.soul-header .soul-header__web-menu-item--web::before {
    content: "" !important;

    position: absolute !important;
    left: 10px !important;
    top: 50% !important;

    width: 3px !important;
    height: 28px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            180deg,
            rgba(var(--theme-rgb), 0.58),
            rgba(var(--theme-rgb), 0.16)
        ) !important;

    box-shadow:
        0 0 10px rgba(var(--theme-rgb), 0.18) !important;

    transform: translateY(-50%) !important;
}

html body header.soul-header .soul-header__web-menu-item--web {
    padding-left: 18px !important;
}

/* будущие пункты — заметно отличаются, но остаются читаемыми */
html body header.soul-header .soul-header__web-menu-item.is-disabled {
    opacity: 0.70 !important;
    filter: blur(0.10px) saturate(0.86) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.72) 0%,
            rgba(241, 246, 249, 0.62) 48%,
            rgba(218, 228, 234, 0.46) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.54) !important;

    box-shadow:
        0 6px 14px rgba(34, 42, 52, 0.045),
        inset 0 1px 0 rgba(255, 255, 255, 0.76),
        inset 0 -1px 0 rgba(70, 80, 90, 0.06) !important;
}

/* заголовки будущих пунктов чуть мягче */
html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-title {
    color: rgba(38, 42, 50, 0.74) !important;
    font-weight: 800 !important;
}

html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-text {
    color: rgba(58, 64, 74, 0.54) !important;
    font-weight: 600 !important;
}

/* “Скоро” оставляем читаемым, но не ярким */
html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__soon {
    opacity: 0.88 !important;

    color: rgba(54, 58, 66, 0.58) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.82),
            rgba(229, 236, 240, 0.62)
        ) !important;

    border-color: rgba(255, 255, 255, 0.64) !important;
}
/* =========================================================
   HEADER DROPDOWN — ALIGNMENT + DISABLED VISIBILITY FIX
   WEB слева, описание под WEB, будущие пункты чуть видимее
   ========================================================= */

/* все карточки меню строго колонкой, текст слева */
html body header.soul-header .soul-header__web-menu .soul-header__web-menu-item,
html body header.soul-header .soul-header__web-menu a.soul-header__web-menu-item,
html body header.soul-header .soul-header__web-menu span.soul-header__web-menu-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    text-align: left !important;

    gap: 5px !important;
}

/* убираем центрирование у старого правила .soul-header__web-menu a */
html body header.soul-header .soul-header__web-menu a {
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

/* строка заголовка */
html body header.soul-header .soul-header__web-menu-title {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    text-align: left !important;
}

/* у WEB нет плашки справа, поэтому WEB просто слева */
html body header.soul-header .soul-header__web-menu-item--web .soul-header__web-menu-title {
    justify-content: flex-start !important;
}

/* описание всегда отдельной строкой под заголовком */
html body header.soul-header .soul-header__web-menu-text {
    display: block !important;
    width: 100% !important;

    text-align: left !important;
}

/* WEB — нормальная активная плашка, без центровки */
html body header.soul-header .soul-header__web-menu-item--web,
html body header.soul-header .soul-header__web-menu-item--web.is-active {
    padding-left: 18px !important;
}

/* будущие плашки делаем чуть видимее */
html body header.soul-header .soul-header__web-menu-item.is-disabled {
    opacity: 0.80 !important;
    filter: blur(0.055px) saturate(0.90) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.78) 0%,
            rgba(241, 246, 249, 0.70) 48%,
            rgba(218, 228, 234, 0.52) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.60) !important;

    box-shadow:
        0 7px 16px rgba(34, 42, 52, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        inset 0 -1px 0 rgba(70, 80, 90, 0.07) !important;
}

html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-title {
    color: rgba(34, 38, 46, 0.80) !important;
}

html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-text {
    color: rgba(54, 60, 70, 0.60) !important;
}

/* плашка “Скоро” тоже чуть заметнее */
html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__soon {
    opacity: 0.94 !important;

    color: rgba(48, 52, 60, 0.64) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.88),
            rgba(229, 236, 240, 0.70)
        ) !important;

    border-color: rgba(255, 255, 255, 0.72) !important;
}
/* =========================================================
   HEADER DROPDOWN — FINAL FIX
   Кнопка не пустая, WEB как остальные, цвета под страницы
   ========================================================= */

/* кнопка Направление / WEB — возвращаем текст */
html body header.soul-header .soul-header__web-button {
    min-width: 156px !important;
    height: 46px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    color: rgba(30, 33, 40, 0.92) !important;
    -webkit-text-fill-color: rgba(30, 33, 40, 0.92) !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

html body header.soul-header .soul-header__web-current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    opacity: 1 !important;
    visibility: visible !important;

    color: rgba(30, 33, 40, 0.92) !important;
    -webkit-text-fill-color: rgba(30, 33, 40, 0.92) !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    filter: none !important;
}

html body header.soul-header .soul-header__web-arrow {
    opacity: 0.72 !important;
    color: rgba(30, 33, 40, 0.72) !important;
    -webkit-text-fill-color: rgba(30, 33, 40, 0.72) !important;
}

/* выпадающее меню */
html body header.soul-header .soul-header__web-menu {
    width: 326px !important;
    padding: 14px !important;
    gap: 10px !important;
}

/* все плашки одинаковые по размеру */
html body header.soul-header .soul-header__web-menu .soul-header__web-menu-item,
html body header.soul-header .soul-header__web-menu a.soul-header__web-menu-item,
html body header.soul-header .soul-header__web-menu span.soul-header__web-menu-item {
    width: 100% !important;
    min-height: 66px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    gap: 5px !important;
    padding: 13px 16px !important;

    text-align: left !important;
}

/* WEB — такая же плашка, как остальные, но чёткая */
html body header.soul-header .soul-header__web-menu-item--web,
html body header.soul-header .soul-header__web-menu-item--web.is-active,
html body header.soul-header .soul-header__web-menu-item--web:hover {
    width: 100% !important;
    min-height: 66px !important;

    padding: 13px 16px !important;

    opacity: 1 !important;
    filter: none !important;
    transform: none !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(246, 250, 252, 0.88) 48%,
            rgba(224, 235, 241, 0.72) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.82) !important;

    box-shadow:
        0 10px 22px rgba(34, 42, 52, 0.09),
        0 0 14px rgba(var(--theme-rgb), 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.94),
        inset 0 -1px 0 rgba(70, 80, 90, 0.08) !important;
}

/* убираем левую полоску у WEB, чтобы не сужала карточку */
html body header.soul-header .soul-header__web-menu-item--web::before {
    content: none !important;
    display: none !important;
}

/* заголовки и описания строго слева */
html body header.soul-header .soul-header__web-menu-title {
    width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    color: rgba(26, 29, 36, 0.92) !important;

    text-align: left !important;

    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    letter-spacing: -0.018em !important;
}

html body header.soul-header .soul-header__web-menu-item--web .soul-header__web-menu-title {
    justify-content: flex-start !important;
}

html body header.soul-header .soul-header__web-menu-text {
    display: block !important;
    width: 100% !important;

    color: rgba(54, 60, 70, 0.64) !important;

    text-align: left !important;

    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

/* будущие плашки — заметнее, но всё ещё приглушены */
html body header.soul-header .soul-header__web-menu-item.is-disabled {
    opacity: 0.86 !important;
    filter: blur(0.035px) saturate(0.94) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.84) 0%,
            rgba(243, 248, 250, 0.76) 48%,
            rgba(222, 232, 238, 0.60) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.68) !important;

    box-shadow:
        0 8px 18px rgba(34, 42, 52, 0.065),
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        inset 0 -1px 0 rgba(70, 80, 90, 0.07) !important;
}

html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-title {
    color: rgba(34, 38, 46, 0.86) !important;
}

html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-text {
    color: rgba(54, 60, 70, 0.66) !important;
}

/* плашка Скоро */
html body header.soul-header .soul-header__soon {
    min-height: 20px !important;
    padding: 0 8px !important;

    color: rgba(48, 52, 60, 0.66) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.90),
            rgba(229, 236, 240, 0.74)
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.76) !important;

    box-shadow:
        0 2px 6px rgba(34, 42, 52, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;

    font-size: 10px !important;
    font-weight: 700 !important;
}

/* =========================================================
   Цвет выпадающего меню под страницы
   ========================================================= */

/* Главная / WEB — sky titanium */
body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--cases):not(.soul-page--case):not(.soul-page--lab):not(.soul-page--partners):not(.soul-page--404) header.soul-header .soul-header__web-menu {
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,0.96), rgba(255,255,255,0.72) 42%, rgba(255,255,255,0.34) 74%),
        linear-gradient(145deg, rgba(250,253,255,0.94) 0%, rgba(232,245,252,0.90) 46%, rgba(205,226,238,0.86) 100%) !important;
}

/* О нас — natural titanium */
body.soul-page--about header.soul-header .soul-header__web-menu,
body:has(main.gla2-about-page) header.soul-header .soul-header__web-menu {
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,0.96), rgba(255,255,255,0.72) 42%, rgba(255,255,255,0.34) 74%),
        linear-gradient(145deg, rgba(255,255,255,0.94) 0%, rgba(244,239,229,0.90) 46%, rgba(212,202,184,0.84) 100%) !important;
}

/* Кейсы — neutral / graphite titanium */
body.soul-page--cases header.soul-header .soul-header__web-menu,
body.soul-page--case header.soul-header .soul-header__web-menu,
body:has(.glc-cases-hero) header.soul-header .soul-header__web-menu,
body:has(main.glc-page) header.soul-header .soul-header__web-menu {
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,0.96), rgba(255,255,255,0.72) 42%, rgba(255,255,255,0.34) 74%),
        linear-gradient(145deg, rgba(250,252,252,0.94) 0%, rgba(235,239,240,0.90) 46%, rgba(207,214,218,0.84) 100%) !important;
}

/* Лаборатория — dark titanium */
body.soul-page--lab header.soul-header .soul-header__web-menu,
body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu {
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,0.18), rgba(255,255,255,0.07) 42%, rgba(255,255,255,0.00) 74%),
        linear-gradient(145deg, rgba(34,38,46,0.94) 0%, rgba(17,20,26,0.92) 100%) !important;

    border-color: rgba(255,255,255,0.14) !important;
}

body.soul-page--lab header.soul-header .soul-header__web-menu-title,
body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-title {
    color: rgba(245,247,250,0.90) !important;
}

body.soul-page--lab header.soul-header .soul-header__web-menu-text,
body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-text {
    color: rgba(245,247,250,0.58) !important;
}
/* =========================================================
   HEADER DROPDOWN — HOVER BRIDGE
   Чтобы меню не пропадало при движении мышки от кнопки к dropdown
   ========================================================= */

html body header.soul-header .soul-header__web {
    position: relative !important;
}

/* невидимая зона между кнопкой и выпадающим меню */
html body header.soul-header .soul-header__web::after {
    content: "" !important;

    position: absolute !important;
    left: 50% !important;
    top: 100% !important;
    z-index: 75 !important;

    width: 326px !important;
    height: 18px !important;

    transform: translateX(-50%) !important;

    background: transparent !important;
    pointer-events: auto !important;
}

/* меню должно быть выше мостика */
html body header.soul-header .soul-header__web-menu {
    z-index: 80 !important;
}

/* если меню открывается через hover — тоже держим открытым */
html body header.soul-header .soul-header__web:hover .soul-header__web-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateX(-50%) translateY(0) scale(1) !important;
}

/* стрелка тоже остаётся раскрытой при hover */
html body header.soul-header .soul-header__web:hover .soul-header__web-arrow {
    transform: rotate(180deg) !important;
    opacity: 0.92 !important;
}
/* =========================================================
   HEADER DROPDOWN — THEME ITEMS + CLEAR SOON BADGE
   Все плашки перекрашиваются под страницу, "Скоро" чёткая
   ========================================================= */

/* база: убираем реальный blur с родителя, иначе "Скоро" тоже мылится */
html body header.soul-header .soul-header__web-menu-item.is-disabled {
    position: relative !important;

    opacity: 0.90 !important;
    filter: none !important;

    overflow: hidden !important;
}

/* неактивные пункты визуально мягче, но без размытия текста */
html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-title {
    color: rgba(34, 38, 46, 0.78) !important;
}

html body header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-text {
    color: rgba(54, 60, 70, 0.56) !important;
}

/* плашка "Скоро" всегда поверх и без блюра */
html body header.soul-header .soul-header__soon {
    position: relative !important;
    z-index: 5 !important;

    opacity: 1 !important;
    filter: none !important;

    color: rgba(38, 42, 50, 0.72) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.96),
            rgba(232, 236, 240, 0.84)
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.86) !important;

    box-shadow:
        0 3px 8px rgba(34, 42, 52, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        inset 0 -1px 0 rgba(70, 80, 90, 0.08) !important;
}

/* =========================================================
   Главная / WEB — sky titanium
   ========================================================= */

body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--cases):not(.soul-page--case):not(.soul-page--lab):not(.soul-page--partners):not(.soul-page--404) header.soul-header .soul-header__web-menu-item,
body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--cases):not(.soul-page--case):not(.soul-page--lab):not(.soul-page--partners):not(.soul-page--404) header.soul-header .soul-header__web-menu-item--web {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(241, 250, 255, 0.84) 48%,
            rgba(211, 232, 244, 0.66) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.78) !important;
}

body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--cases):not(.soul-page--case):not(.soul-page--lab):not(.soul-page--partners):not(.soul-page--404) header.soul-header .soul-header__web-menu-item.is-disabled {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86) 0%,
            rgba(238, 248, 253, 0.74) 48%,
            rgba(205, 226, 238, 0.54) 100%
        ) !important;
}

/* =========================================================
   О нас — natural titanium
   ========================================================= */

body.soul-page--about header.soul-header .soul-header__web-menu-item,
body:has(main.gla2-about-page) header.soul-header .soul-header__web-menu-item,
body.soul-page--about header.soul-header .soul-header__web-menu-item--web,
body:has(main.gla2-about-page) header.soul-header .soul-header__web-menu-item--web {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(247, 243, 235, 0.84) 46%,
            rgba(221, 213, 198, 0.66) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.78) !important;
}

body.soul-page--about header.soul-header .soul-header__web-menu-item.is-disabled,
body:has(main.gla2-about-page) header.soul-header .soul-header__web-menu-item.is-disabled {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86) 0%,
            rgba(243, 238, 229, 0.74) 46%,
            rgba(210, 201, 184, 0.54) 100%
        ) !important;
}

/* "Скоро" на О нас — natural titanium */
body.soul-page--about header.soul-header .soul-header__soon,
body:has(main.gla2-about-page) header.soul-header .soul-header__soon {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.96),
            rgba(234, 228, 216, 0.86)
        ) !important;

    color: rgba(48, 42, 36, 0.72) !important;
}

/* =========================================================
   Кейсы — neutral / graphite titanium
   ========================================================= */

body.soul-page--cases header.soul-header .soul-header__web-menu-item,
body.soul-page--case header.soul-header .soul-header__web-menu-item,
body:has(.glc-cases-hero) header.soul-header .soul-header__web-menu-item,
body:has(main.glc-page) header.soul-header .soul-header__web-menu-item {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94) 0%,
            rgba(244, 247, 248, 0.84) 46%,
            rgba(212, 219, 223, 0.66) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.78) !important;
}

body.soul-page--cases header.soul-header .soul-header__web-menu-item.is-disabled,
body.soul-page--case header.soul-header .soul-header__web-menu-item.is-disabled,
body:has(.glc-cases-hero) header.soul-header .soul-header__web-menu-item.is-disabled,
body:has(main.glc-page) header.soul-header .soul-header__web-menu-item.is-disabled {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.86) 0%,
            rgba(239, 243, 245, 0.74) 46%,
            rgba(198, 207, 213, 0.54) 100%
        ) !important;
}

/* =========================================================
   Лаборатория — dark titanium
   ========================================================= */

body.soul-page--lab header.soul-header .soul-header__web-menu-item,
body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.13) 0%,
            rgba(255, 255, 255, 0.07) 46%,
            rgba(255, 255, 255, 0.035) 100%
        ) !important;

    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.soul-page--lab header.soul-header .soul-header__web-menu-item.is-disabled,
body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item.is-disabled {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.09) 0%,
            rgba(255, 255, 255, 0.052) 46%,
            rgba(255, 255, 255, 0.026) 100%
        ) !important;
}

body.soul-page--lab header.soul-header .soul-header__soon,
body:has(.soulu-lab-page) header.soul-header .soul-header__soon {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.18),
            rgba(255, 255, 255, 0.08)
        ) !important;

    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(245, 247, 250, 0.76) !important;
}
/* =========================================================
   HEADER — LAB NAV NORMAL WEIGHT
   Лаборатория в шапке обычным шрифтом, не жирным
   ========================================================= */

html body header.soul-header .soul-header__nav a[href="/lab/"] {
    font-weight: 600 !important;
}

/* даже если пункт активный — не делаем жирным */
html body.soul-page--lab header.soul-header .soul-header__nav a[href="/lab/"],
html body:has(.soulu-lab-page) header.soul-header .soul-header__nav a[href="/lab/"] {
    font-weight: 600 !important;
}
/* =========================================================
   DESKTOP HEADER — LAB DROPDOWN READABILITY FIX
   Выпадающее меню направлений на странице Лаборатория
   ========================================================= */

@media (min-width: 821px) {

    /* сама выпадающая плашка на лаборатории — плотнее и темнее */
    html body.soul-page--lab header.soul-header .soul-header__web-menu,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu {
        background:
            radial-gradient(
                circle at 18% 0%,
                rgba(255, 255, 255, 0.16) 0%,
                rgba(255, 255, 255, 0.055) 34%,
                rgba(255, 255, 255, 0.00) 70%
            ),
            linear-gradient(
                145deg,
                rgba(40, 44, 52, 0.96) 0%,
                rgba(22, 25, 31, 0.95) 48%,
                rgba(10, 12, 16, 0.96) 100%
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.18) !important;

        box-shadow:
            0 28px 58px rgba(0, 0, 0, 0.38),
            0 14px 32px rgba(0, 0, 0, 0.28),
            0 0 28px rgba(116, 96, 255, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.22),
            inset 0 -1px 0 rgba(255, 255, 255, 0.06) !important;

        backdrop-filter: blur(24px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(24px) saturate(1.08) !important;
    }

    /* все плашки внутри — тоже тёмные, но читаемые */
    html body.soul-page--lab header.soul-header .soul-header__web-menu-item,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item {
        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.145) 0%,
                rgba(255, 255, 255, 0.075) 46%,
                rgba(255, 255, 255, 0.038) 100%
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.18) !important;

        box-shadow:
            0 10px 22px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    /* активный WEB — чуть светлее остальных */
    html body.soul-page--lab header.soul-header .soul-header__web-menu-item--web,
    html body.soul-page--lab header.soul-header .soul-header__web-menu-item--web.is-active,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item--web,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item--web.is-active {
        background:
            radial-gradient(
                circle at 88% 10%,
                rgba(106, 178, 255, 0.13),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.20) 0%,
                rgba(255, 255, 255, 0.105) 46%,
                rgba(255, 255, 255, 0.052) 100%
            ) !important;

        border-color: rgba(255, 255, 255, 0.24) !important;

        box-shadow:
            0 12px 26px rgba(0, 0, 0, 0.22),
            0 0 18px rgba(106, 178, 255, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.24),
            inset 0 -1px 0 rgba(255, 255, 255, 0.05) !important;
    }

    /* будущие пункты — заметно неактивные, но читаемые */
    html body.soul-page--lab header.soul-header .soul-header__web-menu-item.is-disabled,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item.is-disabled {
        opacity: 0.82 !important;
        filter: none !important;

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.105) 0%,
                rgba(255, 255, 255, 0.055) 46%,
                rgba(255, 255, 255, 0.026) 100%
            ) !important;

        border-color: rgba(255, 255, 255, 0.145) !important;
    }

    /* текст на лаборатории — светлый */
    html body.soul-page--lab header.soul-header .soul-header__web-menu-title,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-title {
        color: rgba(246, 248, 252, 0.94) !important;
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.22) !important;
    }

    html body.soul-page--lab header.soul-header .soul-header__web-menu-text,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-text {
        color: rgba(246, 248, 252, 0.62) !important;
        text-shadow: 0 1px 8px rgba(0, 0, 0, 0.20) !important;
    }

    /* неактивные тексты чуть приглушены */
    html body.soul-page--lab header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-title,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-title {
        color: rgba(246, 248, 252, 0.72) !important;
    }

    html body.soul-page--lab header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-text,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu-item.is-disabled .soul-header__web-menu-text {
        color: rgba(246, 248, 252, 0.44) !important;
    }

    /* Скоро — чёткая светлая плашка поверх тёмного меню */
    html body.soul-page--lab header.soul-header .soul-header__soon,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__soon {
        position: relative !important;
        z-index: 5 !important;

        opacity: 1 !important;
        filter: none !important;

        color: rgba(24, 27, 34, 0.78) !important;

        background:
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.94),
                rgba(218, 225, 232, 0.82)
            ) !important;

        border: 1px solid rgba(255, 255, 255, 0.76) !important;

        box-shadow:
            0 4px 10px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.94),
            inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
    }
}
/* =========================================================
   LAB PAGE — HEADER CTA WITHOUT NEON GLOW
   Убираем неоновое свечение у кнопки “Заказать звонок” на Лаборатории
   ========================================================= */

html body.soul-page--lab header.soul-header a.soul-header__cta.soul-btn,
html body:has(.soulu-lab-page) header.soul-header a.soul-header__cta.soul-btn {
    box-shadow:
        0 10px 22px rgba(0, 0, 0, 0.22),
        0 4px 10px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
}

/* убираем внешний синий/неоновый ореол */
html body.soul-page--lab header.soul-header a.soul-header__cta.soul-btn::after,
html body:has(.soulu-lab-page) header.soul-header a.soul-header__cta.soul-btn::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
}

/* блик внутри оставляем, но без свечения наружу */
html body.soul-page--lab header.soul-header a.soul-header__cta.soul-btn::before,
html body:has(.soulu-lab-page) header.soul-header a.soul-header__cta.soul-btn::before {
    opacity: 0.42 !important;
    filter: none !important;
}
/* =========================================================
   HEADER DROPDOWN — PREMIUM WEB HOVER
   Сильный красивый hover для WEB, кроме страницы О нас
   ========================================================= */

@media (min-width: 821px) {

    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover,
    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible {
        opacity: 1 !important;
        filter: none !important;

        transform: translateY(-2px) scale(1.012) !important;

        background:
            radial-gradient(
                circle at 18% 0%,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(255, 255, 255, 0.52) 34%,
                rgba(255, 255, 255, 0.00) 68%
            ),
            radial-gradient(
                circle at 88% 12%,
                rgba(255, 255, 255, 0.76) 0%,
                rgba(255, 255, 255, 0.26) 34%,
                rgba(255, 255, 255, 0.00) 70%
            ),
            linear-gradient(
                145deg,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(244, 247, 248, 0.92) 36%,
                rgba(210, 216, 220, 0.78) 66%,
                rgba(248, 250, 250, 0.94) 100%
            ) !important;

        border: 1px solid rgba(24, 27, 34, 0.46) !important;

        box-shadow:
            0 18px 36px rgba(24, 28, 36, 0.20),
            0 8px 18px rgba(24, 28, 36, 0.12),
            0 0 0 1px rgba(255, 255, 255, 0.72) inset,
            0 0 22px rgba(255, 255, 255, 0.24),
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            inset 0 10px 22px rgba(255, 255, 255, 0.28),
            inset 0 -1px 0 rgba(38, 42, 50, 0.16),
            inset 0 -12px 22px rgba(58, 64, 72, 0.08) !important;

        backdrop-filter: blur(18px) saturate(1.08) contrast(1.04) !important;
        -webkit-backdrop-filter: blur(18px) saturate(1.08) contrast(1.04) !important;
    }

    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover .soul-header__web-menu-title,
    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible .soul-header__web-menu-title {
        color: rgba(18, 20, 26, 0.98) !important;
        font-weight: 850 !important;
        text-shadow: none !important;
    }

    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover .soul-header__web-menu-text,
    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible .soul-header__web-menu-text {
        color: rgba(42, 46, 56, 0.76) !important;
        font-weight: 650 !important;
        text-shadow: none !important;
    }

    /* лёгкая “матовая линза” поверх плашки */
    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web {
        position: relative !important;
        overflow: hidden !important;
    }

    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover::after,
    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible::after {
        content: "" !important;

        position: absolute !important;
        inset: 1px !important;
        z-index: 0 !important;

        border-radius: inherit !important;

        background:
            linear-gradient(
                115deg,
                rgba(255, 255, 255, 0.46) 0%,
                rgba(255, 255, 255, 0.10) 34%,
                rgba(255, 255, 255, 0.00) 58%
            ) !important;

        opacity: 0.74 !important;
        pointer-events: none !important;
    }

    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover > *,
    html body:not(.soulu-flow-nko-page):not(.soul-page--about):not(.soul-page--404) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible > * {
        position: relative !important;
        z-index: 2 !important;
    }

    /* на Лаборатории hover тоже красивый, но не чёрный — светлая матовая карточка поверх тёмного меню */
    html body.soul-page--lab header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover,
    html body.soul-page--lab header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible {
        background:
            radial-gradient(
                circle at 18% 0%,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(255, 255, 255, 0.48) 34%,
                rgba(255, 255, 255, 0.00) 68%
            ),
            linear-gradient(
                145deg,
                rgba(248, 250, 252, 0.96) 0%,
                rgba(218, 226, 232, 0.86) 48%,
                rgba(156, 166, 176, 0.72) 100%
            ) !important;

        border-color: rgba(255, 255, 255, 0.56) !important;

        box-shadow:
            0 18px 38px rgba(0, 0, 0, 0.34),
            0 8px 18px rgba(0, 0, 0, 0.24),
            0 0 0 1px rgba(255, 255, 255, 0.66) inset,
            0 0 22px rgba(130, 170, 210, 0.16),
            inset 0 1px 0 rgba(255, 255, 255, 0.98),
            inset 0 10px 22px rgba(255, 255, 255, 0.26),
            inset 0 -1px 0 rgba(38, 42, 50, 0.18) !important;
    }

    html body.soul-page--lab header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover .soul-header__web-menu-title,
    html body.soul-page--lab header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible .soul-header__web-menu-title,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover .soul-header__web-menu-title,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible .soul-header__web-menu-title {
        color: rgba(18, 20, 26, 0.98) !important;
    }

    html body.soul-page--lab header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover .soul-header__web-menu-text,
    html body.soul-page--lab header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible .soul-header__web-menu-text,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:hover .soul-header__web-menu-text,
    html body:has(.soulu-lab-page) header.soul-header .soul-header__web-menu a.soul-header__web-menu-item--web:focus-visible .soul-header__web-menu-text {
        color: rgba(42, 46, 56, 0.76) !important;
    }
}
/* HEADER - compact CTA */

.soul-header__cta {
    min-width: 0 !important;
    height: 46px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    font-size: 14px !important;
}

/* 901-1350 - ещё компактнее */
@media (min-width: 901px) and (max-width: 1350px) {
    .soul-header__cta {
        height: 44px !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
        min-width: 108px !important;
    }
}

/* до 900 */
@media (max-width: 900px) {
    .soul-header__cta {
        height: 42px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        min-width: 88px !important;
        font-size: 13px !important;
    }
}
/* base */
.soul-header__more,
.soul-header__cta-short,
.soul-header__more-mobile {
    display: none;
}

.soul-header__nav-link,
.soul-header__web-button,
.soul-header__more-toggle,
.soul-header__cta {
    white-space: nowrap;
}

/* 901-1350 */
@media (min-width: 901px) and (max-width: 1350px) {
    .soul-header__nav-link--reviews,
    .soul-header__nav-link--about {
        display: none !important;
    }

    .soul-header__more {
        display: block !important;
        position: relative !important;
    }

    .soul-header__more-mobile {
        display: none !important;
    }

    .soul-header__more-extra {
        display: block !important;
    }

    .soul-header__cta-full {
        display: none !important;
    }

    .soul-header__cta-short {
        display: inline !important;
    }
}

/* до 900 */
@media (max-width: 900px) {
    .soul-header__nav {
        display: flex !important;
        margin-left: auto !important;
    }

    .soul-header__web,
    .soul-header__nav-link {
        display: none !important;
    }

    .soul-header__more {
        display: block !important;
        position: relative !important;
    }

    .soul-header__more-mobile,
    .soul-header__more-extra {
        display: block !important;
    }

    .soul-header__more-toggle {
        font-size: 0 !important;
    }

    .soul-header__more-toggle::before {
        content: "Меню";
        font-size: 14px;
    }

    .soul-header__cta-full {
        display: none !important;
    }

    .soul-header__cta-short {
        display: inline !important;
    }
}
/* HEADER - logo-color border only for Lab link */

header.soul-header .soul-header__nav-link--lab,
header.soul-header .soul-header__nav-link--lab:hover,
header.soul-header .soul-header__nav-link--lab:focus-visible,
header.soul-header .soul-header__nav-link--lab.is-active {
    position: relative !important;
    overflow: hidden !important;

    color: rgba(255,255,255,0.90) !important;
    -webkit-text-fill-color: rgba(255,255,255,0.90) !important;

    background: transparent !important;
    border-color: transparent !important;

    box-shadow: none !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.32) !important;
}

/* цветной кант только у Лаборатории */
header.soul-header .soul-header__nav-link--lab::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    border-radius: inherit !important;
    padding: 2px !important;

    background:
        linear-gradient(
            135deg,
            #7a00ff 0%,
            #d900ff 20%,
            #ff2f7d 34%,
            #ff7a00 48%,
            #83ff00 66%,
            #00b7ff 84%,
            #004cff 100%
        ) !important;

    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;

    opacity: 0.95 !important;
}

/* убираем старую заливку/блик у Лаборатории */
header.soul-header .soul-header__nav-link--lab::after {
    content: none !important;
    display: none !important;
}

/* hover - без плашки, только кант ярче */
header.soul-header .soul-header__nav-link--lab:hover::before,
header.soul-header .soul-header__nav-link--lab:focus-visible::before,
header.soul-header .soul-header__nav-link--lab.is-active::before {
    opacity: 1 !important;
}
/* HEADER - Lab link text color by page */

/* Кейсы, Разборы, О нас - тёмный/серый текст */
body.soul-page--cases header.soul-header .soul-header__nav-link--lab,
body.soul-page--case header.soul-header .soul-header__nav-link--lab,
body.soul-page--articles header.soul-header .soul-header__nav-link--lab,
body.soul-page--article header.soul-header .soul-header__nav-link--lab,
body.soul-page--blog header.soul-header .soul-header__nav-link--lab,
body.soul-page--about header.soul-header .soul-header__nav-link--lab {
    color: rgba(28, 31, 38, 0.86) !important;
    -webkit-text-fill-color: rgba(28, 31, 38, 0.86) !important;
    text-shadow: none !important;
}

/* hover/focus там же - тоже тёмный */
body.soul-page--cases header.soul-header .soul-header__nav-link--lab:hover,
body.soul-page--case header.soul-header .soul-header__nav-link--lab:hover,
body.soul-page--articles header.soul-header .soul-header__nav-link--lab:hover,
body.soul-page--article header.soul-header .soul-header__nav-link--lab:hover,
body.soul-page--blog header.soul-header .soul-header__nav-link--lab:hover,
body.soul-page--about header.soul-header .soul-header__nav-link--lab:hover {
    color: rgba(18, 21, 28, 0.92) !important;
    -webkit-text-fill-color: rgba(18, 21, 28, 0.92) !important;
    text-shadow: none !important;
}

/* Партнёрам - белый текст */
body.soul-page--partners header.soul-header .soul-header__nav-link--lab,
body.soul-page--partners header.soul-header .soul-header__nav-link--lab:hover,
body.soul-page--partners header.soul-header .soul-header__nav-link--lab:focus-visible {
    color: rgba(255, 255, 255, 0.90) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.90) !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.32) !important;
}
/* MAIN - force dark Lab text */

html body.soulu-home header.soul-header nav.soul-header__nav a.soul-header__nav-link.soul-header__nav-link--lab[href="/lab/"],
html body.soulu-home header.soul-header nav.soul-header__nav a.soul-header__nav-link.soul-header__nav-link--lab[href="/lab/"]:hover,
html body.soulu-home header.soul-header nav.soul-header__nav a.soul-header__nav-link.soul-header__nav-link--lab[href="/lab/"]:focus,
html body.soulu-home header.soul-header nav.soul-header__nav a.soul-header__nav-link.soul-header__nav-link--lab[href="/lab/"]:focus-visible,
html body.soulu-home header.soul-header nav.soul-header__nav a.soul-header__nav-link.soul-header__nav-link--lab[href="/lab/"]:visited {
    color: rgba(28, 31, 38, 0.92) !important;
    -webkit-text-fill-color: rgba(28, 31, 38, 0.92) !important;
    text-shadow: none !important;
}
/* HEADER - active nav links */

header.soul-header .soul-header__nav-link.is-active:not(.soul-header__nav-link--lab) {
    color: rgba(28, 31, 38, 0.92) !important;
    -webkit-text-fill-color: rgba(28, 31, 38, 0.92) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.86) 0%,
            rgba(210,216,224,0.72) 52%,
            rgba(145,156,170,0.56) 100%
        ) !important;

    border: 1px solid rgba(255,255,255,0.58) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.72),
        inset 0 -1px 0 rgba(0,0,0,0.16),
        0 6px 14px rgba(0,0,0,0.12) !important;

    text-shadow: none !important;
}
body.soul-page--lab a.soul-header__nav-link.soul-header__nav-link--lab,
body.soul-page--lab a.soul-header__nav-link.soul-header__nav-link--lab.is-active {
    padding: 10px 18px !important;
    min-width: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(91, 98, 108, 0.54) 0%,
            rgba(48, 54, 63, 0.76) 42%,
            rgba(21, 25, 32, 0.96) 100%
        ) !important;

    color: #fff !important;
    border: 1px solid rgba(255,255,255,.34) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(0,0,0,.65),
        0 8px 22px rgba(0,0,0,.32) !important;
}


/* =========================================================
   BLOG DROPDOWN — Статьи / Разборы
   ========================================================= */
.soul-header__blog {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.soul-header__blog-button {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

.soul-header__blog-button:hover,
.soul-header__blog.is-open .soul-header__blog-button,
.soul-header__blog.is-active .soul-header__blog-button {
    background: rgba(255, 255, 255, .46);
    box-shadow: inset 0 0 0 1px rgba(56, 65, 78, .08);
}

.soul-header__blog-arrow {
    font-size: 15px;
    line-height: 1;
    opacity: .62;
    transform: translateY(-1px);
    transition: transform .2s ease;
}

.soul-header__blog.is-open .soul-header__blog-arrow,
.soul-header__blog:hover .soul-header__blog-arrow {
    transform: translateY(-1px) rotate(180deg);
}

.soul-header__blog::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 300px;
    height: 18px;
    transform: translateX(-50%);
    pointer-events: auto;
}

.soul-header__blog-menu {
    position: absolute;
    z-index: 90;
    left: 50%;
    top: calc(100% + 12px);
    width: 310px;
    padding: 8px;
    border-radius: 20px;
    border: 1px solid rgba(110, 122, 140, .16);
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.98), rgba(255,255,255,.78) 45%, rgba(255,255,255,.48) 100%),
        linear-gradient(145deg, rgba(249,252,254,.96), rgba(224,238,246,.92));
    box-shadow: 0 22px 60px rgba(31, 42, 55, .18), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter: blur(20px) saturate(1.12);
    -webkit-backdrop-filter: blur(20px) saturate(1.12);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(-5px) scale(.985);
    transition: opacity .18s ease, visibility .18s ease, transform .18s ease;
}

.soul-header__blog.is-open .soul-header__blog-menu,
.soul-header__blog:hover .soul-header__blog-menu,
.soul-header__blog:focus-within .soul-header__blog-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) scale(1);
}

.soul-header__blog-menu-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 13px 14px;
    border-radius: 14px;
    color: rgba(30, 36, 44, .88) !important;
    text-decoration: none;
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.soul-header__blog-menu-item strong {
    font-size: 13px;
    font-weight: 800;
}

.soul-header__blog-menu-item span {
    font-size: 11px;
    line-height: 1.35;
    color: rgba(54, 62, 73, .62);
}

.soul-header__blog-menu-item:hover,
.soul-header__blog-menu-item.is-active {
    background: rgba(255,255,255,.72);
    box-shadow: inset 0 0 0 1px rgba(96,108,126,.10), 0 8px 22px rgba(57,68,83,.08);
    transform: translateY(-1px);
}

body.soul-page--lab .soul-header__blog-button,
body:has(.soulu-lab-page) .soul-header__blog-button {
    color: rgba(247,249,252,.9);
}

body.soul-page--lab .soul-header__blog-button:hover,
body.soul-page--lab .soul-header__blog.is-open .soul-header__blog-button,
body.soul-page--lab .soul-header__blog.is-active .soul-header__blog-button,
body:has(.soulu-lab-page) .soul-header__blog-button:hover,
body:has(.soulu-lab-page) .soul-header__blog.is-open .soul-header__blog-button,
body:has(.soulu-lab-page) .soul-header__blog.is-active .soul-header__blog-button {
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.11);
}

body.soul-page--lab .soul-header__blog-menu,
body:has(.soulu-lab-page) .soul-header__blog-menu {
    border-color: rgba(255,255,255,.12);
    background: linear-gradient(145deg, rgba(35,39,47,.96), rgba(15,18,24,.96));
    box-shadow: 0 24px 65px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
}

body.soul-page--lab .soul-header__blog-menu-item,
body:has(.soulu-lab-page) .soul-header__blog-menu-item {
    color: rgba(247,249,252,.92) !important;
}
body.soul-page--lab .soul-header__blog-menu-item span,
body:has(.soulu-lab-page) .soul-header__blog-menu-item span {
    color: rgba(247,249,252,.58);
}
body.soul-page--lab .soul-header__blog-menu-item:hover,
body.soul-page--lab .soul-header__blog-menu-item.is-active,
body:has(.soulu-lab-page) .soul-header__blog-menu-item:hover,
body:has(.soulu-lab-page) .soul-header__blog-menu-item.is-active {
    background: rgba(255,255,255,.07);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}

.soul-header__mobile-blog {
    display: block;
}
.soul-header__mobile-blog > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.soul-header__mobile-blog > summary::-webkit-details-marker { display: none; }
.soul-header__mobile-blog > summary span { transition: transform .2s ease; }
.soul-header__mobile-blog[open] > summary span { transform: rotate(180deg); }
.soul-header__mobile-blog-list {
    display: grid;
    gap: 4px;
    padding: 8px 0 2px 14px;
}
.soul-header__mobile-blog-list a {
    font-size: 13px !important;
    opacity: .78;
}
.soul-header__mobile-blog-list a.is-active {
    opacity: 1;
    font-weight: 800;
}

@media (max-width: 900px) {
    .soul-header__blog { display: none !important; }
}

/* =========================================================
   HEADER v10 — GLOBAL MENU TYPOGRAPHY + PRODUCT ACCENTS
   2026-09-10
   Unified across the whole site.
   ========================================================= */

/* Main desktop navigation: calm regular weight. */
html body header.soul-header .soul-header__nav-link,
html body header.soul-header .soul-header__web-button,
html body header.soul-header .soul-header__web-current,
html body header.soul-header .soul-header__cta {
    font-weight: 500 !important;
}

/* Dropdown card titles are the only intentionally stronger menu text. */
html body header.soul-header .soul-header__web-menu-title,
html body header.soul-header .soul-header__web-menu-item--web .soul-header__web-menu-title {
    font-weight: 700 !important;
    letter-spacing: -0.012em !important;
}

html body header.soul-header .soul-header__web-menu-text {
    font-weight: 400 !important;
}

/* Product / About dropdown cards share the same geometry. */
html body header.soul-header .soul-header__web-menu-item,
html body header.soul-header .soul-header__web-menu-item--web,
html body header.soul-header .soul-header__about-dropdown .soul-header__web-menu-item {
    border-radius: 18px !important;
}

/* SOULU WEB — sky-blue titanium identity, slightly brighter on hover/active. */
html body header.soul-header .soul-header__product-item--web,
html body header.soul-header .soul-header__product-item--web.is-active {
    border: 1px solid rgba(76, 170, 214, .48) !important;
    box-shadow:
        0 8px 20px rgba(76, 170, 214, .07),
        inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

html body header.soul-header .soul-header__product-item--web:hover,
html body header.soul-header .soul-header__product-item--web:focus-visible {
    border-color: rgba(76, 170, 214, .76) !important;
    box-shadow:
        0 10px 24px rgba(76, 170, 214, .12),
        0 0 16px rgba(76, 170, 214, .08),
        inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

html body header.soul-header .soul-header__product-web-word {
    display: inline-block !important;
    background: linear-gradient(110deg,
        #426f88 0%,
        #79c6e8 14%,
        #eefbff 28%,
        #8ed9f5 40%,
        #4f98ba 52%,
        #d8f5ff 66%,
        #65b8dd 80%,
        #9edff6 100%) !important;
    background-size: 180% 100% !important;
    background-position: 46% 50% !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 700 !important;
    filter: drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 0 4px rgba(96,193,232,.10)) !important;
}

/* SOULU FLOW НКО — permanent fuchsia edge. */
html body header.soul-header .soul-header__product-item--flow,
html body header.soul-header .soul-header__product-item--flow.is-active {
    border: 1px solid rgba(185, 20, 170, .54) !important;
    box-shadow:
        0 8px 20px rgba(185, 20, 170, .07),
        inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

html body header.soul-header .soul-header__product-item--flow:hover,
html body header.soul-header .soul-header__product-item--flow:focus-visible {
    border-color: rgba(185, 20, 170, .78) !important;
    box-shadow:
        0 10px 24px rgba(185, 20, 170, .13),
        0 0 16px rgba(185, 20, 170, .09),
        inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

/* Laboratory — permanent four-colour SOULULAB/FLOW edge. */
html body header.soul-header .soul-header__about-dropdown .soul-header__about-item--lab,
html body header.soul-header .soul-header__about-dropdown .soul-header__about-item--lab.is-active,
html body header.soul-header .soul-header__about-dropdown .soul-header__about-item--lab:hover,
html body header.soul-header .soul-header__about-dropdown .soul-header__about-item--lab:focus-visible {
    border: 1px solid transparent !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.94), rgba(240,244,247,.82)) padding-box,
        linear-gradient(100deg, #b914aa 0%, #ed7840 34%, #63a650 66%, #329ce2 100%) border-box !important;
}

html body header.soul-header .soul-header__about-dropdown .soul-header__about-item--lab:hover,
html body header.soul-header .soul-header__about-dropdown .soul-header__about-item--lab:focus-visible {
    box-shadow:
        0 10px 24px rgba(70, 56, 78, .10),
        0 0 15px rgba(185, 20, 170, .055),
        inset 0 1px 0 rgba(255, 255, 255, .96) !important;
}

/* Mobile: same hierarchy — top level regular, nested titles stronger. */
html body header.soul-header .soul-header__mobile-nav > a,
html body header.soul-header .soul-header__mobile-blog > summary {
    font-weight: 500 !important;
}

html body header.soul-header .soul-header__mobile-blog-list a {
    font-weight: 700 !important;
}

html body header.soul-header .soul-header__mobile-blog-list .soul-header__mobile-product--web,
html body header.soul-header .soul-header__mobile-blog-list .soul-header__mobile-product--flow,
html body header.soul-header .soul-header__mobile-blog-list .soul-header__mobile-about--lab {
    border-radius: 14px !important;
    padding: 10px 12px !important;
}

html body header.soul-header .soul-header__mobile-blog-list .soul-header__mobile-product--web {
    border: 1px solid rgba(76, 170, 214, .48) !important;
}

html body header.soul-header .soul-header__mobile-blog-list .soul-header__mobile-product--flow {
    border: 1px solid rgba(185, 20, 170, .54) !important;
}

html body header.soul-header .soul-header__mobile-blog-list .soul-header__mobile-about--lab {
    border: 1px solid transparent !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(238,243,247,.70)) padding-box,
        linear-gradient(100deg, #b914aa 0%, #ed7840 34%, #63a650 66%, #329ce2 100%) border-box !important;
}