/* 
 * mobile-fix.css - Универсальный фикс мобильного overflow для всех страниц
 * Подключать: <link rel="stylesheet" href="mobile-fix.css"> или <link rel="stylesheet" href="../mobile-fix.css">
 */

* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    max-width: 100vw;
}

body {
    overflow-x: hidden;
    max-width: 100vw;
    margin: 0;
    padding: 0;
}

/* Контейнеры */
.container,
.content,
.main-content,
.page-content {
    max-width: 100%;
    overflow-x: hidden;
}

/* Таблицы */
table {
    max-width: 100%;
}

@media (max-width: 768px) {

    .table-wrapper,
    .table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    table {
        min-width: 600px;
    }
}

/* Изображения и медиа */
img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/* Предотвращение горизонтального скролла от pre/code */
pre,
code {
    max-width: 100%;
    overflow-x: auto;
}