/*
 * Small-screen layout fixes (PRV-19 / PRV-24).
 *
 * Some pages scrolled sideways on phones/tablets because a descendant spilled
 * past the viewport — a large-gutter Bootstrap `.row.g-5` whose negative margin
 * exceeded its container's padding (case studies), and the owl/swiper review
 * carousels (service pages). Containing horizontal overflow at <main> stops the
 * sideways scroll for all of them.
 *
 * `overflow-x: clip` is used deliberately instead of `hidden`: clip does NOT
 * create a scroll container, so `overflow-y` stays `visible` and neither
 * vertical scrolling nor `position: sticky` is affected. Verified on the live
 * DOM: main → clip takes /case-study/truewholesale from scrollWidth 392→380 and
 * /services/saas-development from 374→350 at phone widths, with overflow-y
 * computed still `visible`.
 *
 * Scoped to <= 991.98px, where every reported overflow occurs, so desktop is
 * untouched.
 */
@media (max-width: 991.98px) {
    main {
        overflow-x: clip;
    }
}