/**
 * single product layout style
*/

.woocommerce #content div.product div.images,
.woocommerce #content div.product div.summary {
    float: none;
    width: auto;
}
@media (min-width: 769px) {
    .woocommerce div.product {
        display: grid;
        grid-template-columns: 36% 64%;
    }
    .woocommerce #content div.product div.images,
    div.product .related {
         padding-right: 15px;
    }
    .woocommerce #content div.product div.summary,
    .woocommerce #content div.product .woocommerce-tabs,
    div.product .product-header {
        padding-left: 15px;
    }
}
@media (min-width: 1200px) {
    .woocommerce #content div.product div.images {
        grid-column: 1/2;
        grid-row: 1/5;
    }

    .woocommerce #content div.product div.summary {
        grid-column: 2/3;
        grid-row: 2/4;
    }

    .woocommerce #content div.product .woocommerce-tabs {
        grid-column: 2/3;
        grid-row: 4/9;
    }

    div.product .related:not(.ulitka-product-recommendations) {
        grid-column: 1/2;
        grid-row: 5/9;
        align-self: start;
    }

    div.product .product-header {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    /*div.product #reviews {*/
    /*    grid-column: 1/3;*/
    /*    grid-row: 9/10;*/
    /*}*/

    div.product .upsells:not(.ulitka-product-recommendations--upsells) {
        grid-column: 1/3;
        grid-row: 9/10;
    }

    div.product .upsells.ulitka-product-recommendations--upsells {
        grid-column: 1/2;
        grid-row: 5/9;
        padding-right: 15px;
        align-self: start;
    }

    div.product .related.ulitka-product-recommendations {
        grid-column: 1/3;
        grid-row: 9/10;
        padding-right: 0;
        align-self: start;
    }
}

@media (min-width: 769px) and (max-width: 1199px) {

    .woocommerce #content div.product div.images {
        grid-column: 1/2;
        grid-row: 1/3;
    }

    .woocommerce #content div.product div.summary {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .woocommerce #content div.product .woocommerce-tabs {
        grid-column: 1/3;
        grid-row: 3/4;
    }

    div.product .related:not(.ulitka-product-recommendations) {
        grid-column: 1/3;
        grid-row: 4/5;
    }

    div.product .product-header {
        grid-column: 2/3;
        grid-row: 1/2;
    }
    /*div.product #reviews {*/
    /*    grid-column: 1/3;*/
    /*    grid-row: 5/6;*/
    /*}*/

    div.product .upsells {
        grid-column: 1/3;
        grid-row: 4/5;
    }

    div.product .related.ulitka-product-recommendations {
        grid-column: 1/3;
        grid-row: 5/6;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    body.woocommerce #content div.product div.images {
        width: 400px;
        max-width: 100%;
        margin:auto;
    }
}