/* Categories
   ========================================================================== */
.categories {
	padding-bottom: 115px;
}

.categories__columns {
	display: grid;
	grid-template-columns: 320px 1fr;
	grid-gap: 0 20px;
}

.categories__filter-block {
	padding: 16px;
	background: #FFFFFF;
	border-radius: 12px;
	position: sticky;
	top: 0;
	height: fit-content;
}

.categories__left-column {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	
}

@media (min-width: 1080.99px) {
	.categories__left-column {
		max-height: 100%!important;
	}
}


.categories__filter-title-group {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #D9D9D9;
}

.categories .filter-title-group__toggle-filter-btn {
  position: relative;
  width: 32px;
  height: 32px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.categories .filter-title-group__toggle-filter-btn:after,
.categories .filter-title-group__toggle-filter-btn:before {
  content: '';
  position: absolute;
  background: #000000;
  width: 16px;
  height: 1.2px;
  display: block;
}

.categories .filter-title-group__toggle-filter-btn:after {
	transform: rotate(-45deg);
}
.categories .filter-title-group__toggle-filter-btn:before {
	transform: rotate(45deg);
}

.categories .filter-title-group__title {
	display: flex;
	align-items: center;
	gap: 0 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #262626;
}

.categories .filter-title-group__title svg {
	width: 24px;
	height: 24px;
}

.categories .filter-title-group__text {
	display: block;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
}

.categories__right-column {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.search__products-list,
.categories__products-list {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(310px,1fr));
}

.categories__loadmore-btn {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
   width: fit-content;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 22px;
   border: 1px solid #6F6F6F;
	border-radius: 32px;
   font-weight: 500;
   font-size: 18px;
   color: #6F6F6F;

}


.categories__sort-group {
	position: relative;
	width: fit-content;
	margin-left: auto;
}

.categories__current-sort {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 16px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 20px;
	gap: 0 4px;
	color: #54B435;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	
}

.categories__current-sort.active {
	color: #6F6F6F;
}

.categories__current-sort svg {
	display: block;
	width: 24px;
	height: 24px;
}

.categories__current-sort.active path {
	stroke: #54B435;
}

.categories__current-sort.active {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.categories__sort-list {
	position: absolute;
	left: 0;
	z-index: 11;
	top: 40px;
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
	border-bottom: 0.5px solid #F0F0F0;
	border-radius: 0px 0px 20px 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;

}

.categories__sort-item {
	padding: 8px 16px;
	border-bottom: 1px solid #F0F0F0;
	width: 100%;
	display: block;
}

.categories__sort-item a {
	display: block;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #6F6F6F;

}

.categories__sort-item:hover a {
	color: #54B435;
}

.categories__selected-group {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.categories__selected-group + .products-group {
	margin-top: 20px;
}

.categories .select-filter__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 16px;
}

.categories .select-filter__item {
	display: block;
}

.categories .select-filter__cansel-btn,
.categories .select-filter__cansel-all-btn {
	width: max-content;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	height: 35px;
	border: 0.5px solid #999999;
	border-radius: 20px;
	font-size: 16px;
	line-height: 1;
}

.categories .select-filter__cansel-all-btn {
	display: flex;
	color: #DC4A4A;
	font-weight: 500;
	border-color: #D9D9D9;
	background-color: #D9D9D9;
}

.categories .select-filter__cansel-btn {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	grid-gap: 0 2px;
	font-weight: 400;
	color: #6F6F6F;
}


.categories .select-filter__cansel-i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	position: relative;
}

.categories .select-filter__cansel-i:after,
.categories .select-filter__cansel-i:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 8px;
	background: #6F6F6F;
}

.categories .select-filter__cansel-i:after {
	transform: rotate(-45deg);
}

.categories .select-filter__cansel-i:before {
	transform: rotate(45deg);
}

.categories .filter-block__toggle-filter-btn,
.categories .selected-group__toggle-filter-btn {
	display: none;
}

@media (max-width: 1080.99px) {

	.categories__columns {
		overflow-x: hidden;
		display: block;
	}

	.categories__left-column {
		max-width: 375px;
		position: fixed;
		left: -375px;
		z-index: 1111;
		height: 100%;
		max-height: 100vh;
		transition: left .7s;
		border-radius: 0;
		top: 0;
		overflow-y: auto;
		background: #FFFFFF;
	}

	.categories__filter-block {
		position: unset;
		height: 100%;
	}

	.categories__left-column.open {
		left: 0;
		height: 100%;

	}

	.categories .filter-block__toggle-filter-btn,
	.categories .selected-group__toggle-filter-btn {
		display: grid;
		grid-template-columns: max-content auto;
		grid-gap: 0 5px;
	}

	.categories .filter-block__toggle-filter-btn span,
	.categories .selected-group__toggle-filter-btn span {
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		font-weight: inherit;
		display: block;
	}

	.categories .filter-block__toggle-filter-btn {
		position: fixed;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		height: max-content;
		width: 40px;
		padding: 20px 0;
		z-index: 1111;
		transition: left .7s;
		writing-mode: vertical-rl;
	}

	.categories .filter-block__toggle-filter-btn span {
		white-space: nowrap;
	}

	.categories .left-column.open .filter-block > .toggle-filter-btn {
		left: 375px;
	}

	.categories .selected-group__toggle-filter-btn i,
	.categories .filter-block__toggle-filter-btn i {
		display: block;
		width: 20px;
		height: 20px;
		background-size: 20px;
		background-position: center;
		background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.49593 18.3333C4.33017 18.3333 4.1712 18.2675 4.05399 18.1503C3.93678 18.0331 3.87093 17.8741 3.87093 17.7083V13.4583C3.35187 13.3191 2.89323 13.0126 2.56613 12.5862C2.23902 12.1598 2.06172 11.6374 2.06172 11.1C2.06172 10.5626 2.23902 10.0402 2.56613 9.61381C2.89323 9.18743 3.35187 8.88087 3.87093 8.74166V2.29166C3.87093 2.1259 3.93678 1.96693 4.05399 1.84972C4.1712 1.73251 4.33017 1.66666 4.49593 1.66666C4.66169 1.66666 4.82067 1.73251 4.93787 1.84972C5.05509 1.96693 5.12093 2.1259 5.12093 2.29166V8.74166C5.64 8.88087 6.09864 9.18743 6.42574 9.61381C6.75285 10.0402 6.93015 10.5626 6.93015 11.1C6.93015 11.6374 6.75285 12.1598 6.42574 12.5862C6.09864 13.0126 5.64 13.3191 5.12093 13.4583V17.7083C5.12093 17.8741 5.05509 18.0331 4.93787 18.1503C4.82067 18.2675 4.66169 18.3333 4.49593 18.3333ZM15.5043 18.3333C15.3385 18.3333 15.1795 18.2675 15.0623 18.1503C14.9451 18.0331 14.8793 17.8741 14.8793 17.7083V15.6667C14.3602 15.5275 13.9016 15.2209 13.5745 14.7945C13.2474 14.3681 13.0701 13.8457 13.0701 13.3083C13.0701 12.7709 13.2474 12.2485 13.5745 11.8221C13.9016 11.3958 14.3602 11.0892 14.8793 10.95V2.29166C14.8793 2.20959 14.8954 2.12832 14.9268 2.05249C14.9583 1.97666 15.0043 1.90776 15.0623 1.84972C15.1204 1.79169 15.1893 1.74565 15.2651 1.71424C15.3409 1.68283 15.4222 1.66666 15.5043 1.66666C15.5863 1.66666 15.6676 1.68283 15.7434 1.71424C15.8193 1.74565 15.8882 1.79169 15.9462 1.84972C16.0042 1.90776 16.0503 1.97666 16.0817 2.05249C16.1131 2.12832 16.1293 2.20959 16.1293 2.29166V10.95C16.6483 11.0892 17.107 11.3958 17.4341 11.8221C17.7612 12.2485 17.9385 12.7709 17.9385 13.3083C17.9385 13.8457 17.7612 14.3681 17.4341 14.7945C17.107 15.2209 16.6483 15.5275 16.1293 15.6667V17.7083C16.1304 17.7907 16.115 17.8725 16.084 17.9488C16.053 18.0252 16.007 18.0945 15.9487 18.1528C15.8904 18.211 15.8211 18.257 15.7448 18.288C15.6684 18.3191 15.5867 18.3345 15.5043 18.3333ZM10.0043 18.3333C9.92188 18.3345 9.8401 18.3191 9.76377 18.288C9.68743 18.257 9.61809 18.211 9.55983 18.1528C9.50156 18.0945 9.45557 18.0252 9.42456 17.9488C9.39355 17.8725 9.37815 17.7907 9.37927 17.7083V7.95833C8.8602 7.81913 8.40156 7.51257 8.07446 7.08618C7.74735 6.6598 7.57006 6.1374 7.57006 5.6C7.57006 5.06259 7.74735 4.5402 8.07446 4.11381C8.40156 3.68743 8.8602 3.38087 9.37927 3.24166V2.29166C9.37927 2.1259 9.44511 1.96693 9.56232 1.84972C9.67953 1.73251 9.83851 1.66666 10.0043 1.66666C10.17 1.66666 10.329 1.73251 10.4462 1.84972C10.5634 1.96693 10.6293 2.1259 10.6293 2.29166V3.24166C11.1483 3.38087 11.607 3.68743 11.9341 4.11381C12.2612 4.5402 12.4385 5.06259 12.4385 5.6C12.4385 6.1374 12.2612 6.6598 11.9341 7.08618C11.607 7.51257 11.1483 7.81913 10.6293 7.95833V17.7083C10.6293 17.8741 10.5634 18.0331 10.4462 18.1503C10.329 18.2675 10.17 18.3333 10.0043 18.3333Z' fill='white'/%3E%3C/svg%3E%0A");
	}

	.categories .selected-group__toggle-filter-btn.active i,
	.categories .filter-block__toggle-filter-btn.active i {
		background-image: unset;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.categories .selected-group__toggle-filter-btn.active i:after,
	.categories .filter-block__toggle-filter-btn.active i:before,
	.categories .selected-group__toggle-filter-btn.active i:before,
	.categories .filter-block__toggle-filter-btn.active i:after {
		content: '';
		position: absolute;
		width: 80%;
		height: 1px;
		background: #FFFFFF;
		display: block;
	}

	.categories .selected-group__toggle-filter-btn.active i:after,
	.categories .filter-block__toggle-filter-btn.active i:after {
		transform: rotate(45deg);
	}

	.categories .selected-group__toggle-filter-btn.active i:before,
	.categories .filter-block__toggle-filter-btn.active i:before {
		transform: rotate(-45deg);
	}

	.close-filter-wrapper {
	  position: fixed;
	  z-index: 111;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  background: rgba(104, 104, 104, 0.5);
	  backdrop-filter: blur(7px);
	  cursor: pointer;
	}

	.categories__selected-group {
		flex-direction: column;
		justify-content: flex-start;
		gap: 24px 0;
	}

	.selected-group__right-column {
		display: flex;
		gap: 0 20px;
	}
}

@media (max-width: 768.99px) {
	.search__products-list,
	.categories__products-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.categories .select-filter__cansel-btn, 
	.categories .select-filter__cansel-all-btn {
		font-size: 14px;
	}
}

@media (max-width: 580.99px) {
	.categories .selected-group__right-column {
		display: grid;
		grid-template-columns: max-content 1fr;
	}

	.categories .selected-group__right-column .current-sort {
		justify-content: space-arround;
	}
	.categories .selected-group__right-column .current-sort,
	.categories .selected-group__right-column .sort-group {
		width: 100%;
	}

}

@media (max-width: 520.99px) {
	.categories .selected-group__right-column {
		display: flex;
		flex-direction: column;
		grid-gap: 0;
		gap: 20px 0;
	}
}

@media (max-width: 430.99px) {
	.search__products-list,
	.categories__products-list  {
		display: flex;
		flex-direction: column;
		gap: 16px 0;
	}

	.categories__filter-block{
		max-width: 100%;
		border-radius: 0;
	}

	.categories .left-column.open .filter-block > .toggle-filter-btn {
		display: none;
	}


	.categories .filter-title-group__toggle-filter-btn {
		display: flex;
	}

	.categories__filter-title-group {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0 10px;
	}
}

/* Filter Widget
   ========================================================================== */

.categories .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
	box-shadow: unset;
}


.categories .wpc-filters-range-inputs .ui-button, 
.categories .wpc-filters-range-inputs .ui-state-default, 
.categories .wpc-filters-range-inputs .ui-widget-content .ui-state-default, 
.categories .wpc-filters-range-inputs .ui-widget-header .ui-state-default, 
html .categories .wpc-filters-range-inputs .ui-button.ui-state-disabled:active, 
html .categories .wpc-filters-range-inputs .ui-button.ui-state-disabled:hover {
	background-color: #54B435;
	border-color: #54B435;
}

.categories .wpc-filters-range-inputs .ui-slider-horizontal {
	/*background: #54B435;*/
}

.categories .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
	background-color: #54B435;
}

.categories .wpc-filters-range-wrapper {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	align-items: center;
	justify-content: flex-start;
	grid-gap: 0 7px;
}

.categories .wpc-filters-range-min-column {
	margin-right: 0;
	order: 1;
}

.categories .wpc-filters-range-max-column {
	order: 3;
}

.categories .wpc-filters-range-wrapper:after {
	content: '';
	width: 16px;
	height: 1px;
	order: 2;
	background: #D9D9D9;
}

.categories .wpc-filters-range-min-column,
.categories .wpc-filters-range-max-column {
	display: block;
	width: auto;
}

.categories .wpc-filters-range-wrapper input[type=number] {
	padding: 0 16px;
	box-sizing: border-box;
	height: 40px;
	border: 1px solid #D9D9D9;
	border-radius: 20px;
	width: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #6F6F6F;
	text-align: center;
}

.categories .wpc-filters-range-wrapper input[type=number]::-webkit-outer-spin-button,
.categories .wpc-filters-range-wrapper input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.categories .wpc-filters-range-wrapper input[type=number] {
    -moz-appearance: textfield;
}

.categories .wpc-filter-header {
	margin-bottom: 17px;
}

.categories .wpc-filter-title {
	margin-bottom: 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #262626;
}

.categories .wpc-filters-section + .wpc-filters-section:not(.wpc-filter-_price) {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #D9D9D9;
}

/* Start Checkboxes */



.categories .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], 
.categories .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
	margin: 0;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	opacity: 0;
}



.categories .wpc-filters-main-wrap li.wpc-term-item label {
	display: flex;
	padding-left: 0;
	align-items: center;
	position: relative;
	justify-content: flex-start;
	font-size: 0;
}

.categories .wpc-filters-main-wrap li.wpc-term-item label:before {
	content: '';
	width: 16px;
	height: 16px;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	margin-right: 8px;
}
/*
.categories .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox]:checked + label:before, 
.categories .wpc-filters-main-wrap li.wpc-term-item input[type=radio]:checked + label:before {
   background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.25L7 12.25L12.5 3.75' stroke='white'/%3E%3C/svg%3E%0A");
  	background-size: 16px;
   background-position: center;
   background-color: #54B435;
   border-color: #54B435;
}*/

.categories .wpc-filters-main-wrap li.wpc-term-item.wpc-term-selected label:before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.25L7 12.25L12.5 3.75' stroke='white'/%3E%3C/svg%3E%0A");
  	background-size: 16px;
   background-position: center;
   background-color: #54B435;
   border-color: #54B435;
}

.categories .wpc-filters-main-wrap li.wpc-term-item a {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #6F6F6F;
}

.categories .wpc-filters-main-wrap ul.wpc-filters-ul-list {
	padding: 0;
}

.categories .wpc-filters-main-wrap li.wpc-term-item {
	margin-bottom: 8px;
}


/* End Checkboxes */

.categories .wpc-term-count {
	display: block;
	margin-right: 0;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #BFBFBF;

}

/* search
   ========================================================================== */
.search {
	padding-top: 30px;
}

.search .page-title span {
	font-size: inherit;
	font-weight: 500;
	line-height: inherit;
	color: #54B435;
	text-transform: uppercase;
}

/* Catalog
   ========================================================================== */
.catalog {
	padding-top: 30px;
}

.catalog__cat-group {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.catalog__list {
	display: grid;
	grid-gap: 0 20px;
}

.catalog__list.list-1 {
	grid-template-columns: repeat(4, 1fr);
}

.catalog__list.list-2 {
	grid-template-columns: repeat(5, 1fr);
}

.catalog__item {
	display: block;
	height: 100%;
}

.catalog .item__thumb {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 12px 0;
	align-items: center;
	padding: 12px 12px 20px;
	background: #FFFFFF;
	border-radius: 20px;

}

.catalog__item:hover .thumb {
	background: #D5EBCD;
}


.catalog .item__latest-sticker {
	margin-left: auto;
}

.catalog .item__title {
	margin-top: 10px;
	display: block;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	color: #262626;
}

.catalog .item__img {
	width: 100%;
	height: 100px;
	object-fit: contain;
	object-position: center;
}

@media (max-width: 1080.99px) {
	.catalog {
		padding-top: 0;
	}
}

@media (max-width: 768.99px) {
	.catalog__list.list-2 {
		display: none;
	}

	.catalog__list.list-1 {
		grid-gap: 12px;
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 680.99px) {
	.catalog__list.list-1 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 580.99px) {
	.catalog__list.list-1 {
		grid-template-columns: repeat(2, 1fr);
	}

	.catalog .item__title {
		font-size: 16px;
	}

	.catalog .item__img {
		height: 85px;
	}
}