/* Responsive safety net for mirrored sites.
 *
 * Page-builder exports often ship fixed-width embeds (Google Maps
 * iframes with width="500", etc.) that overflow narrow viewports. That
 * horizontal overflow is what breaks the sticky header and pushes the
 * off-canvas mobile menu off to the side / behind content. Constraining
 * embeds to their container and clipping stray horizontal overflow fixes
 * all three at once.
 *
 * overflow-x: clip (not hidden) is deliberate - it removes the overflow
 * WITHOUT establishing a scroll container, so position: sticky keeps
 * working. Desktop is unaffected: these rules only engage when content
 * would otherwise exceed the viewport.
 */
iframe,
img,
video,
embed,
object {
  max-width: 100%;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}