/* Fix horizontal scrolling and large images on mobile */
@media (max-width: 767px) {
    body, html {
        overflow-x: hidden;
    }
    
    .uc-woocommerce-product-list .product-items {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    .uc-woocommerce-product-list .product-item {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .uc-woocommerce-product-list .product-img {
        width: 100% !important;
    }

    .uc-woocommerce-product-list .product-img img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
    
    .product-text {
        width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }
}