/*===catalog-sort====*/
.catalog-sort{
	background: #F2F2F2;
}
.catalog-sort-container{
	display: flex;
	align-items: center;
	column-gap: 8px;
	justify-content: flex-end;
	width: calc(85% - 40px);
	padding: 0 20px;
	max-width: 1565px;
	margin: 0 auto;
}
[data-view="list"] .catalog-sort-container{width: 100%;box-sizing: border-box;}
@media (max-width: 900px) {
	.catalog-sort-container{
		width: calc(100% - 40px);
	}
}
.catalog-sort span{
	font-size: 11.2px;
	font-weight: 400;
	line-height: 14px;
	color: #7D8082;
}
.catalog-sort-item{
	font-size: 11.2px;
	font-weight: 400;
	line-height: 11.2px;
	color: #30363A;
}
.catalog-sort-list{
	position: relative;
}
.catalog-sort-list-check-list{
	display: none;
	position: absolute;
	top: 170%;
	left: -100%;
	background: #000000;
	width: 200px;
	z-index: 9;
	padding: 10px 0;
}
.catalog-sort-list-check-list::before {
	content: "";
	display: block;
	position: absolute;
	left: 75%;
	bottom: 100%;
	margin-left: -8px;
	border-color: transparent transparent #01152d;
	border-style: solid;
	border-width: 0 8px 8px;
}
.catalog-sort-list-check-list .catalog-sort-item{
	padding: 8px 5px;
	color: #ffffff;
	cursor: pointer;
	transition: .2s linear;
}
.catalog-sort-list-check-list .catalog-sort-item:hover{
	background: #c0855b;
}
.catalog-sort-item-active{
	background: #C78E66;
}
.catalog-sort-list-inner span{
	padding-right: 15px;
	transition: .2s linear;
}
.catalog-sort-list-inner .catalog-sort-item{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.catalog-sort-list-inner .catalog-sort-item path{
	fill: #30363A;
	transition: .2s linear;
}
.catalog-sort-list-inner .catalog-sort-item:hover span{
	color: #C78E66;
}
.catalog-sort-list-inner .catalog-sort-item:hover path{
	fill: #C78E66;
}
.catalog-sort-active .catalog-sort-list-check-list{
	display: block;
}