.sticky_wrap {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	max-height: 80vh;
	overflow-y: auto;
	scrollbar-width: thin;
}
.sticky_wrap::-webkit-scrollbar {width: 9px;}
.sticky_wrap::-webkit-scrollbar-track {background: #eee;}
.sticky_wrap::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 20px;}
.btn_loading{
	position: relative;
	font-size: 0 !important;
	min-width: 128px;
	min-height: 41px;
}
.btn_loading::before {
	content: "";
	position: absolute;
	left: 45%;
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	border-color: #fff #fff #fff transparent;
	animation: btn_loading 0.8s infinite linear;
}
input.min-range {
	left: 18px;
	right: 15px;
	z-index: 20 !important;
}
input.max-range {
	left: 20px;
	right: 0;
	/*     transform: translateX(20px); */
}
.list_loading::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff5;
	z-index: 9994;
}
.list_loading::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 200px;
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
	transform: translate(-50% , 50%);
	border-color: #000 #000 #000 transparent;
	animation: btn_loading 1s infinite linear;
	z-index: 996;
}
@keyframes btn_loading{
	0% {transform: rotate(0deg) translate(0 , 0); }
	100% {transform: rotate(360deg) translate(0 , 0); }
}
.products_archive {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.products_filters {
	flex: 0 0 21%;
	background: #f8f8f8;
	padding: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	/* 	margin-right: 30px; */
}
.products_wrap {
	flex: 0 0 75%;
	background: #fff;
	padding: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: start;
	gap: 20px;
	flex-wrap: wrap;
}
.products_filter_title {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 14px;
	font-size: 15px !important;
	color: #333 !important;
	font-weight: 700 !important;
	cursor: pointer;
	margin: 15px auto 5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.products_filter_title:after {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	left: 15px;
	top: 16px;
	transition: 0.2s all;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.products_filter_title.active:after {
	transform: rotate(180deg);
}
.products_filter_items li {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 20px;
}
.products_filter_items li:first-child {padding-top: 20px;}
.products_filter_items li:last-child {padding-bottom: 20px;}
.products_filters_wrap {
	overflow-y: auto;
	padding-left: 12px;
	scrollbar-width: thin;
	display: flex;
	flex-direction: column;
}
.products_filters_wrap::-webkit-scrollbar {width: 9px;}
.products_filters_wrap::-webkit-scrollbar-track {background: #eee;}
.products_filters_wrap::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 20px;}
.products_filter_items {
	border: 1px solid #ddd;
	border-radius: 0px 0px 5px 5px;
	padding: 0;
	display: none;
	font-size: 13px;
	transition: 0.2s all;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.products_filter .products_filter_items{
	display: none;
	flex-direction: column;
	gap: 8px;
	position: relative;
}
.products_filter_items:has(.products_filter_item.active){display: flex;}
/* .products_filter .products_filter_items{
min-height: 80px;
} */
.products_filters_title {
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	display: block;
}
.products_filter_item_name{
	position: relative;
	padding-right: 25px;
	cursor: pointer;
}
.products_filter_item_name:before{
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.2s all;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23777' class='bi bi-app' viewBox='0 0 16 16'%3E%3Cpath d='M11 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zM5 1a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4z'/%3E%3C/svg%3E");
}
.products_filter_item.active .products_filter_item_name::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23874434' class='bi bi-check2-square' viewBox='0 0 16 16'%3E%3Cpath d='M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5z'/%3E%3Cpath d='m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0'/%3E%3C/svg%3E");	
}
.products_filter_title.active_filters:after{display: none;}
.products_filter_item_name.active{color: #874434 !important; }
.products_filter_item_count {
	color: #333;
	border-radius: 50px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	transition: 0.2s all;
	cursor: pointer;
}
.products_filter_item:hover .products_filter_item_name{
	color: #874434;
}
.products_filter_item:hover .products_filter_item_count {
	background: #874434;
	color: #fff;
}
.price-field strong b {
	font-size: 10px;
	margin-right: 2px;
	font-weight: 800;
	color: #874434;
}
.products_filter[data-tax="production-type"] { order: 1; }
.products_filter[data-tax="profile-type"] { order: 2!important; }
.products_filter[data-tax="wood-type"] { order: 3; }
.products_filter[data-tax="length"] { order: 4; }
.products_filter[data-tax="width"] { order: 5; }
.products_filter[data-tax="thickness"] { order: 6; }
.products_filter[data-tax="the-thickness-of-the-upper-layer"] { order: 7; }
.products_filter[data-tax="grade"] { order: 8; }
.products_filter[data-tax="finish"] { order: 9; }
.products_filter[data-tax="fam"] { order: 10; }
.products_filter[data-tax="color"] { order: 11; }
.products_filter[data-tax="sort"] { order: 12; }
.page-template-archive .products_filter[data-tax="production-type"] {display: none !important; }

/* ----------------- PRODUCT CSS -------------------- */
.product_box {
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
	flex: 0 0 calc(25% - 15px);
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.product_box:hover{
	/* 	border-color: var(--mc); */
}
.product_box .product_img{
	position: relative;
}
.product_box .product_img img{
	width: 100%;
}
.product_percent{
	position: absolute;
	top: -1px;
	left: 25px;
	background-image: url('');
	background-repeat: round;
	color: #fff;
	font-weight: bold;
	width: 45px;
	height: 50px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.product_price .product_percent {
	width: 25px !important;
	height: 25px !important;
	background-image: unset;
	background-color: var(--mc);
	border-radius: 50%;
}
.product_price .product_percent span {
	font-size: 10px !important;
}
.product_box .product_title h3 {
	color: #212121;
	font-size: 15px !important;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	font-weight: 600;
	text-align: center;
	margin: 0;
}
.product_box .product_price{
	height: 15px;
	text-align: center;
	color: #333;
	font-size: 14px;
	font-weight: 600;
}
.product_price_sku{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
}
.product_sku{
	font-size: 14px;
}
.product_box .variable_product_btn:before{
	content: "\f06e" !important;
	font-family: FontAwesome;
}
.show_filters_btn{
	display:none;
}
.rb_overlay{
	position: fixed;
	background: #0009;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease-in-out;
	z-index: 9998;
}
.rb_overlay.active{opacity: 1;visibility: visible;transition: 0.3s ease-in-out;}
.products_mobile_filters_title, .close_filter_wrap{display: none;}
input[type="range"] {
	appearance: none;
	background-color: transparent;
	height: 2px;
	position: absolute;
}
input[type=range]{
	-webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #adb5bd;
	cursor: pointer;
	width: 20px;
	height: 20px;
	pointer-events: all;
	z-index: 10;
}
input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #adb5bd;
	cursor: pointer;
	width: 20px;
	height: 20px;
	pointer-events: all;
	z-index: 10;
}
input[type=range]:focus {
	outline: none;
}
.price-input-container { 
	width: 90%; 
	margin: 15px auto;
	padding:10px 0;
} 
.range-input{
	direction: ltr;
	position: relative;
	text-align: left;
	margin-top: -36px;
	margin-bottom: 25px;
}
.chosen-container{width: 100%;}
.price-input .price-field { 
	display: flex; 
	margin-bottom: 15px; 
	flex-direction: column;
	align-items: center;
} 
.price-field span { 
	margin-bottom: 5px; 
	font-size: 12px; 
	margin-left: 5px;
} 
.price-field strong {font-size: 13px;}
.price-field input { 
	flex: 1; 
	height: 40px; 
	padding: 5px;
	font-size: 15px; 
	border-radius: 9px; 
	text-align: center; 
	background: #fff;
	border: 1px solid #ddd;
}
.price-input { 
	width: 100%; 
	font-size: 19px; 
	color: #555; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0;
} 
.slider-container { 
	width: 100%; 
} 
.slider-container { 
	height: 6px; 
	position: relative; 
	background: #e4e4e4; 
	border-radius: 5px; 
} 
.slider-container .price-slider , .slider-container .area-slider{ 
	height: 100%; 
	left: 0%; 
	right: 0%; 
	position: absolute; 
	border-radius: 5px; 
	/* 	background: #874434;  */
} 
.show_more_btn {
	background: #874434;
	color: #fff;
	font-size: 14px;
	padding: 10px 25px;
	border-radius: 8px;
	margin: 15px auto;
	cursor: pointer;
	transition: 0.2s all;
}
.show_more_btn:hover {box-shadow: inset 0 0 100px #0003; }
.hide{
	display: none !important;
}
.rb_active_filters {
	position: relative;
}
.reset_filter_btn {
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	transition: 0.2s all;
	display: flex;
	width: fit-content;
	align-items: center;
	gap: 3px;
	position: absolute;
	left: 15px;
	top: 40px;
}
.reset_filter_btn:hover {
	color: #874434;
}
.reset_filter_btn:hover path{fill: red; }
.active_filters_title {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 14px;
	font-size: 15px !important;
	color: #333 !important;
	font-weight: 700 !important;
	cursor: pointer;
	margin: 25px auto 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.rb_active_filters_items_wrap {
	border: 1px solid #ddd;
	border-radius: 0px 0px 5px 5px;
	padding: 20px;
	display: block;
	font-size: 13px;
	transition: 0.2s all;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px;
}
.rb_active_filters_item {
	background: #f7f7f7;
	padding: 2px 5px;
	border: 1px solid #eee;
	font-size: 12px;
	font-weight: 700;
	color: #333;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
}
.rb_active_filters_item:hover {
	background: #874434;
	border-color:  #874434;
	color: #fff;
	transition: 0.2s all;
	padding-right: 16px;
}
.rb_active_filters_item:before {
	content: '';
	width: 16px;
	height: 16px;
	position: absolute;
	right: 1px;
	top:4px;
	opacity: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-x' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
}
.rb_active_filters_item:hover:before {opacity: 1;}
.product_archive_title {
	flex: 0 0 100%;
	font-size: 25px;
	font-weight: 500;
	color: #435138;
	margin: 0 !important;
}
.product_archive_desc {
	flex: 0 0 100%;
	background: #3A4236;
	padding: 20px;
	color: #fff;
	text-align: justify;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	border-radius: 5px;
	margin-bottom: 20px;
}


@media (max-width: 991px){
	.products_filters{
		position: fixed;
		top: 0;
		right: -105%;
		transition: 0.3s all;
		width: 85%;
		z-index: 9999;
		padding: 40px 20px 10px 20px;
		height: 100vh;
		z-index: 9999;
	}
	.products_filters.active{
		right: 0;
	}
	.products_mobile_filters_title{display: inline-block;}
	.show_filters_btn{
		display: flex;
		gap: 5px;
		align-items: center;
	}
	.products_filters_title{display: none;}
	.mobile_filter_header {
		padding: 0 20px;
		position: absolute;
		left: 0;
		right: 0;
		top: 88px;
		width: 100%;
		height: 50px;
		background: #e2e7ea;
		display: flex;
		justify-content: space-between;
		align-items: center;
		z-index: 997;
	}
	.products_filter_title {
		padding: 12px;
		font-size: 14px !important;
		margin: 8px auto;
	}
	.products_filter_items {
		padding: 10px 15px;
		font-size: 12px;
	}
	.products_filter.active .products_filter_items {
		gap: 6px;
	}
	.close_filter_wrap{
		display: block;
		position: absolute;
		left: 22px;
		top: 10px;
	}
	.products_wrap {
		flex: 0 0 100%;
		background: #fff;
		padding: 40px 15px;
	}
	.product_archive_desc {
		font-size: 13px;
		font-weight: 300;
		line-height: 23px;
	}
	.product_archive_title {
		font-size: 18px;
	}
	.product_box {
		padding: 5px;
		gap: 8px;
		flex: 0 0 calc(50% - 10px);
	}
	.product_box .product_title h3 {
		font-size: 13px !important;
		line-height: 20px;
	}
	.product_price_sku {
		flex-direction: column;
		gap: 8px;
		margin: auto !important;
	}
	.products_filter_title::after {top: 14px;}
	.products_filters_wrap {
		max-height: 400px;
		overflow-y: auto;
	}
	.rb_active_filters_item {padding-right: 16px;}
	.rb_active_filters_item:before {opacity: 1;filter: brightness(0); }
}