/* Global layout guards to prevent horizontal scrolling */
html,
body,
#root {
    max-width: 100%;
    overflow-x: clip; /* Prevents horizontal scroll without blocking vertical */
}

/* Ensure media never overflows */
img,
video {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Hide overflow from wide sliders/rows */
.swiper,
.services-carousel,
.testimonial-swiper {
    overflow: hidden;
}