/* Loading */
.blockUI {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(#fff, 0.9);
	display: block !important;
	opacity: 1 !important;
	&:before {
		content: '';
		width: 20px;
		height: 20px;
		@include border-radius(100%);
		border-color: transparent #222 transparent #222;
		border-width: 1px;
		border-style: solid;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		animation: pxl_spin .6s infinite linear;
        -webkit-animation: pxl_spin .6s infinite linear;
        box-sizing: border-box;
        z-index: 2;
	}
	&:after {
		content: '';
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		@include border-radius(100%);
		z-index: 1;
	}
}
.blockUI.blockOverlay, .blockUI.blockMsg {
	display: none !important;
}

.product-remove {
	position: relative;
	min-width: 50px;
	a.remove {
		font-size: 0px;
		width: 26px;
		height: 26px;
		background-color: $primary_color;
		border-radius: 100%;
		position: relative;
		&:before, &:after {
			content: '';
	        position: absolute;
	        height: 1px;
	        width: 12px;
	        top: 50%;
	        left: 0;
	        right: 0;
	        margin: auto;
	        background-color: #fff;
	        transform-origin: 50% 50%;
	        opacity: 1;
	        @include transition(transform ease .25s);
		}
		&:before {
	        @include transform(rotate(45deg));
	    }
	    &:after {
	        @include transform(rotate(-45deg));
	    }
	    &:hover {
	    	background-color: $primary_color;
	        &:before, &:after {
	            @include transform(rotate(0deg));
	        }
	    }
	}
	@media screen and (max-width: 769px) {
		min-height: 57px;
	}
}

.woosw-item--add .add_to_cart_button {
	&.loading {
		opacity: 1 !important;
		&:before {
			content: '';
			width: 20px;
			height: 20px;
			@include border-radius(100%);
			border-color: transparent #fff transparent #fff;
			border-width: 1px;
			border-style: solid;
			position: absolute;
			top: 0;
			right: 15px;
			bottom: 0;
			margin: auto;
			animation: pxl_spin .6s infinite linear;
	        -webkit-animation: pxl_spin .6s infinite linear;
	        box-sizing: border-box;
	        z-index: 2;
		}
		&:after {
			display: none;
		}
	}
}

// Cart Sidebar
//--------------------------------------------------
#pxl-cart-sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	.pxl-popup--overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(31, 32, 34, 0.8);
		cursor: pointer;
	}
	.pxl-item--close {
		top: 50%;
		left: auto;
		right: 35px;
		@include transform(translate(0, -50%));
		position: absolute;
		&:before, &:after {
			background-color: #666;
		}
	}
	.pxl-widget-cart-sidebar {
		padding-bottom: 137px;
		background-color: #fff;
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		z-index: 9999;
		width: 320px;
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		@include transform(translateX(100%));
		.widget_shopping_title {
			font-size: 16px;
			font-weight: 700;
			color: #000;
			flex-grow: 1;
			@extend .ft-secondary;
		}
		.widget_shopping_head {
			display: flex;
			background-color: #f9f9f9;
			padding: 16px 30px;
			margin-top: -30px;
			margin-left: -30px;
			margin-right: -30px;
			margin-bottom: 20px;
			align-items: center;
			position: relative;
			.ct-close {
				height: 36px;
				width: 36px;
			}
		}
		.widget_shopping_cart {
			padding: 30px 45px 0 30px;
			height: 100%;
			overflow-y: scroll;
			width: 350px;
			.widget_shopping_cart_content {
				ul.cart_list {
					li {
						padding: 20px 15px 15px 0;
						display: flex;
						flex-wrap: nowrap;
						border-bottom: 1px dashed rgba(0,0,0,0.1);
						position: relative;
						&:last-child {
							border: none;
							padding-bottom: 0;
						}
						&.empty {
							font-size: 16px;
							margin-top: 40px;
							padding: 0 !important;
							text-align: center;
							display: block;
							span {
								text-align: center;
								margin-bottom: 20px;
								display: block;
								margin-top: 20px;
							}
							i {
								font-size: 100px;
								color: rgba(0,0,0,0.2);
							}
							.btn {
								line-height: 50px;
								width: 100%;
								&:hover {
									color: #fff;
								}
							}
						}
					}
					.cart-product-image {
						width: 45px;
						min-width: 45px;
						margin-right: 15px;
						a {
							display: inline-block;
						}
						img {
							margin: 0;
							width: inherit;
							@include border-radius(0px);
						}
					}
					.cart-product-meta {
						padding-right: 12px;
						h3 {
						    font-size: 16px;
							line-height: normal;
							margin-bottom: 3px;
							a {
								color: inherit;
								font-weight: 600;
								&:hover {
									color: #555;
								}
							}
						}
						.quantity {
							font-size: 14px;
							border: none;
							.quantity-icon {
								display: none;
							}
							.woocommerce-Price-amount {
								margin: 0 4px;
							}
						}
					}
					a.remove_from_cart_button {
						opacity: 0;
						position: absolute;
						top: 50%;
						@include transform(translate(0, -50%));
						right: 0px;
						width: 30px;
						height: 30px;
						&:before, &:after {
							background-color: #000;
							height: 1px;
						}
					}
					li:hover a.remove_from_cart_button {
						opacity: 1;
					}
				}
			}
			.widget_shopping_cart_footer {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 30px;
				background-color: #fff;
				p.total {
					border: none;
					border-top: 1px dashed rgba(0,0,0,0.1);
					padding-top: 15px;
					padding-bottom: 0;
					color: #000;
					font-weight: 700;
					@extend .ft-secondary;
					strong {
						font-weight: inherit;
					}
				}
				p.buttons {
					margin: 0 0 30px;
					display: flex;
					flex-wrap: wrap;
					.btn {
						width: 100%;
						margin-right: 0;
						margin-bottom: 10px;
						@include border-radius(0px);
						&.checkout {
							background: $secondary_color;
					        &:hover, &:focus {
					            background: $primary_color;
					        }
						}
					}
				}
			}
		}
	}
	&.active {
		visibility: visible;
		.pxl-widget-cart-sidebar {
			@include transform(translateY(0%));
		}
	}
}

.admin-bar #pxl-cart-sidebar .pxl-widget-cart-sidebar {
	top: 32px;
}

@media #{$min-lg} {
	.admin-bar .widget-cart-sidebar {
		top: 32px;
		padding-bottom: 167px;
		.widget_shopping_cart .widget_shopping_cart_footer {
			bottom: 32px;
		}
	}
}

.pxl-entry-content > .woocommerce {
	.cart-empty, .return-to-shop {
		text-align: center;
	}
}
.woocommerce {
	.loader::before{
		margin: 0;
		background: none;
	}
	.pxl-sidebar-area .pxl-sidebar-sticky {
		padding: 0;
		border: none;
	}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
		background-color: #f9f9f9;
	}
	ins {
		background-color: transparent;
		color: $primary_color;
	}
	#pxl-sidebar-area {
		.widget {
			padding: 0;
			border: none;
			margin-bottom: 52px;
			&:last-child {
				margin-bottom: 0;
			}
		}
		.widget_price_filter {
			.ui-slider-horizontal {
				height: 4px;
				background-color: #e6e6e6;
				@include border-radius(0px);
			}
			.ui-slider .ui-slider-range {
				background-color: $primary_color;
			}
			.ui-slider .ui-slider-handle {
				height: 10px;
				width: 10px;
				background-color: $primary_color;
				@include border-radius(0px);
				top: -3px;
			}
			.price_slider_amount {
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				justify-content: center;
				padding-top: 10px;
				.button {
					line-height: 32px;
					font-size: 14px;
					margin-right: 20px;
					padding: 0 18px;
				}
			}
			.price_label {
				font-size: 14px;
				color: #080808;
			}
		}
		.widget_product_search {
			button {
				padding: 0;
				width: 53px;
				height: 50px;
				text-indent: -9999px;
				position: absolute;
				top: 0;
				right: 0;
				@include border-radius(0px);
				opacity: 1;
				z-index: 3;
				border-left: 1px solid #ececf0;
				color: #222;
				font-size: 15px;
				background-color: transparent;
				background-image: none;
				@include box-shadow(none);
				&:after {
					content: "\f002";
					position: absolute;
					top: 50%;
					left: 50%;
					@include transform(translate(-50%, -50%));
					font-family: "Font Awesome 5 Pro";
					text-indent: 0px;
					font-weight: 400;
				}
				&:hover {
					background-color: $primary_color;
					border-color: $primary_color;
					color: #fff;
				}
			}
			.search-field {
				height: 50px;
				color: #222;
				border-color: #ececf0;
				font-size: 15px;
				&:focus {
					border-color: $primary_color;
					+ button {
						border-color: $primary_color;
					}
				}
			}
		}
		.widget_products {
			ul li {
				position: relative;
				padding: 0 0 0 95px;
				margin-bottom: 15px;
				min-height: 80px;
				.product-title {
					margin-bottom: 0;
				}
				img {
					margin: 0;
					width: 100%;
					max-width: 80px;
					position: absolute;
					top: 0;
					left: 0;
					border-radius: 2px;
					@include box-shadow(0 5px 9px rgba(0,0,0,0.06));
				}
				a {
					font-size: 15px;
					color: #222;
					font-weight: 700;
					line-height: 1.25;
					margin-top: 8px;
					margin-bottom: 6px;
					@extend .ft-secondary;
					&:hover {
						color: $primary_color;
					}
				}
				.star-rating {
					margin-bottom: 2px;
					&:before {
						font-size: 12px;
					}
					span::before {
						font-size: 12px;
						
					}
				}
			}
		}
	}
}
.coupon{
	display: flex;
	align-items: center;
	button{
		margin: 0;
	}
}
.woocommerce, .woocommerce-page {
	.woocommerce-info {
		border-color: $primary_color;
		&:before {
			color: $primary_color;
		}
	}
	@media screen and (max-width: 769px) {
		.coupon {
			#coupon_code {
				width: 100% !important;
				margin-bottom: 10px;
				border: none;
				@include border-radius(50px);
			}
			.button {
				width: 100% !important;
			}
		}
	}
	form .form-row {
		padding: 0 0 15px;
	}
	table.cart td.actions .coupon .input-text {
		margin-right: 15px;
	}
	textarea {
		padding-top: 24px;
		padding-bottom: 24px;
		min-height: 140px;
	}
	.nice-select {
		text-align: left;
		border-radius: 4px;
		background: #F5F6F6;
		font-size: 16px;
		padding-left: 26px;
		@extend .ft-secondary;
		span.current {
			line-height: 48px;
			color: var(--504-e-4-e, #504E4E);
			font-size: 16px;
			font-weight: 400;
		}
		&:before {
			color: #000000;
			right: 18px;
			content: "\f0d7";
			font-family: "Font Awesome 5 Free";
  			font-weight: 900;
			font-size: 20px;
		}
		ul.list {
			border: 1px solid rgba(#161D39, 0.1);
			border-radius: 0 0 27px 27px;
			left: -1px;
			right: -1px;
			box-shadow: none;
			li {
				border-radius: 5px;
			}
		}
		&.open {
			border-radius: 27px 27px 0 0;
		}
	}
	form .select2-container--default .select2-selection {
		border: 1px solid #f8f8f8;
		@include border-radius(30px);
		height: 60px;
		background-color: #f8f8f8;
		.select2-selection__rendered {
			line-height: 60px;
			padding-left: 32px;
			color: #454545;
		}
	}
	.select2-container--open .select2-results li.select2-results__option {
		padding: 6px 15px;
	}
	#respond input#submit, a.button, a.wc-forward, 
	button.button, input.button, .cart button.button, 
	a.button.alt, button.button:disabled, a.button:disabled, 
	button.button:disabled[disabled], button.button.alt {
		font-size: 14px;
	    font-weight: 600;
	    color: #fff;
	    padding: 0 26px;
	    line-height: 56px;
	    border-radius: 46px;
	    @include transition(all 200ms linear 0ms);
	    position: relative;
	    display: inline-block;
	    cursor: pointer;
	    border: none;
	    @include background-gradient-button(to right, $gradient_color_from 0%, $gradient_color_to 51%, $gradient_color_from 100%);
    	background-size: 200%, auto;
	    text-transform: uppercase;
	    @extend .ft-secondary;
	    &:hover, &:focus, &:active, &:not([disabled]):not(.disabled).active, &:not([disabled]):not(.disabled):active {
	        outline: medium none;
	        text-decoration: none;
	        color: #fff;
	        background-position: right center;
	        @include background-gradient-button(to right, $gradient_color_from 0%, $gradient_color_to 51%, $gradient_color_from 100%);
	        background-color: transparent;
	    }
	}
	button.button:disabled, a.button:disabled, button.button:disabled[disabled] {
		opacity: 1;
		cursor: not-allowed;
		&:hover, &:focus {
			background-color: $primary_color;
		}
	}
}
.woocommerce, .woocommerce-page {
	.comment-form, #commentform {
		max-width: 100%;
		padding: 0;
  		border: none;
	}
	#pxl-wapper .quantity {
		position: relative;
		display: inline-flex;
		@include border-radius(50px);
		.qty {
			padding: 0 30px;
			color: #23272A;
			@include border-radius(0px);
			background-color: transparent;
			font-size: 16px;
			font-weight: 500;
			-moz-appearance: textfield;
			text-align: center;
			&::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}
			height: 28px;
			width: 98px;
			border-radius: 46px;
			border: none;
		}
	}
	#pxl-wapper .quantity-icon {
		color: $heading_color;
		position: absolute;
		font-size: 8px;
		background-color: #E9E9E9;
		cursor: pointer;
		width: 28px;
		height: 28px;
		justify-content: center;
		display: inline-flex;
		align-items: center;
		@include border-radius(50%);
		top: 50%;
		transform: translateY(-50%);
		&.quantity-down {
			left: 0;
		}
		&.quantity-up {
			right: 0;
		}
	}
	table.shop_table {
		@include border-radius(0px);
		td {
			padding: 20px 15px;
		}
		th, tbody th, tfoot td, tfoot th {
			font-weight: 500;
		}
	}
}
.woocommerce-page {
	#add_payment_method table.cart img, 
	&.woocommerce-cart table.cart img, 
	&.woocommerce-checkout table.cart img {
		width: 50px;
	}
}
@media screen and (min-width: 992px) {
  .woocommerce {
  	.content-row {
  		margin: 0 -15px;
  	}
    #pxl-content-area.content-has-sidebar {
    	padding-left: 15px;
    	padding-right: 15px;
		flex: 0 0 75%;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		-o-flex: 0 0 75%;
		max-width: 75%;
    }
    #secondary.widget-has-sidebar {
    	padding-left: 15px;
    	padding-right: 15px;
		flex: 0 0 25%;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		-o-flex: 0 0 25%;
		max-width: 25%;
    }
  }
}
// Shop Widget
//--------------------------------------------------
.widget_products {
	.amount {
		font-size: 14px;
		font-weight: 500;
		color: $primary_color;
	}
	del {
		color: #8f8f8f;
		.amount {
			color: #8f8f8f;
		}
	}
	.star-rating-wrap {
		display: none !important;
	}
}
.widget_rating_filter {
	.wc-layered-nav-rating {
		a {
			font-size: 0px;
			display: block;
			padding-left: 28px !important;
			position: relative;
			&:before {
				content: "";
				height: 18px;
				width: 18px;
				border: 1px solid #e6e6e6;
				@include border-radius(18px);
				position: absolute;
				top: 1px;
				left: 0;
				@include transition(all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s);
			}
			.star-rating {
				font-size: 18px;
			}
			&:hover {
				&:before {
					border-color: $primary_color;
					background-color: $primary_color;
				}
			}
		}
		&.chosen a:before {
			border-color: $primary_color;
			background-color: $primary_color;
		}
	}
}
// Shop Top Bar
//--------------------------------------------------
#shop-topbar {
	border-bottom: 1px solid #e5e5e5;
	background-color: #f7f7f7;
	.shop-topbar-item {
		margin: 11px 0;
		position: relative;
		padding-left: 76px;
		color: #000000;
		font-size: 16px;
		min-height: 56px;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		i {
			height: 56px;
			width: 56px;
			@include border-radius(56px);
			border: 1px solid #e5e5e5;
			line-height: 54px;
			text-align: center;
			font-size: 24px;
			position: absolute;
			top: 0;
			left: 0;
		}
		span {
			font-weight: 500;
		}
	}
}

// Shop Breadcrumb
//--------------------------------------------------
#shop-breadcrumb {
	padding: 23px 0;
	ul {
		list-style: none;
		margin: 0;
		li {
			display: inline-block;
			font-size: 16px;
			font-weight: 500;
			color: $primary_color;
			margin: 10px 0;
			padding: 0 12px;
			position: relative;
			&::after {
				content: '/';
				color: #e9e9e9;
				position: absolute;
				top: 0;
				right: -4px;
			}
			&:first-child {
				padding-left: 0;
			}
			&:last-child:after {
				display: none;
			}
			a {
				color: $color_dark;
				&:hover {
					color: $primary_color;
				}
			}
		}
	}
}
// Form Style
//--------------------------------------------------

// Product Default
//--------------------------------------------------
.woocommerce {
	.woocommerce-summary-inner{
		.pxl-return--products{
			display: flex;
			color:  #504E4E;
			font-weight: 400;
			line-height: 1.6;
			margin-top: 18px;
			div{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 28px;
				height: 28px;
				border-radius: 28px;
				background-color: #E8E8FF;
				margin-right: 15px;
			}
		}
		.woocommerce-Price-amount.amount{
			color: $primary_color;
			font-size: 28px;
			font-weight: 500;
		}
	}
	.woocommerce-summary-content{
		.woocommerce-sg-product-details{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 15px;
			.woocommerce-sg-product-category{
				font-size: 18px;
				font-weight: 400;
				text-transform: capitalize;
				line-height: 1;
				p{
					margin: 0;
				}
			}
		}
		.entry-title{
			color: var(--261723, #261723);
			font-size: 28px;
			font-weight: 500;
			line-height: 1.21;
		}
	}
	
	.star-rating-wrap {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		.star-rating {
			margin: 0;
		}
		.count-rating {
			font-size: 16px;
			margin-left: 8px;
			color: #223543;
			font-weight: 600;
		}
	}
	span.onsale {
		height: 45px;
		width: 45px;
		min-width: inherit;
		min-height: inherit;
		font-size: 15px;
		color: #fff;
		padding: 0;
		text-align: center;
		line-height: 45px;
		background-color: $primary_color;
		@include border-radius(50px);
		margin: 0 !important;
		top: 14px !important;
		left: 29px !important;
		right: auto !important;
		font-weight: normal;
		z-index: 1;
	}
	.star-rating {
		font-size: 16px;
		letter-spacing: 3px;
		width: 105px;
		height: 22px;
		span::before {
			color: #FFBA0A;
		}
		&:before {
			color: #d4d4d4;
		}
	}
	ul.products {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
		li.product {
			margin-bottom: 30px !important;
			margin-right: 0;
			margin-left: 0;
			padding: 0 15px;
			&.last {
				margin-right: 0;
			}
			> .woosw-btn, > .woosq-btn, > .woosc-btn {
				display: none !important;
			}
		}
		@media #{$min-lg} {
			&.columns-5 li.product {
				width: calc(20% - 1px);
				width: -webkit-calc(20% - 1px);
				width: -ms-calc(20% - 1px);
				width: -o-calc(20% - 1px);
			}
		}
		@media #{$min-lg} {
			&.columns-4 li.product {
				width: calc(25% - 1px);
				width: -webkit-calc(25% - 1px);
				width: -ms-calc(25% - 1px);
				width: -o-calc(25% - 1px);
			}
		}
		@media #{$max-md} {
			&.columns-4 li.product {
				width: calc(33.33% - 1px);
				width: -webkit-calc(33.33% - 1px);
				width: -ms-calc(33.33% - 1px);
				width: -o-calc(33.33% - 1px);
			}
		}
		@media #{$min-md} {
			&.columns-3 li.product {
				width: calc(33.33% - 1px);
				width: -webkit-calc(33.33% - 1px);
				width: -ms-calc(33.33% - 1px);
				width: -o-calc(33.33% - 1px);
			}
		}
		@media #{$mm-sm} {
			li.product {
				width: 50% !important;
			}
		}
		@media #{$max-xs} {
			li.product {
				width: 100% !important;
			}
		}
	}
	#pxl-content-area.content-has-sidebar {
		ul.products {
			@media screen and (min-width: 992px) {
				&.columns-4 li.product {
					width: calc(33.33% - 1px);
					width: -webkit-calc(33.33% - 1px);
					width: -ms-calc(33.33% - 1px);
					width: -o-calc(33.33% - 1px);
				}
			}
		}
	}
	ul.products li.product .woocommerce-product-title, .woocommerce-product-title {
		color: $heading_color;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.37; /* 137.5% */
		margin-bottom: 7px;
		a {
			color: inherit;
			&:hover {
				color: $primary_color;
			}
		}
	}
	.woocommerce-product-category {
		font-size: 14px;
		color: inherit;
		margin-bottom: 3px;
		a {
			color: inherit;
			&:hover {
				color: $primary_color;
			}
		}
	}
	ul.products li.product .price {
		margin-bottom: 0;
		color: $heading_color !important;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 1.1; /* 110% */
		.amount {
			color: inherit;
		}
		del {
			color: #8f8f8f;
			opacity: 1;
			.amount {
				background-image: none;
				text-fill-color: #8f8f8f;
			    -o-text-fill-color: #8f8f8f;
			    -ms-text-fill-color: #8f8f8f;
			    -moz-text-fill-color: #8f8f8f;
			    -webkit-text-fill-color: #8f8f8f;
			}
		}
		ins {
			color: inherit;
			font-weight: inherit;
			text-decoration: none;
		}
	}
	.woocommerce-topbar {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 101;
		margin-bottom: 64px;
		border-bottom: 1px solid #E3E3E3;
		padding: 5px 0;
		@media #{$max-sm} {
			padding: 20px 0;
		}
		div.woocommerce-result-count {
			margin: 0;
			flex-grow: 1;
			color: var(--261723, #261723);
			font-size: 20px;
			font-style: normal;
			font-weight: 500;
			line-height: 1.5; /* 150% */
			@extend .ft-secondary;
			margin-top: 15px;
			margin-right: 30px;
			margin-bottom: 15px;
		}
		.woocommerce-topbar-ordering {
			min-width: 250px;
			margin: 5px 0;
		}
		.woocommerce-result-count, .woocommerce-topbar-ordering .woocommerce-ordering {
			float: none;
			margin: 0;
		}
		.woocommerce-ordering {
			min-width: 220px;
		}
	}
	.woocommerce-product-inner {

		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
		z-index: 1;
		position: relative;
		&:before, &:after {
			content: '';
			position: absolute;
			@include transition(all 300ms linear 0ms);
			border-radius: inherit;
		}
		.woocommerce-product-header {
			padding: 60px 0 60px;
			margin-bottom: 20px;
			@include border-radius(8px);
			background: #F6F7FA;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
			img {
				max-width: 250px !important;
				display: inline-block;
				margin-bottom: 0 !important;
			}
			.woocommerce--toolbar{
				display: none;
				align-content: center;
				justify-content: center;
				gap: 10px;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
				z-index: 9;
				opacity: 0;
				@include transition(all 0.3s linear 0ms);
				button{
					background : #fff;
					border-radius: 5px;
					color: $primary_color;
					@include transition(all 0.3s linear 0ms);
					&:hover{
						background :  $primary_color;
						color: #ffffff;
					}
				}
				.woos{
					position: relative;
					&:before,&:after{
						position: absolute;
						opacity: 0;
						@include transition(all 0.3s linear 0ms);
					}
					&:after{
						content: '';
						top: -11px;
						left: -22px;
						border-radius: 5px;
						line-height: 34px;
						padding: 0 6px;
						font-weight: 600;
						font-size: 14px;
						letter-spacing: 0.14px;
						color: #fff;
						background-color: #6ABC29;
						white-space: nowrap;
						transform: translateY(-100%);
					}
					&:hover{
						&:before,&:after{
							opacity: 1;
						}
					}
				}
				.woocommerce--wishlist{
					&:after{
						content: 'Add to Favourite';
					}
				}
				.woocommerce--compare{
					&:after{
						content: 'Add to Compare';
					}
				}
				.woocommerce--quickview{
					&:after{
						content: 'Quick View';
					}
				}
			}
		}
		.woocommerce-product-content {
			.woocommerce-product-title {
				margin-bottom: 5px;
				font-size: 20px;
				font-weight: 500;
				a{
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
			.woocommerce-product--price {
				font-size: 18px;
				font-weight: 500;
				margin-bottom: 16px;
				.price {
					display: inline-block;
					// @extend .text-gradient;
				}
			}
			.woocommerce-product--rating {
				
				.star-rating {
					margin: 0 0 7px;
					letter-spacing: 5px;
					
				}
			}
			.woocommerce-add-to-cart {
				.button,.added_to_cart {
					flex-direction: row-reverse;
					display: inline-flex;
					align-items: center;
					width: 100%;
					margin-top: 0;
					background: none;
					z-index: 1;
					color: var(--716-f-73, #716F73);
					font-size: 16px;
					font-weight: 500;
					line-height:48px;
					text-transform: uppercase;
					@extend .ft-secondary;
					&:before, &::after {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						border-radius: 4px;
						@include transition(all 300ms linear 0ms);
						z-index: -1;
					}
					&:before {
						border: 1px solid #504E4E;
						background: var(--ffffff, #FFF);
					}
					&::after {
						background: $primary_color;
						opacity: 0;
						z-index: -1;
					}
					i {
						font-size: 18px;
						font-weight: 400;
					}
					&:hover, &:focus {
						color: #fff;
						&:before {
							opacity: 0;
						}
						&::after {
							opacity: 1;
						}
					}
					&.added {
						display: none !important;
					}
					&.loading {
						opacity: 1;
						.pxl-cart-loader {
							content: '';
							width: 16px;
							height: 16px;
							@include border-radius(100%);
							border-color: transparent #fff transparent #fff;
							border-width: 2px;
							border-style: solid;
							position: absolute;
							top: 0;
							left: auto;
							right: 16px;
							bottom: 0;
							margin: auto;
							animation: pxl_spin .6s infinite linear;
					        -webkit-animation: pxl_spin .6s infinite linear;
					        box-sizing: border-box;
					        z-index: 8;
						}
						&:after {
							display: none;
						}
					}
				}
				.wc-forward {
					flex-direction: row-reverse;
					display: inline-flex;
					align-items: center;
					width: 100%;
					margin-top: 0;
					background: none;
					z-index: 1;
					color: var(--716-f-73, #716f73);
					font-size: 16px;
					font-weight: 500;
					line-height: 48px;
					text-transform: uppercase;
					justify-content: center;
					&:before, &:after {
						content: '';
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						@include transition(all 300ms linear 0ms);
						z-index: -1;
					}
					&:before {
						border: 1px solid #717171;
						z-index: -2;
					}
					&:after {
						background: var(--primary-color);
						opacity: 0;
						z-index: -1;
					}
					i {
						font-size: 18px;
						font-weight: 400;
					}
					&:hover, &:focus {
						color: #fff;
						background: none;
						&:before {
							opacity: 0;
						}
						&:after {
							opacity: 1;
						}
					}
				}
			}
		}
		&:hover {
			&:after {
				opacity: 1;
			}
			.woocommerce--toolbar{
				bottom: 11px;
				opacity: 1;
			}
		}
	}
	.product-type-grouped .woocommerce-product-header .woocommerce-product-meta {
	  display: none !important;
	}
	nav.woocommerce-pagination {
		display: flex;
		justify-content: center;
		margin-top: 34px;
		ul.page-numbers {
			border: none;
	    	li {
	    		border: none;
	    		overflow: visible;
	    	}
		}
		.page-numbers {
	    	width: 52px;
			height: 52px;
			text-align: center;
			font-size: 20px;
			font-weight: 500;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			color: #261723;
			position: relative;
			z-index: 1;
			padding: 0;
			margin: 0 5px;
			border: 1px solid #f1f1f1;
			border-radius: 4px;
			&.pre,&.next{
				transition: all .3s;
				&.current, &:hover {
					border: 1px solid $primary_color;
					i{
						color: $primary_color;
					}
					&:before {
						display: none;
					}
					&:after {
						display: none;
					}
				}
				
			}
	        &:before, &:after {
	        	content: '';
	        	position: absolute;
	        	top: 0;
	        	left: 0;
	        	width: 100%;
	        	height: 100%;
	        	border-radius: inherit;
	        	@include transition(all 300ms linear 0ms);
	        	z-index: -1;
	        }
	        &:before {
	        	border: 1px solid rgba(#000000, 0.15);
	        }
	        &:after {
	        	opacity: 0;
	        	background: $primary_color;
	        }
	        i {
	        	font-size: 13px;
	        }
	        &.current, &:hover {
	            background-color: transparent;
	            color: #fff;
	            &:before {
	            	opacity: 0;
	            }
				&:after {
					opacity: 1;
				}
	        }
	    }
	}
	&.woocommerce-layout-list {
		ul.products li.product {
			width: 100% !important;
		}
	}
}
.wc-block-components-totals-coupon{
	>.wc-block-components-panel__button{
		padding-left: 15px;
	}
}
.wc-block-components-button:not(.is-link){
	min-height: unset !important;
	transition: background-color 0.5s;
	border: 2px solid transparent;
	line-height: 56px !important;
	&:hover{
		background-color: $primary_color !important;
		border: 2px solid $primary_color;
	}
}
//woocommerce-sg-sidebar

:not(.single-product){
	.woocommerce-sg-sidebar{
	@media #{$max-md} {
		margin-bottom: 30px;
	}
	.pxl-sidebar--content{
		padding: 20px;
		border-radius: 12px;
		border: 1px solid #E9E9E9;
	}
	.title-shipping{
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #E9E9E9;
		flex-wrap: wrap;
		.ship-to{
			font-size: 18px;
			font-weight: 500;
			margin: 0;
			padding-bottom: 12px;
		}
		p{
			display: flex;
			align-items: center;
			font-size: 18px;
			font-weight: 400;
			margin: 0;
			padding-bottom: 12px;
		}
	}
	.title-delivery{
		color: $heading_color;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.4;
		margin-top: 17px;
		padding-bottom: 10px;
		border-bottom: 1px solid #E9E9E9;
		.product-shipping--cost{
			font-size: 16px;
		}
	}
	.title-service{
		color: $heading_color;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.4;
		padding-bottom: 15px;
		border-bottom: 1px solid #E9E9E9;
		.pxl-content--service{
			color: var(--716-f-73, #716F73);
			font-weight: 400;
		}
	}
	.product-shipping--time{
		color: var(--716-f-73, #716F73);
		font-size: 18px;
		font-weight: 500;
		line-height: 1.4;
		display: flex;
		margin-top: 12px;
		.pxl-shipping--time{
			color: $heading_color;
			margin-left: 10px;
		}
	}
	.title-quantity{
		color: $heading_color;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.4;
		margin: 13px 0 9px;
	}
	.title-stock{
		margin: 10px 0 20px;
	}
	.button{
		width: 100%;
		border-radius: 4px !important;
		background: #fff !important;
		border: 2px solid $primary_color !important;
		color: $primary_color !important;
		margin-top: 30px !important;
	}
}
}
// Single Product
//--------------------------------------------------
.single-product {
	.woosc-quick-table {
		display: none;
	}
	.woocommerce-social-share {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		label {
			font-size: 20px;
			color: #000001;
			font-weight: 600;
			@extend .ft-secondary;
			display: inline-block;
		}
		a {
			height: 35px;
			width: 35px;
			display: inline-flex;
			border-radius: 5px;
			color: #454545;
			justify-content: center;
			align-items: center;
			font-size: 17px;
			position: relative;
			z-index: 1;
			&:before, &:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: inherit;
				z-index: -1;
				@include transition(all 300ms linear 0ms);
			}
			&:before {
				border: 1px solid #454545;
				background-color: #fff;
			}
			&:after {
				@include background-horizontal($gradient_color_from, $gradient_color_to);
				opacity: 0;
			}
			i {
				display: inline-flex;
			}
			&:hover {
				color: #fff;
				&:before {
					opacity: 0;
				}
				&:after {
					opacity: 1;
				}
			}
		}
	}
	.woocommerce-sg-product-price {
		margin-top: 20px;
		p {
			margin-bottom: 0;
		}
	}
	section.related {
		padding-top: 46px;
		h2 {
			font-size: 30px;
			font-weight: 500;
			line-height: 1.333;
			margin-bottom: 36px;
			position: relative;
			border-bottom: 1px solid #{'rgba(var(--heading-color-rgb),0.1)'};
			padding: 0 0 25px 0;
			@media #{$max-md} {
				font-size: 36px;
			}
			@media #{$max-sm} {
				font-size: 30px;
			}
		}
		ul.products {
			margin-bottom: 0;
			li.product {
				margin-bottom: 0 !important;
				margin-top: 30px;
				@media #{$max-md} {
					width: 50%;
				}
				@media #{$max-xs} {
					width: 100%;
				}
			}
		}
	}
	#pxl-content-area div.product {
		.entry-summary {
			width: 100% !important;
			margin-bottom: 0;
		}
	}
	#pxl-content-area div.product, > div.product {
		.woocommerce-product-details__short-description {
			p:last-child {
				margin-bottom: 0;
			}
		}
		.woocommerce-sg-product-feature {
			margin-bottom: 71px;
			list-style: none;
			li {
				display: flex;
				flex-wrap: nowrap;
				i {
					margin-right: 8px;
					margin-top: 6px;
					color: $primary_color;
				}
				p:last-child {
					margin-bottom: 0;
				}
				+ li {
					margin-top: 10px;
				}
			}
		}
		form.cart {
			margin-bottom: 20px;
			label {
				font-size: 16px;
				margin-bottom: 0;
				font-weight: 700;
				color: #191919;
				@extend .ft-heading;
			}
			.reset_variations {
				color: #000;
				font-size: 15px;
				margin-top: 6px;
				&:hover {
					color: $primary_color;
				}
			}
			.single_variation_wrap {
				width: 100%;
			}
			.variations {
				.variable-item:before {
					min-width: auto;
					font-size: 12px;
					border-radius: 0px;
					padding: 0 12px;
					line-height: 26px;
					box-shadow: none;
				}
				th.label {
					text-align: left;
					font-size: 15px;
					font-weight: normal;
					color: #666;
					label {
						font-weight: normal;
						color: inherit;
						font-family: inherit;
					}
					.woo-selected-variation-item-name {
						color: #000;
					}
				}
				td.label {
					padding: 0;
				}
				td.woo-variation-items-wrapper {
					padding: 0;
					margin-bottom: 12px;
				}
				.color-variable-items-wrapper {
					.color-variable-item {
						box-shadow: 0 0 0 1px rgba(0,0,0,0.12);
						@include border-radius(0px);
					}
				}
				.button-variable-items-wrapper {
					.button-variable-item {
						padding: 0;
						border-radius: 0px;
						background-color: #f9f9f9;
						box-shadow: 0 0 0 1px rgba(0,0,0,0.12);
						.variable-item-span {
							font-size: 14px;
						}
						&.selected {
							background-color: #000;
							box-shadow: 0 0 0 1px rgba(0,0,0,1);
							.variable-item-span {
								color: #fff;
							}
						}
					}
				}
			}
			.button-variable-wrapper {
				.button-variable-item {
					border-radius: 3px;
					box-shadow: 0 0 0 1px rgba(0,0,0, 0.12);
					background-color: #f9f9f9;
					.variable-item-span-button {
						font-size: 15px;
						line-height: 26px;
						padding: 0 8px;
						color: #383838;
					}
					&.selected, &:hover {
						background-color: $primary_color;
						box-shadow: 0 0 0 1px $primary_color;
						.variable-item-span-button { 
							color: #fff;
						}
					}
				}
			}
			&.variations_form {
				.woocommerce-variation-add-to-cart {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
				}
				.woocommerce-variation-price {
					margin: 0 0 24px;
				}
				button.single_add_to_cart_button {
					background-color: $primary_color;
				}
			}
			&:not(.variations_form), &:not(.grouped_form) {
				display: flex;
				margin: 0 0 32px;
				align-items: center;
				flex-wrap: wrap;
				select {
					margin: 0;
				}
				label {
					line-height: 50px;
				}
			}
			.woocommerce-grouped-product-list {
				td {
					vertical-align: middle;
					padding-bottom: 10px;
					a {
						color: inherit;
					}
				}
			}
			.woocommerce-grouped-product-list-item__price {
				font-weight: 500;
				color: $primary_color;
				font-size: 15px;
				@media #{$max-lg} {
					font-size: 14px;
				}
				ins {
					text-decoration: none;
				}
				del {
					color: #8f8f8f;
				}
			}
			@media #{$max-lg} {
				.woocommerce-grouped-product-list-item__label {
					label {
						font-size: 14px;
					}
				}
			}
		}
		.woocommerce-gallery span.onsale {
			display: none;
		}
		.woocommerce-gallery-inner {
			display: flex;
			position: relative;
		}
		.woocommerce-product-gallery {
			width: 100% !important;
			margin-bottom: 57px;
			@media #{$max-md} {
				margin-bottom: 40px;
			}
			.woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
				border-radius: 10px;
				z-index: 1;
				&:before {
					content: '';
					border-radius: inherit;
					background-image: url(../img/view-port-bg.webp);
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: -1;
				}
			}
			.woocommerce-product-gallery__wrapper .zoomImg {
				background-color: #e7e8ea;
			}
			.woocommerce-product-gallery__image {
				padding: 0;
				overflow: hidden;
			}
			.flex-viewport {
				border-radius: 10px;
				overflow: hidden;
				z-index: 1;
				&:before {
					content: '';
					border-radius: inherit;
					background-image: url(../img/view-port-bg.webp);
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: -1;
				}
				.woocommerce-product-gallery__image {
					@include box-shadow(none);
				}
			}
			.flex-control-nav {
				margin: 0 -8px;
				li {
					margin-top: 20px;
					padding-left: 8px;
					padding-right: 8px;
					img {
						opacity: 1;
						border: 1px solid rgba(#030617, 0.12);
						border-radius: 10px;
						&.flex-active {
							border-color: #{'rgba(var(--primary-color-rgb),0.32)'};
						}
					}
				}
			}
			.flex-direction-nav {
				margin: 0;
				padding: 0;
				list-style: none;
				a {
					font-size: 0px;
					width: 42px;
					height: 42px;
					position: relative;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					color: #fff;
					border: 2px solid #fff;
					border-radius: 42px;
					&:before {
						content: "\f136";
						font-family: "Caseicon";
						font-size: 18px;
						display: inline-flex;
					}
					&:hover {
						background-color: #fff;
						&:before {
							@extend .text-gradient;
						}
					}
				}
				.flex-nav-prev, .flex-nav-next {
					position: absolute;
					top: 50%;
					@include transform(translate(0, -50%));
					@include transition(all .25s cubic-bezier(.645,.045,.355,1));
					opacity: 0;
					visibility: hidden;
					z-index: 99;
				}
				.flex-nav-prev {
					left: 0;
				}
				.flex-nav-next {
					right: 0;
					a:before {
						@include transform(scaleX(-1));
					}
				}
			}
			.woocommerce-product-gallery__image a {
				position: relative;
				display: block;
			}
			&:hover {
				.flex-direction-nav {
					.flex-nav-prev {
						left: 22px;
						opacity: 1;
						visibility: visible;
					}
					.flex-nav-next {
						right: 22px;
						opacity: 1;
						visibility: visible;
					}
				}
			}
		}
		.entry-summary {
			.stock{
				display: none;
			}
			@media #{$max-lg} {
				padding-left: 0;
			}
			> .woosc-btn, > .woosw-btn {
				display: none !important;
			}
			.woocommerce-sg-product-button {
				padding-left: 110px;
				.woosw-btn {
					width: 100%;
					@include border-radius(0px);
					background: $secondary_color;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					padding: 0 10px;
					&:before {
						content: "\f12f";
						font-family: "Caseicon";
						margin: 0 5px;
					}
					&:hover, &:focus {
						background: $primary_color;
					}
				}
			}
			.woocommerce-product-rating {
				margin-bottom: 0;
				display: flex;
				align-items: center;
				.star-rating {
					margin: 0;
					width: 117px;
					height: 22px;
					letter-spacing: 5px;
					font-size: 18px;
				}
				.woocommerce-review-link {
					margin-left: 8px;
					font-size: 18px;
					font-weight: 500;
					color: #454545;
					line-height: 1;
				}
			}
			.entry-title {
				color: var(--261723, #261723);
				font-size: 28px;
				font-weight: 500;
				line-height: 1.21;
				margin-top: 6px;
				margin-bottom: 12px;
				@media #{$max-lg} {
					font-size: 30px;
					margin-top: -12px;
				}
				@media #{$max-sm} {
					font-size: 28px;
					margin-top: 0px;
				}
			}
			.price {
				font-size: 28px;
				line-height: 1;
				font-weight: 600;
				@extend .ft-secondary;
				ins {
					margin-right: 22px;
					color: inherit;
					text-decoration: none;
				}
				del {
					color: #8f8f8f;
					.amount {
						color: #8f8f8f;
					}
				}
				// .amount {
				// 	@extend .text-gradient;
				// }
			}
			.woocommerce-sg-product-excerpt {
				margin-bottom: 34px;
				@media #{$max-sm} {
					font-size: 16px;
				}
			}
			.single_add_to_cart_button {
				display: inline-flex;
				justify-content: center;
				float: none;
				i {
					font-size: 16px;
				}
				&.loading {
					padding-right: 42px;
					&:after {
						top: 0;
						right: 14px;
					}
				}
				&.added:after {
					display: none;
				}
			}
		}
		.woocommerce-tabs {
			ul.wc-tabs {
				overflow: visible;
				padding: 0;
				margin-top: 25px;
				margin-bottom: 0;
				position: relative;
				z-index: 1;
				
				@media #{$max-xs} {
					border-bottom: none;
				}
				&:before {
					border-color: #E3E3E3;
					bottom: 50%;
					margin-top: 1px;
					@media #{$max-sm} {
						display: none !important;
					}
				}
				&:after {
					display: none !important;
				}
				li {
					margin: 0px 40px 0 0;
					padding: 0;
					border: none;
					background-color: transparent;
					position: relative;
					z-index: 99;
					@media #{$max-sm} {
						margin: 10px 0 0;
						width: 100%;
					}
					&:before, &:after {
						display: none !important;
					}
					a {
						padding: 0 30px;
						font-size: 24px;
						line-height: 54px;
						color: #555555;
						font-weight: 500;
						position: relative;
						z-index: 99;
						@extend .ft-heading;
						text-transform: capitalize;
						position: relative;
						border-radius: 54px;
						z-index: 1;
						@media #{$max-sm} {
							display: block;
							text-align: center;
							font-size: 20px;
							line-height: 50px;
						}
						&:before, &:after {
							content: '';
							z-index: -1;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							@include transition(all 300ms linear 0ms);
							border-radius: inherit;
						}
						&:before {
							background-color: #fff;
							border: 1px solid #E3E3E3;
						}
						&:after {
							@include background-horizontal($gradient_color_from, $gradient_color_to);
							opacity: 0;
						}
					}
					&.active > a, a:hover {
						color: #fff;
						&:before {
							opacity: 0;
						}
						&:after {
							opacity: 1;
						}
					}
				}
			}
			.woocommerce-Tabs-panel {
				.woocommerce-product-attributes th {
					font-weight: 600 !important;
				}
				&.woocommerce-Tabs-panel--description {
					@media #{$max-sm} {
						font-size: 17px;
					}
				}
				p:last-child {
					margin-bottom: 0;
				}
				> h2 {
					display: none;
				}
				&.panel {
					padding-top: 36px;
					margin-bottom: 0;
				}
				.shop_attributes {
					border: 1px solid #dee2e6;
					th, td {
						border-bottom: 1px solid #dee2e6;
						font-family: inherit;
						color: #152136;
						font-weight: normal;
						font-style: normal;
						padding: 10px;
					}
					td {
						border-left: 1px solid #dee2e6;
					}
				}
				.woocommerce-noreviews {
					margin-bottom: 0px !important;
				}
			}
			.tab-product-feature-list {
				font-size: 18px;
				line-height: 34px;
				.col-xl-4 {
					font-weight: 600;
				}
				.line-gap {
					margin: 0;
					width: 100%;
				}
			}
			.woocommerce-Tabs-panel--additional_information {
				font-size: 15px;
				td p {
					padding: 0;
				}
				.woocommerce-product-attributes {
					margin-bottom: 0;
					background-color: rgba(0,0,0,0.02);
					border: none;
					th, td {
						border: none;
						text-align: left;
						padding-left: 15px;
						padding-right: 15px;
					}
				}
				tr:nth-child(2n) td, tr:nth-child(2n) th {
					background-color: transparent;
				}
			}
			.woocommerce-Tabs-panel--reviews {
				&.panel {
					padding-top: 40px;
				}
				.comment-form-comment label {
					margin-bottom: 8px;
				}
				.woocommerce-Reviews {
					margin: 0 -15px;
					display: flex;
					flex-wrap: wrap;
					#comments {
						width: 64%;
						padding: 0 15px;
						@media #{$max-md} {
							width: 55%;
						}
						@media #{$max-sm} {
							width: 100%;
						}
					}
					#review_form_wrapper {
						width: 36%;
						padding: 0 15px;
						@media #{$max-md} {
							width: 45%;
						}
						@media #{$max-sm} {
							width: 100%;
							margin-top: 40px;
						}
					}
				}
				.woocommerce-Reviews-title {
					font-size: 26px;
					margin-top: -2px;
					margin-bottom: 29px;
				}
				.comment-reply-title {
					display: block;
					font-size: 26px;
					color: #000000;
					font-weight: 700;
					@extend .ft-secondary;
					line-height: 1.2;
					margin-bottom: 12px;
				}
				.nice-select {
					display: none;
				}
				#review_form {
					padding: 32px 30px;
					background-color: transparent;
					border: 1px solid rgba(58, 58, 58, 0.15);
					border-radius: 10px;
					input, textarea {
						border-color: transparent;
						&:focus {
							border-color: $primary_color;
						}
					}
					.comment-notes {
						font-size: 16px;
					}
					.comment-form {
						> p {
							margin-bottom: 12px;
							width: 100%;
							&.comment-notes {
								margin-bottom: 22px;
							}
							&.comment-form-rating {
								margin-top: 4px;
							}
						}
						.comment-form-cookies-consent {
							color: rgba(#2D2D2D, 0.8);
							line-height: 1.625;
						}
						#comment {
							height: 172px;
							min-height: 172px;
							font-size: 17px;
						}
						.comment-form-author, .comment-form-email, .comment-form-comment {
							label {
								display: none;
							}
						}
						.form-submit .submit {
							font-size: 16px;
							line-height: 54px;
							padding: 0 32px;
						}
					}
					#respond {
						.comment-form-rating {
							display: flex;
							flex-wrap: wrap;
							align-items: center;
							margin: 10px 0 15px 0;
							label {
								font-size: 16px;
								color: #2D2D2D;
								display: block;
								margin: 0 10px 0 0;
							}
							.stars {
								display: inline-flex;
								font-size: 16px;
								margin: 0;
								span {
									display: inline-flex;
								}
								a {
									margin: 0 2px;
								}
							}
							a {
								color: rgba(#2D2D2D, 0.8);
							}
							.stars:hover a, .stars.selected a {
								color: #f2994a;
							}
						}
					}
				}
				#reviews {
					ol.commentlist {
						padding: 0;
						li.review {
							position: relative;
							margin-bottom: 15px;
							padding: 20px 30px 38px 20px;
							background-color: #f5f6f6;
							border-radius: 10px;
							.star-rating {
								font-size: 16px;
								margin-right: -10px;
							}
							.star-rating-wrap {
								position: absolute;
								right: 0;
								top: 0;
								.count-rating {
									display: none;
								}
								@media #{$max-md} {
									position: static;
									margin-bottom: 8px;
								}
							}
							.comment_container {
								position: relative;
							}
							img.avatar {
								padding: 0;
								width: 78px;
								@include border-radius(78px);
								border: none;
								@media #{$max-xs} {
									width: 60px;
									border: none;
								}
							}
							.description {
								font-size: 17px;
								p:last-child {
									margin-bottom: 0;
								}
							}
							.comment-text {
								border: none;
								padding: 0 0 0 102px;
								margin: 0;
								@media #{$max-sm} {
									.star-rating {
										float: none;
									}
								}
								@media #{$max-xs} {
									padding-left: 80px;
								}
							}
							.meta {
								margin: 0 0 12px;
								font-size: 16px;
								@media #{$max-xs} {
									display: block;
								}
								@media #{$max-sm} {
									margin-top: 10px;
								}
								.woocommerce-review__published-date {
									display: block;
									font-size: 15px;
									color: $primary_color;
									font-weight: 500;
									line-height: 22px;
								}
								.woocommerce-review__author {
									color: #000;
									@extend .ft-heading;
									display: block;
									line-height: 1;
									margin-top: 8px;
									margin-bottom: 6px;
									font-size: 18px;
									text-transform: uppercase;
								}
								.woocommerce-review__dash {
									display: none;
								}
							}
							&:last-child {
								margin-bottom: 0;
							}
						}
					}
				}
			}
		}
		.quantity {
			margin-right: 20px;
			float: none;
		}
		.product_meta {
			color: 646464;
			margin-bottom: 25px;
			font-weight: 500;
			font-size: 16px;
			> span {
				display: block;
				margin-top: 12px;
				text-transform: uppercase;
				span, a {
					color: #0A1320;
					font-size: 18px;
					text-transform: capitalize;
				}
				a:hover {
					color: $primary_color;
				}
			}
		}
	}
	.up-sells.upsells {
		margin-top: 52px;
		> h2 {
			font-size: 32px;
			margin-bottom: 23px;
		}
	}
	.product-type-external, .product-type-grouped {
		.woocommerce-sg-product-button {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
	.product-type-grouped {
		form.cart .button {
			white-space: nowrap;
		}
		@media #{$max-lg} {
			.quantity .qty {
				width: 80px !important;
			}
		}
	}
}
@media #{$min-md} {
	.single-product.header-sticky #pxl-content-area div.product .entry-summary {
		top: 120px;
	}
	.single-product.header-sticky.admin-bar #pxl-content-area div.product .entry-summary {
		top: 150px;
	}
}

.pswp {
	z-index: 999999;
	.pswp__caption {
		display: none;
	}
	.pswp__bg {
		background-color: rgba(#000, 0.76);
	}
	.pswp__top-bar {
		opacity: 1;
		background-color: transparent;
	}
	.pswp__ui {
		.pswp__button {
			opacity: 1 !important;
			&:before {
				font-family: "Caseicon";
				background: none;
				color: #fff;
				display: inline-flex;
				line-height: 30px;
				justify-content: center;
			}
		}
		.pswp__button--arrow--left:before {
			content: "\f136";
		}
		.pswp__button--arrow--right:before {
			content: "\f14d";
		}
	}
}

// Cart Page
//--------------------------------------------------
body.woocommerce-cart {
	.pxl-entry-content > .woocommerce {
		display: flex;
		margin: 0 -15px;
		flex-wrap: wrap;
		.woocommerce-cart-form {
			flex-grow: 1;
			padding: 0 15px;
		}
		.cart-collaterals {
			width: 100%;
			max-width: 370px;
			padding: 0 15px;
			@media #{$max-md3} {
				max-width: 100%;
			}
			.cart_totals  {
				width: 100%;
			}
		}
		.woocommerce-notices-wrapper {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			padding: 0 15px;
			.woocommerce-message, .woocommerce-info, .woocommerce-error {
				width: 100%;
			}
		}
		.cart-empty.woocommerce-info {
			width: 100%;
			text-align: left;
		}
		.return-to-shop {
			width: 100%;
		}
	}
	.cart-empty.woocommerce-info {
		padding: 112px 0 0;
		background-color: transparent;
		border: none;
		text-align: center !important;
		&:before {
			content: "\f145";
			font-family: "Caseicon";
			width: 100px;
			height: 100px;
			border-radius: 100px;
			line-height: 100px;
			font-size: 100px;
			left: 50%;
			top: 0;
			transform: translate(-50%, 0);
			color: rgba(#000, 0.14);
		}
	}
	.woocommerce-cart-form {
		.shop_table {
			border: none;
			thead th {
				font-size: 15px;
				font-weight: 700;
				color: #333;
				padding: 10px;
				border-top: none;
				border-left: none;
				border-right: none;
				border-bottom: 3px solid $primary_color;
			}
			tbody td {
				text-align: left;
				border-left: none;
				border-right: none;
				border-top: none;
				border-bottom: 1px solid rgba(0,0,0,.1);
				&.actions {
					border-bottom: none;
					padding-left: 0;
					padding-right: 0;
				}
			}
			.actions {
				.coupon {
					.input-text {
						height: 45px;
						padding: 0 20px;
						min-width: 180px;
						font-size: 16px;
						&:focus {
							color: #222;
							border-color: $primary_color;
						}
					}
				}
				.button {
					float: right;
				}
			}	
		}
		tbody {
			.product-name {
				a {
					color: #152136;
					font-size: 16px;
					font-weight: 600;
					&:hover {
						color: $primary_color;
					}
				}
				.yith-wcqv-button {
					display: none;
				}
				dl.variation {
					display: none;
				}
			}
			.product-price, .product-subtotal {
				color: #152136;
				font-size: 16px;
				font-weight: 600;
				ins {
					color: #152136;
					background-color: transparent;
				}
			}
			.product-thumbnail {
				text-align: center !important;
				min-width: 120px;
				a {
					display: block;
					img {
						width: 100%;
						max-width: 80px;
					}
				}
			}
		}
		table.shop_table {
			margin-bottom: 40px;
			@include border-radius(0px);
			@media screen and (max-width: 769px) {
				td {
					background-color: #fff !important;
				}
			}
		}
	}
	.cart-collaterals {
		.cart_totals {
			background-color: #fff;
			padding: 40px 50px;
			@include box-shadow(0px 6px 30px rgba(0,0,0,0.08));
			@include border-radius(0px);
			width: 33.33%;
			@media #{$max-md} {
				width: 50%;
				padding-left: 40px;
				padding-right: 40px;
			}
			@media #{$max-md} {
				padding: 30px;
				width: 100%;
			}
			> h2 {
				font-size: 24px;
				border-bottom: 1px solid rgba(96,101,104,0.15);
				margin-bottom: 20px;
				padding-bottom: 14px;
				text-transform: capitalize;
			}
			th {
				vertical-align: middle !important;
				border: none !important;
				color: inherit;
				font-weight: normal;
				padding: 12px 10px 12px 0px;
				+ td {
					border-left: 1px solid #ebebeb;
				}
			}
			td {
				border: none !important;
				padding: 12px 10px;
				text-align: right;
			}
			strong {
				font-weight: 600;
			}
			.order-total {
				th, td {
					color: #222;
					font-weight: 600;
				}
			}
			.shop_table {
				border: none;
			}
			.woocommerce-shipping-calculator {
				p {
					margin-bottom: 0;
				}
				.shipping-calculator-button {
					color: $primary_color;
					&:after {
						content: '\f2f9';
						margin-left: 9px;
						font-family: "Material-Design-Iconic-Font";
						position: relative;
						top: 1px;
					}
					&:hover {
						color: $primary_color;
					}
				}
				.shipping-calculator-form {
					padding-top: 10px;
				}
			}
			.wc-proceed-to-checkout {
				padding-bottom: 0;
				.checkout-button {
					margin-bottom: 0;
					padding-top: 0;
					padding-bottom: 0;
					width: 100%;
				}
			}
		}
		.wc-proceed-to-checkout {
			text-align: right;
		}
	}
}

// Checkout Page
//--------------------------------------------------
.woocommerce-checkout {
	a.showcoupon, a.woocommerce-privacy-policy-link, .woocommerce-terms-and-conditions-link {
		color: #111;
		text-decoration: underline;
		font-weight: 500;
		&:hover {
			color: $primary_color;
		}
	}
	.woocommerce-NoticeGroup-checkout {
		width: 100%;
		font-size: 16px;
		padding: 0 15px;
		strong {
			font-weight: 500;
			color: #2D2D2D;
		}
	}
	@media #{$max-sm} {
		.woocommerce-message, .woocommerce-info {
			padding-bottom: 24px;
		}
	}
	form.checkout_coupon {
		border: 1px none;
		@include border-radius(10px);
		background-color: #fff;
		padding: 24px 30px 30px 30px;
		border: 1px solid rgba(#000, 0.06);
		@media #{$max-sm} {
			padding-left: 20px;
			padding-right: 20px;
		}
		.form-row-first {
			width: 50%;
			padding-right: 20px;
			@media #{$max-sm} {
				width: 100%;
				padding-right: 0;
				margin-bottom: 10px !important;
			}
		}
		.form-row-last {
			width: 50%;
			@media #{$max-sm} {
				width: 100%;
				text-align: center;
			}
			@media #{$max-xs} {
				button.button {
					width: 100%;
				}
			}
		}
		#coupon_code {
			border-color: transparent;
			height: 46px;
			font-size: 16px;
			&:focus {
				border-color: $primary_color;
			}
		}
		> .form-row {
			margin-bottom: 0;
			padding-bottom: 0;
		}
	}
	#add_payment_method #payment, #payment {
		@include border-radius(0px);
	}
	#customer_details {
		width: 60%;
		padding: 0 35px 0 15px;
		@media #{$max-lg} {
			padding-right: 15px;
		}
		@media #{$max-sm} {
			width: 100%;
		}
		.col-1, .col-2 {
			width: 100%;
			flex: inherit;
			max-width: 100%;
			padding: 0;
		}
		@media #{$max-sm} {
			margin: 0;
		}
		span.woocommerce-input-wrapper {
			width: 100%;
			display: block;
		}
		.woocommerce-billing-fields {
			margin-bottom: 36px;
			> h3 {
				font-size: 40px;
				margin-bottom: 24px;
				text-transform: capitalize;
				@media #{$max-lg} {
					font-size: 32px;
				}
				@media #{$max-xs} {
					font-size: 28px;
				}
			}
		}
		.woocommerce-additional-fields {
			margin-bottom: 44px;
			> h3 {
				font-size: 40px;
				margin-bottom: 32px;
				text-transform: capitalize;
				@media #{$max-lg} {
					font-size: 32px;
				}
				@media #{$max-xs} {
					font-size: 28px;
				}
			}
		}
		.woocommerce-shipping-fields  {
			#ship-to-different-address {
				font-size: 24px;
				cursor: pointer;
				@include transition(all 0.3s linear);
				&:hover {
					color: $primary_color;
				}
				#ship-to-different-address-checkbox {
					position: absolute;
					opacity: 0;
				}
				.woocommerce-form__label span:after {
					content:"\f01a";
					font-family: FontAwesome;
					margin-left: 14px;
					font-weight: normal;
				}
			}
		}
		#billing_country_field, #shipping_country_field, #billing_address_1_field, #shipping_address_1_field, #order_comments_field {
			label {
				display: none !important;
			}
			textarea {
				padding: 18px 30px;
			}
		}
	}
	form.woocommerce-checkout {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -15px;
		input, textarea {
			font-size: 16px;
			color: rgba(#000, 0.5);
		}
		label {
			font-size: 16px;
			color: #000;
			text-transform: capitalize;
			margin-bottom: 8px;
		}
		.form-row-first {
			padding-right: 10px;
			@media #{$max-sm} {
				padding-right: 0;
			}
		}
		.form-row-last {
			padding-left: 10px;
			@media #{$max-sm} {
				width: 100%;
				padding-left: 0;
			}
		}
		.form-row-last, .form-row-first {
			width: 50%;
			@media #{$max-sm} {
				width: 100%;
			}
		}
		#order_review_heading {
			font-size: 40px;
			font-weight: 700;
			margin-bottom: 28px;
			text-transform: capitalize;
			@media #{$max-lg} {
				font-size: 32px;
			}
			@media #{$max-xs} {
				font-size: 28px;
			}
		}
		.pxl-order-review-right {
			width: 40%;
			padding: 0 15px;
			margin-bottom: 54px;
			@media #{$max-sm} {
				width: 100%;
			}
			.pxl-order-review-inner {
				position: -webkit-sticky;
				position: sticky;
				top: 30px;
			}
			.blockUI {
				background-color: transparent;
			}
		}
		#order_review {
			background-color: rgba(#000, 0.037);
			padding: 34px 40px 40px 40px;
			border-radius: 10px;
			@media #{$max-lg} {
				padding-left: 20px;
				padding-right: 20px;
			}
			th {
				font-weight: 600;
				vertical-align: middle !important;
				+ td {
					border-left: 1px solid #ebebeb;
				}
			}
			.product-total {
				border-left: 1px solid #ebebeb;
			}
			.woocommerce-checkout-review-order-table {
				border: none;
				margin: 0;
				font-size: 16px;
				color: #2D2D2D;
				background-color: transparent;
				thead {
					font-size: 18px;
					text-transform: uppercase;
					font-weight: 500;
					color: #000000;
				}
				th, td {
					border: none;
					padding: 16px 0;
					border-bottom: 1px solid rgba(#000, 0.1);
				}
				.cart-subtotal {
					th {
						text-transform: uppercase;
					}
					td {
						text-align: right;
					}
				}
				.order-total {
					th {
						text-transform: uppercase;
					}
					td, th {
						border-bottom: none;
					}
					td {
						text-align: right;
					}
				}
				.product-total {
					text-align: right;
				}
				.product-name {
					padding-right: 20px;
					strong {
						font-weight: 400;
					}
				}
			}
			#payment {
				margin-top: 5px;
				padding: 0;
				background-color: transparent;
				border: none;
				label {
					font-size: 16px;
					color: #2D2D2D;
				}
				.wc_payment_methods {
					padding: 0;
					border-bottom: none;
					margin-bottom: 0;
					div.payment_box {
						font-size: 14px;
						line-height: 24px;
						color: rgba(#2D2D2D, 0.7);
						background-color: #fff;
						margin-bottom: 23px;
						&:before {
							border-bottom-color: #fff;
						}
					}
					.wc_payment_method {
						padding-top: 4px;
						label {
							cursor: pointer;
							position: relative;
							&:before {
								content: '';
								width: 16px;
								height: 16px;
								border: 2px solid rgba(#000000, 0.3);
								border-radius: 16px;
								position: absolute;
								top: 2px;
								left: -35px;
								@include transition(all 300ms linear 0ms);
							}
							&:after {
								content: '';
								width: 6px;
								height: 6px;
								border-radius: 6px;
								position: absolute;
								left: -30px;
								top: 7px;
								background-color: $primary_color;
								@include transition(all 300ms linear 0ms);
								opacity: 0;
							}
						}
						input {
							opacity: 0;
							&[type="radio"]:checked + label {
								&:before {
									border-color: $primary_color;
								}
								&:after {
									opacity: 1;
								}
							}
						}
					}
				}
				.form-row.place-order {
					margin: 0;
					padding: 0;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
				}
				#place_order.button {
					float: none;
				}
				.woocommerce-terms-and-conditions-wrapper {
					margin-top: 22px;
					font-size: 16px;
					margin-bottom: 30px;
					.wp-block-heading {
						font-size: 24px;
					}
				}
			}
		}
	}
}

// Account Page
//--------------------------------------------------
.woocommerce-account #pxl-main #pxl-content-area {
	.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
		display: block;
    	width: 100%;
	}
	.woocommerce-MyAccount-navigation {
		margin-bottom: 30px;
		width: 30%;
		float: left;
		padding: 0 15px;
		@media #{$max-sm} {
			width: 100%;
			margin-bottom: 60px;
		}
		ul {
			margin: 0;
			list-style: none;
			li {
				border-bottom: 1px solid #eaeaea;
				a {
					padding: 10px 0;
					color: #222;
					position: relative;
					display: block;
					&:hover {
						color: $primary_color;
					}
					&:before {
	                    content:"\f14d";
	                    position: absolute;
	                    left: 0;
	                    top: 50%;
	                    @include transform(translate(0, -50%));
	                    display: block;
	                    font-family: "Caseicon";
	                    color: $primary_color;
	                    margin-left: -16px;
	                    font-size: 10px;
	                    opacity: 0;
	                    @include transition(all 300ms linear 0ms);
	                }
				}
				&.is-active > a, a:hover {
					color: inherit;
	                padding-left: 20px;
	                &:before {
	                    margin-left: 0;
	                    opacity: 1;
	                }
				}
			}
		}
	}
	.woocommerce-MyAccount-content {
		margin-bottom: 30px;
		padding: 0 15px;
		width: 70%;
		float: left;
		@media #{$max-sm} {
			width: 100%;
			margin-bottom: 0;
		}
		.col-1, .col-2 {
			flex: inherit;
			max-width: inherit;
		}
		.form-row {
			label {
				width: 100%;
			}
			.woocommerce-input-wrapper {
				width: 100%;
			}
		}
	}
	.woocommerce-form {
		border: none;
		background-color: #fff;
		padding: 27px 30px 30px;
		@include border-radius(10px);
		border: 1px solid rgba(#16232B, 0.1);
		max-width: 670px;
		margin: 0px auto 50px auto;
		display: block;
		width: 100%;
		@include box-shadow(0 5px 30px rgba(#16232B, 0.05));
		@media #{$max-lg} {
			padding-left: 30px;
			padding-right: 30px;
		}
		@media #{$max-sm} {
			padding: 28px 20px;
		}
		label {
			font-size: 20px;
			line-height: 1.55555;
			color: #0A1320;
			margin-bottom: 13px;
			font-weight: 500;
			@extend .ft-theme-default;
		}
		.required {
			color: $primary_color;
		}
		.password-input {
			display: block;
			width: 100%;
			.show-password-input {
				width: 30px;
				height: 30px;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				top: 50%;
				right: 16px;
				transform: translate(0, -50%);
				&:after {
					margin: 0;
					color: rgba(#000, 0.5);
				}
				&:hover:after {
					color: #000;
				}
			}
		}
		.woocommerce-Button.button {
			margin-right: 16px;
			height: auto;
		}
		.woocommerce-LostPassword {
			margin-bottom: 0;
			a {
				font-size: 16px;
				text-decoration: underline;
				color: #000;
				&:hover {
					color: $primary_color;
				}
			}
		}
		.woocommerce-privacy-policy-text {
			padding-bottom: 17px;
			a {
				color: #000000;
				&:hover {
					color: $primary_color;
				}

			}
		}
		.woocommerce-form__label-for-checkbox {
			padding: 0;
			position: relative;
			margin: 4px 0 28px;
			span {
				font-size: 18px;
				color: #0A1320;
				display: inline-flex;
				padding-left: 40px;
				position: relative;
				cursor: pointer;
				font-weight: 500;
				&:before {
					content: '';
					width: 28px;
					height: 28px;
					border: 1px solid rgba(#161D39, 0.1);
					top: 50%;
					left: 0;
					@include transform(translate(0, -50%));
					position: absolute;
					border-radius: 28px;
				}
				&:after {
					content: "\f112";
					font-family: "Caseicon";
					color: #000;
					position: absolute;
					top: 50%;
					left: 7px;
					@include transform(translate(0, -50%));
					font-size: 14px;
					@include transition(all 300ms linear 0ms);
					opacity: 0;
				}
			}
			#rememberme {
				margin: 0;
				opacity: 0;
				position: absolute;
				top: 50%;
				left: 0;
				@include transform(translate(0, -50%));
				width: 24px;
				height: 24px;
				&:checked + span:after {
					opacity: 1;
				}
			}
		}
		.woocommerce-button.button {
			padding-left: 44px;
			padding-right: 44px;
		}
	}
	.woocommerce-form-register  {
		font-size: 16px;
		line-height: 1.625;
		color: rgba(#2D2D2D, 0.8);
	}
	.woocommerce-notices-wrapper + h2 {
		text-align: center;
		font-size: 24px;
	}
	#customer_login {
		margin: 0 -25px;
		width: inherit;
		display: flex;
		flex-wrap: wrap;
		@media #{$max-lg} {
			margin-left: -15px;
			margin-right: -15px;
		}
		> div {
			padding-left: 25px;
			padding-right: 25px;
			@media #{$max-lg} {
				padding-left: 15px;
				padding-right: 15px;
			}
		}
		h2 {
			font-size: 42px;
			margin-bottom: 23px;
			@media #{$max-md} {
				font-size: 32px;
			}
		}
		.u-column1.col-1, .u-column2.col-2 {
			width: 50%;
			flex: inherit;
			max-width: 100%;
		}
		@media #{$max-sm} {
			margin: 0;
			.u-column1.col-1, .u-column2.col-2 {
				width: 100%;
				padding: 0;
			}
		}
	}
	.woocommerce-password-strength.bad {
		background-color: transparent;
		padding: 8px 0;
	}
	.woocommerce-form-row {
		span  em {
			margin-top: 8px;
			display: block;
		}
		label {
			display: block;
			margin-bottom: 12px;
			line-height: normal;
		}
	}
	.woocommerce-EditAccountForm {
		fieldset {
			padding: 30px;
			margin-bottom: 20px;
		}
	}
}

/* All Notices */
.woocommerce-MyAccount-content {
	.woocommerce-info {
		text-align: center;
		padding: 24px 30px 90px 30px;
		border-radius: 5px;
		&:before {
			display: none;
		}
		a.button {
			position: absolute;
			bottom: 30px;
			left: 50%;
			transform: translate(-50%, 0);
		}
	}
}
// Wishlist & Quickview
//--------------------------------------------------
body #yith-wcwl-popup-message {
	margin-left: -108px;
	display: none;
	bottom: 30px;
	top: auto;
	right: 30px;
	left: auto;
	background-color: $primary_color;
	border-radius: 3px;
	border: none;
	color: #fff;
	padding: 0 20px;
}
body #yith-quick-view-modal {
	.yith-quick-view-overlay {
		background-color: rgba(#000, 0.85);
	}
	.yith-wcqv-main {
		@include box-shadow(none);
		@include border-radius(4px);
	}
	.yith-wcqv-head #yith-quick-view-close {
		color: rgba(0,0,0,0.2);
		opacity: 1;
		border: none;
		@include border-radius(3px);
		font-size: 0px;
		&:before {
			content: "\f410";
			font-family: "Font Awesome 5 Pro";
			font-size: 18px;
		}
		&:hover {
			color: $primary_color;
		}
	}
	.onsale {
		top: 29px !important;
	}
	#yith-quick-view-content {
		div.images {
			padding: 15px;
			margin-bottom: 0;
			width: 50%;
			@media #{$max-xs} {
				width: 100%;
				margin-bottom: 30px;
			}
		}
		.entry-summary {
			padding: 30px 30px 15px 15px;
			width: 50%;
			@media #{$max-xs} {
				width: 100%;
			}
			h1.product_title {
				font-size: 30px;
				margin-bottom: 5px;
			}
			.woocommerce-product-rating {
				margin-bottom: 10px;
			}
			.price {
				font-weight: 600;
				color: $heading_color;
				del {
					color: #666;
				}
				ins {
					color: inherit;
				}
			}
			form.cart {
				border-top: 1px solid #f7f9fb;
				border-bottom: 1px solid #f7f9fb;
				padding: 18px 0;
				margin-bottom: 30px;
				label {
					font-size: 18px;
					line-height: 30px;
					margin-bottom: 0;
					font-weight: 600;
					color: #232323;
					@extend .ft-secondary;
				}
				.button-variable-wrapper {
					.button-variable-item {
						background-color: #f3f3f3;
						border: none;
						line-height: 40px;
						color: #6f6f6f;
						text-transform: uppercase;
						@include border-radius(0px);
						@include box-shadow(none);
						@include transition(all 0.3s ease 0s);
						margin: 0 5px 5px 0;
						width: 40px;
						height: 40px;
						span {
							font-size: 14px;
						}
						&.selected, &:hover {
							background-color: $primary_color;
							color: #fff;
						}
					}
				}
				.color-variable-wrapper {
					.color-variable-item {
						padding: 0;
						border: none;
						@include box-shadow(none);
						margin: 0 5px 5px 0;
						opacity: 0.5;
						span {
							border: 2px solid rgba(#000, 0.2);
						}
						&.selected {
							opacity: 1;
						}
					}
				}
			}
			.woocommerce-product-details__short-description {
				p {
					margin-bottom: 24px;
				}
			}
			.product_meta {
				.sku_wrapper, .posted_in, .tagged_as {
					display: block;
					font-weight: 600;
					font-size: 15px;
					span, a {
						color: $primary_color;
						margin-left: 7px;
					}
					a:hover {
						color: $secondary_color;
					}
				}
				.posted_in {
					display: none;
				}
			}
			.quantity .qty {
				margin: 0 20px 0 0;
				padding: 0 12px;
				width: 70px;
				height: 54px;
			}
		}
	}
}
.wishlist-title  {
	width: 100%;
	text-align: center;
	margin: 0 0 45px;
	.button .fa {
		font-family: FontAwesome;
	}
}
.hidden-title-form {
	input + input {
		margin-top: 15px;
	}
	.btn {
		line-height: 51px !important;
	}
}
.shop_table.cart.wishlist_table {
	margin-bottom: 0 !important;
}
#yith-wcwl-form {
	tfoot td {
		display: none;
	}
	.product-stock-status {
		font-size: 16px;
		font-weight: 600;
		.wishlist-in-stock {
			color: $secondary_color !important;
		}
	}
	.wishlist-empty {
		text-align: center !important;
	}
	.product-add-to-cart {
		text-align: right !important;
		a.button {
			padding: 0 34px;
			display: inline-block !important;
			&.loading {
				padding-right: 30px;
				&:after {
					top: 0 !important;
					right: 0px !important;
					text-indent: 0px;
					height: 50px !important;
					width: 50px !important;
					line-height: 50px !important;
					text-align: center !important;
				}
			}
		}
	}
	.yith-wcwl-share {
		display: none;
	}
	@media #{$max-sm} {
		overflow-x: scroll;
		.cart.wishlist_table {
			min-width: 767px;
		}
	}
}
#stripe-payment-data .form-row > label + div {
	width: 100%;
}
.woocommerce-lost-password {
	.woocommerce-error {
		max-width: 440px;
		margin: auto;
	}
	.woocommerce-ResetPassword {
		background-color: #fff;
		padding: 30px;
		box-shadow: 0 5px 30px rgba(#000, 0.05);
		max-width: 440px;
		margin: 10px auto 0 auto;
		border-radius: 0px;
		border: 1px solid rgba(#16232B, 0.08);
		p {
			width: 100% !important;
			float: none !important;
			font-size: 16px;
		}
		#user_login {
			border-color: transparent;
			background-color: rgba(#000, 0.05);
			color: rgba(#2D2D2D, 0.5);
			&:focus {
				border-color: $primary_color;
				color: #2D2D2D;
			}
		}
		label {
			font-size: 20px;
			font-weight: 500;
			color: #0A1320;
			margin-bottom: 8px;
		}
		.woocommerce-Button {
			padding-left: 38px;
			padding-right: 38px;
		}
	}
	.woocommerce-form-row label {
		margin-bottom: 4px;
		font-weight: 500;
		color: #222;
	}
	.pxl-entry-content > .woocommerce {
		max-width: 960px;
		margin: auto;
	}
}

/* Product Wishlist Popup */
.woosw-popup {
	.woosw-item--time {
		display: none;
	}
	.woosw-item--actions {
		a.button {
			line-height: 40px;
			padding: 0 22px;
		}
	}
	.woosw-popup-content-bot {
		a {
			color: #000;
			text-transform: capitalize;
			&:hover {
				color: $primary_color;
				border-color: $primary_color;
			}
		}
	}
}

/* Product Wishlist Page */
.woosw-list {
	max-width: 860px;
	margin: auto;
	.woosw-actions {
		display: none;
	}
	.woosw-popup-content-mid-massage {
		padding: 112px 0 0;
		background-color: transparent;
		border: none;
		text-align: center !important;
		&:before {
			content: "\f145";
			font-family: "Caseicon";
			width: 100px;
			height: 100px;
			border-radius: 100px;
			line-height: 100px;
			font-size: 100px;
			left: 50%;
			top: 0;
			transform: translate(-50%, 0);
			color: rgba(#000, 0.14);
			position: absolute;
		}
	}
	table.woosw-items {
		border-left: none;
		td {
			border-right: none;
			background-color: transparent !important;
		}
		.woosw-item {
			.woosw-item--name a {
				font-weight: 600;
				color: #000;
			}
			.woosw-item--price {
				font-size: 15px;
				color: $primary_color;
				ins {
					background-color: transparent;
					color: inherit;
				}
				del {
					color: #888;
				}
			}
			.woosw-item--time {
				font-size: 15px;
			}
			.woosw-item--actions {
			text-align: right;
				.woosw-item--add {
					a.button {
						min-width: 170px;
						text-align: center;
						&.added {
							margin: 0 10px;
							&:after {
								display: none;
							}
						}
					}
				}
			}
		}
	}
}

/* Product Quick View Popup */
.woosq-popup {
	.quantity .qty {
		width: auto;
	}
	.woocommerce-product-details__short-description {
		margin-bottom: 22px;
	}
	div.product .entry-summary {
		padding: 0;
		.summary-content {
			padding-left: 30px;
			padding-right: 30px;
		}
		.entry-title {
			font-size: 32px;
		}
		.product_type_external {
			width: 100%;
			line-height: 50px;
			text-align: center;
		}
		.add_to_cart_button {
			width: 100%;
			text-align: center;
			&.ajax_add_to_cart {
				line-height: 50px;
				text-align: center;
				&.loading {
					opacity: 1;
					&:before {
						content: '';
						width: 20px;
						height: 20px;
						@include border-radius(100%);
						border-color: transparent #fff transparent #fff;
						border-width: 1px;
						border-style: solid;
						position: absolute;
						top: 0;
						right: 20px;
						bottom: 0;
						margin: auto;
						animation: pxl_spin .6s infinite linear;
				        -webkit-animation: pxl_spin .6s infinite linear;
				        box-sizing: border-box;
				        z-index: 2;
					}
					&:after {
						display: none;
					}
				}
			}
		}
	}
}

.woocommerce-notices-wrapper {
	.woocommerce-message, .woocommerce-info {
		&:before {
			display: none;
		}
		padding: 20px 20px 80px 20px;
		border-radius: 10px;
		background-color: rgba(#000, 0.02);
		box-shadow: 0 10px 25px rgba(0,0,0,0.04);
		border: 1px solid $primary_color;
		position: relative;
		text-align: center;
		a.button {
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform: translate(-50%, 0);
			font-size: 14px;
			padding-left: 32px;
			padding-right: 32px;
		}
	}
	.wc-block-components-notice-banner {
		border-radius: 0px;
		margin-bottom: 30px;
		> svg {
			display: none;
		}
		.wc-block-components-notice-banner__content {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			flex-direction: row-reverse;
			justify-content: flex-end;
			@media #{$max-sm} {
				justify-content: center;
				padding-bottom: 40px;
				position: relative;
			}
			a.button {
				flex-grow: 1;
				justify-content: flex-end;
				display: flex;
				background-color: transparent !important;
				line-height: normal;
				color: #000 !important;
				@media #{$max-sm} {
					position: absolute;
					bottom: 10px;
					left: 50%;
					transform: translate(-50%, 0);
				}
				&:hover {
					text-decoration: underline;
					color: $primary_color !important;
				}
			}
		}	
		&.is-success {
			background-color: #{'rgba(var(--primary-color-rgb),0.1)'};
			border-color: $primary_color;
		}
	}
}
.woocommerce{
	.wc-block-components-totals-shipping__change-address__link,.wc-block-cart__submit-button,.wc-block-components-panel__button,.wc-block-components-totals-coupon__button,button:not(.elementor-add-template-button,.elementor-add-section-button,.pxl-file-upload-button,.wc-block-components-quantity-selector__button,.wc-block-cart-item__remove-link,.btn){
		background-color: $primary_color !important;
		text-decoration: none !important;
		padding: 0 20px 0 20px !important;
		margin-top: 15px;
		border-radius: 4px !important;
		color: #fff;
		&:hover,&:focus{
			line-height: 56px !important;
		}
	}
}
.pxl-popup--close2 {
	position: absolute;
	top: 32px;
	right: 0;
	height: 60px;
	width: 320px;
	z-index: 10000;
	cursor: pointer;
}

.pxl-text--hide {
	display: none;
}

.wc-empty-cart-message {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}
.woocommerce-tabs{
	width: 80%;
	.wc-tabs{
		display: flex;
		list-style: none;
		border-bottom: 1px solid #{'rgba(var(--heading-color-rgb),0.1)'};
		padding-bottom: 10px;
		li{
			+li{
				margin-left: 80px;
			}
			font-size: 22px;
			font-weight: 400;
			position: relative;
			a{
				color: var(--716-f-73, #716F73);
			}
			&::before {
				content: "";
				width: 0;
				height: 2px;
				background-color: $primary_color;
				position: absolute;
				bottom: -10px;
				right: 0;
				-webkit-transition: all 220ms linear 0ms;
				-khtml-transition: all 220ms linear 0ms;
				-moz-transition: all 220ms linear 0ms;
				-ms-transition: all 220ms linear 0ms;
				-o-transition: all 220ms linear 0ms;
				transition: all 220ms linear 0ms;
				transform: rotate(0) !important;
			}
			&.active{
				font-weight: 500;
				&::before {
					width: 100%;
					left: 0;
					right: auto;
				}
				a{
					color: $primary_color;
				}

			}
		}
	}
	h2{
		display: none;
	}
	#tab-description{
		width: 76.5%;
		li{
			color: $heading_color;
			font-size: 18px;
			font-weight: 400;
			line-height: 1.556; /* 155.556% */
			+li{
				margin-top: 17px;
			}
		}
	}
}
.wc-block-components-quantity-selector{
	height: 28px;
	&::after{
		display: none;
	}
	input.wc-block-components-quantity-selector__input{
		height: inherit;
		padding: 0 !important;
		
	}
	button:not(.btn){
		line-height: 1;
		color: var(--heading-color);
		font-size: 18px;
		background-color: #e9e9e9;
		cursor: pointer;
		min-width: 28px;
		height: 28px;
		justify-content: center;
		display: inline-flex;
		align-items: center;
		border-radius: 50%;
	}
}
.wc-block-cart-item__prices{
	color: $heading_color;
}
.wc-block-components-product-name{
	color: $heading_color;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4x; /* 140% */
}
.wc-block-cart-items__row{
	position: relative;
}
.wc-block-cart-item__remove-link{
	color: transparent !important;
	position: absolute !important;
	overflow: visible;
	width: 40px;
	height: 40px !important;
	font-size: 0 !important;
	background: #FFEEEA !important;
	border-radius: 50% !important;
	right: 0;
  	top: 30px;
	&::before{
		content: "\f2ed";
		position: absolute;
		color: #DE4A28;
		font-family: "Font Awesome 5 Free";
		font-weight: 400;
		font-size: 16.25px;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}
.wc-block-cart-items__header-total{
	display: none;
}
.wc-block-cart-item__total .wc-block-formatted-money-amount.wc-block-components-product-price__value{
	color: transparent !important;
}
.wc-block-components-totals-coupon__form{
	display: block !important;
	button{
		margin: 10px 0 0 0 !important;
	}
}
.is-large .wc-block-components-totals-coupon{
	padding: 0 !important;
}
.woocommerce table.shop_attributes td{
	padding-left: 15px;
	font-style: normal;
}
.woocommerce-sg-sidebar .title-shipping{
	line-height: 1;
}
.flex-control-nav{
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	width: 100%;
	li{
		width: 30%;
		position: relative;
		margin: 6px;

		&::before {
			content: '';
			border-radius: inherit;
			background-image: url(../img/view-port-bg.webp);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
		  }
	}
}
.wc-block-components-panel__button{
	line-height: 56px;
	padding-left: 15px !important;
	> .wc-block-components-panel__button-icon{
		right: 15px !important;
	}
	>.wc-block-components-order-summary__button-text{
		padding-left: 15px;
	}
} 
.wc-block-components-button{
	&:hover{
		background-color: $primary_color;
	}
}
.is-large .wc-block-components-totals-coupon{
	line-height: 56px !important;
}
.wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"]{
	max-height: 60px !important;
}
.wc-block-components-totals-wrapper{
	padding: 15px !important;
}
.wc-block-components-panel{
	padding: 0 !important;
}
.single-product #pxl-wapper #pxl-main{
	@media (max-width:1200px) {
		padding: 100px 0 !important;
	}
}
.wc-block-components-checkout-step{
	margin: 15px !important;
}