.product_layout {

	.barberry-images {
		position: relative;
		@include tooltip(product_tool_buttons_placeholder, single_product_video_trigger, '\ea38' );

		&.woocommerce-product-gallery--without-images {
			.product-thumbnails-wrapper {
				display: none;
			}
		}		
	}

	// Gallery

	.product-images-inner {
		position: relative;

		.product_tool_buttons_placeholder {
			z-index: 4;
			position: absolute;
			right: 30px;
			bottom: 30px;
			width: 55px;
			height: 55px;

			@include breakpoint(1280px down) {
				right: 20px;
				bottom: 20px;
				width: 45px;
				height: 45px;
			}

			.single_product_video_trigger {
				position: relative;
				z-index: 1;
				overflow: hidden;

				&:before {
				    content: '';
				    width: 100%;
				    height: 100%;
				    position: absolute;
				    top: 0;
				    left: 0;
				    background-color: #000;
				    -webkit-transform: scale(0);
				    transform: scale(0);
				    -webkit-transform-origin: center center;
				    transform-origin: center center;
				    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
				    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
				    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
				    border-radius: 50%;
				    -webkit-backface-visibility: hidden;
				    backface-visibility: hidden;					
				}

				body:not(.is-mobile) & {
					&:hover {
						&:before {
							-webkit-transform: scale(1);
							transform: scale(1);
						}
						&:after {
							color: #fff;
							transform: scale(.8);
						}
					}
				}
			}

			.single_product_video_trigger {
				background-color: #fff;
				width: 55px;
				height: 55px;
				border-radius: 50%;
				@include box-shadow(0px 0px 50px 0px rgba(0, 0, 0, 0.05));


				&:after {
					position: absolute;
					top: calc(50% - 11px);
					left: calc(50% - 8px);
					font-size: 20px;
					font-weight: 600;
					@include transition(transform .3s) ;
				}

				@include breakpoint(1280px down) {
					width: 45px;
					height: 45px;
					&:after {
						position: absolute;
						top: calc(50% - 9px);
						left: calc(50% - 6px);
						font-size: 16px;
						font-weight: 600;
						@include transition(transform .3s) ;
					}					
				}				
			}

		}
	}

	.product-image-wrapper {
		position: relative;
		overflow: hidden;
		// height: 1010px !important;
	}

	#product-images {

		opacity: 0;

		&.flickity-enabled {
		  opacity: 1;
		}		

		.flickity-slider {
			// opacity: 0;
		}



		.woocommerce-product-gallery__image {

			width: 100%;

			img {
			    width: 100%;
			    height: auto;
			    box-shadow: none;	

				&:not(.zoomImg).flickity-lazyloaded {
					opacity: 1;
				}		    			
			}

			.photoswipe {
			    cursor: crosshair;
			    display: block;
			    
			}

			.zoomImg {
			    background-color: #fff;
			    opacity: 0;
			}
		}

		&.photoswipe-enabled {
			.woocommerce-product-gallery__image {
				cursor: pointer;
			}			
		}

		&.zoom-enabled {
			.woocommerce-product-gallery__image {
				cursor: crosshair;
			}
			
		}

		
	}

	.product-thumbnails-wrapper {
		position: absolute;
		bottom: -50px;
		left: 0;
		width: 100%;	

		@include breakpoint(768px down) {
			position: relative;
			bottom: 0;
		}	
	}



	// Thumbnails

	.product-thumbnails-container {
		position: relative;
		margin: 0 auto 0 auto;
		overflow: hidden;
		max-width: 65%;
		transition: box-shadow 1.2s cubic-bezier(0.4, 0, 0.2, 1);

		&.shadow {
			@include box-shadow(0px 0px 100px 0px rgba(0,0,0,0.1));	
		}

		@include breakpoint(medium down) {
			max-width: 70%;
		}

		@include breakpoint(small only) {
			margin-top: 0;
			max-width: 100%;
			&.shadow {
				@include box-shadow(none);
			}
			
		}					
	}	



	.product-thumbnails {
		height: auto;
		background:#fff;	
		border: 4px solid #fff;
		opacity: 0;

		&.flickity-enabled {
		  opacity: 1;
		}			

		@include breakpoint(small only) {
			border-left: none;
			border-right: none;
		}

		.woocommerce-product-thumb__image {
			background-color: #fff;
			height: auto;
			opacity: 1;
			width: 25%;

			img {
				cursor: pointer;
				width: 100%;
				margin-right: 4px;
				margin-left: 4px;	
				transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1);								
			}

			&:first-child {
				img {
					margin-left: 0;
				}

			}

			&.is-nav-selected {

				img {
					opacity: .5;
				}				
			}

		}



	}

	.product-thumbnails-container {

		&.thumb-no-2,
		&[data-thumb="2"] {
			max-width: 40%;
			.woocommerce-product-thumb__image {
				width: 50%;				
			}

			@include breakpoint(medium down) {
				margin-top: -5vw;
				max-width: 40%;
			}

			@include breakpoint(small only) {
				margin-top: 0;
				max-width: 100%;
				.flickity-slider {
					transform: none !important;
				}
				.woocommerce-product-thumb__image {
					width: 25%;
					@include poly-fluid-sizing('width', (375px:94px, 667px:150px, 668px:133px, 768px:133px));
				}
			}
		}

		&.thumb-no-3,
		&[data-thumb="3"] {
			max-width: 50%;
			.woocommerce-product-thumb__image {
				width: 33.33%;				
			}

			@include breakpoint(medium down) {
				margin-top: -5vw;
				max-width: 55%;
			}

			@include breakpoint(small only) {
				margin-top: 0;
				max-width: 100%;
				.flickity-slider {
					transform: none !important;
				}
				.woocommerce-product-thumb__image {
					width: 25%;
					@include poly-fluid-sizing('width', (375px:94px, 667px:150px, 668px:133px, 768px:133px));
				}
			}				
		}		
	}



	&.product_layout_style_3 {

		.product-images-wrapper {
			.product-labels {
				display: none;
				@include breakpoint(940px down) {
					display: block;
				}
			}			
		}


		.product-images-inner {
			.product_tool_buttons_placeholder {
				right: 27.7vw;
				@include breakpoint(1280px down) {
					right: 23.5vw;
				}
				@include breakpoint(940px down) {
					right: 20px;
				}


			}			
		}

		#product-images {

			.woocommerce-product-gallery__image {
				width: 42vw;
				opacity: 0.3;
				@include transition(opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1));

				@include breakpoint(1280px down) {
					width: 50vw;
				}

				@include breakpoint(940px down) {
					width: 100%;
				}


				img {
					opacity: 1;	
				}

				&.is-selected {
					opacity: 1;
				}
			}
		}

		.product-title-section-wrapper {

			@include breakpoint(940px down) {
				display: none;
			}


			.product-title-section-right {
				position: absolute;
				top: calc(50% - 50px);
				transform: translateY(-50%);				
				right: 27.7vw;
				width: 50px;
				text-align: center;

				@include breakpoint(1280px down) {
					right: 23vw;
				}


				.carousel-status {
					color: #000;
					font-size: 16px;
					span {
						color: #000;
						padding:0 5px;
						&:first-child {
							font-size: 26px;
							font-weight: 400;
						}
					}
				}

				.box-share-master-container {
					top: 50px;
					right: 0;
					a {
						background-color: #fff;
						box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
					}
				}				
			}


			.product-title-section-wrapper-inner {
				position: absolute;
				top: calc(50%);
				transform: translateY(-50%);
				left: 18vw;	
				width: 25vw;

				@include breakpoint(1280px down) {
					left: 13vw;	
					width: 30vw;
				}

				.title-wrapper {
					padding-top: 10px;
					position: relative;
					display: inline-block;
					overflow: hidden;
					h1 {
						margin-bottom: 0;
					}
				}

				.product_summary_middle {

					.woocommerce-product-rating {
						.star-rating {
							vertical-align: top;
							font-size: rem-calc(16);
						}

						.woocommerce-review-link {
							margin-left: rem-calc(10);
							color: #666;
							vertical-align: top;
							display: inline-block;
							font-size: rem-calc(16);
							line-height: 1.3; 
							@include transition(color .3s);

							&:hover {
								color: #000;
							}
						}
					}

					.price {
						margin-top: rem-calc(10);
						margin-bottom: 0;

						.amount {
							font-size: 30px;

						}

						del {
							text-decoration: none;

				    		span.amount {
				    			position: relative;
				    			color: #666;
				    			font-size: 95%;
				    			font-weight: 300;

					    		.amount:before {
					    			width: 100%;
									position: absolute;
									content: "";
									right: 0;
									top: 50%;
									height: 0px;
									border-bottom: 1px solid #f9423a;
									opacity: 0.7;
									transform: rotate(-15deg);			    			
					    		}		    			
				    		}					
						}

				    	ins {
				    		margin-left: rem-calc(5);
				    		color: #f9423a;
				    		text-decoration: none;
				    		line-height: 1;
				    	}

					}										
				}
			}	
		}

		.product-thumbnails-container  {
			max-width: 26%;

			&.thumb-no-2,
			&[data-thumb="2"] {
				max-width: 14%;

				@include breakpoint(medium down) {
					margin-top: -5vw;
					max-width: 20%;
				}

				@include breakpoint(940px down) {
					margin-top: 0;
					max-width: 100%;
					.flickity-slider {
						transform: none !important;
					}
					.woocommerce-product-thumb__image {
						width: 20%;				
					}					
				}

				@include breakpoint(small only) {
					margin-top: 0;
					max-width: 100%;
					.flickity-slider {
						transform: none !important;
					}
					.woocommerce-product-thumb__image {
						width: 25%;
						@include poly-fluid-sizing('width', (375px:94px, 667px:150px, 668px:133px, 768px:133px));
					}
				}
			}

			&.thumb-no-3,
			&[data-thumb="3"] {
				max-width: 20%;

				.woocommerce-product-thumb__image {
					width: 33.33%;				
				}

				@include breakpoint(medium down) {
					margin-top: -5vw;
					max-width: 27%;
				}

				@include breakpoint(940px down) {
					margin-top: 0;
					max-width: 100%;
					.flickity-slider {
						transform: none !important;
					}
					.woocommerce-product-thumb__image {
						width: 20%;				
					}					
				}

				@include breakpoint(small down) {
					.woocommerce-product-thumb__image {
						width: 25%;				
					}	
				}				
			}


						
		}

		.product-images-cell {
			padding-bottom: rem-calc(50);
			@include breakpoint(940px down) {
				padding-left: rem-calc(30);
				width: 41.6666666667%;
			}

			@include breakpoint(767px down) {
				padding-left: 0;
				width: 100%;
			}
		}	

		.product-info-cell {
			// opacity: 0;
			padding-top: rem-calc(80);
			margin-bottom: rem-calc(40);
			padding-left: 0;
			padding-right: 0;

			@include breakpoint(1200px down) {
				// width: 100%;
				@include poly-fluid-sizing('padding-left', (768px:30px, 1024px:45px, 1200px:55px));
				@include poly-fluid-sizing('padding-right', (768px:30px, 1024px:45px, 1200px:55px));				
			}

			@include breakpoint(1024px down) {
				padding-top: rem-calc(40);
				margin-bottom: rem-calc(20);
			}

			@include breakpoint(940px down) {
				width: 58.3333333333%;
				padding-top: rem-calc(0);
			}	

			@include breakpoint(767px down) {
				width: 100%;
			}

			.product_summary_top {
				display: none;
				@include breakpoint(940px down) {
					display: block;
				}				
			}

			.product_summary_middle,
			.product_summary_bottom {
				padding-top: rem-calc(20);
				@include breakpoint(1200px down) {
					padding-top: 0;
				}
			}

			.product_summary_middle {
				.woocommerce-product-rating,
				.price {
					display: none;
					@include breakpoint(940px down) {
						display: block;
					}
				}

				@include breakpoint(940px down) {
					width: 100%;
				}

				.woocommerce-product-details__short-description {
					margin: 0;
					@include breakpoint(940px down) {
						margin: rem-calc(20 0 40);
					}					
				}
				padding-right: rem-calc(70);
				@include breakpoint(1024px down) {
					padding-right: rem-calc(40);
				}
				@include breakpoint(940px down) {
					padding-right: 0;
				}

			}

			.product_summary_bottom {
				border-left: 1px solid #eee;
				padding-left: rem-calc(70);
				@include breakpoint(1024px down) {
					padding-left: rem-calc(40);
				}		
				@include breakpoint(940px down) {
					border-left: none;
					width: 100%;
					padding-left: 0;
				}		
			}
		}	
	}
	
	&.product_layout_default,
	&.product_layout_style_2,
	&.product_layout_style_3 {

		@include breakpoint(940px down) {
			.product-thumbnails-wrapper {
			    position: relative;
			    bottom: 0;
			}

			.product-thumbnails-container  {
				margin-top: 0;
				max-width: 100%;
				&.shadow {
					@include box-shadow(none);
				}				
			}

			.product-thumbnails {
				border-left: none;
				border-right: none;					
			}
		}
	}

	&.product_layout_style_2 {
		
	}
}