/* 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;
}
button {
	cursor: pointer;
}
.product-remove {
	position: relative;
	a.remove {
		font-size: 0px;
		--size: 36px;
		min-width: var(--size);
		min-height: var(--size);
		width: var(--size);
		border-radius: var(--size);
		background-color: var(--primary-color);
		position: relative;
		&:before, &:after {
			content: '';
	        position: absolute;
	        height: 1px;
	        width: 15px;
	        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: var(--secondary-color);
	        &:before, &:after {
	            @include transform(rotate(0deg));
	        }
	    }
	}
}

.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;
		}
	}
}

.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 {
	input[type="text"] {
		border-radius: 6px;
		border: 0.995px solid var(--boarder-grey-1);
		height: 50px;
		padding-inline: 18px;
		color: var(--text-1);
		font-family: "DM Sans";
		font-size: 15px;
		line-height: 1.4;
		letter-spacing: -0.3px;
		background-color: #FFF;
	}
	.pxl-sidebar-area .pxl-sidebar-sticky {
		padding: 0;
		border: none;
	}
	.woocommerce-notices-wrapper, .woocommerce-NoticeGroup {
		width: 100%;
		flex: 0 0 100%;
	}
	.woocommerce-error, .woocommerce-info, .woocommerce-message {
		width: 100%;
		background-color: rgba($color: #d7d7d7, $alpha: .75);
		color: var(--secondary-color);
	}

	// Widget
	#pxl-sidebar-area {
		margin: 0;
		.widget {
			padding: 36px 34px 32px 32px;
			.widget-title {
				margin-bottom: 23px;
			}
		}
		.widget_product_search {
			padding: 0;
			.woocommerce-product-search {
				--size: 67px;
				display: flex;
				align-items: center;
			}
			button {
				@extend .pxl-dflex-center;
				@extend .pxl-transition-linear;
				outline: none;
				border: none;
				font-size: 0;
				min-width: var(--size);
				height: var(--size);
				background-color: var(--primary-color);
				position: relative;
				color: #FFF;
				&::before {
					content: '\f12c';
					position: absolute;
					@extend .pxl-dflex-center;
					font-size: 18px;
					font-family: 'Flaticon';
				}
				&:hover {
					background-color: var(--secondary-color);
					color: #fff;
				}
			}
			.search-field {
				line-height: calc(var(--size) - 2px) ;
				padding: 0 20px;
				color: var(--text-1);
				@extend .pxl-text6;
				border: 1px solid #E7F8F0;
				border-radius: 0;
				&:focus {
					border-color: $primary_color;
				}
			}
		}
		.widget_product_categories{
			@extend .widget_categories;
			.product-categories {
				margin-block: -13.5px 11px;
			}
			.pxl-list-item {
				a {
					.title {
						@extend .h6;
						padding: 0;
						transition: inherit;
					}
					.pxl-count {
						@extend .pxl-text4;
						color: var(--text-1);
						font-family: 'DM Sans';
						transition: inherit;
					}
				}
				&.current-cat, &:hover {
					a {
						.title, .pxl-count { 
							color: var(--primary-color);
						}
					}
				}
			}
		}
		.widget_price_filter {
			.clear {
				display: none;
			}
			.ui-slider-horizontal {
				height: 2px;
				background-color: #E4F3E2;
				@include border-radius(0px);
			}
			.ui-slider .ui-slider-range {
				background-color: #E4F3E2;
			}
			.ui-slider .ui-slider-handle {
				@extend .pxl-round-box;
				--size: 13px;
				background-color: #003973;
				top: 50%;
				transform: translateY(-50%);
			}
			.price_slider_amount {
				position: relative;
				z-index: 9;
				display: flex;
				align-items: center;
				flex-wrap: nowrap;
				justify-content: space-between;
				width: 100%;
				padding-top: 23px;
				gap: 15px;
				.button {
					line-height: 27px;
					padding: 0 27px;
					color: var(--white, #FFF);
					font-family: 'Montserrat';
					font-size: 12px;
					font-weight: 600;
					letter-spacing: -0.24px;
					text-transform: uppercase;
					border-radius: 0;
				}
			}
			.price_label {
				color: var(--text-1);
				@extend .pxl-text6;
			}
			.price_slider {
				margin-bottom: 8px;
			}
		}
		.widget_layered_nav {		
			--y: 10px;
			margin-block: 0;
			position: relative;	
			&::before {
				content: '';
				position: absolute;
				width: 100%;
				height: 100px;
				top: 0;
				left: 0;
				right: 0;
				background-color: inherit;
				transform: translateY(-50%);
			}
			.widget-title {
				margin-bottom: 20px;
			}
			.woocommerce-widget-layered-nav-list {
				position: relative;
				z-index: 9;
				margin-block: calc(-1 * var(--y));
				&.woocommerce-widget-layered-nav-list-pa_brands {
					.wc-layered-nav-term  + .wc-layered-nav-term {
						a {
							border-top: 1px dashed #5C6972;
						}
					}
				}
			}
			.wc-layered-nav-term {
				a {
					position: relative;
					display: inline-flex;
					align-items: center;
					width: 100%;
					justify-content: space-between;
					gap: 15px;
					padding-block: var(--y);
					padding-left: 22.5px;
					.title {
						@extend .h6;
						padding: 0;
						transition: inherit
					}
					.pxl-count {
						@extend .pxl-text4;
						font-family: 'DM Sans';
						color: var(--text-1);
						transition: inherit
					}
					&::after, &::before {
						content: '';
						@extend .pxl-square-box;
						--size: 14px;
						position: absolute;
						left: 0;
						top: 50%;
						transform: translateY(-50%);
						border-radius: 2.5px;
						border: 1px solid rgba($color: #798393, $alpha: .2);
						background-color: transparent;
						transition: inherit;
					}
					&::before {
						background-color: var(--primary-color);
						opacity: 0;
					}
				}
				&.chosen, &:hover {
					a {
						&::before {
							content: '';
							opacity: 1;
						}
						.title, .pxl-count {
							color: var(--primary-color);
						}
					}
				}
			}
		}
		.widget_product_tag_cloud {
			@extend .widget_tag_cloud;
		}
		 
	}
}
.woocommerce, .woocommerce-page {
	table.cart td.actions .coupon .input-text {
		margin-right: 15px;
	}
	textarea {
		padding-top: 24px;
		padding-bottom: 24px;
		min-height: 140px;
	}
	.nice-select {
		height: 50px;
		span.current {
			line-height: 35px;
		}
		&:after {
			color: inherit;
		}
	}

	#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: 700;
	    color: #fff;
	    padding: 0 30px;
	    line-height: 45px;
	    @include transition(all 250ms linear 0ms);
	    @include border-radius(100px);
	    @include transition(all .25s cubic-bezier(.645,.045,.355,1));
	    position: relative;
	    display: inline-block;
	    cursor: pointer;
	    border: none;
	    background-color: $primary_color;
	    &:hover, &:focus, &:active, &:not([disabled]):not(.disabled).active, &:not([disabled]):not(.disabled):active {
	        outline: medium none;
	        text-decoration: none;
	        color: #fff;
	        background-color: $secondary_color;
	    }
	}
	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 {
		max-width: 100%;
	}
	.woocommerce-message, .woocommerce-info {
		color: inherit;
		border: none;
		// border-top: 3px solid var(--primary-color);
		&:before {
			color: var(--primary-color);
		}
	}
	#pxl-wrapper .quantity {
		position: relative;
		display: inline-flex;
		@include border-radius(50px);
		.qty {
			padding: 0 16px;
			border: 1px solid #e2e2e2;
			color: #767677;
			@include border-radius(100px);
			font-size: 16px;
			-moz-appearance: textfield;
			&::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
				-webkit-appearance: none;
				margin: 0;
			}
			height: 50px;
			width: 100px;
		}
	}
}


// Shop Widget
//--------------------------------------------------
.widget_products {
	ul.product_list_widget li {
		padding: 0;
		&::before, &::after {
			display: none;
		}
		+ li {
			margin-top: 11.5px;
		}
		.product-single {
			position: relative;
			display: flex;
			gap: 15px;
			.product-link {
				@extend .pxl-pabsolute-full;
			}
			&:hover {
				.product-title {
					color: var(--primary-color);
				}
			}
		}
		.product-featured {
			min-height: 121px;
			@extend .pxl-dflex-center;
			flex: 0 0 45%;
			max-width: 45%;
			border: 1px solid var(--light-green-2);			
			img {
				width: 100%;
				max-width: 50px;
				margin: 0;
			}
		}
		.product-info {
			padding-block: 14px 0;
			flex: 0 0 55%;
			max-width: 200px;
		}
		.product-title {
			display: block;
			@extend .h6;
			width: 100%;
			margin-bottom: 10px;
			@extend .pxl-transition-linear;
		}
		bdi, .amount {
			@extend .pxl-text4;
			color: var(--text-1);
		}
		ins {
			background-color: transparent;
			padding-inline: 2px;
			bdi {
				color: var(--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
//--------------------------------------------------


@keyframes fadein{
	from {
		opacity: 0;
	}to {
		opacity: 1;
	}
}
// Product Default
//--------------------------------------------------
.woocommerce {

	.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;
		}
	}
	.star-rating {
		span::before {
			color: #ffc600;
		}
		&:before {
			color: #d4d4d4;
		}
	}

	#pxl-content-area.content-has-sidebar {
		ul.products {
			@media screen and (min-width: 992px) {
				&.columns-4 li.product {
					width: calc(33.33% );
					width: -webkit-calc(33.33% );
					width: -ms-calc(33.33% );
					width: -o-calc(33.33% );
				}
			}
		}
	}
	.woocommerce-product-category {
		font-size: 14px;
		color: inherit;
		margin-bottom: 3px;
		a {
			color: inherit;
			&:hover {
				color: $primary_color;
			}
		}
	}
	.woocommerce-topbar {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 101;
		column-gap: 30px;
		row-gap: 10px;
		width: 100%;
		justify-content: space-between;
		margin-bottom: 29px;
		.woocommerce-topbar-group {
			display: inline-flex;
			align-items: center;
			gap: 33.5px;
		}
		.woocommerce-layout-types {
			gap: 10px;
			display: flex;
			align-items: center;
			button {
				display: inline-flex;
				align-items: center;
				height: 25.5px;
				padding-block: 0;
				border: none;
				background-color: transparent;
				svg {
					fill: #C6C6C6;
				}
				&.active {
					svg {
						fill: var(--primary-color);
					}
				}
			}
		}
		.woocommerce-result-count {
			@extend .pxl-text4;
			color: var(--dark-2);
			margin: 0;
		}
		.woocommerce-ordering {
			margin: 0;
		}
		.nice-select {
			line-height: 53px;
			@extend .pxl-text4;
			color: var(--dark-2);
			min-width: 319px;
			padding-inline: 0;
			border: none;
			border-radius: none;
			&::before {
				font-size: 10px;
				right: 14px;
			}
		}
	}
	li.product {
		> a {
			display: none;
		}
	}
	// Button Change Layout in Topbar
	.btn-change-layout {
		cursor: pointer;
		&.active, &:hover {
			svg path {
				fill: var(--primary-color);
			}
		}
	}
	ul.products {
		--x: 16.5px;
		--y: 24px;
		@media #{$max-sm} {
			li.product {
				margin: 0 !important;
			}
		}
		&.list {
			--x: 15px;
  			--y: 15px;
			@media #{$max-sm} {
				li.product {
					width: calc(100%) !important;
				}
			}

			.woocommerce-product-inner {
				display: inline-flex;
				width: 100%;
				height: 100%;
				@media #{$max-xs} {
					flex-direction: column;
				}
				.woocommerce-product-header {
					position: relative;
					height: 100%;
					margin: 0;
					width: 100%;
					max-width: 300px;
					padding: 90.5px 54px 73px 51px;
					img {
						width: 100%;
						margin: 0 !important;
					}
					@media #{$max-sm} {
						max-width: 250px;
						padding: 50px 30px;
					}
					@media #{$max-xs} {
						max-width: none;
						img {
							max-width: 200px;
						}
					}
				}
				.woocommerce-product-content {
					flex-basis: 50%;
					flex-grow: 1;
					padding: 7px 15px 20px 32px;
					height: 100%;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					row-gap: 15px;
					.pxl-content-top {
						position: relative;
					}
					@media #{$max-sm} {
						padding: 5px 0px 10px 25px;
					}
					@media #{$max-xs} {
						flex-basis: 100%;
						padding: 10px 0;
					}
					.woocommerce-content-main {
						display: flex;
						flex-direction: column-reverse;
					}
					.woocommerce-content-group {
						flex-direction: column;
						align-items: start;
						justify-content: start;
						margin-bottom: 10px;
					}
					.woocommerce-rating {
						display: inline-flex;
						align-items: center;
						gap: 3px;
						margin-bottom: 32px;
						@media #{$max-xs} { 
							position: absolute;
							top: 0;
							right: 0;
						}
						.star-rating {
							margin: 0;
						}
						.rating-star {
							display: inline-flex;
							align-items: center;
						}
						.rating-count {
							color: var(--text-1);
							font-family: "DM Sans";
							font-size: 15px;
							font-style: normal;
							font-weight: 400;
							line-height: 27px;
							letter-spacing: -0.3px;
						}
					}
					.woocommerce-product-categories {
						margin-bottom: 9px;
					}

					.woocommerce-content-group { 
						margin-bottom: 5px;
					}

					.woocommerce-short-description {
						display: block;
						padding-top: 17px;
						border-top: 1px solid var(--boarder-grey-1);
						color: var(--text-1);
						font-family: "DM Sans";
						font-size: 15px;
						font-weight: 400;
						line-height: 1.4;
						letter-spacing: -0.3px;
						.short-descripion-text {
							display: block;
							max-width: 550px;							
						}
					}

					.add_to_cart_inline {
						display: block;
						padding: 0 !important;
						border: none !important;
						.add_to_cart_button  {
							padding-inline: 46px;
							line-height: 47px;
							color: var(--white, #FFF);
							text-align: center;
							font-family: 'Montserrat';
							font-size: 14px;
							font-weight: 600;
							letter-spacing: -0.28px;
						}
						.added_to_cart.wc-forward {
							display: none;
						}
					}
				}
			}
		}
		.woocommerce-product-inner {
			background-color: #fff;
			.woocommerce-product-header {
				border: 1px solid var(--boarder-grey-1);
				position: relative;
				overflow: hidden;
				padding: 20px;
				min-height: 359px;
				@extend .pxl-dflex-center;
				margin-bottom: 20px;
				img {
					max-width: 150px;
					width: 100%;
					margin: 0 !important;
					transition: inherit;
				}
				.woocommerce-product-details {
					@extend .pxl-pabsolute-center;
					@extend .pxl-transition-linear;
					@extend .pxl-dflex-center;
				}
				&:hover {
					img {
						scale: 1.15;
					}
				}
				.woocommerce-badges {
					position: absolute;
					left: 11px;
					top: 11px;
					display: inline-flex;
					align-items: center;
					gap: 10px;
					.new, .onsale {
						position: static;
						padding: 0;
						border-radius: 0;
						min-height: 25px;
						min-width: auto;
						padding-inline: 13.5px;
						color: var(--white, #FFF);
						font-family: 'Inter';
						font-size: 13px;
						font-style: normal;
						margin: 0;
						font-weight: 400;
						line-height: 25px;
						background-color: var(--dark-blue-1);
					}
					.onsale {
						background-color: var(--primary-color);
					}
				}
			}
			.woocommerce-product-content {
				.woocommerce-content-group {
					display: inline-flex;
					align-items: center;
					width: 100%;
					justify-content: space-between;
					column-gap: 10px;
					row-gap: 7px;
					flex-wrap: wrap;
				}
				.woocommerce-product-title {
					margin: 0;
				}
				.woocommerce-product--price {
					.price {
						display: inline-flex;
						flex-direction: row-reverse;
						align-items: end;
						gap: 5px;
						margin: 0;
						bdi {
							@extend .h5;
							color: var(--text-1);
							line-height: 29px;
						}
						del
						{
							font-size: inherit;
							opacity: 1;
							text-decoration: none;
							bdi {
								--currrent-color: currentcolor;
								position: relative;
								color: var(--text-1);
								font-family: 'Montserrat';
								font-size: 14px;
								font-weight: 600;
								line-height: 29px;
								&::after {
									content: '';
									width: 100%;
									height: 1px;
									position: absolute;
									top: 50%;
									left: 0;
									transform: translateY(-50%);
									background-color: var(--currrent-color);
								}
							}
						} 
						ins {
							padding: 0;
							bdi {
								color: var(--primary-color);
								line-height: 29px;
							}
						}
						
					}
				}
				.woocommerce-product-categories {
					a {
						@extend .pxl-text6;
						color: var(--text-1);
						&:hover {
							color: var(--primary-color);
						}
					}
				}

				.woocommerce-rating, del, ins,  .woocommerce-short-description, .add_to_cart_inline, .add_to_cart_inline > .amount { 
					display: none;
				}
			}
		}
	}
	.product-type-grouped .woocommerce-product-header .woocommerce-product-meta {
	  display: none !important;
	}

	.woocommerce-pagination {
		display: flex;
		justify-content: center;
		margin-top: 70px;
		.page-numbers {
			@extend .page-numbers;
		}
	}
}

// Single Product
//--------------------------------------------------
.single-product {
	section.related {
		margin-top: 77px;
		h2 {
			font-family: 'Montserrat';
			font-size: 22px;
			font-weight: 600;
			letter-spacing: -0.44px;
			text-transform: capitalize;
		}
		ul.products {
			margin-top: 38px;
			li.product {
				margin: 0 !important;
			}
		}
	}
	#pxl-content-area div.product {
		.entry-summary {
			width: 100% !important;
			margin-bottom: 80px;
			@media #{$min-md} {
				position: sticky;
				top: 62px;
			}
		}
	}
	.up-sells.upsells {
		margin-top: 52px;
		> h2 {
			font-size: 32px;
			margin-bottom: 23px;
		}
	}
	.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";
		}
	}
}

// Sibar Search
#wpcas-area {
	.wpcas-area-top {
		--height: 60px;
		background-color: var(--primary-color);
		color: #FFF;
		height: var(--height);
		line-height: var(--height);
		text-transform: capitalize;
		> span {
			font-size: 20px;
		}
		.wpcas-close {
			color: #FFF;
			height: var(--height);
			line-height: var(--height);
			width: var(--height);
			&::before {
				height: inherit;
				line-height: inherit;
				width: inherit;
			}
		}
	}
	.wpcas-search {
		.wpcas-search-input {
			.wpcas-search-input-inner {
				border-radius: 6px;
				border: 0.995px solid var(--boarder-grey-1);
				height: 50px;
				padding-inline: 18px;
				color: var(--text-1);
				font-family: "DM Sans";
				font-size: 15px;
				line-height: 1.4;
				letter-spacing: -0.3px;
				background-color: #fff;
				padding: 0;
				&:focus {
					border-color: var(--primary-color);
				}
			}
			#wpcas_search_keyword {
				font-size: 15px;
			}
			#wpcas_search_cats {
				font-size: 15px;
			}
		}
		.wpcas-search-result {
			.wpcas-product-info {
				.wpcas-product-name {
					color: var(--text-1);
					font-family: "DM Sans";
					font-size: 15px;
					line-height: 1.4;
					letter-spacing: -0.3px;
					font-weight: 700;
				}
				.wpcas-product-price {

				}
			}
		}
	}
}

// Cart Page
//--------------------------------------------------
body.woocommerce-cart {
	#pxl-main {
		padding: 93px 0 140px;
	}
	.pxl-entry-content {
		.wp-block-woocommerce-cart {
			.wc-block-cart {
				.wc-block-components-main {
					width: 100%;
					max-width: 100%;
					flex: 0 0 100%;
					padding: 0;
				}
				.wc-block-components-sidebar {
					width: 100%;
					max-width: 100%;
					flex: 0 0 100%;
					padding: 0;
				}
			}
			.wc-block-cart__submit-button {
				color: #FFF;
				background-color: $secondary_color;
				width: 100%;
				border-radius: 200px;
				margin-top: 25px;
				&:hover {
					background-color: $primary_color;
				}
			}
			.wc-block-components-product-price__value {
				border-radius: 50px;
				padding-inline: 10px;
			}
			.wc-block-cart-items__row {
				@media #{$max-xsx} {
					grid-template-rows: 1fr;
				}
			}
			.wp-block-heading {
				margin-bottom: 70px;
				&.wc-block-cart__empty-cart__title {
					margin-bottom: 10px;
				}
			}
			.wp-block-button 
			{
				@extend .pxl-flex-center;
				a{
					color: #FFF ;
					background-color: $secondary_color;
					width: 100%;
					border-radius: 200px;
					line-height: 50px;
					font-size: 16px;
					width: fit-content;
					&:hover {
						background-color: $primary_color;
					}
				}
			}
			.wc-block-grid__product-title {
				font-size: 18px;
			}
		}
	}
	.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);
		}
	}
	// Table Product In Cart
	.woocommerce-cart-form {
		.shop_table {
			border: none;
			--border-color: var(--boarder-grey-1);
			margin-bottom: 100px;
			thead {
				width: 100%;
				padding-bottom: 21px;
				th {
					padding: 10px 10px 21px;
					border: none;
					border-bottom: 1px solid var(--border-color);
					color: var(--secondary-color);
					font-family: 'Montserrat';
					font-size: 16px;
					font-weight: 600;
					line-height: 1.5;
					letter-spacing: -0.32px;
					text-transform: uppercase;
					&.product-quantity, &.product-subtotal {
						text-align: center;
					}
				}
			}
			
			tbody {
				tr {
					position: relative;
					@media screen and (max-width: 768px) {
						border: 1px solid #d7d7d7;
						padding: 30px;
						+ tr {
							margin-top: 15px;
						}
					}
				}
				td {
					border-bottom: 1px solid var(--border-color);
					border-left: none;
					border-right: none;
					border-top: none;
					@media screen and (max-width: 768px) {
						width: 100% !important;
						border: none;
						display: inline-flex;
						align-items: center;
						text-align: left !important;
						padding-block: 10px;;
						padding-inline: 0;
						gap: 20px;
						justify-content: space-between;
						background-color: transparent;
						flex-wrap: wrap;
					}
					&::before {
						color: var(--dark-blue-2);
						font-family: Montserrat;
						font-size: 16px;
						font-style: normal;
						font-weight: 600;
						letter-spacing: -0.32px;
						text-transform: uppercase;
					}
					&.product-thumbnail {
						padding: 12px 10px 16px 0;
						width: 16%;
						&::before, &::after {
							display: none
						}
						a {
							@extend .pxl-dflex-center;
							width: 100%;
							max-width: 98px;
							min-height: 121px;
							border: 1px solid var(--border-color);
							img {
								width: 100%;
								max-width: 70px;
							}
						}
						@media screen and (max-width: 768px) {
							display: inline-block;
						}
					}
					&.product-name {
						@extend .h3;
						width: 25.3%;
						&::before, &::after {
							display: none
						}
					}
					&.product-price {
						@extend .pxl-text2;
						color: var(--secondary-color);
						width: 23%;
					}
					&.product-quantity {
						width: 13.1%;
						.quantity-label {
							display: none;
						}
						.quantity {
							position: relative;
							width: fit-content;
						}
						input {
							width: 146px;
							line-height: 42px;
							border: 1px solid var(--border-color);
							@extend .pxl-dflex-center;
							border-radius: 0;
							@extend .h6;
							color: var(--secondary-color);
						}
					}
					&.product-subtotal {
						text-align: center;
						&::before, ::after {
							display: inline-block;
						}
						bdi {
							@extend .h6;
							color: var(--secondary-color);
						}
					}
					&.product-remove {
						padding-right: 0;
						&::before, &::after {
							display: none;
						}
						a {
							float: right;
						}
						@media screen and (max-width: 768px) { 
							position: absolute;
							top: 0;
							right: 0;
							justify-content: end;
							padding-right: 10px;
						}
					}
					&.actions {
						padding: 0;
						padding-top: 17px;
						width: 100%;
						border-bottom: none;
						.coupon {
							&::before, &::after {
								display: none;
							}
							display: inline-flex;
							align-items: center;
							flex-wrap: wrap;
							gap: 16px;
							margin-right: 25px;
							padding: 0;
							@media screen and (max-width: 768px) {  
								width: 100%;
								flex-basis: 100%;
								margin: 0;
							}
							#coupon_code {
								border: none;
								background-color: #fff;
								line-height: 43px;
								padding: 0 20px;
								flex-basis: 253px;
								border-radius: 100px;
								border: 1px solid var(--text-1);
								color: var(--text-1, #5C6972);
								margin: 0;
								text-transform: capitalize;
								min-width: 253px;
								@extend .pxl-text6;
								&:focus, &:hover {
									border-color: var(--primary-color);
								}
								@media screen and (max-width: 768px) {   
									flex-grow: 1;
								}
							}
							.button {
								@extend .pxl-dflex-center;
								width: 171px;
								min-width: 171px;
								line-height: 43px;
								border-radius: 100px;
								border: 1px solid var(--text-1);
								text-transform: uppercase;
								background-color: transparent;
								color: var(--secondary-color);
								font-family: 'Montserrat';
								font-size: 12px;
								font-weight: 600;
								&:hover {
									background-color: var(--primary-color);
									color: #FFF;
									border-color: var(--primary-color);
								}
							}
						}
						.button {
							@extend .pxl-dflex-center;
							float: right;
							width: fit-content;
							line-height: 45px;
							text-transform: uppercase;
							border-radius: 100px;
							background-color: var(--primary-color);
							color: var(--white);
							font-family: "DM Sans";
							font-size: 14px;
							font-weight: 600;
							padding-inline: 29px;
						}
					}	
				}
			}			
		}
	}

	.cart-collaterals {
		.cart_totals {
			background-color: var(--secondary-color);
			padding: 46px 35px 67px 61px;
			border-radius: 0;
			width: 100%;
			max-width: 653px;
			float: none;
			@media screen and (max-width: 768px) {  
				padding: 50px 30px;
			}
			> h2 {
				@extend .h7;
				color: #FFF;
				text-transform: capitalize;
				margin-bottom: 24px;
			}
			.shop_table {
				border: none;
				tr {
					display: inline-flex;
					align-items: center;
					width: 100%;
					border-bottom: 1px solid #FFF;
					&.order-total {
						td bdi {
							color: #FFF;
							font-family: 'Montserrat';
							font-size: 16px;
							font-weight: 600;
							line-height: 1.5;
							letter-spacing: -0.32px;
						}
					}
					&.shipping {
						td {
							padding: 15px 13px 23px;
							color: #FFF;
							font-family: "DM Sans";
							font-size: 17px;
							line-height: 1.4;
							letter-spacing: -0.34px;
							font-weight: 400;
							strong {
								font-weight: 400;
							}
						}
						@media screen and (max-width: 768px) { 
							flex-direction: column;
							align-items: start;
							td {
								padding: 0;
								padding-bottom: 20px;
								text-align: left !important;
								width: 100%;
								.selection {
									text-align: left ;
								}
							}
						}
					}
					th {
						flex: 0 0 37.5%;
						padding-left: 0;
						padding-bottom: 15px;
						border: none;
						color: #FFF;
						font-family: "DM Sans";
						font-size: 20px;
						font-style: normal;
						font-weight: 400;
						line-height: 1.4;
						letter-spacing: -0.4px;
						@media screen and (max-width: 768px) {  
							display: inherit;
						}
					}
					td {
						flex: 0 0 62.5%;
						border: none;
						&::before, &::after {
							display: none;
						}
						bdi {
							color: #FFF;
							font-family: 'Montserrat';
							font-size: 22px;
							font-weight: 600;
							line-height: 1.5;
							letter-spacing: -0.44px;
						}
						#shipping_method {
							display: none;
						}

						// Address Info
						.woocommerce-shipping-destination {
							color: #FFF;
							font-family: "DM Sans";
							font-size: 17px;
							line-height: 1.4;
							letter-spacing: -0.34px;
							font-weight: 400;
							strong {
								font-weight: 400;
							}
						}
						// Form Shipping
						form.woocommerce-shipping-calculator {
							// Button Toggle Form
							.shipping-calculator-button {
								margin: 0;
								color: #FFF;
								font-family: "DM Sans";
								font-size: 17px;
								line-height: 1.4;
								letter-spacing: -0.34px;
								font-weight: 400;
								&::after {
									display: none;
								}
								&:hover {
									color: var(--primary-color);
								}
							}
							// Form Main
							.shipping-calculator-form {
								p {
									border: none;
									padding: 0;
									margin-bottom: 10px;
									&#calc_shipping_country_field , 
									&#calc_shipping_state_field ,
									&#calc_shipping_city_field ,
									&#calc_shipping_postcode_field {
										border: none;
										label {
											margin: 0;
											padding: 0;
										}
										input {
											margin: 0;
											padding: 0 18px;
											border: none;
											color: var(--secondary-color);
											border-radius: 0;
										}
									}
									&#calc_shipping_city_field {
										padding: 0
									}
									.button {
										@extend .pxl-dflex-center;
										float: right;
										line-height: 45px;
										text-transform: uppercase;
										border-radius: 100px;
										background-color: var(--primary-color);
										color: var(--white);
										font-family: "DM Sans";
										font-size: 14px;
										font-weight: 600;
										padding-inline: 29px;
										&:hover {
											background-color: #FFF;
											color: var(--secondary-color);
										}
									}
								}
							}

						}
					}
				}
			}
			
			.wc-proceed-to-checkout {
				padding: 0;
				margin-top: 40px;
				.checkout-button {
					@extend .pxl-dflex-center;
					margin: 0;
					padding: 0;
					width: 259px;
					height: 44px;
					border-radius: 100px;
					background-color: #FFF;
					color: var(--secondary-color);
					font-family: 'Montserrat';
					font-size: 14px;
					font-weight: 600;
					letter-spacing: -0.28px;
					&:hover {
						background-color: var(--primary-color);
						color: #FFF;
					}
				}
			}
		}
		.wc-proceed-to-checkout {
			text-align: right;
		}
	}
}

.select2-container {
	.select2-search {
		padding-block: 15px;
	}
	.select2-dropdown {
		padding-inline: 18px;
	}
	.select2-search__field {
		border-radius: 7px;
	}
}
// Checkout Page
//--------------------------------------------------
.woocommerce {
	.woocommerce-form-coupon-toggle, .clear {
		display: none;
	}
	form.checkout_coupon {
		position: relative;
		display: inline-flex !important;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
		margin: 0;
		column-gap: 25.5px;
		row-gap: 10px;
		border: none;
		border-radius: 0;
		background-color: var(--dark-blue-1);
		padding: 28px 30px 31px;
		margin-bottom: 53px;
		&::before, &::after {
			content: '';
			position: absolute;
			width: 7px;
			height: 100%;
			background-color: var(--primary-color);
			left: 0;
			top: 0;
		}
		@media #{$max-sm} {
			justify-content: start;
		}
		&::after {
			left: auto;
			right: 0;
		}
		p {
			&.form-row {
				width: fit-content;
				margin: 0;
			}
			&:not(.form-row) {
				margin: 0;
				color: #FFF;
				font-family: 'Montserrat';
				font-size: 22px;
				font-weight: 600;
				line-height: 1.5;
				letter-spacing: -0.44px;
				white-space: nowrap;
				@media #{$max-sm} {
					width: 100%;
				}
			}
			#coupon_code {
				width: 100%;
				max-width: 253px;
				height: 45px;
				flex-shrink: 0;
				padding-inline: 20px 20px;
				color: var(--text-1);
				font-family: "DM Sans";
				font-size: 15px;
				line-height: 1.4;
				letter-spacing: -0.3px;
				border-radius: 6px;
				background-color: #FFF;
				border: none;
			}
			.button {
				border-radius: 7px;
				font-family: 'Montserrat';
				font-size: 14px;
				opacity: 0;
				@media #{$max-sm} {
					opacity: 1;
				}
			}
		}
	}
}
.woocommerce-checkout {
	.container {
		padding: 15px;
		.pxl-content-wrap {
			padding: 0;
			.pxl-content-area {
				margin: 0;
			}
		} 
	}
	form.woocommerce-checkout {
		--x: 15px;
		display: inline-flex;
		justify-content: space-between;
		width: 100%;	
		flex-wrap: wrap;
		.woocommerce-NoticeGroup {
			.woocommerce-error {
				li {
					color: var(--secondary-color);
					strong {
						font-weight: 600;
					}
				}
			}
		}
		.pxl-order-review-right #order_review_heading, 
		#customer_details .woocommerce-additional-fields h3, 
		#customer_details .woocommerce-billing-fields > h3 {
			padding-bottom: 8.8px;
			position: relative;
			color: var(--secondary-color);
			font-family: 'Montserrat';
			font-size: 22px;
			font-weight: 600;
			line-height:1.5;
			letter-spacing: -0.44px;			
			margin-bottom: 40px;
			&::before {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 59.72px;
				height: 1.991px;
				background-color: var(--primary-color);
			}
		}
		#customer_details {
			margin: 0;
			flex: 0 0 55%;
			max-width: 637px;
			padding-right: var(--x);
			@media #{$max-md} {
				flex: 0 0 100%;
				max-width: 100%;
				margin-bottom: 50px;
				padding: 0;
			}
			.col-1 {
				margin-bottom: 54px;
			}
			.col-2 {
				.woocommerce-shipping-fields {
					display: none;
				}
			}
			.col-1, .col-2 {
				width: 100%;
				flex: inherit;
				max-width: 100%;
				padding: 0;
			}
			span.woocommerce-input-wrapper {
				width: 100%;
				display: block;
			}
			.woocommerce-billing-fields, .woocommerce-shipping-fields{
				.form-row {
					display: block;
					margin: 0;
					padding: 0;
					padding-top: 20px;
		
					&.form-row-first {
						width: 50%;
						padding-right: 10px;
						padding-top: 0;
						margin: 0;
					}
					&.form-row-last { 
						width: 50%;
						padding-left: 10px;
						padding-top: 0;
						margin: 0;
					}
					@media #{$max-xs} {
						&.form-row-first {
							width: 100%;
							padding: 0;
						}
						&.form-row-last {
							width: 100%;
							padding: 0;
							padding-top: 20px; 
						}
					}
				}
				label {
					@extend .h6;
					line-height: 1.5;
					color: var(--secondary-color);
					margin-bottom: 10px;
					.required {
						color: inherit;
					}
				}
				.input-text, textarea, .select2-selection .select2-selection__rendered{
					border-radius: 6px;
					border: 0.995px solid var(--boarder-grey-1);
					height: 50px;
					padding-inline: 18px;
					color: var(--text-1);
					font-family: "DM Sans";
					font-size: 15px;
					line-height: 1.4;
					letter-spacing: -0.3px;
					background-color: #FFF;
					&:focus, &:hover {
						border: 1px solid var(--primary-color);
					}
				}
				.select2-selection {
					height: 50px;
					width: 100%;
					.select2-selection__rendered {
						display: inline-flex;
						align-items: center;
						width: 100%;
					}
				}
			}
			#billing_address_2_field {
				display: none !important;
			}
			.woocommerce-additional-fields {
				#order_comments_field {
					padding: 0;
					margin: 0;
				}
				label {
					@extend .h6;
					line-height: 1.5;
					color: var(--secondary-color);
					margin-bottom: 10px;
				}
				#order_comments {
					width: 100%;
					height: 90.79px;
					border-radius: 6px;
					border: 0.998px solid #B0B6BC;
					padding: 14px 18px;
					color: var(--text-1);
					font-family: "DM Sans";
					font-size: 15px;
					line-height: 1.4;
					letter-spacing: -0.3px;
				}
			}
		}
		.pxl-order-review-right {
			width: 100%;
			flex: 0 0 45%;
			max-width: 500px;
			padding-left: var(--x);
			@media #{$max-md} {
				flex: 0 0 100%;
				max-width: 100%;
				padding: 0;
			}
			.pxl-order-review-inner {
				width: 100%;
			}
			#order_review {
				input[type="radio"]  {
					position: relative;
					margin: 0;
					appearance: none; 
					min-width: 11px;
					min-height: 11px;
					border: 1px solid var(--text-1);
					border-radius: 50%;
					cursor: pointer;
					&::before {
						content: '';
						min-width: 5px;
						min-height: 5px;
						position: absolute;
						top: 4px;
						left: 4px;
						transform: translate(-50%, -50%);
						background-color: var(--primary-color);
						border-radius: inherit;
						opacity: 0;
					}
					&:checked, &:hover {
						border-color: var(--primary-color);
						&::before {
							opacity: 1;
						}
						~ label{
							color: var(--primary-color);
						}
					}
				}
				.shop_table {
					border: none;
					margin: 0;
					thead {
						th {
							border: none;
							border-bottom: 1px solid var(--boarder-grey-1);
							color: var(--secondary-color);
							font-family: 'Montserrat';
							font-size: 20px;
							font-weight: 600;
							line-height: 1.2;
							letter-spacing: -0.4px;
							padding: 0;
							padding-bottom: 16px;
							&.product-total {
								text-align: right;
							}
						}
					}
					tbody {
						td {
							border: none;
							border-bottom: 1px solid var(--boarder-grey-1);
							padding: 0;
							padding-block: 14px;
							&.product-name {
								width: calc(100% - 110px);
								color: var(--text-1);
								font-family: "DM Sans";
								font-size: 17px;
								line-height: 1.4;
								letter-spacing: -0.34px;
								strong {
									font-weight: 400;
								}
							}
							&.product-total {
								width: 110px;
								text-align: right;
								color: var(--text-1);
								font-family: "DM Sans";
								font-size: 18px;
								line-height: 1.4;
								letter-spacing: -0.36px;
							}
						}
					}
					tfoot {
						tr {
	
							th {
								border: none;
								padding: 0;
								color: var(--secondary-color);
								font-family: 'Montserrat';
								font-size: 16px;
								font-weight: 600;
								line-height: 1.5;
								letter-spacing: -0.32px;
								border: none;
								border-bottom: 1px solid var(--boarder-grey-1);
								height: 56px;
							}
							td {
								text-align: right;
								border: none;
								padding: 0;
								height: 56px;
								border: none;
								border-bottom: 1px solid var(--boarder-grey-1);
							}
							&.cart-subtotal {
								bdi {
									color: var(--secondary-color);
									font-family: "DM Sans";
									font-size: 18px;
									font-weight: 400;
									line-height: 1.4;
									letter-spacing: -0.36px;
								}
							}
							&.order-total {
								bdi {
									color: var(--secondary-color);
									font-family: 'Montserrat';
									font-size: 16px;
									font-weight: 600;
									line-height: 1.5;
									letter-spacing: -0.32px;
								}
							}
							&.shipping {
								th {
									width: auto;
								}
								td {
									width: 100%;
									max-width: 320px;
								}
								#shipping_method {
									display: inline-flex;
									align-items: center;
									justify-content: end;
									column-gap: 10px;
									flex-wrap: wrap;
									li {
										display: inline-flex;
										align-items: center;
										gap: 5px;
										margin: 0;
										bdi {
											font-weight: 400;
										}
									}
		
									label {
										cursor: pointer;
										color: var(--text-1);
										font-family: "DM Sans";
										font-size: 13px;
										font-style: normal;
										font-weight: 400;
										line-height: 1.84615;
									}
								}
							}
						}
					}
				}
	
				#payment {
					background-color: #FFF;
					.wc_payment_methods {
						margin: 0;
						padding: 0;
						li {
							
							position: relative;
							padding-inline: 19px 10px;
							margin-block: 15px;
							input[type="radio"] {
								position: absolute;
								left: 0;
								top: 13.5px;
							}
							label {
								color: var(--secondary-color);
								font-family: 'Montserrat';
								font-size: 16px;
								font-weight: 600;
								line-height: 1.5;
								letter-spacing: -0.32px;
							}
							.payment_box {
								background-color: transparent;
								padding: 0;
								margin: 0;
								&::before, &::after {
									display: none;
								}
								p {
									color: var(--text-1);
									font-family: "DM Sans";
									font-size: 17px;
									font-weight: 400;
									line-height: 1.4;
									letter-spacing: -0.34px;
								}
							}
		
						}
					}
					.place-order {
						padding: 0;
						margin: 0;
						.woocommerce-privacy-policy-text {
							p {
								color: var(--text-1);
								font-family: "DM Sans";
								font-size: 17px;
								line-height: 1.4;
								letter-spacing: -0.34px;
								padding-block: 30px;
							}
						}
						#place_order {
							@extend .pxl-dflex-center;
							float: none;
							margin-top: 10px;
							border-radius: 100px;
							background-color: var(--primary-color);
							backdrop-filter: blur(14.96546459197998px);
							min-width: 262px;
							height: 64px;
							letter-spacing: 0;
							color: var(--white, #FFF);
							font-family: 'Montserrat';
							font-size: 18px;
							font-weight: 600;
							line-height: 1;
							&:hover {
								background-color: var(--secondary-color);
							}
						}
					}
				}
			}
		}
	}
}

//My Account Page
//--------------------------------------------------
.woocommerce-account {
	.woocommerce {
		position: relative;
		width: 100%;
		display: inline-flex;
		flex-wrap: wrap;
		align-items: stretch;
		&::before, &::after {
			display: none;
		}

		// Form Login/Register
		#customer_login {
			display: inline-flex;
			flex-wrap: wrap;
			gap: 50px;
			&::before, &::after {
				display: none;
			}
			.col-1, .col-2 {
				flex: 0 0 calc(50% - 25px);
				max-width: calc(50% - 25px);
				padding: 0;
				> h2 {
					color:#072032;
					font-family: 'Montserrat';
					font-size: 32px;
					font-weight: 700;
					line-height: 1.5; 
					letter-spacing: -0.44px;
					text-transform: uppercase;
					margin-bottom: 25px;
				}
				@media #{$max-md} {
					flex: 0 0 100%;
					max-width: 100%;
				}
			}
			.woocommerce-form {
				margin: 0;
				border: none;
				background-color: var(--secondary-color);
				padding: 30px 50px;
				border-radius: 10px;
				@media #{$xs} {
					padding: 30px;
				}
				p {
					margin: 0;
					&::before, &::after {
						display: none;
					}
					+ p {
						margin-top: 20px;
					}
					&.form-row:not(.form-row-wide) {
						margin-top: 40px;
						display: flex;
						flex-direction: row-reverse;
						align-items: center;
						width: 100%;
						justify-content: space-between;
						gap: 20px;
					}
					&.lost_password {
						font-size: 16px;
						color: #FFF;
						a {
							color: inherit;
							&:hover {
								color: var(--primary-color);
							}
						}
					}
					.show-password-input {
						color: var(--secondary-color);
						transition-duration: .25s;
						&::after {
							color: inherit;
						}
						&.display-password, &:hover {
							color: var(--primary-color);
						}
					}
				}
				label {
					color: var(--white, #FFF);
					font-family: 'Montserrat';
					font-size: 16px;
					font-style: normal;
					font-weight: 600;
					line-height: 1.5; 
					letter-spacing: -0.32px;
					margin-bottom: 10px;
					&.woocommerce-form-login__rememberme {
						margin: 0;
					}
					.required {
						color: var(--primary-color);
					}
					&.woocommerce-form-login__rememberme {
						font-weight: 400;
						font-family: "DM Sans";

					}
				}
				input[type="text"], input[type="email"], input[type="password"] {
					width: 100%;
					border-radius: 6px;
					background-color: var(--white, #FFF);
					height: 50px;
					padding-inline: 20px;
					border: none;
					border-radius: 10px;
					color: var(--Text-1, #5C6972);
					font-family: "Montserrat";
					font-size: 15px;
					line-height: 1.4;
					letter-spacing: 0;
				}
				.woocommerce-button {
					height: 48px;
					padding-inline: 32px;
					font-size: 16px;
					font-weight: 600;
					letter-spacing: -0.32px;
					border-radius: 10px;
					font-family: 'Montserrat';
					margin: 0;
					white-space: nowrap;
					&:hover, &:active, &:focus {
						background-color: #FFF;
						color: var(--primary-color);
					}
				}
				.woocommerce-privacy-policy-text {
					margin-top: 20px;
					p {
						font-size: 16px;
						color: #FFF;
					}
					a {
						color: var(--primary-color);
						position: relative;
						&::before {
							content: '';
							position: absolute;
							width: 0;
							left: auto;
							right: 0;
							bottom: 0;
							height: 1px;
							background-color: var(--primary-color);
						}
						&:hover {
							&::before {
								width: 100%;
								left: 0;
								right: auto;
							}
						}
					}
				}
			}
		}

		// Logged 
		.woocommerce-MyAccount-navigation {
			flex-basis: 30%;
			max-width: 30%;
			position: sticky;
			top: 50px;
			left: 0;;
			height: fit-content;
			background-color: var(--secondary-color);
			padding: 30px 50px;
			border-radius: 0;

			@media #{$max-md} {
				flex-basis: 100%;
				max-width: 100%;
				position: relative;
				margin-bottom: 35px;
				padding: 30px;
				top: 0;
			}
			li {
				a {
					display: block;
					width: 100%;
					color: #FFF;
					padding: 15px 20px;
					font-size: 16px;
					border-radius: 0;
				}
				&.is-active, &:hover {
					a {
						background-color: var(--primary-color);
					}
				}
				+ li {
					margin-top: 1px;
				}
			}
		}
		.woocommerce-MyAccount-content {
			flex-basis: 70%;
			max-width: 70%;
			width: 100%;
			height: 100%;
			padding: 0;
			padding-left: 50px;
			border-radius: 10px;
			@media #{$max-md} {
				flex-basis: 100%;
				max-width: 100%;
				padding-left: 0;
			}
			> p {
				color: var(--text-1);
				font-family: "DM Sans";
				font-size: 17px;
				font-style: normal;
				font-weight: 400;
				line-height: 1.4;
				letter-spacing: -0.34px;
				margin-bottom: 15px;
			}
			.woocommerce-info {
				&::after {
					display: none;
				}
				&::before {
					top: 50%;
					transform: translateY(-50%);
				}
				color: var(--secondary-color);
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
				column-gap: 30px;
				row-gap: 10px;
			}
			.woocommerce-Addresses.addresses {
				.woocommerce-Address {
					max-width: none;
					width: 100%;
					padding: 0;
					+ .woocommerce-Address {
						margin-top: 50px;
					}
				}
				.woocommerce-Address-title  {
					margin-bottom: 5px;
					> h2 {
						color: var(--secondary-color);
						font-family: 'Montserrat';
						font-size: 22px;
						font-weight: 600;
						letter-spacing: -0.44px;
						margin-bottom: 15px;
					}
					> a {
						display: block;
						padding-inline: 32px;
						line-height: 48px;
						border-radius: 7px;
						font-size: 16px;
						font-weight: 600;
						color: #FFF;
						background-color: var(--primary-color);
						float: none;
						width: fit-content;
						&:hover {
							background-color: var(--secondary-color);
						}
					}
				}
				address {
					display: block;
					font-size: 17px;
					color: var(--text-1);
				}
			}

			form {
				> h2 {
					color: var(--secondary-color);
					font-family: 'Montserrat';
					font-size: 22px !important;
					font-style: normal;
					font-weight: 600;
					letter-spacing: -0.44px !important;
					margin-bottom: 20px;
				}
				.woocommerce-address-fields__field-wrapper {
					display: flex;
					flex-wrap: wrap;
					margin-inline: -15px;
				}
				.form-row {
					margin: 0;
					padding: 0;
					max-width: 100%;
					flex: 0 0 100%;
					padding-inline: 15px;
					margin-bottom: 20px;
					&::before, &::after {
						display: none;
					}


					&.form-row-first, &.form-row-last {
						max-width: 50%;
						flex:  0 0 50%;
					}
					> span {
						font-size: 14px;
						margin-top: 5px;
					}
					@media #{$max-xs} {
						&.form-row-first, &.form-row-last {
							max-width: 100%;
							flex:  0 0 100%;
						}
					}
				}
				label {
					display: block;
					color: var(--secondary-color);
					font-family: 'Montserrat';
					font-size: 16px;
					font-weight: 600;
					line-height: 1.5;
					letter-spacing: -0.32px;
					margin-bottom: 10px;
					.required {
						color: inherit;
					}
				}

				.select2-selection.select2-selection--single {
					border-radius: 6px;
					border: 0.995px solid var(--boarder-grey-1);
					color: var(--text-1);
					font-family: "DM Sans";
					font-size: 15px;
					letter-spacing: -0.3px;
					border-radius: 0;
					background-color: #FFF;
					.select2-selection__rendered {
						line-height: 48px;
						border: none;
					}
				}
				input{
					line-height: 50px;
					border-radius: 6px;
					border: 0.995px solid var(--boarder-grey-1);
					padding-inline: 18px;
					color: var(--text-1);
					font-family: "DM Sans";
					font-size: 15px;
					letter-spacing: -0.3px;
					border-radius: 0;
					background-color: #FFF;
					&:focus {
						border-color: var(--primary-color);
					}
				}
				fieldset {
					padding: 30px 0 10px;
					width: 100%;
					margin: 20px 15px;
					.show-password-input {
						top: 50%;
						transform: translateY(-50%);
					}
				}
				.button {
					float: right;
					font-size: 16px;
					font-family: 'Montserrat';
					letter-spacing: 0;
					font-weight: 600;
				}
			}
		}
	}
}

// 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;
		}
	}
	#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;
			}
			form.cart {
				border-top: 1px solid #f7f9fb;
				border-bottom: 1px solid #f7f9fb;
				padding: 18px 0;
				margin-bottom: 30px;
				.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;
				}
			}
			.quantity .qty {
				padding: 0 12px;
				width: 70px;
				height: 50px;
			}
		}
	}
}
.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%;
}

// Reset Password
.woocommerce-lost-password {
	.woocommerce-error {
		max-width: 440px;
		margin: auto;
	}
	.woocommerce-ResetPassword {
		background-color: var(--secondary-color);
		padding: 30px 50px;
		max-width: 500px;
		margin: 0 auto;
		border-radius: 0px;
		p {
			width: 100% !important;
			float: none !important;
			font-size: 16px;
			color: #FFF;
			margin-bottom: 20px;
		}
		#user_login {
			border-radius: 6px;
			border: 0.995px solid var(--boarder-grey-1);
			line-height: 48px;
			padding-inline: 18px;
			color: var(--text-1);
			font-family: "DM Sans";
			font-size: 15px;
			letter-spacing: -0.3px;
			color: #FFF;
			&:focus {
				border-color: var(--primary-color);
			}
		}
		label {
			display: block;
			margin-bottom: 10px;
			color: #FFF;
			font-family: 'Montserrat';
			font-size: 16px;
			font-weight: 600;
			letter-spacing: -0.32px;
			.required {
				color: inherit;
			}
		}
		.woocommerce-Button {
			font-family: 'Montserrat';
			padding-inline: 32px;
			line-height: 48px;
			font-size: 16px;
			font-weight: 600;
			margin-top: 10px;
		}
	}
}

/* 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;
			}
		}
	}
}

/* Wishlist */
.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: none;
		overflow-y: auto;
		.woosw-item {
			display: flex;
			align-items: stretch;
			flex-wrap: wrap;
			td {
				border: none;
				background-color: transparent !important;
		
				&.woosw-item--remove {
					flex: 0 0 40px;
					max-width: 40px;
					span:before {
						color: var(--secondary-color);
					}
				}
				&.woosw-item--image {
					flex: 0 0 200px;
					a {
						min-height: 120px;
						border: 1px solid #d7d7d7;
						height: 100%;
						@extend .pxl-dflex-center;
						padding: 10px;
						img {
							max-width: 100px;
						}
					}
					@media #{$max-xs} {
						flex: 0 0 150px;
					}
				}
				&.woosw-item--info {
					flex: 0 0 calc(100% - ( 163px + 200px + 40px));
					@media #{$max-xs} {
						flex: 0 0 calc(100% - ( 150px + 40px ));
					}
					.woosw-item--price {
						font-size: 15px;
						color: var(--primary-color);
						ins {
							background-color: transparent;
							color: inherit;
						}
						del {
							color: var(--text-1);
						}
					}
					.woosw-item--time {
						font-size: 14px;
						font-weight: 500;
					}
				}
				&.woosw-item--actions {
					flex: 0 0 163px;
					max-width: 163px;
					
					.add_to_cart_button {
						width: fit-content;
					}
					@media #{$max-xs} {
						flex: 0 0 100%;
						max-width: 100%;
						.add_to_cart_inline  {
							padding-left: 40px;
							padding-bottom: 15px;
						}
					}
				}
			}
		}
	}
}

/* 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 {
	.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;
		}
	}
}

.wc-empty-cart-message {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
}

.pxl-woocommerce-page {
	.container {
		max-width: 1200px;
	}
}

.wc-block-components-checkout-place-order-button {
	color: #FFF;
	background-color: $secondary_color;
	border-radius: 200px;
	border: none;
	font-size: 15px;
	&:hover {
		background-color: $primary_color;
	}
}

.add_to_cart_button {
	border-radius: 200px;
}


#calc_shipping_city_field, #calc_shipping_postcode {
	border: 1px solid #e2e2e2;
	line-height: 48px;
	padding: 0;
	padding-inline: 15px;

}

#calc_shipping_postcode {
	margin-top: 12px;
}



// 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-close {
		width: 34px;
		height: 34px;
		position: relative;
		border-radius: 34px;
		background-color: var(--secondary-color);
		position: relative;
		@extend .pxl-transition-linear;
		cursor: pointer;
		&.remove_from_cart_button {
			background-color: var(--primary-color);
			width: 26px;
			height: 26px;
			position: absolute;
			right: 0;
			top: 50%;
			transform: translateY(-50%);
			&::after, &::before { 
				width: 15px;
			}
		}
		&::after, &::before {
			content: '';
			width: 20px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%) rotate(45deg);
			height: 2px;
			background-color: #FFF;
			transition: inherit;
		}
		&::before {
			transform: translate(-50%, -50%) rotate(-45deg);
		}
		&:hover {
			&::after, &::before {
				transform: translate(-50%, -50%) rotate(0deg);
			}
		}
	}
	.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: 20px;
			font-weight: 600;
			color: var(--secondary-color);
			flex-grow: 1;
		}
		.widget_shopping_head {
			position: sticky;
			background-color: #FFF;
			top: 0;
			left: 0;
			padding-block: 20px;
			display: flex;
			width: 100%;
			flex-direction: row-reverse;
			justify-content: space-between;
			background-color: #FFF;
			padding-bottom: 20px;
			margin-bottom: 20px;
			align-items: center;
			border-bottom: 1.5px solid var(--boarder-grey-1);
			z-index: 9999;
			.ct-close {
				height: 36px;
				width: 36px;
			}
		}
		.widget_shopping_cart {
			padding: 0 30px 0 30px;
			height: 100%;
			overflow-y: scroll;
			width: 100%;
			max-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 {
						width: 100%;
						gap: 7px;
						padding-right: 25px;
						h3 {
							display: block;
						    font-size: 16px;
							line-height: normal;
							margin-bottom: 3px;
							a {
								color: inherit;
								font-weight: 600;
								&:hover {
									color: var(--primary-color);
								}
							}
						}
						.quantity {
							display: block;
							font-size: 14px;
							font-weight: 600;
							.quantity-icon {
								display: none;
							}
						}
					}
					a.remove_from_cart_button {
						opacity: 0;
					}
					li:hover a.remove_from_cart_button {
						opacity: 1;
					}
				}
			}
			.widget_shopping_cart_footer {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 10px 30px;
				background-color: #fff;
				border-top: 1px solid var(--boarder-grey-1);
				p.total {
					border: none;
					border-top: 1px ;
					padding-top: 15px;
					padding-bottom: 15px;
					color: var(--secondary-color);
					font-weight: 600;
					font-family: "DM Sans";
					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(100px);
						line-height: 40px;
						text-align: center;
						border: 1px solid rgba($color: #4AAB3D , $alpha: 1);
						border-color: var(--primary-color);
						&.checkout {
							border-color: var(--secondary-color);
							background-color: var(--secondary-color);
					        &:hover, &:focus {
								color: var(--secondary-color);
					        }
						}
						&:hover {
							background-color: transparent;
							color: var(--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;
	}
}

.add_to_cart_inline {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: fit-content;
	.product_type_variable {
		white-space: nowrap;
	}
}

// Message 

// New
.woocommerce {
	// Hidden button up - down in input number
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}
	input[type=number] {
		-moz-appearance: textfield;
		width: 100%;
	}

	// Input Quantity
	.quantity-icon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		&.pxl-icon--minus {
			left: 29px;
		}
		&.pxl-icon--plus {
			right: 29px;
		}
	}

	// Spacing Top/Bottom Page
	#pxl-main {
		padding: 100px 0 142px;
		.pxl-content-wrap {
			--x: 10px;
			margin: 0 calc(-1 * var(--x));
			.pxl-content-area {
				padding: 0 var(--x);
			}
			.pxl-sidebar-area {
				padding: 19px var(--x) 0;
			}
		}
		.col-lg-9 {
			flex: 0 0 75%;
			max-width: 75%;
		}
		.col-lg-3 {
			flex: 0 0 25%;
			max-width: 25%;
		}
		.woocommerce-message {
			display: inline-flex;
			align-items: center;
			width: 100%;
			gap: 8px;
			padding-right: 140px;
			color: var(--secondary-color);
			&::before {
				position: relative;
				top: 0;
				left: 0;
			}
			&::after {
				display: none;
			}
			.button {
				position: absolute;
				right: 20px;
				top: 50%;
				transform: translateY(-50%);
			}
		}
		@media #{$max-lg} {
			.col-lg-9 {
				flex: 0 0 70%;
				max-width: 70%;
			}
			.col-lg-3 {
				flex: 0 0 30%;
				max-width: 30%;
			}
		}
		@media #{$max-md} {
			.col-lg-9 {
				margin-bottom: 85px;
			}
			.col-lg-9, .col-lg-3 {
				flex: 0 0 100%;
				max-width: 100%;
			}
			
		}
	}
	ul.products {
		--x: 16.5px;
		--y: 24.5px;
		display: flex;
		flex-wrap: wrap;
		margin-inline: calc(-1 * var(--x));
		margin-block: calc(-1 * var(--y));
		@media #{$max-md} {
			--x: 15px;
			--y: 20px;
		}
		li.product {
			margin: 0;
			padding-inline: var(--x);
			padding-block: var(--y);
			> .woosw-btn, > .woosq-btn, > .woosc-btn {
				display: none !important;
			}
		}
		@media #{$max-lg} {
			--x: 10px;
		}
		@media #{$min-lg} {
			&.columns-5 li.product {
				width: calc(20%);
				width: -webkit-calc(20%);
				width: -ms-calc(20%);
				width: -o-calc(20%);
			}
		}
		@media #{$min-lg} {
			&.columns-4 li.product {
				width: calc(25%);
				width: -webkit-calc(25%);
				width: -ms-calc(25%);
				width: -o-calc(25%);
			}
		}
		@media #{$max-md} {
			&.columns-4 li.product {
				width: calc(33.33%);
				width: -webkit-calc(33.33%);
				width: -ms-calc(33.33%);
				width: -o-calc(33.33%);
			}
		}
		@media #{$min-md} {
			&.columns-3 li.product {
				width: calc(33.33%);
				width: -webkit-calc(33.33%);
				width: -ms-calc(33.33%);
				width: -o-calc(33.33%);
			}
		}
		@media #{$mm-sm} {
			li.product {
				width: 50% !important;
			}
		}
		@media #{$max-xs} {
			li.product {
				width: 100% !important;
			}
		}
	}

	// Single Product
	#pxl-content-area div.product, > div.product {
		.woocommerce-summary-wrap {
			margin-bottom: 16px;
		}
		.woocommerce-product-details__short-description {
			p:last-child {
				margin-bottom: 0;
			}
		}
		// Featured, Grallery
		.woocommerce-gallery {
			--x: 156px;
			position: relative;
			padding-left: calc(35px + var(--x));
			flex: 0 0 53.5%;
			max-width: 53.5%;
			@media #{$max-md} {
				padding-right: 15px;
				padding-left: 15px;
			}
			@media #{$max-sm} {
				flex: 0 0 100%;
				max-width: 100%;
			}
			.onsale {
				display: none;
			}
			.woocommerce-badges {
				position: absolute;
				left: 11px;
				top: 11px;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				z-index: 9;
				.new, .onsale {
					display: inline-block;
					position: static;
					padding: 0;
					border-radius: 0;
					min-height: 27px;
					min-width: auto;
					padding-inline: 11px;
					color: var(--white, #FFF);
					font-family: 'Inter';
					font-size: 13px;
					font-style: normal;
					margin: 0;
					font-weight: 400;
					line-height: 27px;
					background-color: var(--dark-blue-1);
				}
				.onsale {
					background-color: var(--primary-color);
				}
			}

			.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;
					}
				}
			}
			.woocommerce-product-gallery {
				margin-bottom: 0;
				position: static;
				width: 100% !important;
				border: 0px solid var(--boarder-grey-1);
				.woocommerce-product-gallery__wrapper {
					position: relative;
				}
				.flex-viewport {
					border: 1px solid var(--boarder-grey-1);
				}
				.flex-control-nav {
					margin: 0;
					position: absolute;
					top: 0;
					left: 15px;
					width: 100%;
					max-width: var(--x);
					@media #{$max-md} { 
						position: relative;
						left: 0;
						max-width: none;
						display: flex;
						margin-top: 15px;
						gap: 15px;
					}
					li {
						width: 100%;
						@extend .pxl-dflex-center;
						float: none;
						img {
							padding: 36.5px 20px;
							width: 100%;
							border: 1px solid var(--boarder-grey-1);
							opacity: 1;
							@include border-radius(0px);
							@include transition(.3s cubic-bezier(.24,.74,.58,1));
							&.flex-active {
								border-color: var(--primary-color);
							}
						}
						+ li {
							margin-top: 19.5px;
						}
						@media #{$max-md} {
							+ li {
								margin: 0;
							}
						}
					}
				}
				.flex-direction-nav {
					margin: 0;
					padding: 0;
					list-style: none;
					display: none;
					a {
						font-size: 0px;
						width: 40px;
						height: 40px;
						position: relative;
						display: block;
						text-align: center;
						line-height: 40px;
						color: #000;
						&:before {
							content: "\f136";
							font-family: "Caseicon";
							font-size: 12px;
							display: inline-flex;
						}
						&:hover {
							color: $primary_color;
							background-color: rgba(#fff, 0.12);
						}
					}
					.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;
					}
					.flex-nav-prev {
						left: 0;
					}
					.flex-nav-next {
						right: 0;
						a:before {
							@include transform(scaleX(-1));
						}
					}
				}
				.woocommerce-product-gallery__image {	
					a {
						overflow: hidden;
						padding: 30px 55px;
						position: relative;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 100%;
						min-height: 604px;					
						img {
							width: auto;
							// max-width: 300px;
						}
						@media #{$max-md} {
							min-height: auto;

						}
					}
				}
				.woocommerce-product-gallery__trigger {
					top: 15px;
					right: 30px;
				}
			}
		}
		.woocommerce-summary-inner {
			flex: 0 0 46.5%;
			max-width: 46.5%;
			.entry-summary {
				padding-left: 27px;
			}
			@media #{$max-md} {
				.entry-summary { 
					padding: 0;
				}
			}
			@media #{$max-sm} {
				flex: 0 0 100%;
				max-width: 100%;
			}
		}
		// Info Product
		.woosc-btn, .woosw-btn {
			display: none;
		}
		.woocommerce-sg-product-title {
			margin-top: 14px;
			.product_title {
				color: var(--secondary-color);
				font-family: 'Montserrat';
				font-size: 40px;
				font-style: normal;
				font-weight: 600;
				line-height: 1.4;
				letter-spacing: -1px;
				@media #{$max-md} {
					font-size: 38px;
				}
				@media #{$max-sm} {
					font-size: 36px;
				}
			}
		}
		.woocommerce-sg-product-rating {
			margin-bottom: 5px;
			.woocommerce-product-rating {
				margin: 0;
			}
			.woocommerce-review-link {
				font-family: "DM Sans";
				font-size: 17px;
				font-weight: 400;
				line-height: 1.4;
				letter-spacing: -0.34px;
				color: var(--text-1)
			}
		}
		.woocommerce-sg-product-price {
			margin-bottom: 30px;
			.price {
				display: inline-flex;
				align-items: end;
				flex-direction: row-reverse;
				gap: 5px;
				ins {
					padding: 0
				}
				bdi {
					@extend .h7;
					font-family: 'Montserrat';
					color: var(--primary-color);
					line-height: 45px;
				}
				del {
					text-decoration: none;
					opacity: 1;
					line-height: 45px;
					.amount bdi {
						--current-color: currentcolor;
						position: relative;
						font-size: 22px;
						text-decoration: none;
						color: var(--text-1);
						line-height: 45px;
						&::after {
							content: '';
							position: absolute;
							width: 100%;
							height: 1px;
							background-color: var(--current-color);
							left: 0;
							top: 50%;
							transform: translateY(-50%);
						}
					}
				}
			}
		}
		.woocommerce-sg-product-excerpt {
			margin-bottom: 35px;
			.woocommerce-product-details__short-description {
				margin: 0;
			}
			p {
				font-family: "DM Sans";
				font-size: 18px;
				font-weight: 400;
				line-height: 1.4;
				letter-spacing: -0.36px;
			}
		}
		form.cart {
			display: inline-flex;
			align-items: center;
			margin-bottom: 20px;
			width: 100%;
			flex-wrap: wrap;
			&::before, &::after, .added_to_cart.wc-forward {
				display: none;
			}
			.woocomerce-label--quantity {
				margin-right: 13px;
				@media #{$max-md} {
					width: 100%;
					flex-basis: 100%;
					margin-right: 0;
					margin-bottom: 10px;
				}
				@media #{$max-sm} {
					width: auto;
					flex-basis: auto;
					margin-right: 13px;
				}
				@media #{$max-xs} {
					width: 100%;
					flex-basis: 100%;
					margin-right: 0;
					margin-bottom: 10px;
				}
			}
			.quantity {
				position: relative;
				float: none;
				margin: 0;
				flex: 0 0 157px;
				margin-right: 19px;
				
				.input-text {
					width: 100%;
					border-radius: 0;
					--border-color: #D7D7D7;
					line-height: 47px;
					@extend .h6;
					font-family: 'Montserrat';
				}
			}
			.single_add_to_whistlist_button {
				margin-right: 16px;
				flex: 0 0 47px;
				.woosw-btn {
					@extend .pxl-square-box;
					@extend .pxl-dflex-center;
					@extend .pxl-transition-linear;
					--size: 47px;
					background-color: #F5F7FA;
					border: none;
					padding: 0;
					color: var(--secondary-color);
					font-size: 17px;
					&:hover, &.woosw-added {
						background-color: var(--primary-color);
						color: #F5F7FA;
					}
				}
			}
			.single_add_to_compare_button {
				flex: 0 0 47px;
				.woosc-btn {
					@extend .pxl-square-box;
					@extend .pxl-dflex-center;
					@extend .pxl-transition-linear;
					--size: 47px;
					background-color: #F5F7FA;
					border: none;
					padding: 0;
					color: var(--secondary-color);
					font-size: 20px;
					&:hover, &.woosc-added {
						background-color: var(--primary-color);
						color: #F5F7FA;
					}
				}
			}

			.single_add_to_cart_button {
				flex-basis: 100%;
				max-width: 381px;
				width: 100%;
				margin-top: 18px;
				@extend .pxl-dflex-center;
				@extend .h6;
				font-family: 'Montserrat';
				color: #FFF;
				line-height: 47px;
				float: none;
				border-radius: 100px;
				background-color: var(--primary-color);
				&:hover {
					background-color: var(--secondary-color);
				}
			}

			
		}
		.product_meta {
			margin-top: 37.5px;
			> span { 
				display: block;
				width: 100%;
				color: var(--secondary-color);
				font-family: 'Montserrat';
				font-size: 16px;
				font-weight: 600;
				line-height: 1.625;
				text-transform: capitalize;
				a {
					color: var(--text-1);
					font-family: 'Montserrat';
					font-size: 16px;
					font-weight: 600;
					line-height: 26px;
					text-transform: capitalize;
					&:hover {
						color: var(--primary-color);
					}
				}
				+ span {
					margin-top: 8px;
				}
			}
		}
		.woocommerce-social-share {
			display: inline-flex;
			align-items: center;
			gap: 10.75px;
			margin-top: 36px;
			> span {
				color: var(--secondary-color);
				font-family: 'Montserrat';
				font-size: 16px;
				font-weight: 600;
				line-height: 1.625;
				text-transform: capitalize;
			}
			a {
				@extend .pxl-round-box;
				--size: 32.2px;
				background-color: #E7F8F0;
				@extend .pxl-dflex-center;
				&:hover {
					color: #FFF;
					background-color: var(--primary-color);
					svg path, svg rect {
						fill: #FFF;
					}
				}
			}
		}

		.woocommerce-tabs {
			ul.wc-tabs {
				width: 100%;
				display: inline-flex;
				gap: 83px;
				overflow-x: scroll;
				padding: 0;
				margin: 0;
				position: relative;
				border-bottom: 1px solid var(--boarder-grey-1);
				z-index: 1;
				margin-bottom: 15px;
				padding-bottom: 13px;
				&:before, &:after {
					display: none !important;
				}
				li {
					border: none;
					background-color: transparent;
					position: relative;
					z-index: 99;
					padding: 0;
					margin: 0;
					&:before, &:after {
						display: none !important;
					}
					a {
						@extend .h3;
						line-height: 1.5;
						color: var(--secondary-color);
						position: relative;
						background-color: transparent;
						z-index: 1;
						white-space: nowrap;
					}
					&.active > a, a:hover {
						color: var(--primary-color);
					}
				}
				@media #{$max-sm} {
					gap: 50px;
				}
			}
			.woocommerce-Tabs-panel {
				padding-block: 21px;
				margin: 0;
				> h2 {
					display: none;
				}
				p {
					color: var(--text-1);
					font-family: "DM Sans";
					font-family: "DM Sans";
					font-size: 18px;
					font-style: normal;
					font-weight: 400;
					line-height: 1.4;
					letter-spacing: -0.36px;
				}

				.shop_attributes {
					border: 1px solid #d7d7d7;
					.woocommerce-product-attributes-item__label {
						font-size: 18px;
						font-weight: 600;
					}
					.woocommerce-product-attributes-item__value {
						color: var(--text-1);
						a {
							color: var(--text-1);
						}
					}
					th, td {
						border-bottom: 1px solid #d7d7d7;
						font-family: inherit;
						color: var(--secondary-color);
						font-weight: normal;
						font-style: normal;
						padding: 10px;
					}
					td {
						border-left: 1px solid #d7d7d7;
					}
				}

				// Comment, Rating Form
				#reviews {
					&::before, &::after {
						display: none;
					}
					display: flex;
					flex-wrap: wrap;
					gap: 30px;
					margin: 0;
					.woocommerce-Reviews-title {
						font-size: 28px;
						margin-bottom: 20px;
					}
					#comments {
						flex-basis: calc(60% - 15px) ;
						max-width: calc(60% - 15px);
						padding-right: 15px;
						@media #{$max-md} {
							flex-basis: 100%;
							max-width: 100%;
							padding: 0;
							margin-bottom: 50px;
						}
						ol.commentlist {
							padding: 0;
							li {
								.comment_container {
									padding: 15px;
									border: 1px solid #d7d7d7;
									display: flex;
									align-items: center;
									gap: 15px;
									@media #{$max-3xs} {
										flex-direction: column;
										align-items: start;
										gap: 10px;
									}
									img {
										--size: 60px;
										position: relative;
										width: var(--size);
										min-width: var(--size);
										height: var(--size);
										border-radius: var(--size);
										border: none;
										padding: 0;
									}
									.comment-text {
										position: relative;
										padding: 0;
										margin: 0;
										border: none;
										width: 100%;
										.meta {
											display: block;
										}
										.woocommerce-review__author {
											display: block;
											font-size: 16px;
											letter-spacing: 0;
											font-weight: 600;
											font-family: 'Montserrat';
										}
										.woocommerce-review__dash {
											display: none;
										}
										.woocommerce-review__published-date {
											display: block;
											font-size: 14px;
										}
										.description {
											font-size: 16px;
											font-weight: 400;
											p {
												margin: 0;
											}
										}
									}
								}
								&.review {
									.comment_container { 
										.comment-text { 
											.meta {
												padding-right: 100px;
											}
											.star-rating {
												position: absolute;
												right: 0;
												top: 0;
											}
										}
									}
								}
							}
							.children {
								margin: -1px 0 0 30px;
							}
						}
					}
					#review_form_wrapper {
						flex-basis: calc(40% - 15px);
						max-width: calc(40% - 15px);
						padding-left: 15px;
						@media #{$max-md} {
							flex-basis: 100%;
							max-width: 100%;
							padding: 0;
						}
						#reply-title {
							display: none;
						}
						#commentform {
							--x: 30px;
							display: flex;
							flex-wrap: wrap;
							padding-top: 40px;
							column-gap: var(--x);
							@media #{$max-md} {
								padding: 0;
							}
							> p, .comment-form-rating {
								width: 100%;
								margin: 0;
								+ p {
									margin-top: 20px;
								}
								&.comment-form-cookies-consent {
									margin-top: 7px;
								}
							}
							.comment-form-rating {
								margin-top: 20px;
							}
							label {
								font-weight: 600;
							}
							.comment-form-rating {
								width: 100%;
								a {
									color: #999;
								}
								.stars {
									margin: 0;
									margin-top: 5px;
								}
								.stars:hover a, .stars.selected a {
									color: #efb343;
								}
							}
							.comment-notes {
								font-size: 14px;
							}
							.comment-form-cookies-consent {
								width: 100%;
								label {
									font-size: 14px;
									font-weight: 400;
								}
							}
							.comment-form-author, .comment-form-email {
								flex-basis: calc(50% - ( var(--x) / 2));
								max-width: calc(50% - ( var(--x) / 2));
								input{
									border-radius: 0;
									font-size: 16px;
									padding: 5px 20px;
									color: var(--text-1);
									margin: 0;
									border: 1px solid #d7d7d7;
									line-height: 50px;
									height: 50px;
									&:focus, &:hover {
										border-color: var(--primary-color);
									}
								}
								@media #{$max-lg} {
									flex-basis: 100%;
									max-width: 100%;
								}
								@media #{$max-md} {
									flex-basis: calc(50% - ( var(--x) / 2));
									max-width: calc(50% - ( var(--x) / 2));
								}
								@media #{$max-xs} {
									flex-basis: 100%;
									max-width: 100%;
								}
							}
							.comment-form-comment {
								#comment {
									border-radius: 0;
									font-size: 16px;
									padding: 5px 20px;
									color: var(--text-1);
									margin: 0;
									border: 1px solid #d7d7d7;
									&:focus, &:hover {
										border-color: var(--primary-color);
									}
								}
							}
						}
					}
				}
			
			}
		}
	}
	
}