/* Prevent horizontal scroll on mobile devices without clipping essential content */
html, body {
    overflow-x: hidden !important;
}

/* Ensure images and containers remain visible on mobile */
@media screen and (max-width: 767px) {
    .elementor-section-wrap,
    .elementor {
        max-width: 100vw;
        overflow-x: hidden !important;
    }
    
    .e-con {
        max-width: 100vw;
        /* Rimosso overflow-x: hidden !important qui per evitare che le immagini escano dai bordi visibili spariscano */
    }
    
    .e-con img {
        max-width: 100% !important;
        height: auto !important;
    }
}