/*
 Theme Name:   Shoptimizer Child
 Template:     shoptimizer
 Version:      1.0
 Description:  Child theme for Shoptimizer with Elementor and CartFlows support
 Author:       ChatGPT
*/

/* ==== Desktop Layout ==== */
.single-product.woocommerce div.product div.woocommerce-product-gallery {
    width: 48% !important;
    float: left;
}

.single-product.woocommerce div.product div.summary {
    width: 50% !important;
    float: left;
    padding-left: 3%; /* बस थोड़ा सा gap, jyada nahi */
}

/* ==== Clearfix ==== */
.single-product.woocommerce div.product::after {
    content: "";
    display: table;
    clear: both;
}

/* ==== Tablet & Mobile Layout ==== */
@media (max-width: 768px) {
    .single-product.woocommerce div.product div.woocommerce-product-gallery,
    .single-product.woocommerce div.product div.summary {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
    }
}

/* ==== Image Container Centering ==== */
.woocommerce div.product div.images {
    width: 100% !important;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

/* ==== Image Styling ==== */
.woocommerce div.product div.images img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ==== Spacing for Summary ==== */
.woocommerce div.product .summary {
    padding-top: 0px;
}