/* Mobile Optimization Styles */
@media screen and (max-width: 767px) {
    /* Optimize headings for mobile */
    h1.e-heading-base,
    .elementor-heading-title {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
        padding: 0 10px;
    }

    h2.e-heading-base {
        font-size: 1.5rem !important;
    }

    h3.e-heading-base {
        font-size: 1.3rem !important;
    }

    /* Improve paragraph readability */
    p.e-paragraph-base {
        font-size: 1rem !important;
        line-height: 1.5 !important;
        padding: 0 10px;
    }

    /* Ensure images don't overflow and have proper spacing */
    .e-image-base, .e-image img {
        max-width: 100% !important;
        height: auto !important;
        margin: 10px auto !important;
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Adjust container padding for mobile */
    .e-con {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* Optimize product cards for mobile */
    .elementor-widget-icon-list .elementor-icon-list-item {
        padding: 10px 0 !important;
    }
}