/**
 * Защита от горизонтального overflow на мобильных устройствах
 */

@media (max-width: 768px) {
    /* Базовая защита viewport */
    html, body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100%;
    }
    
    /* Ограничиваем все элементы */
    * {
        max-width: 100%;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    /* Медиа элементы */
    img, iframe, video, embed, object {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Таблицы - делаем прокручиваемыми */
    table {
        width: 100%;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Pre и code блоки */
    pre {
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    code {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}