/**
 * Responsive Side Spacing CSS - 523a8c8a
 * Adds padding & breathing room on small screens (tablet and mobile, max-width: 1024px)
 */

@media screen and (max-width: 1024px) {
    /* Safe side padding for Elementor main containers & sections */
    .elementor-section-wrap > .elementor-section,
    .elementor-container,
    .e-con,
    .e-con-inner,
    .e-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Product page main container adjustments */
    .single-product #content .product,
    .single-product .site-main,
    .woocommerce-page .entry-summary,
    .woocommerce-page .woocommerce-tabs,
    .woocommerce-page .related.products {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Prevent overflow on elements with negative margins or width calculations */
    html, body {
        overflow-x: hidden !important;
    }
}