// DIRECTIONAL
// ---------------------------------------------------------------
$rtl: 0;
$dir: ltr !default;

@import "../../theme-imports";

.product-layout-image.product-scatted-layout .inner img {
	min-width: 100%
}
.product-layout-image.product-scatted-layout .img-thumbnail {
	background-color: transparent;
}
@media (min-width: 992px) {
	.product-layout-image.product-scatted-layout .img-thumbnail {
	    float: #{$left};
	    margin-bottom: 0;
	    max-width: 50%;
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:nth-child(6n+1) {
		max-width: 100%;
	    padding: 0 120px;
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:nth-child(6n+2) {
		clear: #{$left};
	    padding: 60px 10px 60px 60px;
	    text-align: #{$right};
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:nth-child(6n+3) {
	    padding: 210px 60px 60px 50px;
	    text-align: #{$right};
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:nth-child(6n+4) {
	    clear: both;
	    padding: 0 120px 60px 120px;
	    max-width: 100%;
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:nth-child(6n+5) {
	    clear: #{$left};
	    padding: 110px 60px 40px 60px;
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:nth-child(6n+6) {
	    padding: 0 60px 60px 0;
	}
	.product-layout-image.product-scatted-layout .img-thumbnail:first-child {
	    max-width: 100%;
	    padding: 0;
	    float: none;
	}	
}
@media (max-width: 991px) and (min-width: 577px) {
	.product-layout-image.product-scatted-layout .product-images-block {
	    display: grid;
	    grid-template-columns: auto auto;
	    margin: 0 -10px;
	}
	.product-layout-image.product-scatted-layout .img-thumbnail {
	    padding: 0 10px;
	}
}