/* ===== ПОЛНОЕ ОТКЛЮЧЕНИЕ КОНФЛИКТУЮЩИХ СТИЛЕЙ ===== */

/* Отключаем все кастомные контейнеры */
.custom-container {
    max-width: none !important;
    margin: unset !important;
    padding: unset !important;
}


/* Восстанавливаем только необходимые базовые стили */
.container, .container-fluid,
.container-sm, .container-md, 
.container-lg, .container-xl, 
.container-xxl {
    display: block !important;
}

.row {
    display: flex !important;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3,
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto,
.col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4,
.col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12, .col-md-auto,
.col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto,
.col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4,
.col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto,
.col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4,
.col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9,
.col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto {
    display: block !important;
}

/* Убираем проблемный overflow */
* {
    overflow-x: visible !important;
}

body {
    overflow-x: hidden !important;
}

/* Оставляем только минимальные стили для navbar */
.navbar {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
}

.navbar-brand {
    color: white !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
}

.navbar-nav .nav-link {
    color: white !important;
}

/* Оставляем базовые стили для карточек */
.card {
    background: white !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    overflow: hidden !important;
}

.card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
}

/* Базовые стили для кнопок */
.btn-primary {
    background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important;
    border: none !important;
    border-radius: 10px !important;
}

/* Специальный класс для команды col-lg-2-4 (20% ширины) */
.col-lg-2-4 {
    flex: 0 0 auto !important;
    width: 20% !important;
}

@media (max-width: 991.98px) {
    .col-lg-2-4 {
        width: 50% !important;
    }
}

@media (max-width: 575.98px) {
    .col-lg-2-4 {
        width: 100% !important;
    }
} 