/* Стили для вкладок в стиле киберпанк 2025 */
.cyber-product-tabs {
    margin: 20px auto;
    max-width: 1000px;
    background: #101010; /* Тёмный фон в стиле .cyber-stars */
    border-radius: 8px; /* Скругленные углы */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5), inset 0 -1px 2px rgba(255, 255, 255, 0.2); /* Тень как у .cyber-stars */
    overflow: hidden;
    font-family: 'Orbitron', sans-serif; /* Киберпанк-шрифт */
}

/* Навигация вкладок */
.cyber-tabs-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #151515; /* Чуть светлее фон для контраста */
    border-bottom: 1px solid #FFD700; /* Неоновая золотая граница */
}

.cyber-tabs-nav li {
    flex: 1;
    text-align: center;
    position: relative;
    transition: all 0.3s ease; /* Плавный переход для анимации */
}

.cyber-tabs-nav a {
    display: block;
    padding: 12px 10px;
    color: #E0E0E0; /* Светлый текст для контраста */
    text-decoration: none;
    font-family: 'Orbitron', sans-serif; /* Киберпанк-шрифт */
    font-size: 16px; /* Чуть крупнее для современности */
    text-transform: uppercase;
    background: #101010; /* Тёмный фон как у .cyber-stars */
    border-radius: 4px 4px 0 0; /* Скругление только сверху */
    transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease; /* Анимация */
}

.cyber-tabs-nav li.cyber-tab-active a {
    background: #FFD700; /* Золотой фон для активной вкладки */
    color: #101010; /* Тёмный текст для контраста */
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.7); /* Неоновое свечение */
}

.cyber-tabs-nav a:hover {
    background: #E0C700; /* Лёгкое изменение оттенка при наведении */
    color: #101010;
    box-shadow: 0 0 12px rgba(255, 215, 0, 0.5); /* Неоновое свечение при наведении */
    transform: translateY(-2px); /* Лёгкий подъём для эффекта */
}

/* Контент вкладок */
.cyber-tab-panel {
    display: none;
    padding: 20px;
    background: #121212; /* Тёмный фон контента */
    color: #E0E0E0;
    font-family: 'Share Tech Mono', monospace; /* Шрифт для контента */
    border-radius: 0 0 8px 8px; /* Скругление снизу */
    animation: cyberFadeIn 0.5s ease; /* Анимация появления */
}

.cyber-tab-panel.cyber-tab-active {
    display: block;
}

/* Анимация появления контента */
@keyframes cyberFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .cyber-tabs-nav {
        flex-direction: column; /* Вертикальное расположение на мобильных */
    }

    .cyber-tabs-nav a {
        font-size: 14px;
        padding: 10px;
        border-radius: 4px; /* Полное скругление на мобильных */
    }

    .cyber-tab-panel {
        padding: 15px;
    }
}

/* tabs.css (добавьте в конец) */
/* Стили для ссылки с количеством вопросов */
.cyber-questions-link {
    display: inline-flex;
    align-items: center;
    color: #E0E0E0;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.cyber-questions-link:hover {
    color: #FFD700;
}

.cyber-questions-link i {
    margin-right: 5px;
    font-size: 18px;
}

.cyber-questions-link span {
    font-family: 'Orbitron', sans-serif;
}