.sidebar__title{
	display: flex;
	align-items: center;
	gap:24px;
	background: #C51718;
	padding:10px 15px;
}
.sidebar__text{
	color:#FFFFFF;
	font-size: 16px;
	font-weight: 600;
}
.filter{
	display: grid;
	gap:15px;
	padding:20px 15px 20px 30px;
    background: #361B1B;
    padding-bottom: 25px;
    border-bottom: solid 1px #D9D9D9;
}
.filter__header{
	display: flex;
	align-items: center;
	gap:15px;
	background: transparent;
}
.filter__name{
	color:#FFFFFF;
	font-size: 16px;
	font-weight: 600;
}
.filter__list{
	display: flex;
	flex-direction: column;
	gap:10px;
}
.filter__link{
	color:#D2D0D0;
	font-size: 14px;
	font-weight: 500;
	transition: all .3s;
}
.filter__link:hover{
	color:#FDC540;
	text-decoration: underline;
}
.filter__more{
	border:solid 1px #D2D0D0;
	color:#D2D0D0;
	max-width: 180px;
	width: 100%;
	padding:10px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:15px auto 0 auto;
	background: transparent;
	transform: all .3s;
}
.filter__more:hover{
	color:#FDC540;
	border:solid 1px #FDC540;
}
.sidebar__x{
	display: none;
}
.left-sidebar,
.right-sidebar {
	align-self: start;
	position: sticky;
	top: 82px;
	max-height: calc(100vh - 102px);
	overflow-y: auto;
	scrollbar-width: thin;
}
@media screen and (max-width: 1200px) {
 	
}
@media screen and (max-width: 1400px) {
	.sidebars-column .left-sidebar {
		position: static;
		max-height: none;
		overflow: visible;
	}
	.sidebars-column .right-sidebar .sidebar__title {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.right-sidebar {
		position: static;
		max-height: none;
	}
 	.sidebars-column.active {
	  display: flex;
	  flex-direction: column;
	  width: min(300px, calc(100vw - 24px));
	  position: fixed;
	  inset: 0 auto 0 0;
	  z-index: 1000;
	  overflow-y: auto;
	  background: #361B1B;
	  border: 1px solid #FFFFFF;
	  box-sizing: border-box;
	}
	.sidebars-column.active .sidebar__title {
	  padding-right: 52px;
	}
	.sidebars-column.active .sidebar__x {
	  position: fixed;
	  top: 10px;
	  right: auto;
	  left: min(262px, calc(100vw - 62px));
	  width: 27px;
	  height: 27px;
	  line-height: 0;
	}
 	.sidebars-column.active .left-sidebar,
 	.sidebars-column.active .right-sidebar {
	  display: block;
	  width: 100%;
	}
 	.sidebars-column.active .right-sidebar {
	  align-self: stretch;
	  flex: 0 0 auto;
	  height: max-content;
	  overflow: visible;
	}
	.sidebar__x{
		display: block;
	}
	.sidebar__title{
		padding:15px 15px;
	}
}
@media screen and (max-width: 576px) {
 	
}