@charset "utf-8";

.slider-catalog {
	--gap: 24px;
	margin-top: 24px !important;
}


.slider-catalog .swiper-slide {
	height: auto !important;
	display: flex;
	flex-direction: column;
	width: 100%;
}

@media only screen and (max-width: 1023px) {
	.swiper.slider-catalog {
		width: auto !important;
		margin: 4px calc(var(--side)*-1) -20px calc(var(--side)*-1) !important;
		padding: 20px calc(var(--side) - var(--gap)/2) !important;
	}

	.h2-title+.slider-catalog {
		margin-top: -12px !important;
	}

	.slider-catalog .swiper-slide {
		padding: 0 calc(var(--gap)/2);
		width: 33.333%;
		min-width: calc(262px + var(--gap));
	}
}

.slider-catalog .swiper-slide>* {
	flex: 1 0 auto;
	width: 100%;
}

@media only screen and (min-width: 1024px) {
	.swiper.slider-catalog {
		overflow: visible;
	}

	.slider-catalog .swiper-wrapper {
		display: grid;
		grid-auto-rows: 1fr;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: var(--gap);
	}
}