/* Start:/local/templates/feniks/components/bitrix/catalog/cars/style.css?17835165121076*/
.catalog-section-add-desc {
	max-width: 63rem;
	margin-top: 2.5rem;
	font-size: 0.75rem;
	line-height: 0.8625rem;
	letter-spacing: -0.04em;
	color: var(--color300);
}
.catalog-section-add-desc p {
	margin-bottom: 0.75rem;
}
.catalog-section-add-desc p:last-child {
	margin-bottom: 0;
}
.catalog-section-top {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}
.catalog-sort {
	gap: 2.5rem;
}
.catalog-sort-item {
	font-size: 0.9375rem;
	line-height: 1.03125rem;
	cursor: pointer;
}
.catalog-sort-item a {
	color: var(--color300);
}
.catalog-sort-item.active a {
	color: var(--color950);
}
.catalog-sort-item .up img {
	transform: rotate(180deg);
}
.catalog-sort-item img {
	margin-left: 0.25rem;
}
.catalog-sort-item img:nth-child(2),
.catalog-sort-item.active img:last-child,
.catalog-display-type .active img,
.catalog-display-type img:last-child {
	display: none;
}
.catalog-sort-item.active img:nth-child(2),
.catalog-display-type .active img:last-child {
	display: flex;
}
.catalog-display-type {
	gap: 0.75rem;
}
/* End */


/* Start:/local/templates/feniks/components/bitrix/catalog.section.list/cars/style.css?17835962901305*/
.cars-sections {
	gap: 1rem;
}
.cars-sections-item {
	flex: 1 1 25%;
	width: 25%;
	max-width: calc(25% - 0.75rem);
	padding: 0.5rem;
	font-size: 1.375rem;
	line-height: 1.44375rem;
	letter-spacing: -0.04em;
	background-color: var(--color0);
	border-radius: 0.5rem;
}
.cars-sections-item .img {
	width: 5.1875rem;
	margin-right: 0.75rem;
}
.cars-sections-item img {
	width: auto;
	height: 1.75rem;
}
h1.title.cars-title {
	font-size: 4rem;
	line-height: 5.8rem;
	margin-top: 0;
	margin-bottom: 1rem;
}

@media screen and (max-width: 1200px) {
	h1.title.cars-title {
		font-size: 2.875rem;
		line-height: 1.2;
	}
}

@media screen and (max-width: 1000px) {
	.cars-sections-item {
		flex: 1 1 calc(100% / 3);
		width: calc(100% / 3);
		max-width: calc(100% / 3 - 2rem / 3);
	}
}

@media screen and (max-width: 760px) {
	.cars-sections-item {
		flex: 1 1 50%;
		width: 50%;
		max-width: calc(50% - 0.5rem);
	}
}

@media screen and (max-width: 500px) {
	.cars-sections-item {
		font-size: 0.875rem;
		line-height: 1.2;
	}
	.cars-sections-item .img {
		width: 3.125rem;
		margin-right: 0.5rem;
	}
	.cars-sections-item img {
		height: auto;
	}
}

@media screen and (max-width: 350px) {
	.cars-sections-item {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}
	h1.title.cars-title {
		font-size: 1.5rem;
	}
}

/* End */
/* /local/templates/feniks/components/bitrix/catalog/cars/style.css?17835165121076 */
/* /local/templates/feniks/components/bitrix/catalog.section.list/cars/style.css?17835962901305 */