.catalog-list {
	position: relative;
	z-index: 1;
	background-color: #F2F2F2;
	flex-shrink: 1;
	flex-grow: 1;
}
.catalog__right{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.page-pagination{
	padding-bottom: 100px;
}

@media (max-width: 600px) {
	.page-pagination{
		padding-bottom: 65px;
	}
}
.catalog-list-container{
	width: calc(85% - 40px);
	padding: 0 20px;
	max-width: 1565px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	row-gap: 20px;
	column-gap: 20px;
}
[data-view="grid"] .catalog-list-container[data-view="grid"]{display: grid; grid-template-columns: repeat(3, 1fr)}
[data-view="list"] .catalog-list-container[data-view="grid"], [data-view="grid"] .catalog-list-container[data-view="list"]{display: none}
@media (max-width: 1200px) {
	[data-view="grid"] .catalog-list-container[data-view="grid"]{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 992px) {
	.page-pagination {
		padding-bottom: 55px;
		padding-top: 40px;
	}
}
@media (max-width: 900px) {
	.catalog-list-container{
		width: calc(100% - 40px);
	}
}
@media (max-width: 760px) {
	[data-view="grid"] .catalog-list-container[data-view="grid"]{grid-template-columns: 1fr;}
	.page-pagination {
		padding-top: 35px;
	}
}
@media (max-width: 555px) {
	.page-pagination {
		padding-top: 35px;
	}
}
.catalog-favorites .catalog-list{
	padding: 73px 0;
}
.catalogNew-btn{
	width: fit-content;
	margin: 45px auto 0;
}

.section-title.empty-items {
	font-size: 16px;
	justify-content: center;
}
.catalog-section__modules{
	min-height: 300px;
}
@media (max-width: 1000px) {
	.catalog-section__modules{
		min-height: 500px;
	}
}


.catalog-view-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-view-container{padding: 0;width: 100%}
@media (max-width: 900px) {
	.catalog-view-container{width: calc(100% - 40px);}
}
.catalog-view-item{
	display: flex;
	padding: 5px;
	border-radius: 3px;
}
.catalog-view-item[data-active="true"] path{fill: #d5001c}
@media (hover: hover) {
	.catalog-view-item, .catalog-view-item path{transition: .3s linear; cursor: pointer}
	.catalog-view-item:hover path{fill: #d5001c}
}