/* Все стили применяются только на экранах шире 1200px */
@media screen and (min-width: 1200px) {
    /* 1. Ограничение ширины меню */
    .t-menu-base__maincontainer_12-0, 
    .t-menu-base__maincontainer_12-20, 
    .t-menu-base__maincontainer_12-30, 
    .t-menu-base__maincontainer_12-40 {
        max-width: 1120px !important;
    }

    /* 2. Увеличиваем иконки до 45px */
    .t-sociallinks__svg {
        width: 45px !important;
        height: 45px !important;
    }
    
    /* 3. Поднимаем иконки выше */
    .t-sociallinks__item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        height: 45px !important;
        width: 45px !important;
        margin: 0 0px !important; 
    }

    /* 4. Ссылку тоже центрируем */
    .t-sociallinks__item a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 45px !important;
        height: 45px !important;
        line-height: 45px !important;
        text-align: center !important;
    }

    /* 5. Убираем лишние отступы у родительского контейнера */
    .t-sociallinks {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important; 
    }

    /* 6. Отступы между пунктами меню */
    #rec3279943301 .t-menu-base__list {
        gap: 10px 0px !important;
    }

    /* 7. Ширина заголовка */
    .t1186__header {
        max-width: 1160px;
    }

    /* 8. Смещение заголовка секции */
    #rec3301876101 .t-section__container:not(:has(.t-section__descr)) .t-section__title {
        max-width: 500px;
        margin-left: 310px;
    }

    /* ===== ВСЕ ПУНКТЫ МЕНЮ - ОДИНАКОВЫЙ ПАДДИНГ ===== */
    .t-menu__link-item {
        padding: 10px !important;
        border-radius: 5px !important;
        transition: all 0.2s ease !important;
    }

    /* ===== АКТИВНЫЙ ПУНКТ - ЖЕЛТЫЙ ФОН ===== */
    .t-menu__link-item.t-active {
        background: #FFE128 !important;
    }
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ: КНОПКИ ДРУГ ПОД ДРУГОМ ===== */
@media screen and (max-width: 768px) {
    /* Если кнопки в меню — делаем их вертикально */
    .t-menu-base__buttons {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-direction: column !important;
    }

    /* ===== ИСПРАВЛЯЕМ СМЕЩЕНИЕ ИКОНОК НА МОБИЛКАХ ===== */
    .t-sociallinks__item {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        height: 45px !important;
        width: 45px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .t-sociallinks__item a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 45px !important;
        height: 45px !important;
        line-height: 45px !important;
        text-align: center !important;
    }

    .t-sociallinks__svg {
        width: 45px !important;
        height: 45px !important;
    }
}

/* ===== ПРОЗРАЧНЫЙ ФОН ДЛЯ HTML-БЛОКОВ ===== */
.tn-atom__html {
    background-color: transparent !important;
}


@media screen and (min-width: 960px) {
    .uc-custom {
        max-width: 1120px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .uc-custom .t-container {
        max-width: 1120px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .uc-custom .t1069__row {
        display: flex !important;
        gap: 20px !important;
        margin: 0 !important;
    }

    .uc-custom .t1069__col {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .uc-custom .t1069__separator {
        display: none !important;
    }

    .uc-custom .t1069__row:not(:last-child) {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 480px), (orientation: landscape) and (max-height: 480px) {

}
    #rec3279943301 a.t-menu__link-item {
        font-size: 18px !important;
    }
 .t-menu-base__maincontainer {
         gap: 10px 40px  !important;
 }