/* ===== Fix weird right-side space / horizontal scroll ===== */
html, body{
  width: 100%;
  max-width: 100%;
  overflow-x: hidden; /* key */
}

/* Common culprit: elements that accidentally exceed viewport width */
*,
*::before,
*::after{
  box-sizing: border-box;
}

/* If any wrapper uses 100vw, it can create a gap when scrollbars exist.
   Force full-width sections to use 100% width behavior. */
.frontend-body,
.frontend-main,
.pr-header,
.pr-hero,
.pr-expert-strip,
.pr-cta-strip,
.pr-features-strip,
.pr-examples,
.pr-stats-strip,
.pr-testimonials,
.pr-contact-section{
  width: 100%;
  max-width: 100%;
}

/* Slider tracks sometimes cause overflow if not clipped */
.pr-examples,
.pr-testimonials{
  overflow-x: clip; /* better than hidden in modern browsers */
}

/* Fallback for older browsers */
@supports not (overflow: clip){
  .pr-examples,
  .pr-testimonials{
    overflow-x: hidden;
  }
}