/* Sysverge fixes layered over the mirrored theme — delete to restore the
   live site's exact behaviour.

   1. Horizontal overflow: off-canvas slide-in elements (.aos-slide-left etc.)
      and the logo swiper extend past the viewport, letting the page pan
      sideways on mobile. Present on the live site at every width tested.
      #page is the single body-level container holding all of it, so clipping
      there fixes the root cause instead of just hiding the symptom on body. */
html, body { overflow-x: hidden; max-width: 100%; }
#page { overflow-x: clip; max-width: 100%; }

/* 2. Review star icons (/reviews/): DataPins CSS sized these inline SVGs;
   without it each star renders full-width. */
svg.br-positive-star, svg.br-negative-star {
  width: 18px; height: 18px; display: inline-block; vertical-align: -3px; }
svg.br-positive-star { fill: #f5a623; }
svg.br-negative-star { fill: #c9c9c9; }

/* click-to-load YouTube facade (replaces the eager player, ~900KB of JS) */
.yt-lite { position: relative; display: block; width: 500px; max-width: 100%;
           aspect-ratio: 4/3; background: #000 center/cover no-repeat; cursor: pointer; border: 0; padding: 0; }
.yt-lite::after { content: ""; position: absolute; inset: 0; margin: auto; width: 68px; height: 48px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path fill="%23f00" d="M66.52 7.74a8 8 0 0 0-5.6-5.66C55.79.13 34 .13 34 .13s-21.79 0-26.92 1.95A8 8 0 0 0 1.48 7.74C-.06 12.9-.06 24-.06 24s0 11.1 1.54 16.26a8 8 0 0 0 5.6 5.66C12.21 47.87 34 47.87 34 47.87s21.79 0 26.92-1.95a8 8 0 0 0 5.6-5.66C68.06 35.1 68.06 24 68.06 24s0-11.1-1.54-16.26z"/><path fill="%23fff" d="M45 24 27 14v20z"/></svg>') center/68px 48px no-repeat; }
.yt-lite iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }