/* responsive.css — мобильный слой для raychem.biz (2026-10-25)
   Сайт сверстан таблицами с фиксированной шириной 922px (225 + 547 + 150).
   На экранах до 1024px раскладываем колонки в один поток и снимаем фиксированные ширины.
   Подключается последним, чтобы перекрывать stylespages.css и menuscss.css. */

@media screen and (max-width: 1024px) {
    html,
    body {
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden;
    }

    /* все таблицы и ячейки — в поток, без фиксированных размеров */
    table,
    tbody,
    tr,
    td,
    th {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* QR-коды мессенджеров не должны занимать полэкрана */
    img[src*="qr"],
    img[src*="telegram"],
    img[src*="whatsapp"] {
        max-width: 104px !important;
    }

    /* колонки макета */
    #menu_1,
    #menu_2,
    #content_left,
    #content,
    #content_right,
    #content_right_default {
        position: static !important;
        float: none !important;
        width: auto !important;
    }

    /* горизонтальные меню: разрешаем перенос строк */
    nobr,
    .menu_1,
    .menu_2,
    .menu1-level1-no,
    .menu1-level1-act,
    .menu2-level1-no,
    .menu2-level1-act {
        white-space: normal !important;
        display: block !important;
        position: static !important;
        width: auto !important;
    }

    /* плавающий блок «Подбор оборудования / Заказать звонок» —
       раньше висел fixed посреди экрана и перекрывал текст */
    .abs {
        position: static !important;
        margin: 8px 0 !important;
        text-align: center !important;
    }

    .abs .feed_back,
    .abs .feed_back_text {
        width: auto !important;
        text-align: center !important;
        position: static !important;
    }

    .abs .ord_phone {
        position: static !important;
        display: inline-block !important;
        margin-top: 4px !important;
    }

    /* модальное окно обратного звонка не должно висеть в потоке */
    .overlay {
        display: none !important;
    }

    .popup {
        position: static !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 8px 0 !important;
        padding: 8px !important;
    }

    div {
        max-width: 100% !important;
    }

    /* отступы по краям: без них текст прилипает к границе экрана */
    #content_left,
    #content,
    #content_right,
    #content_right_default {
        padding: 4px 10px !important;
        box-sizing: border-box !important;
    }


    /* типографика под маленький экран */
    body {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    h1 {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    h2 {
        font-size: 19px !important;
    }

    h3 {
        font-size: 17px !important;
    }
}