/* Prevent horizontal scrolling globally */
html, body {
    overflow-x: hidden;
    max-width: 100%;
}

/* Ensure images never overflow their containers */
img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
}

/* Mobile & Tablet Specific Fixes */
@media (max-width: 1024px) {
    /* Prevent elements from going outside the screen */
    * {
        box-sizing: border-box;
    }
}

/* Mobile Specific Fixes */
@media (max-width: 767px) {
    /* Reduce excessive section padding on mobile */
    .elementor-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Make forms full-width on mobile */
    form, input, select, textarea {
        max-width: 100% !important;
    }

    /* Ensure buttons fit */
    .elementor-button, button {
        white-space: normal;
        max-width: 100%;
    }
}