/* =========================================
   НЕОНОВЫЙ ДИЗАЙН "КОСМОС" (V6 - БЕЗ ДВОЙНЫХ РАМОК)
   ========================================= */

:root {
    --neon-blue: #00f3ff;
    --neon-pink: #ff00ea;
    --neon-purple: #8a2be2;
    --bg-dark: #050510;
    --bg-panel: rgba(15, 20, 35, 0.95); 
    --glass-border: rgba(0, 243, 255, 0.2);
}

/* --- Анимации --- */
@keyframes animate-gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
@-webkit-keyframes animate-gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

@keyframes pulse-neon {
    0% { box-shadow: 0 0 10px rgba(0, 243, 255, 0.3); }
    50% { box-shadow: 0 0 25px rgba(0, 243, 255, 0.8), 0 0 10px rgba(0, 243, 255, 0.5) inset; }
    100% { box-shadow: 0 0 10px rgba(0, 243, 255, 0.3); }
}

/* --- Базовые настройки --- */
body, p, span, div, button, input, select, h1, h2, h3, h4, h5, h6, .subhead {
    font-family: 'Montserrat', sans-serif !important;
}
.navbar-brand, .btng-glow-cost h1 {
    font-family: 'Orbitron', sans-serif !important;
}

html, body {
    background-color: var(--bg-dark) !important;
    background: radial-gradient(circle at 50% 0%, #101632 0%, var(--bg-dark) 100%) !important;
    color: #e0e0e0 !important;
}

/* --- Навигация --- */
.navbar {
    background: rgba(5, 5, 16, 0.85) !important;
    border-bottom: 1px solid var(--glass-border) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
}
.navbar ul.nav li a {
    color: #cfcfcf !important;
}
.navbar ul.nav li a:hover {
    color: var(--neon-blue) !important;
}
.dropdown-menu {
    background: #0d111f !important;
    border: 1px solid var(--glass-border) !important;
}

/* --- КНОПКИ (Пульсация везде) --- */
.btng-glow, .btn-responsive, .btng-glow-cost {
    animation: pulse-neon 2.5s infinite !important;
    -webkit-animation: pulse-neon 2.5s infinite !important;
    transition: all 0.3s ease !important;
}

.btng-glow, .btn-responsive {
    background: rgba(0, 243, 255, 0.05) !important;
    border: 1px solid var(--neon-blue) !important;
    color: #fff !important;
    border-radius: 12px !important;
    text-shadow: 0 0 5px #fff;
    padding: 12px 25px !important;
    margin: 0 !important;
}

.btng-glow-cost, .btng-glow-cost-yellow, .btng-glow-cost-red, .btng-glow-cost-violet {
    background: transparent !important;
    border: 2px solid rgba(255,255,255,0.15) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
}

.btng-glow:hover, .btn-responsive:hover, .btng-glow-cost:hover {
    background: var(--neon-blue) !important;
    color: #000 !important;
    text-shadow: none;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0, 243, 255, 0.6) !important;
    animation: none !important; 
}

.btng-glow-cost h1, .btng-glow-cost-yellow h1, .btng-glow-cost-red h1 {
    color: var(--neon-blue) !important;
    text-shadow: 0 0 10px rgba(0, 243, 255, 0.5);
}

/* --- Карточки и Попапы --- */
.cost-block-desc, .popup-content, .box {
    background: var(--bg-panel) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
    overflow: visible !important; 
}

/* --- ИСПРАВЛЕНИЕ ДВОЙНЫХ РАМОК В ФОРМАХ --- */
/* 1. Убираем старую обводку у контейнера (form-group) */
.form-group {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

/* 2. Убираем зеленую обводку у обертки инпута в калькуляторе */
.gradient-border-cost-calc {
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 0 10px !important;
}

/* 3. Стилизуем только сами поля ввода (чистый неон) */
.form-group input, 
.cost-block-calc input, 
.cost-block-calc select {
    background: rgba(5, 8, 20, 0.8) !important;
    border: 1px solid rgba(0, 243, 255, 0.4) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    box-shadow: 0 0 10px rgba(0, 243, 255, 0.1) !important;
    transition: all 0.3s ease;
    width: 100%;
    font-size: 1em !important;
}

.cost-block-calc input,
.cost-block-calc select {
    width: auto; /* Возвращаем нормальный размер для калькулятора */
}

.form-group input:focus, 
.cost-block-calc input:focus {
    outline: none;
    border-color: var(--neon-blue) !important;
    box-shadow: 0 0 20px rgba(0, 243, 255, 0.5) !important;
}

/* --- Градиентные рамки --- */
.gradient-border {
    background: var(--bg-panel) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}
.gradient-border::before, .gradient-border::after {
    background: linear-gradient(60deg, #00f3ff, #8a2be2, #ff00ea, #00f3ff) !important;
    background-size: 300% 300% !important;
    animation: animate-gradient 4s ease alternate infinite !important;
    -webkit-animation: animate-gradient 4s ease alternate infinite !important;
    filter: blur(12px) !important;
    opacity: 0.5 !important;
    z-index: -1 !important;
}

/* --- Вкладки --- */
.cost-block {
    border-bottom: 2px solid rgba(255,255,255,0.05) !important;
}
.cost-block-selected {
    border-color: var(--neon-pink) !important;
    color: var(--neon-pink) !important;
}

/* --- Текст --- */
p, .middle-desc p {
    color: #b0b8c8 !important;
}

/* =========================================
   ВЫДЕЛЕНИЕ ПАКЕТОВ (СТАНДАРТ, МИНИ, МАКСИ)
   ========================================= */

/* Делаем кнопки-заголовки пакетов большими и блочными */
.btng-glow-cost-violet, 
.btng-glow-cost-yellow, 
.btng-glow-cost-red {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 1.4em !important; /* Увеличиваем шрифт */
    padding: 15px !important;
    margin-top: 20px !important;
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    font-family: 'Orbitron', sans-serif !important; /* Футуристичный шрифт */
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}

/* Настраиваем уникальные цвета для каждого пакета */
/* МИНИ (Фиолетовый) */
.btng-glow-cost-violet {
    color: #E6B8FF !important;
    border: 2px solid #C534FE !important;
    background: linear-gradient(90deg, rgba(197, 52, 254, 0.1) 0%, rgba(197, 52, 254, 0.3) 50%, rgba(197, 52, 254, 0.1) 100%) !important;
    box-shadow: 0 0 15px rgba(197, 52, 254, 0.4) !important;
    text-shadow: 0 0 10px rgba(197, 52, 254, 0.8) !important;
}

/* СТАНДАРТ (Желтый/Золотой) */
.btng-glow-cost-yellow {
    color: #FFFCA8 !important;
    border: 2px solid #EEF525 !important;
    background: linear-gradient(90deg, rgba(238, 245, 37, 0.1) 0%, rgba(238, 245, 37, 0.3) 50%, rgba(238, 245, 37, 0.1) 100%) !important;
    box-shadow: 0 0 15px rgba(238, 245, 37, 0.4) !important;
    text-shadow: 0 0 10px rgba(238, 245, 37, 0.8) !important;
}

/* МАКСИ (Красный) */
.btng-glow-cost-red {
    color: #FFB3B3 !important;
    border: 2px solid #FF2F2F !important;
    background: linear-gradient(90deg, rgba(255, 47, 47, 0.1) 0%, rgba(255, 47, 47, 0.3) 50%, rgba(255, 47, 47, 0.1) 100%) !important;
    box-shadow: 0 0 15px rgba(255, 47, 47, 0.4) !important;
    text-shadow: 0 0 10px rgba(255, 47, 47, 0.8) !important;
}

/* Делаем текст под пакетами более контрастным и выделенным */
.btng-glow-cost-violet + p, 
.btng-glow-cost-yellow + p, 
.btng-glow-cost-red + p {
    background: rgba(0, 0, 0, 0.4) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border-left: 4px solid rgba(255,255,255,0.1) !important;
    margin-bottom: 30px !important;
    font-size: 1.05em !important;
    line-height: 1.8 !important;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5) !important;
}

/* Добавляем цветную полоску слева для списка услуг, в цвет пакета */
.btng-glow-cost-violet + p { border-left-color: #C534FE !important; }
.btng-glow-cost-yellow + p { border-left-color: #EEF525 !important; }
.btng-glow-cost-red + p { border-left-color: #FF2F2F !important; }

/* Улучшаем читаемость жирного текста внутри пакетов */
.btng-glow-cost-violet + p b, 
.btng-glow-cost-yellow + p b, 
.btng-glow-cost-red + p b {
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255,255,255,0.5);
}

/* Легкий эффект при наведении на кнопку пакета */
.btng-glow-cost-violet:hover,
.btng-glow-cost-yellow:hover,
.btng-glow-cost-red:hover {
    transform: translateY(-3px) scale(1.02) !important;
    filter: brightness(1.2);
}

/* =========================================
   ИСПРАВЛЕНИЕ ВЫПАДАЮЩЕГО СПИСКА (ПРОГРАММА)
   ========================================= */

/* 1. Убираем жесткие отступы старого файла справа */
.gradient-border-cost-calc {
    margin-right: 0 !important;
    margin-left: 10px !important;
    flex: 1 !important; /* Позволяем блоку занимать оставшееся место */
    min-width: 0 !important; /* Важно для сжатия flex-элементов */
}

/* 2. Ограничиваем ширину самого выпадающего списка */
.cost-block-calc select {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    font-size: 0.95em !important;
    padding: 8px 10px !important;
}

/* 3. Разрешаем контейнеру переносить элементы, если не хватает места */
.cost-block-calc > div[style*="display: flex"] {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}

/* 4. Делаем заголовок "Программа" чуть компактнее */
.cost-block-calc h1 {
    font-size: 1.2em !important;
    margin-right: 10px !important;
    white-space: nowrap !important;
}