/* Скрываем все блоки с контентом */
[class*="uc-tab-"] {
    display: none;
    background: #1E1E1E;
}

/* Показываем только активный блок по умолчанию */
.uc-tab-mkt-active {
    display: block;
}

/* Стили для кнопок табов */
#tab-buttons button {
    background: #6C2BD9;
    color: #D9D9D9;
    border: none;
    padding: 12px 24px;
    margin: 5px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    font-family: 'Playfair Display', serif !important;
}

/* Стили при наведении */
#tab-buttons button:hover {
    background: #6619e7;
    color: #FFFFFF;
}

/* Стили для активной кнопки */
#tab-buttons button.active {
    background: #6619e7;
    color: #FFFFFF;
}

/* Ограничение видимости блоков от 0 до 980px */
@media (min-width: 981px) {
    [class*="uc-tab-"] {
        display: none !important;
    }
    
    #tab-buttons {
        display: none !important;
    }
}

/* На мобильных устройствах (0-980px) блоки управляются через JavaScript */
@media (max-width: 980px) {
    [class*="uc-tab-"] {
        display: none;
    }
    
    .uc-tab-mkt-active {
        display: block;
    }
    
    #tab-buttons {
        display: block;
    }
}