/* Start:/local/templates/emi-new/components/bitrix/catalog.section.list/emi-new-round/style.css?17876434054008*/
.catalog-sections {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.catalog-section-card {
	position: relative;
	height: 220px;
	min-width: 0;
	border-radius: 18px;
	overflow: hidden;
	background: #fdf6f7;
}

/* Предпоследний элемент ставим в 4-ю колонку */
.catalog-sections>.catalog-section-card:nth-last-child(2) {
	grid-column: 4;
}

/* Последний элемент (СКИДКИ) ставим в 3-ю колонку */
.catalog-sections>.catalog-section-card:last-child {
	grid-column: 1 / 4;
	/* С какой по какую колонку */
	grid-row: 5;
}

/* Только главная */
.catalog-sections--main {
	grid-column: 1 / 3 !important;
	grid-row: 2 !important;
}

.catalog-section-card__link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	text-decoration: none;
}

.catalog-section-card__content {
	position: relative;
	z-index: 2;
	height: 100%;
	padding: 28px 18px 18px;
	box-sizing: border-box;
}

.catalog-section-card__title {
	max-width: 135px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
}

.catalog-section-card__description {
	max-width: 145px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.4;
	color: #777;
}

.catalog-section-card__arrow {
	position: absolute;
	left: 18px;
	bottom: 18px;

	width: 28px;
	height: 28px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid #e5aeb8;
	border-radius: 50%;

	color: #d994a1;

	transition:
		background-color .2s ease,
		color .2s ease,
		transform .2s ease;
}

.catalog-section-card__image {
	position: absolute;
	right: 0;
	bottom: 0;

	width: 55%;
	height: 85%;

	display: flex;
	align-items: flex-end;
	justify-content: flex-end;

	z-index: 1;
}

.catalog-section-card__image img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;

	transition: transform .3s ease;
}

.catalog-section-card__link:hover .catalog-section-card__arrow {
	background: #e5aeb8;
	color: #fff;
	border-color: #fff;
}

.catalog-section-card__link:hover .catalog-section-card__image img {
	transform: scale(1.03);
}

.catalog-section-card--sale {

	border: 1px solid rgb(238 226 228);
	background: rgb(250, 221, 226);
}

@media (min-width: 1101px) {
	.catalog-sections {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}


}

@media (max-width: 1100px) {
	.catalog-sections {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.catalog-sections>.catalog-section-card:nth-last-child(2),
	.catalog-sections>.catalog-section-card:last-child {
		grid-column: auto;
		grid-row: auto;
	}

	.catalog-section-card--sale {
		grid-column: auto;
	}

	.catalog-sections--main {
		grid-column: auto !important;
		grid-row: auto !important;
	}


}

@media (max-width: 768px) {
	.catalog-sections {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.catalog-section-card {
		height: 200px;
	}

	.catalog-sections>.catalog-section-card:nth-last-child(2),
	.catalog-sections>.catalog-section-card:last-child {
		grid-column: auto;
		grid-row: auto;
	}

	.catalog-section-card--sale {
		grid-column: auto;
	}

	.catalog-sections--main {
		grid-column: auto !important;
		grid-row: auto !important;
	}


}





@media (max-width: 480px) {
	.catalog-sections {
		grid-template-columns: 1fr;
	}

	.catalog-section-card--sale {
		grid-column: span 1;
	}

	.catalog-section-card {
		height: 200px;
	}

	.catalog-sections>.catalog-section-card:nth-last-child(2),
	.catalog-sections>.catalog-section-card:last-child {
		grid-column: auto;
		grid-row: auto;
	}

	.catalog-section-card--sale {
		grid-column: auto;
	}
	.catalog-sections--main {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}
/* End */
/* /local/templates/emi-new/components/bitrix/catalog.section.list/emi-new-round/style.css?17876434054008 */