/* Mobile/tablet: hide the visual chrome, never disable scrolling or clip content.
   Include large touch-only tablets in landscape as well as narrow viewports. */
@media screen and (max-width: 1050px), screen and (hover: none) and (pointer: coarse) {
    :root,
    :root * {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        scrollbar-gutter: auto !important;
    }

    :root::-webkit-scrollbar,
    :root *::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}