.promotion_tab{
    display: flex;
    justify-content: center;
	align-items: center;
	padding: 10px;
	background-color: #ffe0de;
	color: #b73932;
	p{
		margin-right: 20px;
		font-weight: 600;
		font-size: 14px;
	}
	.count{
		display: flex;
		gap: 5px;
		span{
			border: 1px solid #b73932;
			border-radius: 5px;
			padding: 0 10px;
			font-weight: 600;
			font-size: 14px;
			display: flex;
			align-items: center;
		}
	}
	a{
		margin-left: 20px;
		font-weight: 600;
		font-size: 14px;
	}
	a:hover{
		text-decoration: underline;
		color: #b73932;
	}
}
:lang(th){
	.promotion_tab{
		p{
			font-size: 20px;
		}
		.count{
			span{
				font-size: 20px;
			}
		}
		a{
			font-size: 20px;
		}
	}
}
:lang(en){
	.promotion_tab{
		p{
			font-weight: 800;
		}
		.count{
			span{
				font-weight: 800;
			}
		}
		a{
			font-weight: 800;
		}
	}
}
.popupform{
	input{
		border-radius: 0 !important;
	}
	.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style{
		width: 100%;
		background-color: #000;
		border-radius: 0;
		transition: all .3s ease;
	}
	.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover{
		background-color: #000;
		opacity: .8;
		transition: all .3s ease;
	}
}
.popupproduct{
	.eael-product-list-container{
		background: transparent !important;
		padding: 0 !important;
		.eael-product-list-buttons-on-hover{
			display: none !important;
		}
		.eael-product-list-item.image-alignment-left{
			padding: 0 !important;
			flex-direction: column;
		}
		.eael-product-list-content-wrap{
			padding: 0 !important;
			width: 100% !important;
		}
	}
}
.sale_tag{
	background-color: red;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	padding: 5px 10px;
}
.tag.vh-core{
	display: flex;
	gap: 5px;
	li{
		font-size: 12px;
		font-weight: 800;
		padding: 5px 10px;
		width: fit-content;
	}
	.special{
		background-color: red;
		color: #fff;
	}
	.recommend{
		background-color: #000;
		color: #fff;
	}
}
.button_read_more{
	text-align: center;
	padding: 10px 20px;
	background-color: #0000;
	color: #fff;
}
body{
	.widget{
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 999;
		.list{
			position: relative;
			.icon{
				border-radius: 50%;
				background-color: #000;
				color: #fff;
				padding: 0;
				height: 40px;
				width: 40px;
				display: flex;
				justify-content: center;
        	    align-items: center;
				cursor: pointer !important;
				i{
					font-family: "Font Awesome 7 Free" !important;
				}
				.fa-brands,.fab{
					font-family: "Font Awesome 7 Brands" !important;
				}
			}
			.first{
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 999;
			}
			.close{
				opacity: 0;
				overflow: hidden;
			}
			.button_icon{
				position: absolute;
				bottom: 0;
				right: 0;
				display: flex;
                flex-direction: row-reverse;
                align-items: center;
				width: max-content;
				transition: all .3s ease;
				opacity: 0;
				overflow: hidden;
				p{
					background: #999;
					color: #fff;
					margin-right: 15px;
					padding: 5px 10px;
					border-radius: 999px;
					font-size: 12px;
					position: relative;
					transition: all 250ms ease;
					opacity: 1;
					overflow: visible;
					pointer-events: none;
				}
				p::after{
					content: '';
					width: 0;
  					height: 0;
  					border-top: 5px solid transparent;
  					border-bottom: 5px solid transparent;
  					border-left: 10px solid #999;
					position: absolute;
					right: -7px;
					top: 9px;
				}
			}
			/* .button_icon:hover{
				p{
					margin-right: 15px;
					opacity: 1;
					overflow: visible;
					transition: all 250ms ease;
				}
			} */
		}
	}
}
.mex-compare-items{
	li:first-of-type{
		border-bottom: none !important;
	}
}
.lSSlideOuter{
	#lightSlider{
		.lslide{
			height: 370px;
			.relative{
				img{
					height: 210px;
					object-fit: contain;
				}
			}
		}
	}
}
.home{
	.lSSlideOuter{
		#lightSlider{
			height: auto !important;
			.lslide{
				height: 420px;
				.relative{
					img{
						height: 100%;
						object-fit: contain;
					}
				}
				.text-white{
					span{
						color: red !important;
					}
				}
				.line-through{
					text-decoration: none !important;
					bdi{
						text-decoration: line-through;
						color: #fff !important;
					}
				}
			}
		}
	}
}
.main_image {
 	position: relative;
  	overflow: hidden;
  	width: 60%;
 	height: 100%;
	display: flex;
    justify-content: center;
}
.main_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.1s ease-out;
  cursor: crosshair;
}
.product{
	.swiper{
    	width: 100%;
    	height: 100%;
    	.swiper-slide{
    		text-align: left;
    		display: flex;
    		justify-content: flex-start;
    		align-items: center;
			flex-direction: column;
			padding: 16px;
			border: 1px solid rgba(204,204,204);
			border-radius: 20px;
			height: auto;
			position: relative;
			.image_product{
				position: relative;
				width: 100%;
				display: flex;
                justify-content: center;
				img{
    				display: block;
    				width: 210px;
    				height: 210px;
    				object-fit: contain;
					margin-bottom: 8px;
				}
				.button-action{
					position: absolute;
					bottom: 5px;
					left: 0;
					display: flex;
					gap: 5px;
					button{
						padding: 10px;
						border-radius: 50%;
						border: 1px solid #e5e7eb;
					}
					a{
						padding: 13px;
						border-radius: 50%;
						border: 1px solid #e5e7eb;
						.woosw-btn-icon{
							font-size: 17px !important;
						}
					}
					button,a{
						background-color: rgba(255,255,255,.7);
						transition: all .3s ease;
					}
					button:hover,a:hover{
						background-color: rgba(255,255,255,1);
						transition: all .3s ease;
					}
				}
			}
			.description_product{
				width: 100%;
				.name{
					font-weight: 600;
					height: 63px;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					line-clamp: 2;
					overflow: hidden;
					word-break: break-word;
				}
				.price{
					font-size: 25px !important;
                    line-height: 1;
                    font-weight: 900;
					ins,span{
						color: red;
					}
					span{
						margin: 0 5px;
					}
				}
			}
    	}
    }
	#product-list{
		display: flex;
	    justify-content: center;
	    align-items: center;
		.list_wrapper{
			display: grid;
			gap: 30px;
			grid-template-columns: repeat(5,minmax(0,1fr));
			padding: 15px;
			.list{
				padding: 16px;
				border: 1px solid rgba(204,204,204);
				border-radius: 20px;
				display: flex;
				align-items: flex-start;
				flex-direction: column;
				position: relative;
				.image_product{
					position: relative;
					width: 100%;
					display: flex;
                	justify-content: center;
					img{
						width: 210px;
						height: 210px;
						object-fit: contain;
						margin-bottom: 8px;
						mix-blend-mode: multiply;
					}
					.button-action{
						position: absolute;
						bottom: 5px;
						left: 0;
						display: flex;
						gap: 5px;
						button{
							padding: 10px;
							border-radius: 50%;
							border: 1px solid #e5e7eb;
						}
						a{
							padding: 13px;
							border-radius: 50%;
							border: 1px solid #e5e7eb;
							.woosw-btn-icon{
								font-size: 17px !important;
							}
						}
						button,a{
							background-color: rgba(255,255,255,.7);
							transition: all .3s ease;
						}
						button:hover,a:hover{
							background-color: rgba(255,255,255,1);
							transition: all .3s ease;
						}
					}
				}
				.description_product{
					width: 100%;
					.name{
						font-weight: 700;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						line-clamp: 2;
						-webkit-line-clamp: 2;
						overflow: hidden;
						word-break: break-word;
						margin-bottom: 5px;
					}
					.sku{
						font-size: 14px !important;
						margin-bottom: 5px;
					}
					.price{
						del,span,ins{
							font-size: 18px !important;
							line-height: 1;
							color: #222 !important;
						}
						span{
							margin: 0 5px;
						}
						del{
							/* color: red !important; */
							word-wrap: normal;
						}
						ins,.sale{
							font-weight: 700;
							color: red !important;
						}
					}
				}
			}
		}
	}
	.additional-product{
		display: grid;
		padding: 15px;
		gap: 30px;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		.list{
			border: 1px solid #ccc;
			border-radius: 20px;
			padding: 16px;
			width: -webkit-fill-available;
			display: inline-block;
			/* width: 18.33%; */
			.label{
				display: none;
			}
			.image_product{
				position: relative;
				width: 100%;
				display: flex;
                justify-content: center;
				img{
					width: 210px;
					height: 210px;
					object-fit: contain;
					margin-bottom: 8px;
				}
				.button-action{
					position: absolute;
					bottom: 5px;
					left: 0;
					display: flex;
					gap: 5px;
					button{
						padding: 10px;
						border-radius: 50%;
						border: 1px solid #e5e7eb;
					}
					a{
						padding: 13px;
						border-radius: 50%;
						border: 1px solid #e5e7eb;
						.woosw-btn-icon{
							font-size: 17px !important;
						}
					}
					button,a{
						background-color: rgba(255,255,255,.7);
						transition: all .3s ease;
					}
					button:hover,a:hover{
						background-color: rgba(255,255,255,1);
						transition: all .3s ease;
					}
				}
			}
			.description_product{
				a{
					color: #000 !important;
					text-decoration: none !important;
					.name{
						font-weight: 700;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						line-clamp: 2;
						-webkit-line-clamp: 2;
						overflow: hidden;
						word-break: break-word;
						margin-bottom: 5px;
					}
				}
				.sku{
					font-size: 14px !important;
					margin-bottom: 5px;
				}
				.price{
					font-size: 18px !important;
					line-height: 1;
					color: #000 !important;
					font-weight: 700;
					del,span,ins{
						font-size: 18px !important;
						line-height: 1;
						color: red !important;
					}
					span{
						margin: 0 5px;
					}
					del{
						color: #000 !important;
					}
					ins{
						font-weight: 700;
					}
				}
			}
		}
	}
	.paginate-addition{
		.pagination{
			span{
				background-color: #000;
				color: #fff;
			}
		}
	}
	.pagination{
		text-align: center;
		display: flex;
        justify-content: center;
		gap: 10px;
		margin: 30px 0;
		span,a{
			font-size: 19px;
			width: 40px;
			height: 40px;
			border: 1px solid #000;
			border-radius: 50%;
			display: inline-block;
			line-height: 40px;
			font-weight: 500;
			transition: all .3s ease;
		}
		a:hover{
			background-color: #2260D2;
			border: 1px solid #2260D2;
			color: #fff;
			transition: all .3s ease;
		}
		.active{
			background-color: #000;
			color: #fff;
		}
	}
	.label{
		position: absolute;
		top: 16px;
		left: 16px;
		z-index: 1;
		p{
			color: #fff;
			padding: 5px 10px;
			line-height: normal;
			display: inline-block;
			margin-right: 5px;
			margin-bottom: 5px;
			font-weight: 600;
			min-width: 60px;
			text-align: center;
			border-radius: 5px;
		}
		p:last-of-type{
			margin-right: 0;
		}
	}
	.product-filter{
		padding:  0 15px 25px;
		border-bottom: 1px solid rgba(0,0,0,.2);
		margin-bottom: 10px;
		.filter{
			display: flex;
			gap: 20px;
			align-items: center;
			.subcat-group{
				margin-bottom: 10px;
				.subcat-list{
					display: flex;
					gap: 10px;
					align-items: center;
					.subcat-item{
						font-size: 25px;
						border: 1px solid #000;
						border-radius: 999px;
						padding: 2px 30px;
						line-height: 1;
						margin-right: 10px;
						transition: all .3s ease;
						cursor: pointer !important;
						white-space: pre;
					}
					.subcat-item:last-of-type{
						margin-right: 0;
					}
					.subcat-item.active,.subcat-item:hover{
						background-color: #000;
						color: #fff;
						transition: all .3s ease;
					}
					.subcat-level{
						display: flex;
					}
				}
			}
		}
		.filter:first-of-type{
			margin-bottom: 20px;
		}
	}
}
:lang(th){
	.product{
		#product-list{
			.list_wrapper{
				.list{
					.description_product{
						.name{
							font-weight: 900;
							font-size: 25px !important;
							line-height: 1;
							margin-bottom: 5px;
							display: -webkit-box;
							overflow: hidden;
							-moz-box-orient: vertical;
							-webkit-box-orient: vertical;
							line-clamp: 2;
							-webkit-line-clamp: 2;
							height: 50px;
						}
						.sku{
							font-size: 20px !important;
							line-height: 1;
							margin-bottom: 5px;
						}
						.price{
							font-size: 25px !important;
							line-height: 1;
							font-weight: 900;
							del,span,ins{
								font-size: 25px !important;
								line-height: 1;
								color: #222 !important;
							}
							span{
								margin: 0 5px;
							}
							/* del{
								color: red !important;
							} */
							ins,.sale{
								font-weight: 900;
								color: red !important;
							}
						}
					}
				}
			}
		}
		.additional-product{
			.list{
				.description_product{
					a{
						.name{
							font-weight: 900;
							font-size: 25px !important;
							line-height: 1;
							margin-bottom: 5px;
							display: -webkit-box;
							overflow: hidden;
							-moz-box-orient: vertical;
							-webkit-box-orient: vertical;
							line-clamp: 2;
							-webkit-line-clamp: 2;
							height: 50px;
						}
					}
					.sku{
						font-size: 20px !important;
						line-height: 1;
						margin-bottom: 5px;
					}
					.price{
						font-size: 25px !important;
						line-height: 1;
						color: #000 !important;
						font-weight: 900;
						del,span,ins{
							font-size: 25px !important;
							line-height: 1;
							color: red !important;
						}
						span{
							margin: 0 5px;
						}
						del{
							color: #000 !important;
						}
						ins{
							font-weight: 900;
						}
					}
				}
			}
		}
	}
}
.product_image_wrapper{
	display: flex;
    justify-content: center;
	> a{
		display: flex;
    	justify-content: center;
	}
	.gallery-wrapper{
		width: 100% !important;
		.swiper{
			.swiper-wrapper{
				.swiper-slide{
					border: 0;
					img{
						display: inline-block;
						width: 150px;
						object-fit: contain;
						margin-right: 5px;
						border-radius: 5px !important;
						opacity: .6;
						transition: all .3s ease;
					}
					.active,img:hover{
						opacity: 1;
						transition: all .3s ease;
					}
				}
			}
			.swiper-button-next, .swiper-button-prev{
				color: #000;
			}
			.swiper-button-next::after, .swiper-button-prev::after{
				font-size: 30px;
			}
		}
	}
}
.swiper-zoom-container{
	background-color: transparent !important;
}
.icon_bullets{
	.icon_bullet{
		display: flex;
    	align-items: center;
		gap: 10px;
		margin-bottom: 10px;
		span{
			font-size: 20px;
			img{
				width: 35px;
				height: 35px;
				object-fit: contain;
			}
		}
	}
	.icon_bullet:last-of-type{
		margin-bottom: 0;
	}
}
.dowload-list{
	display: flex;
	gap: 20px;
	a{
		border: 1px solid #000;
		color: #000;
		padding: 15px 30px;
		border-radius: 999px;
		font-size: 24px;
		transition: all .3s ease;
		line-height: 1;
		width: 207px;
		display: flex;
        align-items: center;
        justify-content: center;
		text-align: center;
	}
	a:hover{
		background-color: #000;
		color: #fff;
		transition: all .3s ease;
	}
}
html:lang(en-US){
	.dowload-list{
		a{
			font-size: 16px;
		}
	}
}
.column-list{
	.list{
		display: flex;
		gap: 20px;
		align-items: center;
		.left,.right{
			width: 50%;
		}
		.left{
			padding: 50px;
			h1{
				margin-bottom: 20px;
			}
			h2{
				text-indent: 40px;
				margin-bottom: 0;
			}
		}
	}
	.list:nth-of-type(2n){
		flex-direction: row-reverse;
	}
	.list:last-of-type{
		margin-bottom: 0;
	}
}
.parallax-img{
	transform: translateY(0px);
  	transition: transform 0.1s linear;
}
.horizontal{
	.icon_bullets{
		display: flex;
		justify-content: center;
        align-items: center;
		gap: 40px;
		.icon_bullet{
			margin-bottom: 0;
		}
	}
}
.woofc-count{
	display: block !important;
}
.cart-sgpd-mex{
	.stock.in-stock{
		/* display: none !important; */
	}
	.button::before{
		display: none !important;
	}
}
#compare-bar{
	background-color: #EBEBEB;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	.compare-bar-inner{
		display: flex;
		justify-content: center;
        align-items: center;
		padding: 10px;
		.compare-left{
			display: flex;
			justify-content: center;
        	align-items: center;
			.text-count{
				font-size: 17px;
				color: #222;
				padding: 20px 10px 10px;
			}
			.compare-items{
				display: flex;
				padding: 0 10px;
				gap: 10px;
				.compare-item{
					.img{
						position: relative;
						width: fit-content;
						.compare-remove{
							position: absolute;
							top: 0;
							right: 0;
							font-size: 14px;
							border-radius: 50%;
							border: 2px solid #000;
							padding: 0 5px;
							font-weight: 700;
							font-family: 'InterTight', sans-serif !important;
						}
						img{
							width: 65px;
							height: 65px;
							object-fit: contain;
						}
					}
				}
			}
		}
		.compare-actions{
			padding: 20px 10px 10px;
			button{
				padding: 2.5px 25px;
				border-radius: 25px;
				border: 1px solid #000;
				transition: all .3s ease;
			}
			button:first-of-type{
				background-color: #000;
				color: #fff;
				transition: all .3s ease;
			}
			button:first-of-type:hover{
				background-color: transparent;
				color: #000;
				transition: all .3s ease;
			}
			button:last-of-type:hover{
				background-color: #000;
				color: #fff;
				transition: all .3s ease;
			}
		}
	}
}
.compare-wrapper{
    max-width: 100%;
    margin: 0 auto;
	.compare-top{
        display: flex;
        align-items: flex-start;
        border: 1px solid #eee;
		overflow-x: auto;
		.compare-label{
        	flex: 0 0 300px;
        	font-weight: 400;
        	color: #000;
			font-size: 25px;
			white-space: nowrap;
			display: flex;
            align-items: center;
            justify-content: center;
			height: -webkit-fill-available;
    	}
		.compare-card {
        	position: relative;
        	flex: 1;
        	text-align: center;
        	background: #fff;
			border-left: 1px solid #f2f2f2;
        	padding: 30px;
			height: -webkit-fill-available;
			.compare-remove{
        		position: absolute;
        		top: 5px;
        		right: 10px;
        		background: none;
        		border: none;
        		font-size: 20px;
        		cursor: pointer;
        		color: #999;
				font-size: 25px;
				transition: all .3s ease;
    		}
			.compare-remove:hover{
        		color: #000;
				transition: all .3s ease;
    		}
			.compare-image{
				display: flex;
    			justify-content: center;
				img {
    		    	max-width: 250px;
    		    	margin-bottom: 10px;
				}
    		}
			.compare-title {
        		margin: 5px 0 0;
        		color: #333;
    		}
			.compare-price {
        		font-size: 20px;
        		font-weight: 600;
        		margin-bottom: 30px;
				del{
					color: #f60000;
				}
    		}
			.compare-btn {
        		display: inline-block;
        		background: #000;
        		color: #fff;
        		padding: 15px 30px;
        		border-radius: 9999px;
        		font-size: 18px;
        		text-decoration: none;
        		transition: all 0.2s ease;
				line-height: 1;
				border: 1px solid #000;
				transition: all .3s ease;
    		}
			.compare-btn:hover {
        		background: transparent;
				color: #000;
				transition: all .3s ease;
    		}
    	}
	}
	.compare-table-wrapper{
        margin-top: 80px;
        overflow-x: auto;
		overflow-y: auto;
		.compare-table{
        	width: 100%;
        	border-collapse: collapse;
			tr{
				display: flex;
				th,td{
					border-color: #eee;
        			padding: 12px;
        			text-align: center;
        			vertical-align: top;
					font-size: 25px;
				}
				th{
					text-align: left;
        			background: #fafafa;
        			font-weight: 400;
        			color: #000;
        			width: 300px;
					flex: 0 0 300px;
				}
				td{
					flex: 1;
				}
			}
    	}
    }
}
.paragraph{
	.pb-4{
		height: 515px !important;
		overflow: hidden;
		padding-bottom: 0 !important;
		margin-bottom: 1rem;
		p:last-of-type{
			font-weight: 800;
			margin-top: 20px;
			font-size: 26px !important;
		}
		ul{
			list-style: disc;
			padding-left: 20px;
		}
	}
}
:lang(en-US){
	.paragraph{
		.pb-4{
			p:last-of-type{
				font-size: 17px !important;
			}
		}
	}
}
.cart-sgpd-mex{
	.stock.in-stock,.stock.out-of-stock{
		color: #000 !important;
		display: flex;
    	align-items: center;
		margin-bottom: 5px;
	}
	.stock.in-stock::before,.stock.out-of-stock::before{
		display: block;
		content: '';
		width: 10px;
		height: 10px;
		margin-right: 5px;
		border-radius: 50%;
		background-color: #17a749;
	}
	.stock.in-stock::before{
		background-color: #17a749;
	}
	.stock.out-of-stock::before{
		background-color: #fd574f;
	}
	form.cart{
		width: 100%;
		button{
			width: 100%;
		}
	}
}
.catalog-vh{
	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  	gap: 40px;
  	padding: 80px 0 35px;
	.list{
		position: relative;
  		height: 450px;
  		border-radius: 25px;
  		background: #000;
  		overflow: hidden;
  		transition: transform .6s cubic-bezier(.2,.8,.2,1);
  		/* transform: perspective(500px) rotateY(6deg); */
		.img{
			position: absolute;
  			inset: 0;
  			border-radius: 26px;
  			overflow: hidden;
			img{
				width: 100%;
  				height: 100%;
  				object-fit: cover;
  				transition: transform .6s ease;
			}
		}
		.title{
			position: absolute;
  			bottom: 20px;
  			left: 20px;
  			right: 20px;
			z-index: 1;
			/* opacity: 0; */
			transition: all .3s ease;
			h2{
  				color: #fff;
  				letter-spacing: .4px;
				margin-bottom: 25px !important;
				line-height: 1;
			}
			.download{
				color: #fff;
				border: 1px solid #fff;
				border-radius: 999px;
				padding: 5px 10px;
				transition: all .3s ease;
			}
			.download:hover{
				background-color: #fff;
				color: #000;
				transition: all .3s ease;
			}
		}
	}
	.list:nth-of-type(3),.list:nth-of-type(4),.list:nth-of-type(7),.list:nth-of-type(8){
  		/* transform: perspective(500px) rotateY(-6deg); */
	}
	.list::after{
		content: "";
  		position: absolute;
  		inset: 0;
  		background: linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));
		/* opacity: 0; */
		transition: all .3s ease;
		pointer-events: none;
	}
	.list:hover::after{
		/* opacity: 1; */
		transition: all .3s ease;
  		background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
	}
	.list:hover{
		transform: translateY(-16px);
		img{
			transform: perspective(1000px) rotateY(0deg) scale(1.08);
		}
		.title{
			/* opacity: 1; */
			transition: all .3s ease;
		}
	}
}
:lang(en-US){
	.catalog-vh{
		.list{
			.title{
				h2{
					line-height: 1.5;
				}
			}
		}
	}
}
.catalog-pagination{
	display: flex;
	justify-content: center;
    gap: 20px;
	margin-bottom: 80px;
}
.button-footer{
	.white{
		img{
			filter: brightness(0) invert(1);
			transition: all .3s ease;
		}
	}
	p{
		transition: all .3s ease;
	}
}
.button-footer:hover{
	.white{
		img{
			filter: none;
			transition: all .3s ease;
		}
	}
	p{
		color: #000 !important;
		transition: all .3s ease;
	}
}
.featured{
	.white-hover{
		img{
			transition: all .3s ease;
		}
	}
	p{
		transition: all .3s ease;
	}
}
.featured:hover{
	.white-hover{
		img{
			/* filter: brightness(0) invert(1); */
			transition: all .3s ease;
		}
	}
	p{
		color: #000;
		transition: all .3s ease;
	}
}
.woocommerce{
	.woocommerce-MyAccount-navigation-link{
		margin-left: 0 !important;
		background-color: rgba(249,250,251,1) !important;
		transition: all .3s ease;
		a{
			color: #6b7280 !important;
			font-weight: 500;
			transition: all .3s ease;
			i::before{
				display: none;
			}
		}
	}
	li.woocommerce-MyAccount-navigation-link:hover{
		background-color: rgba(243,244,246,1) !important;
		transition: all .3s ease;
		a{
			color: #000 !important;
			transition: all .3s ease;
		}
	}
	li.woocommerce-MyAccount-navigation-link.active{
		background-color: #fff !important;
		border-left: 3px solid #000 !important;
		transition: all .3s ease;
		a{
			text-decoration: none !important;
			color: #000 !important;
			background-color: transparent !important;
			transition: all .3s ease;
		}
	}
	.woocommerce-MyAccount-navigation-link--News-subscription{
		display: none !important;
	}
	.woocommerce-MyAccount-content{
		i{
			font-family: "Font Awesome 5 Free" !important;
			font-weight: 600;
		}
	}
	.News-subscription-link{
		display: none !important;
	}
}
#menu-other-menu-th,#menu-other-menu{
	gap: 80px !important;
}
.sku{
	.elementor-shortcode{
		font-size: 20px;
		line-height: 1.2;
	}
}
html:lang(en-US){
	.sku{
		.elementor-shortcode{
			font-size: 15px;
			line-height: 1.5;
		}
	}
	.price{
		strong > span{
			font-size: 35px;
			font-weight: 600;
		}
		del{
			font-size: 14px !important;
			font-weight: 600 !important;
		}
	}
}
.price{
	strong > span{
		font-size: 50px;
		font-weight: 500 !important;
		color: #000 !important;
	}
	strong > .sale-price{
		color: red !important;
	}
	del{
		font-size: 26px !important;
		font-weight: 500 !important;
		color: #000 !important;
	}
}
@media only screen and (max-width: 767px){
	.product{
		#product-list{
			.list_wrapper{
				grid-template-columns: repeat(2,minmax(0,1fr));
			}
		}
		.additional-product{
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	.dowload-list{
		flex-direction: column;
		a{
			width: 100%;
		}
	}
	.column-list {
    	.list {
			margin-bottom: 100px;
			flex-direction: column !important;
			.left,.right{
				width: 100%;
			}
		}	
	}
	.horizontal {
    	.icon_bullets {
    	    flex-direction: column;
			.icon_bullet{
				flex-direction: column;
				gap: 5px;
			}
    	}
	}
}
.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, .e-con>.elementor-widget>.elementor-widget-container{
	height: auto !important;
}
.paragraph{
	#sub-parent{
		h3{
			strong{
				color: red !important;
			}
			span{
				color: #000 !important;
			}
		}
	}}
#sub-parent-shop{
	.sub-box{
		.pb-5.md\:pb-3{
			p:last-of-type{
				strong{
					color: red !important;
				}
				del{
					color: #000 !important;
				}
			}
		}
	}
}
html:lang(th){
	#sub-parent-shop{
		.sub-box{
			.flex.flex-row.flex-wrap.md\:flex-nowrap.items-stretch.md\:justify-around.gap-2{
				a{
					font-size: 25px;
					line-height: 1;
				}
				a:first-of-type{
					color: #fff !important;
					text-decoration: none !important;
				}
			}
		}
	}
}
h1.text-center.text-2xl.font-bold.mb-{
	margin-bottom: 45px !important;
}
html:lang(en-US){
	.button-filter, .button-subfilter,.button-filter-shop, .button-subfilter-shop{
		font-size: 18px !important;
	}
	h1.text-center.text-\[36px\].font-bolb.mb-\[20px\].font-th{
		line-height: 1.8 !important;
	}
	#sub-parent{
		.pb-4{
			h2,h3,h4,p:first-of-type{
				line-height: 2;
			}
			h4,p:first-of-type{
				font-size: 15px !important;
			}
			p:first-of-type{
				margin-bottom: 5px !important;
			}
		}
	}
}
html:lang(th){
	h3.text-\[22px\].font-black.text-white.font-th.mb-0.line-clamp-1,.text-white.font-medium.text-\[10px\],.flex.items-center.gap-\[5px\].text-\[20px\].font-semibold{
		line-height: 1 !important;
	}
	#sub-parent{
		.pb-4{
			> p:first-of-type,> h4:first-of-type{
				font-size: 21px !important;
			}
		}
	}
	.button-subfilter-shop,.button-subfilter-shop.active-sub,.button-filter-shop,.button-filter-shop.active{
		font-size: 25px !important;
	}
}
@media only screen and (max-width: 767px){
	html:lang(th){
		.button-subfilter-shop,.button-subfilter-shop.active-sub,.button-filter-shop,.button-filter-shop.active{
			font-size: 23px !important;
		}
	}
}
@media only screen and (min-width: 768px){
	.max-w-\[1132px\].mx-auto.pt-\[5px\].gap-\[10px\]{
		.flex.flex-row.justify-end.pb-\[52px\].pr-\[20px\].md\:pr-0{
			img{
				width: 37%;
			}
		}
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.product{
		.list_wrapper{
			grid-template-columns: repeat(3,minmax(0,1fr));
		}
	}
	.horizontal {
    	.icon_bullets {
			.icon_bullet{
				flex-direction: column;
				gap: 5px;
			}
    	}
	}
}
@media only screen and (max-width: 1024px){
	.product{
    	.product-filter{
        	.filter{
            	align-items: flex-start;
            	flex-direction: column;
				overflow-x: scroll;
        	}
    	}
	}
}
/* @media only screen and (min-width: 1920px) and (max-width: 2179px){
	.height{
		.elementor-widget-container{
			img{
				height: calc(100vh - 145px) !important;
				object-fit: cover !important;
			}
		}
	}
} */
@media only screen and (min-width: 1025px){
	.height{
		.premium-wrapper-link-yes:first-of-type{
			.elementor-widget-container{
				img{
					height: calc(100vh - 123px) !important;
					object-fit: cover !important;
				}
			}
		}
	}
}
@media only screen and (max-width: 1200px) {
  	.catalog-vh{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 768px) {
  	.catalog-vh{
		grid-template-columns: repeat(2, 1fr);
		.list,.list:nth-of-type(3), .list:nth-of-type(4), .list:nth-of-type(7), .list:nth-of-type(8){
			transform: perspective(0) rotateY(0);
		}
	}
}
@media only screen and (max-width: 480px) {
  	.catalog-vh{
		grid-template-columns: 1fr;
		.list,.list:nth-of-type(3), .list:nth-of-type(4), .list:nth-of-type(7), .list:nth-of-type(8){
			transform: perspective(0) rotateY(0);
			height: 600px;
		}
	}
}