/* Мобильная адаптация dc: базовые css (style, style-st, style-dfd) писались под фикс 1180px
   и не имеют ни одного @media — на телефонах страница уезжала за экран.
   Здесь только переопределения для узких экранов, десктоп не затрагивается. */
@media (max-width: 768px) {

    /* шапка: вместо фикс 1180px — вся ширина, меню переносится */
    .du3-header-base-top {
        width: 100%;
        box-sizing: border-box;
        padding: 0 12px;
        flex-wrap: wrap;
    }
    .du3-menu-container {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 14px;
        padding-bottom: 8px;
    }
    .du3-menu-container a {
        font-size: 16px;
    }
    .title-logo-container a {
        font-size: 20px !important;
    }

    /* сетка: колонки в столбик, ширины по экрану */
    .main,
    .row {
        width: 100%;
        max-width: 100%;
    }
    .row {
        flex-direction: column;
    }
    /* трастовый сайдбар на мобилке прячем — контент важнее */
    .col-1-4 {
        display: none;
    }
    .col-3-4 {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        text-align: left;
        padding: 0 12px 20px 12px;
    }

    /* контент не должен распирать экран */
    .col-3-4 img {
        max-width: 100%;
        height: auto;
    }
    /* таблицы данных (с thead: версии драйвера, списки) — горизонтальный скролл;
       display:block НЕЛЬЗЯ вешать на все таблицы: у .manufactures-td трюк max-width:0,
       вне табличного алгоритма ячейки схлопываются в 0 и ссылки «пропадают» */
    .col-3-4 table:has(thead) {
        display: block;
        max-width: 100%;
        overflow-x: auto;
    }
    /* таблицы-списки ссылок (без thead: категории и вендоры на главной) — в столбик */
    .col-3-4 table:not(:has(thead)),
    .col-3-4 table:not(:has(thead)) tbody,
    .col-3-4 table:not(:has(thead)) tr {
        display: block;
        width: 100%;
    }
    .col-3-4 table:not(:has(thead)) td {
        display: block;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        white-space: normal;
        padding: 8px 0;
    }
    .col-3-4 table:not(:has(thead)) td:empty {
        display: none;
    }
    /* длинные hwid/sha256/url переносим, а не уводим за экран */
    .col-3-4 {
        overflow-wrap: break-word;
        word-break: break-word;
    }

    /* блок оффера: width 100% + внешние отступы дают перелив, width auto учитывает margin */
    .main-download-container-with-offer,
    .main-download-container {
        width: auto;
        box-sizing: border-box;
        max-width: 100%;
    }

    /* футер: в style-dfd .footer-dc фикс 620px */
    .footer-dc,
    .footer-links,
    .footer-row-container,
    .copyright {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    .footer-row-container {
        padding: 0 12px;
    }
    .footer_list {
        padding-left: 12px;
    }

    /* карточка push-подписки не должна вылезать за экран */
    #dc-push-card {
        max-width: calc(100vw - 20px);
        box-sizing: border-box;
    }
}