
    .k-v5-nav {
        --k-accent: #00ff88;
        --k-dark: #0a0a0a;
        position: fixed;
        top: 0; left: 0; width: 100%;
        z-index: 10000;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        font-family: 'Inter', sans-serif;
    }

    .k-v5-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    

    .k-v5-logo {
        text-align: left;
        font-family: 'Unbounded', sans-serif;
        color: #fff;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

    .k-v5-logo span { color: var(--k-accent); }

    /* ДЕСКТОП */
    .k-v5-menu-dsktp { display: flex; align-items: center; gap: 30px; }

    .k-v5-menu-dsktp a {
        color: rgba(255, 255, 255, 0.7);
        text-decoration: none;
        font-size: 11px;
        font-family: 'Unbounded', sans-serif;
        font-weight: 400;
        transition: 0.3s;
    }

    .k-v5-menu-dsktp a:hover { color: var(--k-accent); }

    .k-v5-btn-cta {
        background: var(--k-accent);
        color: #000 !important;
        padding: 12px 24px;
        border-radius: 100px;
        font-weight: 700 !important;
        box-shadow: 0 5px 15px rgba(0, 255, 136, 0.2);
    }

    /* БУРГЕР */
    .k-v5-burger-btn {
        display: none;
        background: none; border: none;
        cursor: pointer; width: 25px; height: 18px;
        position: relative; z-index: 10002;
    }

    .k-v5-burger-btn span {
        display: block; width: 100%; height: 2px;
        background: #fff; transition: 0.3s;
        position: absolute; left: 0;
    }

    .k-v5-burger-btn span:nth-child(1) { top: 0; }
    .k-v5-burger-btn span:nth-child(2) { bottom: 0; width: 70%; left: 30%; }

    /* Анимация в крестик */
    .k-v5-burger-btn.active span:nth-child(1) { transform: translateY(8px) rotate(45deg); width: 100%; }
    .k-v5-burger-btn.active span:nth-child(2) { transform: translateY(-8px) rotate(-45deg); width: 100%; left: 0; }

    /* ШТОРКА (60%) */
    .k-v5-drawer {
        position: fixed;
        top: 0; right: -100%;
        width: 100%; height: 100vh;
        display: flex;
        transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 10001;
    }

    .k-v5-drawer.active { right: 0; }

    .k-v5-drawer-content {
        width: 65%; /* Та самая шторка на 65% ширины */
        height: 100%;
        background: rgba(10, 10, 10, 0.95);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        margin-left: auto; /* Прижимаем вправо */
        padding: 120px 40px;
        border-left: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: -20px 0 50px rgba(0,0,0,0.5);
        display: flex;
        flex-direction: column;
    }

    .k-v5-overlay-close {
        width: 35%; /* Остаток экрана для клика по фону */
        height: 100%;
    }

    .k-v5-mobile-links {
        display: flex;
        flex-direction: column;
        gap: 25px;
        text-align: left; /* Выравнивание по левому краю */
    }

    .k-v5-mobile-links a {
        color: #fff;
        text-decoration: none;
        font-family: 'Unbounded', sans-serif;
        font-size: 1.1rem;
        font-weight: 700;
        transition: 0.3s;
        opacity: 0;
        transform: translateX(30px);
    }

    .k-v5-drawer.active .k-v5-mobile-links a {
        opacity: 1; transform: translateX(0);
    }

    /* Stagger effect для ссылок */
    .k-v5-mobile-links a:nth-child(1) { transition-delay: 0.1s; }
    .k-v5-mobile-links a:nth-child(2) { transition-delay: 0.15s; }
    .k-v5-mobile-links a:nth-child(3) { transition-delay: 0.2s; }
    .k-v5-mobile-links a:nth-child(4) { transition-delay: 0.25s; }
    .k-v5-mobile-links a:nth-child(5) { transition-delay: 0.3s; }
    .k-v5-mobile-links a:nth-child(6) { transition-delay: 0.35s; }
    .k-v5-mobile-links a:nth-child(7) { transition-delay: 0.4s; color: var(--k-accent); margin-top: 10px; }

    @media (max-width: 1024px) {
        .k-v5-menu-dsktp { display: none; }
        .k-v5-burger-btn { display: block; }
         .k-v5-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 10px 25px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .k-v5-container {
        max-width: 1400px;
        margin: 0 ;
        padding: 0px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    }

