.page-product-listing {
	padding: 20px 0 100px;
}
.page-product-listing .page-title {
	margin-bottom: 38px;
}
.category-listing {
	display: grid;
	grid-template-columns: 376px 1fr;
	align-items: flex-start;
	grid-gap: 0;
}
.category-listing-aside {
	border-right: 1px solid var(--color-D0D3D5);
}
.category-listing-aside > * {
	width: 100%;
	padding: 0;
	float: unset;
}
.category-listing-content {
	display: grid;
	grid-template-columns: 100%;
}
.category-listing-top {
	padding: 0 0 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 60px;
	border-top: 1px solid var(--color-D0D3D5);
	border-bottom: 1px solid var(--color-D0D3D5);
}
.category-listing-sort {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
.category-listing-sort > label {
	color: var(--color-9C9FA2);
	font-family: var(--main-ff);
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 21px */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
}
.category-listing-sort .nice-select {
	height: 26px;
	line-height: 22px;
	color: var(--color-000);
	font-family: var(--main-ff);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	padding: 0 25px 0 0;
	border: none!important;
	border-radius: 0!important;
	box-shadow: unset!important;
	background: transparent!important;
}
.category-listing-sort .nice-select:after {
	display: none;
}
.category-listing-sort .nice-select:before {
	position: absolute;
	content: '';
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 7L9 12L14 7" stroke="black" stroke-width="2" stroke-linecap="square"/></svg>');
	width: 18px;
	height: 18px;
	transition: .3s;
}
.category-listing-sort .nice-select.open:before {
	transform: translateY(-50%) rotate(180deg);
}
.category-listing-sort .nice-select .list {
	left: unset;
	right: 0;
}
.category-listing-product-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.category-listing-product-wrapper > div {
	border: 1px solid var(--color-D0D3D5);
	border-left: none;
	border-bottom: none;
}
.category-listing-product-wrapper > div:nth-child(4n+4) {
	border-right: 1px solid transparent;
}
.category-listing-product-wrapper > div:nth-child(2),
.category-listing-product-wrapper > div:nth-child(3),
.category-listing-product-wrapper > div:nth-child(4),
.category-listing-product-wrapper > div:first-child {
	border-top: none;
}
.product-listing-pagination {
	margin: 40px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px;
}
.page-product-listing .html-content {
	margin: 113px 0 0;
	padding: 0;
}
.empty-search-wrapper {
	display: grid;
	grid-template-columns: 462px 1fr;
	grid-gap: 54px;
	align-items: flex-start;
	border-top: 1px solid var(--color-D0D3D5);
}
.empty-search-image {
	display: flex;
	padding-right: 107px;
	padding-top: 53px;
	border-right: 1px solid var(--color-D0D3D5);
}
.empty-search-caption {
	padding-top: 51px;
}
.empty-search-title {
	color: var(--color-000);
	font-family: var(--main-ff);
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 39px */
	text-transform: uppercase;
	margin: 0 0 33px;
}
.empty-search-text {
	color: var(--color-000);
	font-family: var(--main-ff);
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	margin: 0 0 20px;
}
/* Filter Start */
body .ocf-header {
	display: none;
}
body .ocf-theme-light .ocf-filter {
	margin: 0;
}
body .ocf-theme-light .ocf-filter-header {
	padding: 19px 21px 17px 0!important;
	background: var(--color-FFF)!important;
	margin: 0!important;
	border-top: 1px solid var(--color-D0D3D5)!important;
	border-radius: unset!important;
}
body .ocf-theme-light .ocf-dropdown .ocf-filter-header svg {
	transition: .3s;
}
body .ocf-theme-light .ocf-dropdown .ocf-filter-header svg path {
	transition: .3s;
}
body .ocf-theme-light .ocf-dropdown .ocf-filter-header.active svg,
body .ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header svg {
	transform: rotate(180deg);
}
body .ocf-theme-light .ocf-dropdown .ocf-filter-header.active svg path,
body .ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header svg path {
	stroke: var(--color-20E97B);
}
body .ocf-theme-light .ocf-filter-header .ocf-filter-name {
	color: var(--color-000);
	font-family: var(--main-ff);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 26px */
	text-transform: uppercase;
}
body .ocf-dropdown .ocf-filter-body > .ocf-value-list {
	position: relative;
	background: var(--color-FFF);
	padding: 20px 19px 40px 0;
	box-shadow: unset;
}
body .ocf-theme-light .ocf-dropdown .ocf-filter-body > .ocf-value-list {
	background: var(--color-FFF);
	border-radius: unset;
	box-shadow: unset;
}
body .ocf-value-input {
	display: none;
}
body .ocf-value-list-body .ocf-value {
	margin-bottom: 10px;
	align-items: center;
}
body .ocf-value-list-body .ocf-value:last-child {
	margin-bottom: 0;
}
body .ocf-value-name {
	color: var(--color-000);
	font-family: var(--main-ff);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	margin-left: 15px;
}
body .ocf-value-append {
	text-align: left;
	margin-left: 10px;
	min-width: unset;
}
body .ocf-theme-light .ocf-value-count {
	color: var(--color-9C9FA2);
	font-family: var(--main-ff);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 21px */
	border-radius: unset;
	background: transparent;
	padding: 0;
}
body .ocf-filter-body > .ocf-value-list > .ocf-scroll-y {
	background: unset;
	max-height: calc(30px * 7 + 10px * 6);
}
body .ocf-btn-show-values {
	color: var(--color-000)!important;
	font-family: var(--main-ff);
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 14px */
	letter-spacing: 0.7px;
	text-transform: uppercase;
	padding-bottom: 3px;
	border-bottom: 1px dashed var(--color-000);
	text-decoration: none!important;
	margin: 20px 0 0;
}
body .ocf-btn-show-values i {
	display: none!important;
}
body .ocf-selected .custom-checkbox > svg {
	opacity: 1;
	visibility: visible;
}
body .ocf-selected .custom-checkbox {
	border: 1px solid var(--color-20E97B);
	background: var(--color-20E97B);
}
body .ocf-slider .ocf-value-list {
	padding: 20px 25px 40px 0;
}
body .ocf-noUi-pips {
	display: none;
}
body .ocf-noUi-connects:before,
body .ocf-noUi-connects:after {
	background: transparent;
}
body .ocf-noUi-connect:before,
body .ocf-noUi-handle {
	background: var(--color-20E97B);
}
body .ocf-noUi-base:before {
	background: #F2F3F5;
	border-radius: 3px;
}
body .ocf-noUi-handle {
	background: var(--color-20E97B);
	border: none;
	box-shadow: unset;
	width: 25px;
	height: 25px;
}
.category-listing-aside aside {
	z-index: 8!important;
}
body .ocf-theme-light .ocf-footer {
	box-shadow: unset;
	margin: 20px 0 0;
	padding: 0 20px 0 0;
	background: var(--color-FFF);
	z-index: 999;
}
body .ocf-theme-light .ocf-footer:after {
	box-shadow: unset;
}
body .ocf-btn {
	font-family: var(--main-ff);
}
body .ocf-between {
	gap: 5px;
}
body .ocf-input-group-addon {
	padding: 0;
	background: transparent;
	color: var(--color-000);
	font-family: var(--main-ff);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	margin: 0 10px;
	width: auto;
}
body .ocf-input-group-addon:last-child {
	font-family: var(--currency-ff);
	margin: 0 0 0 10px;
}
body .ocf-slider-input-group {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
body .ocf-input-group .ocf-form-control {
	padding: 11px 22px 10px;
	border-radius: 30px!important;
	border: 1px solid var(--color-D0D3D5)!important;
	background: var(--color-FFF);
	color: var(--color-000);
	font-family: var(--main-ff);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
	box-shadow: unset!important;
}
body .ocf-dropdown .ocf-active-label + .ocf-filter-name {
	display: block!important;
}
body .ocf-active-label {
	display: none!important;
}
body .ocf-selected-card {
	display: none!important;
}
.category-listing-active-filters {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
}
.category-listing-active-filters > a {
	padding: 10px 20px;
	border-radius: 50px;
	background: var(--color-F2F3F5);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: var(--color-000);
	font-family: var(--main-ff);
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 24px */
}
.category-listing-active-filters > a.clear-all-f {
	padding: 10px;
	background: transparent;
}
body .ocf-filter-header-mobile {
	display: none;
}
/* Filter End */
@media(min-width: 1100px) {
	.page-product-listing {
		padding: 1.04vw 0 5.21vw;
	}
	.page-product-listing .page-title {
		margin-bottom: 1.98vw;
	}
	.category-listing {
		display: grid;
		grid-template-columns: 19.58vw 1fr;
	}
	.category-listing-top {
		padding: 0 0 0 0.78vw;
		height: 3.13vw;
	}
	.category-listing-sort {
		gap: 0.52vw;
	}
	.category-listing-sort > label {
		gap: 0.52vw;
	}
	.category-listing-sort .nice-select {
		height: 1.25vw;
		line-height: 1.35vw;
		font-size: 0.83vw;
		padding: 0 1.3vw 0 0;
	}
	.category-listing-sort .nice-select:before {
		width: 0.94vw;
		height: 0.94vw;
	}
	.product-listing-pagination {
		margin: 2.08vw 0 0;
		gap: 1.04vw;
	}
	.page-product-listing .html-content {
		margin: 5.89vw 0 0;
	}
	.empty-search-wrapper {
		grid-template-columns: 24.06vw 1fr;
		grid-gap: 2.81vw;
	}
	.empty-search-image {
		padding-right: 5.57vw;
		padding-top: 2.76vw;
	}
	.empty-search-caption {
		padding-top: 2.66vw;
	}
	.empty-search-title {
		margin: 0 0 1.72vw;
	}
	.empty-search-text {
		margin: 0 0 1.04vw;
	}
	/* Filter Start */
	body .ocf-theme-light .ocf-filter-header {
		padding: 0.99vw 1.09vw 0.89vw 0!important;
	}
	body .ocf-theme-light .ocf-filter-header .ocf-filter-name {
		font-size: 1.04vw;
	}
	body .ocf-dropdown .ocf-filter-body > .ocf-value-list {
		padding: 1.04vw 0.99vw 2.08vw 0;
	}
	body .ocf-value-list-body .ocf-value {
		margin-bottom: 0.52vw;
	}
	body .ocf-value-name {
		font-size: 0.83vw;
		margin-left: 0.78vw;
	}
	body .ocf-value-append {
		margin-left: 0.52vw;
	}
	body .ocf-theme-light .ocf-value-count {
		font-size: 0.78vw;
	}
	body .ocf-filter-body > .ocf-value-list > .ocf-scroll-y {
		max-height: calc(1.56vw * 7 + 0.52vw * 6);
	}
	body .ocf-btn-show-values {
		font-size: 0.73vw;
		margin: 1.04vw 0 0;
	}
	body .ocf-slider .ocf-value-list {
		padding: 1.04vw 1.3vw 2.08vw 0;
	}
	body .ocf-noUi-handle {
		width: 1.3vw;
		height: 1.3vw;
	}
	body .ocf-theme-light .ocf-footer {
		margin: 1.04vw 0 0;
		padding: 0 1.04vw 0 0;
	}
	body .ocf-input-group-addon {
		font-size: 0.83vw;
		margin: 0 0.52vw;
	}
	body .ocf-input-group-addon:last-child {
		margin: 0 0 0 0.52vw;
	}
	body .ocf-input-group .ocf-form-control {
		padding: 0.57vw 1.15vw 0.52vw;
		font-size: 0.83vw;
	}
	.category-listing-active-filters > a {
		padding: 0.52vw 1.04vw;
	}
	.category-listing-active-filters > a.clear-all-f {
		padding: 0.52vw;
	}
	/* Filter End */
}
@media(max-width: 1099px) {
	.category-listing {
		grid-template-columns: 1fr;
	}
	.page-product-listing {
		padding-bottom: 60px;
	}
	.category-listing-top {
		padding: 10px 0;
		height: auto;
		flex-wrap: wrap;
		gap: 10px;
	}
	.category-listing-active-filters {
		width: 100%;
	}
	body .ocf-container {
		width: 330px;
	}
	body .ocf-btn-mobile-static  {
		margin: 0;
		padding: 0;
		border: none;
	}
	body .ocf-btn-mobile-static > button {
		margin: 0;
		border-radius: 30px;
		border: 2px solid var(--color-20E97B);
		background: var(--color-FFF);
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 5px 28px 4px 23px;
	}
	body .ocf-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: var(--color-000);
		font-family: var(--main-ff);
		font-size: 11px;
		font-style: normal;
		font-weight: 700;
		line-height: 90%; /* 9.9px */
		letter-spacing: 0.55px;
		text-transform: uppercase;
		padding: 19px 14px 19px 15px;
	}
	body .ocf-header .ocf-brand {
		display: none;
	}
	body .ocf-header .ocf-close-mobile {
		display: none;
	}
	body .ocf-body {
		top: 56px;
		bottom: 50px;
		background: var(--color-F2F3F5);
	}
	body .ocf-product-total {
		color: var(--color-000);
		font-family: var(--main-ff);
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%; /* 18px */
		text-transform: lowercase;
	}
	body .ocf-filter.ocf-active {
		padding: 0;
	}
	body .ocf-theme-light .ocf-filter-header {
		padding: 11px 10px 11px 14px!important;
		background: var(--color-F2F3F5)!important;
		border: none!important;
	}
	body .ocf-theme-light .ocf-open .ocf-filter-header {
		background: var(--color-FFF)!important;
	}
	body .ocf-theme-light .ocf-filter-header .ocf-filter-name {
		font-size: 13px;
	}
	body .ocf-theme-light .ocf-dropdown .ocf-filter-header svg {
		transform: rotate(-90deg);
	}
	body .ocf-theme-light .ocf-dropdown .ocf-filter-header.active svg {
		transform: rotate(-90deg);
	}
	body .ocf-theme-light .ocf-dropdown .ocf-filter-header.active svg path,
	body .ocf-theme-light .ocf-dropdown.ocf-open .ocf-filter-header svg path {
		stroke: var(--color-000);
	}
	body .ocf-theme-light .ocf-footer {
		margin: 0;
		padding: 10px;
		background: var(--color-F2F3F5);
	}
	body .ocf-theme-light .ocf-filter + .ocf-filter {
		border: none;
	}
	body .ocf-filter-body > .ocf-value-list > .ocf-scroll-y {
		max-height: unset;
	}
	body .ocf-filter.ocf-open .ocf-filter-header > *:not(.ocf-filter-header-mobile) {
		display: none!important;
	}
	body .ocf-filter:not(.ocf-open) .ocf-filter-header-mobile {
		display: none!important;
	}
	body .ocf-filter.ocf-open .ocf-filter-header-mobile {
		display: flex!important;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
	}
	body .ocf-filter-header-mobile > svg {
		transform: rotate(0deg)!important;
		margin-right: 24px;
	}
	body .ocf-filter-header-mobile .ocf-product-total {
		margin-left: auto;
	}
	body .ocf-theme-light .ocf-open .ocf-filter-header {
		padding: 19px 14px 19px 15px!important;
		height: 56px;
		background: var(--color-FFF);
	}
	body .ocf-theme-light .ocf-dropdown .ocf-filter-body > .ocf-value-list {
		background: var(--color-F2F3F5)!important;
		padding: 20px 13px 17px!important;
	}
}
@media(max-width: 900px) and (min-width: 701px) {
	.category-listing-product-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
	.category-listing-product-wrapper > div {
		border: 1px solid var(--color-D0D3D5)!important;
		border-top: none!important;
	}
	.category-listing-product-wrapper > div:nth-child(3n+2) {
		border-right: 1px solid transparent!important;
		border-left: 1px solid transparent!important;
	}
}
@media(max-width: 700px) {
	.category-listing-product-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.category-listing-product-wrapper > div {
		border: 1px solid var(--color-D0D3D5)!important;
		border-top: none!important;
	}
	.category-listing-product-wrapper > div:nth-child(even) {
		border-left: 1px solid transparent!important;
	}
}