/* Скрываем мобильный блок на широких экранах */
@media (min-width: 992px) {
    .exp-mobile-only { display: none !important; }
}

/* Скрываем десктопный блок на телефонах */
@media (max-width: 991px) {
    .exp-desktop-only { display: none !important; }
}

/* Прячем стандартную шапку и меню шаблона */
header, .header, #header, .navigation, #nav {
    display: none !important;
}
/* Отключаем сетку для top-a, чтобы модули шли один под другим */
.container-top-a .grid-child {
    grid-column: span 12 !important; /* Занимать все 12 колонок */
    width: 100% !important;
}

.container-top-a {
    display: flex !important;
    flex-direction: column !important; /* Выстроить в колонну */
}

html {
    scroll-behavior: smooth !important;
}


/* Отключаем сетку для bottom-a, чтобы модули шли один под другим */
.container-bottom-a, 
#bottom-a, 
.t3-section-bottom-a {
    display: flex !important;
    flex-direction: column !important; /* Выстраиваем блоки вертикально */
    width: 100% !important;
}

/* Заставляем каждый дочерний элемент (модуль) занимать всю ширину */
.container-bottom-a .grid-child,
.container-bottom-a .module,
#bottom-a .module,
.bottom-a-items > div {
    grid-column: span 12 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Убираем возможные float, которые могут мешать */
.exp-reviews-section, 
.ex-faq-section-wrapper {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}





/* Отступ для якорей, чтобы шапка не перекрывала контент */
#edu, #about, #contacts, #join-info {
    display: block;
    position: relative;
    top: -120px; /* Высота твоей шапки */
    visibility: hidden;
}

/* 1. ГЛОБАЛЬНЫЕ НАСТРОЙКИ САЙТА */
body {
    background-color: #f7fbff !important; /* Тот самый светло-голубой */
}

/* 2. ПРАВИЛА ДЛЯ РАЗДЕЛЕНИЯ БЛОКОВ */
/* Добавь этот класс всем своим основным секциям (планшету, химии и т.д.) */
section {
    /* Центрируем блок и создаем отступы СВЕРХУ и СНИЗУ по 50px */
    margin: 20px auto !important; 
    
    
    /* Мягкая тень, чтобы блоки "отрывались" от голубого фона */
    box-shadow: 0 10px 40px rgba(0, 52, 111, 0.05);