/* ИСПРАВЛЕНИЕ ДЛЯ КНОПКИ CTA */
header .custom-navbar {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(25px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Обеспечиваем правильное расположение всех элементов */
header .navbar-collapse {
    justify-content: center !important;
}

header .nav-centered {
    justify-content: center !important;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Основные кнопки навигации */
header .navbar-nav .nav-link {
    color: #2d3748 !important;
    font-weight: 600;
    padding: 0.9rem 1.5rem !important;
    margin: 0.2rem !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    flex: 0 0 auto;
    white-space: nowrap;
}

    /* CTA кнопка - уменьшаем отступы чтобы влезала */
    header .navbar-nav .nav-link.cta-button {
        background: linear-gradient(135deg, rgba(109, 123, 212, 0.7), rgba(156, 137, 184, 0.7)) !important;
        color: white !important;
        border: 1px solid rgba(109, 123, 212, 0.4) !important;
        box-shadow: 0 6px 25px rgba(109, 123, 212, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
        padding: 0.9rem 1.2rem !important; /* Уменьшаем отступы */
        font-size: 0.95rem; /* Немного уменьшаем шрифт */
    }

    /* Ховер эффекты */
    header .navbar-nav .nav-link:hover {
        color: var(--primary-color) !important;
        background: rgba(255, 255, 255, 0.7) !important;
        transform: translateY(-3px);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 1) 0 0 0 4px rgba(0, 0, 0, 0.1) !important;
        border-color: rgba(109, 123, 212, 0.3) !important;
    }

    header .navbar-nav .nav-link.cta-button:hover {
        background: linear-gradient(135deg, rgba(109, 123, 212, 0.7), rgba(156, 137, 184, 0.7)) !important;
        transform: translateY(-3px) scale(1.02);
        box-shadow: 0 10px 35px rgba(109, 123, 212, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    }



/* Гарантируем что все помещается в контейнер */
header .container {
    max-width: 100% !important;
}

header .navbar-collapse {
    overflow: visible !important;
}


/* Убираем белый фон у всех возможных контейнеров */

header .navbar-collapse

 {
    background: transparent !important;
    backdrop-filter: none !important;
}

/* Убираем белый фон у самого контейнера навигации */
.custom-navbar {
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(25px) !important;
}

/* Убираем любые фоны у внутренних элементов */
header .navbar > .container,
header .navbar > .container-fluid {
    background: transparent !important;
}

/* Убираем белый фон у кнопок навигации */
header .navbar-nav .nav-link {
    background: white !important;
    backdrop-filter: none !important;
    border: 1px solid rgba(109, 123, 212, 0.3) !important;
    box-shadow: none !important;
}

/* CTA кнопка остается с фоном */
header .navbar-nav .nav-link.cta-button {
    background: linear-gradient(135deg, rgba(109, 123, 212, 0.9), rgba(156, 137, 184, 0.9)) !important;
}