/* ==========================================================
   АДАПТИВНЫЕ СТИЛИ ДЛЯ МОБИЛЬНЫХУСТРОЙСТВ (ПХК)
   ========================================================== */

/* 1. Общие исправления горизонтального скролла */
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. Адаптация шапки и навигации */
.navbar-brand img {
    max-width: 80px;
    height: auto;
}

/* 3. Исправление слайдера на телефонах */
@media (max-width: 768px) {
    .my_slider {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .main-slider .title {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    /* Скрываем миниатюры слайдера на узких экранах, чтобы не загромождать мобилку */
    .nav-slider {
        display: none !important;
    }

    /* Корректируем верхний отступ у контента */
    main.container {
        margin-top: 20px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Карточки новостей в 1 колонку */
    .row-cols-md-2 > .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* 4. Адаптация Яндекс-карты */
main.container div[style*="margin-left:120px"],
main.container div[style*="margin-left"] {
    margin-left: 0 !important;
    width: 100% !important;
}

main.container iframe,
main.container script + div,
.ymaps-2-1-79-map {
    width: 100% !important;
    max-width: 100% !important;
}

/* 5. Адаптация футера и контактов */
@media (max-width: 768px) {
    div[style*="background: #414952"] {
        padding: 20px 15px !important;
    }

    div[style*="background: #414952"] .col-md-6 {
        margin-bottom: 20px;
        text-align: center;
    }

    div[style*="background: #414952"] ul {
        padding-left: 0;
        list-style: none;
    }
    img, table, iframe, div {
    max-width: 100%;
    box-sizing: border-box;
}
/* ==========================================================
   ИСПРАВЛЕНИЕ СЛАЙДЕРА И КАРТОЧЕК НА МОБИЛЬНЫХ
   ========================================================== */
@media screen and (max-width: 768px) {
    /* 1. Жестко фиксируем высоту слайдера на телефоне, чтобы он не улетал в гигантский размер */
    .my_slider {
        padding: 0 !important;
        margin-top: 60px !important; /* отступ под фиксированную шапку */
        width: 100% !important;
        max-width: 100% !important;
    }

    .swiper-container {
        width: 100% !important;
        height: 250px !important; /* фиксируем аккуратную высоту для смартфонов */
    }

    .swiper-slide {
        width: 100% !important;
        height: 100% !important;
    }

    .slide-bgimg {
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center !important;
    }

    /* 2. Возвращаем нормальную ширину тексту новостей (чтобы не было столбиков из букв) */
    .container, main.container, .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .col-md-9, .col-md-3, .col-md-6, .col.mb-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}
}