Каскад Mantine и UIKit

Mantine импортируется через @mantine/core/styles.layer.css. Базовые стили находятся в слое mantine; CSS Modules UIKit без слоя имеют более высокий приоритет независимо от порядка загрузки CSS Next.js.

Ошибка до исправления: на viewport 390 px правило .m_4081bf90 из позднего styles.css переопределяло flex-direction: column на row и display: none навигации на flex. Документ растягивался до 605 px.

Не использовать overflow-x:hidden для маскировки ошибки. Inline style props Mantine всё ещё выше классов: не задавайте ими свойства, которые должны меняться через media queries. Theme/Styles API отвечает за контролы, CSS Modules — за адаптивную геометрию составных компонентов.