:root {
            --botiq-green: #2ECC71;       /* Приятный открытый живой зеленый */
            --botiq-dark-green: #27AE60;  /* Глубокий зеленый для ховеров и акцентов */
            --botiq-light-green: #E8F8F0; /* Сверхсветлый зеленый для подложек */
            --botiq-black: #111111;       /* Матовый черный для точечного контраста */
            --botiq-charcoal: #1A1A1A;    /* Слегка черный для акцентов */
            --botiq-muted: #7F8C8D;       /* Серый для второстепенного текста */
            --botiq-light: #F4F9F6;       /* Свежая подложка с мягким зеленым отливом */
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #FFFFFF;
            color: var(--botiq-black);
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* Кастомные скругления по стандарту BotIQ */
        .radius-12 { border-radius: 12px !important; }
        .radius-16 { border-radius: 16px !important; }
        .radius-24 { border-radius: 24px !important; }
        .radius-40 { border-radius: 40px 40px 0 0 !important; }

        /* Кнопки с живой плавной анимацией */
        .btn-botiq-green {
            background-color: var(--botiq-green);
            color: #FFFFFF;
            font-weight: 600;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-botiq-green:hover {
            background-color: var(--botiq-dark-green);
            color: #FFFFFF;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(46, 204, 113, 0.25);
        }
        .btn-botiq-black {
            background-color: var(--botiq-black);
            color: #FFFFFF;
            font-weight: 600;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-botiq-black:hover {
            background-color: #000000;
            color: #FFFFFF;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }

        /* Оживленная навигация (Зеленый + Белый) */
        .navbar-brand {
            font-weight: 800;
        }
        .botiq-top-socials a { 
            font-size: 14px; 
            transition: color 0.2s ease; 
        }
        .botiq-top-socials a:hover { 
            color: var(--botiq-green) !important; 
        }
        .hover-green:hover { 
            color: var(--botiq-dark-green) !important; 
        }

        /* Выпадающие списки (Dropdowns) */
        .dropdown-menu {
            border: 1px solid #E2E8F0;
            box-shadow: 0 15px 30px rgba(46, 204, 113, 0.08);
            border-radius: 16px;
            padding: 8px;
            background-color: #FFFFFF;
        }
        .dropdown-item {
            font-weight: 500;
            font-size: 14px;
            padding: 8px 12px;
            border-radius: 8px;
            color: var(--botiq-black);
            transition: all 0.15s ease;
        }
        .dropdown-item:hover {
            background-color: var(--botiq-light-green);
            color: var(--botiq-dark-green);
        }

        /* Интерактивный переключатель тарифов */
        .billing-switcher {
            background: var(--botiq-light);
            border: 1px solid #E2E8F0;
            padding: 6px !important;
        }
        .btn-switch {
            border: none;
            background: transparent;
            color: var(--botiq-muted);
            font-weight: 600;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-switch.active-period {
            background: var(--botiq-green) !important;
            color: #FFFFFF !important;
            box-shadow: 0 4px 12px rgba(46, 204, 113, 0.2);
        }

        /* Карточки тарифов */
        .pricing-card {
            background-color: #FFFFFF;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            border: 1px solid #EAF2ED;
        }
        .pricing-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 60px rgba(46, 204, 113, 0.1) !important;
            border-color: var(--botiq-green);
        }
        .pricing-card.featured {
            border: 2px solid var(--botiq-green) !important;
            background: linear-gradient(180deg, #FFFFFF 0%, var(--botiq-light) 100%);
        }

        /* Списки возможностей */
        .feature-list li {
            margin-bottom: 14px;
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 14px;
            color: #333333;
        }
        
        /* Пульсирующий индикатор живой активности */
        .pulse-dot {
            width: 8px;
            height: 8px;
            background-color: var(--botiq-green);
            border-radius: 50%;
            display: inline-block;
            position: relative;
        }
        .pulse-dot::after {
            content: '';
            width: 100%;
            height: 100%;
            background-color: var(--botiq-green);
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            animation: botiqPulse 2s infinite;
        }
        @keyframes botiqPulse {
            0% { transform: scale(1); opacity: 0.8; }
            100% { transform: scale(2.5); opacity: 0; }
        }

        /* ==============================================================================
           🛡️ ФИКС КРИВИЗНЫ НИЖНЕГО СЛОЯ: СТРОГО СЛЕВА НАПРАВО (LEFT-TO-RIGHT COMPONENT)
           ============================================================================== */
        #botiqBottomNavbar .navbar-nav {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;     /* Центровка строго по одной горизонтальной оси */
            justify-content: flex-start !important; /* Направление строго слева направо по цепочке */
            gap: 10px !important;                /* Комфортный ровный отступ между разделами */
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            height: 46px !important;            /* Линейная фиксация высоты */
        }

        #botiqBottomNavbar .nav-item {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            height: 100% !important;
        }

        #botiqBottomNavbar .nav-link {
            display: inline-flex !important;
            align-items: center !important;     /* Убирает внутренний перекос шрифта вверх/вниз */
            justify-content: center !important;
            color: var(--botiq-black);
            font-weight: 600;
            font-size: 14px;
            padding: 8px 16px !important;
            border-radius: 10px;
            transition: all 0.2s ease;
            height: auto !important;
            line-height: 1 !important;
            margin: 0 !important;
        }

        #botiqBottomNavbar .nav-link:hover, 
        #botiqBottomNavbar .nav-link:focus {
            color: var(--botiq-dark-green) !important;
            background-color: var(--botiq-light-green);
        }

        /* Выравнивание стрелок выпадающих списков, чтобы они не тянули текст вниз */
        #botiqBottomNavbar .nav-link.dropdown-toggle::after {
            display: inline-block !important;
            vertical-align: middle !important;
            margin-left: 6px !important;
            position: relative !important;
            top: 0px !important;
        }

        /* Выравнивание иконок внутри ссылок */
        #botiqBottomNavbar .nav-link i {
            display: inline-flex !important;
            align-items: center !important;
            font-size: 15px !important;
            line-height: 1 !important;
        }

        /* Адаптивный сброс в вертикальный ряд только на мобильных экранах */
        @media (max-width: 991.98px) {
            #botiqBottomNavbar .navbar-nav {
                flex-direction: column !important;
                align-items: flex-start !important;
                justify-content: flex-start !important;
                height: auto !important;
                gap: 4px !important;
                padding: 10px 0 !important;
            }
            #botiqBottomNavbar .nav-item {
                width: 100% !important;
                justify-content: flex-start !important;
            }
            #botiqBottomNavbar .nav-link {
                width: 100% !important;
                padding: 12px 16px !important;
                justify-content: flex-start !important;
            }
        }