/* Цветовая палитра на основе #0097dc */
            :root {
                --primary-color: #0097dc;
                --primary-light: #00b4ff;
                --primary-dark: #007bb5;
                --secondary-color: #00dcb4;
                --accent-color: #dc0097;
                --gradient-primary: linear-gradient(135deg, #0097dc 0%, #00b4ff 100%);
                --gradient-secondary: linear-gradient(135deg, #00dcb4 0%, #00ffd5 100%);
                --gradient-accent: linear-gradient(135deg, #0097dc 0%, #00dcb4 50%, #00b4ff 100%);
            }

            /* Header стили */
            /* #header {
                background: white;
                border-bottom: 3px solid transparent;
                border-image: var(--gradient-accent) 1;
                transition: all 0.3s ease;
            }

            #header.header-effect-shrink {
                box-shadow: 0 5px 20px rgba(0, 151, 220, 0.15);
            } */

            /* Верхняя навигация */
            .header-nav-top .nav-link {
                color: #666;
                transition: color 0.3s ease;
                font-weight: 500;
            }

            .header-nav-top .nav-link:hover {
                color: var(--primary-color);
            }

            .header-nav-top .nav-link i {
                color: var(--primary-color);
                transition: transform 0.3s ease;
            }

            .header-nav-top .nav-link:hover i {
                transform: translateX(3px);
            }

            /* Dropdown меню */
            .header-nav-top .dropdown-menu {
                border: 2px solid rgba(0, 151, 220, 0.1);
                border-radius: 10px;
                box-shadow: 0 10px 30px rgba(0, 151, 220, 0.15);
            }

            .header-nav-top .dropdown-item {
                transition: all 0.3s ease;
                padding: 10px 20px;
            }

            .header-nav-top .dropdown-item:hover {
                background: linear-gradient(90deg, rgba(0, 151, 220, 0.1) 0%, transparent 100%);
                color: var(--primary-color);
                padding-left: 25px;
            }

            /* Основная навигация */
            .header-nav-main .nav-pills>li>a {
                color: #333;
                font-weight: 600;
                transition: all 0.3s ease;
                position: relative;
            }

            .header-nav-main .nav-pills>li>a::before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                width: 0;
                height: 3px;
                background: var(--gradient-primary);
                transition: width 0.3s ease;
                border-radius: 3px;
            }

            .header-nav-main .nav-pills>li>a:hover,
            .header-nav-main .nav-pills>li.active>a {
                color: var(--primary-color);
            }

            .header-nav-main .nav-pills>li>a:hover::before,
            .header-nav-main .nav-pills>li.active>a::before {
                width: 100%;
            }

            /* Sticky header */
            #header.header-effect-shrink .header-nav-main .nav-pills>li>a {
                padding-top: 15px;
                padding-bottom: 15px;
            }

            /* Theme Switcher */
            .theme-switcher {
                background: transparent;
                border: 2px solid rgba(0, 151, 220, 0.2);
                border-radius: 50%;
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                transition: all 0.3s ease;
                padding: 0;
                text-decoration: none;
            }

            .theme-switcher:hover {
                background: var(--gradient-primary);
                border-color: var(--primary-color);
                transform: rotate(180deg);
            }

            .theme-switcher:hover .switcher-icon {
                color: white;
            }

            .theme-switcher:hover .switcher-icon .user-icon {
                color: var(--primary-dark);
            }

            .switcher-icon {
                color: var(--primary-color);
                transition: color 0.3s ease;
            }

            .switcher-icon i {
                font-size: 20px;
            }

            .sun-icon,
            .moon-icon,
            .user-icon {
                transition: opacity 0.3s ease;
            }

            .user-icon {
                color: currentColor;
            }

            /* Кнопка мобильного меню */
            .header-btn-collapse-nav {
                background: var(--gradient-primary);
                border: none;
                color: white;
                border-radius: 8px;
                padding: 10px 15px;
                transition: all 0.3s ease;
            }

            .header-btn-collapse-nav:hover {
                background: var(--gradient-accent);
                transform: scale(1.05);
                box-shadow: 0 5px 15px rgba(0, 151, 220, 0.3);
            }

            /* Разделители */
            /* .nav-item-left-border {
                border-left: 1px solid rgba(0, 151, 220, 0.2);
            } */

            /* Адаптивность */
            @media (max-width: 991px) {
                .header-nav-main nav {
                    background: white;
                    border-radius: 15px;
                    box-shadow: 0 10px 30px rgba(0, 151, 220, 0.15);
                    margin-top: 10px;
                }

                .header-nav-main .nav-pills>li {
                    border-bottom: 1px solid rgba(0, 151, 220, 0.1);
                }

                .header-nav-main .nav-pills>li:last-child {
                    border-bottom: none;
                }

                .header-nav-main .nav-pills>li>a {
                    padding: 15px 20px;
                }

                .header-nav-main .nav-pills>li>a::before {
                    left: 0;
                    transform: none;
                    height: 100%;
                    width: 3px;
                }

                .header-nav-main .nav-pills>li>a:hover::before,
                .header-nav-main .nav-pills>li.active>a::before {
                    width: 3px;
                }
            }

            /* Мобильное меню - дополнительные стили */
            @media (max-width: 991px) {

                /* Иконки в мобильном меню */
                .header-nav-main nav ul li a i {
                    color: var(--primary-color);
                    margin-right: 10px;
                    width: 20px;
                    text-align: center;
                }

                /* Dropdown в мобильном меню */
                .dropdown-mobile>a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }

                .dropdown-mobile .dropdown-toggle .fas.fa-angle-down {
                    transition: transform 0.3s ease;
                    font-size: 14px;
                }

                .dropdown-mobile .dropdown-toggle[aria-expanded="true"] .fas.fa-angle-down {
                    transform: rotate(180deg);
                }

                .mobile-submenu {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                    background: rgba(0, 151, 220, 0.03);
                }

                .mobile-submenu li {
                    border-top: 1px solid rgba(0, 151, 220, 0.1);
                }

                .mobile-submenu li a {
                    padding: 12px 20px 12px 50px !important;
                    display: flex;
                    align-items: center;
                    font-size: 0.95rem;
                }

                .mobile-submenu li a:hover {
                    background: rgba(0, 151, 220, 0.05);
                }

                /* Переключатель темы в мобильном меню */
                .mobile-theme-toggle {
                    display: flex;
                    align-items: center;
                }

                .mobile-theme-toggle .switcher-icon {
                    display: inline-flex;
                    align-items: center;
                }

                .mobile-theme-toggle .sun-icon,
                .mobile-theme-toggle .moon-icon {
                    color: var(--primary-color);
                }

                /* Флаги в мобильном меню */
                .header-nav-main nav .flag {
                    display: inline-block;
                    vertical-align: middle;
                }
            }

            /* Logo эффект при sticky */
            .header-logo img {
                transition: all 0.3s ease;
            }

            #header.header-effect-shrink .header-logo img {
                filter: drop-shadow(0 2px 5px rgba(0, 151, 220, 0.2));
            }

            /* Анимация появления header */
            #header {
                animation: slideDown 0.5s ease-out;
            }

            @keyframes slideDown {
                from {
                    transform: translateY(-100%);
                    opacity: 0;
                }

                to {
                    transform: translateY(0);
                    opacity: 1;
                }
            }

            /* Hover эффект для флагов */
            .flag {
                transition: transform 0.3s ease;
            }

            .dropdown-item:hover .flag {
                transform: scale(1.2);
            }

            /* Градиентный текст для активных пунктов */
            .header-nav-main .nav-pills>li.active>a {
                background: var(--gradient-primary);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }

            /* Dark Theme Styles for Header */
            :root[data-theme="dark"] #header .header-body {
                background: var(--light);
                border-top-color: var(--grey-300);
            }

            :root[data-theme="dark"] .header-nav-top .nav-link {
                color: var(--default);
            }

            :root[data-theme="dark"] .header-nav-top .nav-link:hover {
                color: var(--primary-color);
            }

            :root[data-theme="dark"] .header-nav-main .nav-pills>li>a {
                color: var(--default);
            }

            :root[data-theme="dark"] .header-nav-main .nav-pills>li>a:hover,
            :root[data-theme="dark"] .header-nav-main .nav-pills>li.active>a {
                color: var(--primary-color);
            }

            /* :root[data-theme="dark"] .header-nav-main nav {
                background: var(--light-100);
            } */

            :root[data-theme="dark"] .header-nav-main .nav-pills>li {
                border-bottom-color: var(--grey-300);
            }

            :root[data-theme="dark"] .dropdown-menu {
                background-color: var(--light-100);
                border-color: var(--grey-300);
            }

            :root[data-theme="dark"] .dropdown-item {
                color: var(--default);
            }

            :root[data-theme="dark"] .dropdown-item:hover {
                background: rgba(0, 151, 220, 0.1);
                color: var(--primary-color);
            }

            :root[data-theme="dark"] .mobile-submenu {
                background: var(--light-200);
            }

            :root[data-theme="dark"] .mobile-submenu li {
                border-top-color: var(--grey-300);
            }

            :root[data-theme="dark"] .mobile-submenu li a:hover {
                background: rgba(0, 151, 220, 0.05);
            }