.catalog_grid.grid {
	grid-template-columns: 1fr 4fr;
	margin: 30px 0 0;
	align-items: self-start;
}

.checkbox_list {
	gap: 4px;
}
.catalog_filter {
	border: 1px solid #D9D9D9;
	position: relative;
}
.catalog_filter .filter_field {
	
}
.catalog_filter .filter_field + .filter_field {
	border-top: 1px solid #D9D9D9;
}
.catalog_filter .label {
	font-size: 18px;
	font-weight: 500;
	position: relative;
	padding: 20px;
	cursor: pointer;
}
.catalog_filter .label:after {
	display: block;
	content: '';
	height: 24px;
	width: 24px;
	background: url('data:image/svg+xml,<svg width="9" height="5" viewBox="0 0 9 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 5L9 0H0L4.5 5Z" fill="%233A3A3A"/></svg>') no-repeat center;
	transition: 0.3s;
	position:absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
.catalog_filter .filter_field.opened .label {
	padding-bottom: 10px;
}
.catalog_filter .filter_field.opened .label:after {
	transform: translateY(-50%) scaleY(-1);
}

.catalog_filter .values_wrapper {
	display: none;
	padding: 0 20px 20px;
}
.catalog_filter .filter_field.opened .values_wrapper {
	display: block;
}

.catalog_list_flex {
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	transform: translateX(-1px);
}



.catalog_grid .no-results {
	padding: 0 20px 20px;
	border: 1px solid #D9D9D9;
	transform: translateX(-1px);
	height: 100%;
}

.block_counter_vid {
	padding: 20px;
	border-top: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}

button.clear_filters svg path,
button.button_vid svg path {
	transition: 0.3s;
}
button.clear_filters:hover svg path {
	stroke: #fff;
}
button.clear_filters:hover svg path.hover_fill_orange {
	fill: var(--orange);
}


button.button_vid {
	padding: 8.5px 16px;
	border: 1px solid #B2B2B2;
	background: #fff;
	border-radius: 0;
	position: relative;
}
button.button_vid.list {
	transform: transpateX(-1px);
}
button.button_vid:hover {
	z-index: 3;
	border-color: var(--orange);
	box-shadow: 0px 0px 20.1px -3px #FF6E2080 inset;
}
.catalog_grid.tile button.button_vid.tile,
.catalog_grid.list button.button_vid.list {
	z-index: 2;
	border-color: var(--orange);
	color: var(--orange);
}
.catalog_grid.tile button.button_vid.tile svg path,
.catalog_grid.list button.button_vid.list svg path {
	stroke: var(--orange);
}

.catalog_filter .found_posts {
	display: none;
	pointer-events: none;
	opacity: 0;
	transition: 0.3s;
}

@media (min-width: 992px) {
	.btn_white.mobile_open_filters,
	.catalog_filter .mobile_buttons,
	.catalog_filter .mobile_header {
		display: none;
	}
	
	.catalog_filter .found_posts {
		position: absolute;
		top: 0;
		left: 100%;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
		z-index: 2;
		height: 63.4px;
		padding: 0 0 0 20px;
		gap: 10px;
		display: flex;
		background: #fff;
	}
	.catalog_filter .found_posts.active {
		pointer-events: all;
		opacity: 1;
	}
	.catalog_filter .found_posts > span {
		white-space: nowrap;
	}
	.catalog_filter .found_posts button {
		height: 63.4px;
		width: 63.4px;
		border: 1px solid var(--orange);
		background: var(--orange);
	}
}












@media (max-width: 991.98px) {
	.catalog_grid.grid {
		display: block;
	}
	
	.catalog_filter {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999981;
		background: #fff;
		padding: 16px 0;
		transform: translateY(-150%);
		transition: 0.3s;
		height: 100%;
		overflow: auto;
	}
	.catalog_filter.mobile_opened {
		transform: translateY(0);
	}
	.catalog_filter .mobile_header {
		padding: 0 15px 15px;
		border-bottom: 1px solid #D9D9D9;
	}
	.catalog_filter .mobile_header .h3 {
	margin-bottom: 0.3em;
	}
	.catalog_filter .mobile_buttons {
		padding: 0 15px;
	}
	.catalog_filter .mobile_buttons button {
		line-height: 1;
		padding: 12px 20px;
	}
	.block_counter {
		width: 100%;
	}
	.block_counter .counter {
		font-size: 12px;
	}
	.block_counter .counter span {
		white-space: nowrap;
	}
	.block_counter .clear_filters {
		display: none;
	}
	.block_counter_vid {
		padding: 15px;
		border-left: 1px solid #D9D9D9;
	}
	.catalog_list_flex {
		transform: none;
	}
	.btn_white.mobile_open_filters {
		font-size: 14px;
		height: 30px;
	}
	.mobile_open_filters .counter_filters {
		font-size: 12px;
		border: 1px solid var(--orange);
		text-align: center;
		line-height: 15px;
		min-width: 16px;
		height: 16px;
		border-radius: 50%;
	}
	button.button_vid {
		height: 30px;
	}
}

@media (max-width: 767.98px) {
	
	.block_counter_vid .buttons_vid {
		display: none;
	}
	.btn_white.mobile_open_filters {
		font-size: 12px;
	}
	.mobile_open_filters .counter_filters {
		font-size: 9px;
		line-height: 11px;
		min-width: 12px;
		height: 12px;
	}
	
	.catalog_filter .label {
		font-size: 14px;
		padding: 15px;
	}
}

@media (max-width: 480px) {
	
}