/*
 * Cortex — correções responsivas mobile (CSS plano, carregado via
 * Magento_Theme/layout/default_head_blocks.xml em TODAS as páginas).
 *
 * Motivo de ser CSS plano e não LESS: o split de bundles do tema
 * (styles-m vs styles-l) faz as regras de _extend caírem no bundle desktop
 * (min-width:768), então não aplicam no mobile. Este arquivo é um <link>
 * independente (media=all) com @media interno — aplica de forma determinística.
 *
 * Bug corrigido: .page-wrapper é flex-column; sem largura explícita os
 * containers de conteúdo herdam a largura desktop (~1240px) e estouram a
 * viewport (<768px), gerando scroll horizontal. Força os containers a 100%.
 * Validado em 390px (scrollWidth 390, sem overflow).
 */
@media (max-width: 767px) {
    .page-wrapper > .page-main,
    .page-main > .columns,
    .columns > .column.main,
    .page-main > .page-title-wrapper,
    .page.messages {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}