, which applies the SCSS `container` mixin (max-width + side margins). On the HOMEPAGE the Page Builder sections are direct children of that container, so unconstraining it would be enough. But on RESOURCE / DETAIL pages the Page Builder sections are nested one level deeper — inside the page template's OWN

— which re-applies the container and re-clips the background. Rather than chase every nesting depth, break each Page Builder section out to the full viewport width directly. Both and .page carry overflow-x:hidden, so 100vw produces NO horizontal scrollbar. Content stays centered because every section re-applies its own inner .section__inner (container). Scope: LIVE site only. In Page Builder edit mode carries .kentico-page-builder; excluded so the editor canvas is untouched. ═══════════════════════════════════════════════════ */ /* The selector matches only the

wrappers slotted inside a blue-composition (i.e. Page Builder sections). Plain controller-page

s and the outer _Layout wrapper are NOT inside a [slot="content"], so they keep their normal container width. */ body:not(.kentico-page-builder) main [slot="content"] > section { /* Full-bleed: span the full viewport regardless of nesting depth. */ width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); /* Contain the section's own vertical margins (a `padded-flush-bottom` block's trailing heading margin would otherwise escape the section, leaving the background short and a white strip before the next section). flow-root makes the background cover the full content height and lets neighbouring section backgrounds meet — matching K13. */ display: flow-root; } /* ── Vertical breathing room for background bands (K13 parity) ──────── K13 gives sections that carry a background (image or fill color) clear top/bottom padding, so the heading isn't tight against the band edge. The content blocks alone (composition--padded-sm = 2rem, and padded-flush-* which zeroes one side) leave the band too tight in XbyK. Add padding on the background element itself: • inline background on the

→ pad the

• fill color on the blue-composition → pad the blue-composition (its ::before background box grows with the padding) Tune the 2rem value to taste; it stacks on top of the inner block padding. */ body:not(.kentico-page-builder) main [slot="content"] > section[style*="background"], body:not(.kentico-page-builder) main blue-composition[class*="composition--fill"] { padding-top: 1.5rem; padding-bottom: .1rem; }