.single-product {

	.site-header {
		background-color: #64656e;
	}

	.woocommerce-breadcrumb {
		width: 100%;
		max-width: 75.01rem;
		margin-left: auto;
		margin-right: auto;
		padding: 1.5em 0;
		padding-left: 0.94rem;
		padding-right: 0.94rem;

		@include respond-below(md) {
			display: none;
		}

		a {
			padding: 0 0.5em;
			text-decoration: none;
			font-weight: bold;
		}
	}

	.wc-stripe-payment-request-wrapper {
		.GooglePayButton  {
			background-color: #65656f;
		}
	}

	.frame-image {
		position: absolute;
	    width: 53%;
	    height: 100%;
	    margin: 0 auto;
	    left: 212px;
    	top: -10px;

    	&.landscape {
			top: -5px;

			@include respond-below(md) { 
	    		top: 0;
    		}

			@media ( min-width: 375px ) and ( max-width: 812px ) and ( orientation: landscape ) {
				width: 59%;
				left: 160px;
			}
    		
    		img {
	    		width: 320px;
			    height: 225px;

			    @include respond-below(md) { 
		    		width: 100%;
		    		height: 260px;
	    		}

			    @media ( min-width: 375px ) and ( max-width: 812px ) and ( orientation: landscape ) { 
					height: 170px;
				}

    		}
    	}

    	&.single {
    		left: 5px;
    	}

    	&.passportout { 
    		img {
    			-webkit-box-shadow: 0px 0px 8px -3px;
    			box-shadow: 0px 0px 8px -3px;
    		}
    	}

    	img {
    		@include respond-below(md) { 
	    		height: 90%;
	    		width: 100%;
    		}
    	}

		@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1.5){
		  	width: 62%;
			left: 158px;
		}		
	
		@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
			width: 62%;
			left: 158px;
		}

    	@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	  	    width: 59%;
		    top: -8px;
		    left: 150px;
		}

		
		@include respond-below(md) {
		  	width: 98%;
		    left: 5px;
		    top: -2px;
		}
	}

	.single-product-wrap {
		&.no-gallary-images {
			.woocommerce-product-gallery {
				@include respond-below(md) {
					margin: 2em 0;
				}
			}

			.woocommerce-product-gallery__wrapper.single {
				padding-left: 25%;

				@include respond-between(md, lg) {
					padding-left: 10%;
				}

				@include respond-below(md) {
					padding-left: 0;
					margin: 0 auto;
					width: 100%;
				}
				
				&.passportout {
					.wp-post-image {
						transform: scale(0.75);
						width: 100%;
					    padding-top: 0;
				    	margin-left: 0;
					}
				}

				img {
					@include respond-below(md) {
						width: 100%;
					}
				}
			}

			.frame-image.single {
				left: 25%;

				@include respond-between(md, lg) {
					left: 10%;
				    width: 85%;
				}

				@include respond-below(md) {
					left: 0;
				}

				&.passportout {
					img {
						@include respond-below(md) {
							height: 100%;
							width: 95%;
						    margin: 0 auto;
						    margin-left: 3.5%;
						}
					}
				}

				img {
					@include respond-below(md) {
						height: 105%;
					}
				}
			}
		}

		&.landscape {
			.slick-active {
				&.passportout {
					img {
						transform: scale(0.75);
						width: initial;
						padding-top: initial;
					}
				}
			}

			.flex-active-slide {
				&.passportout {
					img {
						width: 300px;
					    height: auto;
						transform: scale(0.75);
						padding-top: initial;
					    object-fit: cover;
					    object-position: center;
					}
				}
			}
		}
	}

	.flex-active-slide, .slick-active {
		&.passportout {
			img {			
				transform: scale(0.75);
			}
		}
	}

	.variations_form  {	
		label[for="pa_frame-options"] {
			padding: 1.2em 0.5em;
		    cursor: pointer;
		    font-weight: bold;
		    background-image: url(./assets/img/right-arrow-green.svg);
		    background-position: right 1.2em center;
		    background-repeat: no-repeat;
		    background-color: rgba(255, 152, 153, 0.15);
		    border-radius: 4px;
		    margin-bottom: 0.5em;

			&:hover {
				cursor: pointer;
			}
		}

		.product-attribute-model-wrap {
			select {
				display: none;
			}
		}
	}

	.woocommerce-notices-wrapper, .woocommerce-info {
		width: 100%;
		max-width: 75.01rem;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0.94rem;
		padding-right: 0.94rem;
		margin-bottom: 2em;

		@include respond-below(md) {
			margin-bottom: 0;
		}

		.woocommerce-error, .woocommerce-message {
			padding: 1em;
			background-color: $pink;
			color: $white;

			.button {
				color: $white;				
			}

			p {
				padding: 1em;
			}

			li {
				list-style: none;
			}
		}
	}

	.woocommerce-info {
		width: 100%;
		max-width: 75.01rem;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0.94rem;
		padding-right: 0.94rem;
		padding: 1em;
	}

	.product-description {
		padding-top: 1em;
	}

	.single-product-wrap {
		padding-bottom: 3em;

		@include respond-below(lg) {
			justify-content: space-between;
		}

		@include respond-below(md) {
			padding-top: 0; 
		}

		.cart {
			.quantity {
				display: none !important;
			}
		}
	}

	.variations_form {

		.reset_variations {
			display: none;
		}

		.single_add_to_cart_button {
			margin-top: 1.5em;
		}

		.variations {
			width: 100%;

			select {
				border: 1px solid #E5E5E5;
				color: #808080;
				background-color: $white;
			}

			tbody {
				display: flex;
				flex-wrap: wrap;

				tr {
					width: 50%;

					.label {
						display: block;

						label {
							font-weight: bold;
    						font-size: 0.8em;
						}
					}

					.value {
						width: 50%;
					}

					&:nth-child(2){
						padding-left: 15px;
					}

					&:last-child {
						padding-top: 1em;
						width: 100%;
					}
				}
			}
		}
	}

	.product-working-day {
		color: $light-blue;
		padding: 1em 0;
		font-size: 0.8em;
	}

	.delivery-return-title, .product-information-title {
		font-size: 0.8em;
	}

	.product-short-description {
		padding: 2em 0;
	}

	.sidebar {
		height: 100%;
		position: fixed;
		z-index: 99999;
		top: 0;
		right: -40%;
		width: 40%;
		background-color: $white;
		color: $black;
		overflow-x: hidden;
		transition: 0.5s;

		@include respond-below(md) {
			width: 100%;
			right: 0;
			top: 100%;
		}

		&.show {
			right: 0%;

			@include respond-below(md) {
				top: 15%;
			}
		}

		&.hide {
			right: -40%;
		}

		.closebtn {
			position: absolute;
			top: 0;
			right: 25px;
			font-size: 44px;
			margin-left: 50px;
			text-decoration: none;

			@include respond-below(md) {
				right: 50px;
			}
		}

		.delivery-return-model, .product-information-model, .product-attribute-model {
			padding: 3em;
			position: relative;

			@include respond-below(md) {
				padding: 4em 1em;
			}
		}

		.product-information-model {

			.standard-policy-title {
				font-weight: bold;
			}

			.standard-policy-description {
				padding-top: 1em;
				font-weight: normal;
			}
		}
	}

	.product-attribute-wrap {
		.row {
			.cell-md-6 {
				.attribute-title {
					padding-bottom: 1em;
				}

				&.single-product-sizing-option {
					padding-right: 15px;

					@include respond-below(md) {
						padding-right: inherit;
	                }
				}
			}	
		}
	}

	.attribute-select {
		border: 1px solid $selected_terms_border;
		color: $attribute-info;
	}


	.product-attribute {
		padding: 0.5em 0;

		.list-with-side {
			padding: 0.8em;
		    cursor: pointer;
		    font-weight: bold;
		    background-image: url(./assets/img/right-arrow-green.svg);
		    background-position: right 1.2em center;
		    background-repeat: no-repeat;
		    background-color: rgba(255, 152, 153, 0.15);
			border-radius: 4px;
			margin-bottom: 0.5em;

			.selected-attribute-title {
				font-size: 0.8em;
			}
		}

		.bespoke-wording-wrap {
			margin-top: -0.8em;

			.attribute-title {
				padding-bottom: 1em;
			}

			.cell-md-12 {
				padding-bottom: 1em;

				#bespoke_wording {
					border: 1px solid #E5E5E5;
				    color: #8B8986;
				}

			}
		}

		.attribute-title {
			font-size: 0.8em;
			font-weight: bold;

			&.d-flex {
				justify-content: space-between;
				text-align: center;

				.attribute-info {
					color: $attribute-info;
					text-decoration: none;
					border-bottom: 1px solid $attribute-info;
				}
			}
		}

		.radio_btn {
			position: absolute;
			left: -9999px;

			+ label {
				position: relative;
				cursor: pointer;

				&.selected {
					&:before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 28px;
    					height: 28px;
						border-radius: 100%;
						border: 1px solid $grey_border;
					}

					&:after {
						content: '';
						width: 18px;
						height: 18px;
						background: inherit;
						position: absolute;
						top: 6px;
						left: 6px;
						border-radius: 100%;
						-webkit-transition: all 0.2s ease;
						transition: all 0.2s ease;
					}
				}
			}

			&:not(:checked)  {
				position: absolute;
				left: -9999px;

				+ label {
					position: relative;
					cursor: pointer;

					&:before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 29px;
						height: 29px;
						border-radius: 100%;
					}

					&:after {
						content: '';
						width: 18px;
						height: 18px;
						background: inherit;
						position: absolute;
						top: 6px;
						left: 6px;
						border-radius: 100%;
						-webkit-transition: all 0.2s ease;
						transition: all 0.2s ease;
					}
				}
			}
		}

		.radio_img_btn {
			position: absolute;
			left: -9999px;
		}
	}

	

	.color-list {
		.color-list-item {
			display: inline-block;
			list-style: none;
    		width: 35px;

    		&:last-child {
    			padding-bottom: rem(6px);
    		}
		}
	}

	.side-list {
		padding-top: 1.2em;
		padding-left: 0;

		.side-list-item {
			display: inline-block;
			list-style: none;
    		width: 33%;
    		padding: 10px;

    		@include respond-below(md) {
				width: 50%;
			}
		
    		.side-list-item-content {
    			padding-top: 15px;
    			font-weight: bold;

    			.side-list-item-title, .side-list-item-price {
    				font-size: 14px;
    				text-align: left;
    			}
    		}

    		label {
    			&.selected {
    				&:after {
    					content: '';
    					z-index: 2;
    					position: absolute;
					    width: 30px;
					    height: 30px;
					    border-radius: 50%;
					    background-color: $pink;
					    border-radius: 50%;
					    margin-left: -20px;
    					margin-top: -15px;
					    background-image: url(./assets/img/right-white.svg);
					    background-position: right 0.6em center;
					    background-repeat: no-repeat;
    				}
    			}

    			img {
    				&:hover, &:focus {
    					cursor: pointer;
    				}
    			}
    		}
		}
	}

	.price {
		font-size: 1.6em;
		color: $pink;
		margin-bottom: 5px;
	}

	.single_add_to_cart_button {
		width: 100%;
		background-color: $pwa_primary_color;
		border-color: $pwa_primary_color;

		@include respond-below(md) {
			margin-top: 15px;
		}

		&:hover, &:focus {
			background-color: $pwa_primary_color !important;
			border-color: $pwa_primary_color;
			outline: none;
		}
	}
	
	.product-info-table {
		width: 100%;
		margin: 3em 0;

		tr {
			td {
				padding: 0.5em 0;

				&:first-child {
					font-weight: bold;
				}

				&.value {
					padding-left: 10px;
				}
			}
		}
	}

	.product-info-item {
		padding: 1em 0;
		border-bottom: 1px solid $grey_border;
		cursor: pointer;
		font-weight: bold;
		background: url('./assets/img/right-arrow-green.svg');
		background-position: right;
		background-repeat: no-repeat;
	}

	.woocommerce-product-gallery__wrapper {
		transform: none !important;

		&.single {
			.woocommerce-product-gallery__image {
				display: block !important;
			}

			&.passportout {
				.woocommerce-product-gallery__image {
					img {
						width: 75%;
					    padding-top: 15%;
						margin-left: 10%;
					}
				}

				.woocommerce-product-gallery__image--placeholder {
					img {
						width: 75%;
					    padding-top: 15%;
						margin-left: 10%;
					}
				}
			}
		}
	}

	.woocommerce-product-gallery__image {
		display: none !important;
		
		&.flex-active-slide {
			display: block !important;
		}
	}

	.product-title-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		
		.tinv-wishlist {
			.tinvwl_add_to_wishlist_button {
				border-radius: 50%;
				width: 45px !important;
				height: 45px !important;
				background: $product-whislist-bg;

				&:before {
					top: 36% !important;
					left: 35% !important;
					font-size: 35px;
					color: $product-whislist-color;

					@include respond-below(md) {
					    top: 40% !important;
					    left: 40% !important;
					    font-size: 26px;
					}
				}
				
				@include respond-below(md) {
					width: 32px !important;
					height: 32px !important;
				}
				
			}
		}
	}


	.upsells {
		.prev-upsells {
			margin-right: 1em;
		}

		.slick-list {
            @include respond-below(md) {
                padding:0 25% 0 0;
            }
        }

		.slider-arrow-wrap {
			@include respond-below(md) {
				display: none;
			}
		}

		.products-content-slider-item {
			padding: 0 0.5em;
		}
	
	}

	.color-list {
		padding-left: 0;
	}

	div.product {
		position: relative;

		.woocommerce-product-gallery {
			display: flex;
			flex-wrap: wrap;

			.woocommerce-product-gallery__trigger {
				display: none;
			}

			.flex-viewport {
				width: 75% !important;
				order: 1;
				text-align: center;

				@include respond-below(lg) {
					width: 60% !important;
				}

				@include respond-below(md) {
					display: none;
				}
			}

			.flex-control-thumbs {
				margin: 0;
				padding: 0;
				display: flex;
			    flex-direction: column;
				width: 25% !important;

				@include respond-below(lg) {
					width: 40% !important;
				}

				@include respond-below(md) {
					width: 100% !important;
					text-align: center;
					margin: 0 auto;
				}

				.slick-dots {
					position: static;
					padding-top: 1.5em;

					li {
						width: 8px;
						height: 8px;
						float: initial;

						button {
							width: 8px;
							height: 8px;
							border-color: $products_slick_dots;
							background-color: $products_slick_dots;

							&:before {
								display: none;
							}
						}

						&.slick-active {
							button {
								background-color: $light-blue;
								border-color: $light-blue;
							}
						}
					}
				}

				li {
					list-style: none;
					cursor: pointer;
					float: left;
					text-align: center;

					img {
						opacity: 1;
						width: 100px;
						height: auto;
						object-fit: cover;

						@include respond-below(md) {
							width: 100%;
							height: auto;
							text-align: center;
							margin: 0 auto;
						}
					}

					&:hover {

						img {
							opacity: 1;
						}
					}
				}
			}

			@for $i from 2 through 5 {

				&.woocommerce-product-gallery--columns-#{$i} {

					.flex-control-thumbs {

						li {
							&:nth-child(#{$i}n) {
								margin-right: 0;
							}

							&:nth-child(#{$i}n+1) {
								clear: both;
							}
						}
					}
				}
			}
		}
	}
}


.upsells-slider-wrap {
	padding: 2em 0;

	.product-image-wrap {
        
        .product-image {
        	background-color: #fff;
		    -webkit-box-shadow: 0 0 5px -3px;
		    box-shadow: 0 0 5px -3px;
            
            img {
                transform: scale(0.75);
                text-align: center;
                margin: 0 auto;
            }
        }
        
        .product-upsells-image {
            height: 100%;
            
            img {
                transform: scale(0.75);
                text-align: center;
                margin: 0 auto;
            }
        }
    }

    .slider-arrow-wrap {
        @include respond-below(md) {
           display: none;
        }
    }

    .upselss-products-slider {
        padding-top: 2em;

        .slick-track {
	        margin-left: 0;
        }

        .slick-list {
            @include respond-below(md) {
                padding:0 25% 0 0;
            }
        }
    }

    .upsells-products-slider-item {
        padding: 1px 0.5em;
    }
    
    .product-content {
        padding: 1em;

        .product-upper-tab {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-end;
            border-bottom: 1px solid $pink;
            color: $pink;

            .product-cat-title {
                font-size: 0.7em;
                text-transform: uppercase;
                letter-spacing: 1.5px;
            }

            .product-price {
                font-weight: bold;
                font-size: 1.2em;
            }
        }

        .product-bottom-tab {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-top: 0.5em;

            .product-title {
                font-weight: bold;
                max-width: 75%;
                text-decoration: none;

                @include respond-below(xl) {
                    max-width: 75%;
                }
            }

            .tinvwl_add_to_wishlist_button {
                margin-top: 0;
                height: auto;
                vertical-align: super;

                &:before {
                    font-size: 26px;
                }
            }
        }
    }
}


.realted-slider-wrap {
	padding: 2em 0;
	background: $pwa_primary_color;

	.slick-track{
		margin-left: 0;
	}

	.related-slider-title {
		color: $white;
	}

	.product-image-wrap {
        background-color: $white;
        
        .product-image {
            height: 100%;
            
            img {
                transform: scale(0.75);
                text-align: center;
                margin: 0 auto;
            }
        }
        
        .product-upsells-image {
            height: 100%;
            
            img {
                transform: scale(0.75);
                text-align: center;
                margin: 0 auto;
            }
        }
    }

    .slider-arrow-wrap {
        @include respond-below(md) {
           display: none;
        }
    }

    .related-products-slider {
        padding-top: 2em;

        .slick-list {
            @include respond-below(md) {
                padding:0 25% 0 0;
            }
        }
    }

    .related-products-slider-item {
        padding: 1px 0.5em;
    }
    
    .product-content {
        padding: 1em;

        .product-upper-tab {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-end;
            border-bottom: 1px solid $white;
            color: $white;

            .product-cat-title {
                font-size: 0.7em;
                text-transform: uppercase;
                letter-spacing: 1.5px;
            }

            .product-price {
                font-weight: bold;
                font-size: 1.2em;
            }
        }

        .product-bottom-tab {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding-top: 0.5em;

            .product-title {
                font-weight: bold;
                max-width: 75%;
                text-decoration: none;
                color: $white;

                @include respond-below(xl) {
                    max-width: 75%;
                }
            }

            .tinvwl_add_to_wishlist_button {
                margin-top: 0;
                height: auto;
                vertical-align: super;
                color: $white;

                &:before {
                    font-size: 26px;
                }
            }
        }
    }

    .slick-arrow {
	    background-color: #fff;
    	border-color: #fff;

    	.fa {
    		color: $pink;
    	}
    }
}

.stock {

	&:empty::before {
		display: none;
	}

	&.in-stock {
		color: $woocommerce__color-success;
	}

	&.out-of-stock {
		color: $woocommerce__color-error;
	}
}