.catalog-section-list {
	display: flex;
	flex-direction: column;
	gap: 40px;

	& .catalog-section-list__group {
		min-width: 0;
	}

	& .catalog-section-list__swiper {
		overflow: visible;
		width: 100%;
	}

	& .catalog-section-list__swiper .swiper-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		gap: 20px;
	}

	& .catalog-section-list__swiper .swiper-slide {
		/* width: 100% !important; */
		height: auto;
		/* margin: 0 !important; */
	}

	& .catalog-section-list__swiper-nav {
		display: none;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding-bottom: 40px;
	}

	& .catalog-section-list__swiper-nav-pages {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}

	& .catalog-section-list__swiper-nav-page {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-width: 35px;
		height: 35px;
		padding: 5px 15px 6px;
		border: none;
		border-radius: 100px;
		background: transparent;
		font-family: inherit;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px;
		color: #5a5b6c;
		opacity: 0.4;
		cursor: pointer;
		transition: opacity 0.2s ease-out;
	}

	& .catalog-section-list__swiper-nav-page.is-active {
		opacity: 1;
		border: 1px solid #868bab;
	}

	& .catalog-section-list__swiper-nav-next {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		min-width: 35px;
		height: 35px;
		padding: 5px 15px 6px;
		border: none;
		border-radius: 100px;
		background: transparent;
		color: #5a5b6c;
		opacity: 0.4;
		cursor: pointer;
		transition: opacity 0.2s ease-out;
	}

	& .catalog-section-list__swiper-nav-next:disabled {
		cursor: default;
		opacity: 0.2;
	}

	& .catalog-section-list__swiper-nav-next:not(:disabled):hover {
		opacity: 0.7;
	}

	& .catalog-section-list__link {
		display: flex;
		justify-content: center;
	}
}

@media (max-width: 960px) {
	/* Figma 6448:1625 — заголовок 36/44 на планшете и мобиле (глобально .title--2 остаётся 46 до 600px) */
	.index-block-header.index-block-header--catalog-top-products .index-block-header__title.title--2 {
		font-size: 36px;
		line-height: 44px;
	}

	.catalog-section-list .catalog-section-list__pagination {
		display: none;
	}

	.catalog-section-list .catalog-section-list__swiper-nav:not([hidden]) {
		display: flex;
	}

	.catalog-section-list .catalog-section-list__swiper.swiper-initialized {
		overflow: hidden;
	}

	.catalog-section-list .catalog-section-list__swiper.swiper-initialized .swiper-wrapper {
		display: flex;
		gap: 0;
	}

	/* Карточка 330px, зазор 20px — как в макете; узкие экраны — не шире контейнера */
	.catalog-section-list .catalog-section-list__swiper .swiper-slide {
		box-sizing: border-box;
		/* width: 330px; */
		max-width: 90%;
		flex-shrink: 0;
		height: auto;
		align-self: stretch;
	}

	.catalog-section-list .catalog-section-list__slide .product-card {
		height: 100%;
	}

	.catalog-section-list .product-card__favorite {
		width: 45px;
		height: 45px;
	}

	.catalog-section-list .catalog-section-list__link .btn {
		padding: 12px 84px;
		border: 1px solid #5a5b6c;
		background: transparent;
		color: #5a5b6c;
	}

	.catalog-section-list .catalog-section-list__link .btn:hover {
		opacity: 0.85;
	}
}