@media (max-width: 1600px) {
	.catalog__product {
		max-width: calc(25% - 15px);
	}
}

@media (max-width: 1400px) {
	.catalog__filters {
		min-width: 260px;
		max-width: 260px;
		font-size: 14px;
	}
	.catalog__filter-heading {
		font-size: 15px;
	}
	.catalog__products {
		row-gap: 20px;
		column-gap: 10px;
	}
	.catalog__product {
		max-width: calc(100% / 3 - 7px);
	}
}

@media (max-width: 1200px) {
	.catalog__head {
		margin-top: 30px;
	}
}

@media (max-width: 1000px) {
	.catalog__head {
		margin: 25px 0;
	}
	.catalog__filters {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		min-width: auto;
		max-width: none;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 4;
		transform: translateX(-100%);
		border-radius: 0;
		padding: 25px;
		background-color: #fff;
		transition: transform 250ms ease-in-out;
	}
	.catalog__filters.active {
		transform: translateX(0);
	}
	.catalog__toggle,
	.catalog__close {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 22px;
	}
	.catalog__close {
		margin-left: auto;
	}
	.catalog__head {
		display: flex;
		align-items: center;
		gap: 20px;
	}
}

@media (max-width: 800px) {
	.catalog__product {
		max-width: calc(50% - 5px);
	}
}

@media (max-width: 600px) {
	.catalog__pagination {
		margin-top: 30px;
	}
	.catalog__toggle,
	.catalog__close {
		font-size: 20px;
	}
	.catalog {
		padding: 40px 0 60px;
	}
	.catalog__products {
		gap: 10px;
	}
	.catalog__product {
		max-width: calc(50% - 5px);
	}
}

@media (max-width: 400px) {
	.catalog__products {
		width: calc(100% + 32px);
		margin-left: -16px;
		row-gap: 15px;
		column-gap: 2px;
	}
	.catalog__product {
		max-width: calc(50% - 1px);
	}
}