/* Start:/bitrix/templates/apriori-corp/components/bitrix/catalog/catalog/bitrix/catalog.section.list/catalog_sidebar/style.css?17900781269067*/
/* =========================================================
   СТРАНИЦА КАТАЛОГА
========================================================= */

.catalog-page-layout {
	display: grid;

	grid-template-columns:
		250px minmax(0, 1fr);

	gap: 30px;

	width: 100%;

	align-items: start;
}

.catalog-page-layout__sidebar {
	width: 100%;
	min-width: 0;
}

.catalog-page-layout__content {
	width: 100%;
	min-width: 0;
}

.catalog-page-layout__content .product {
	width: 100%;
	min-width: 0;
}


/* =========================================================
   SIDEBAR
========================================================= */

.catalog-sidebar {
	width: 100%;

	margin: 0;
	padding: 0;

	background: #ffffff;

	border: 1px solid #e9e9e9;

	box-sizing: border-box;
}

.catalog-sidebar *,
.catalog-sidebar *::before,
.catalog-sidebar *::after {
	box-sizing: border-box;
}


/* =========================================================
   ШАПКА "КАТАЛОГ"
========================================================= */

.catalog-sidebar__head {
	width: 100%;

	margin: 0;
	padding: 0;

	/*
	 * Белая линия между заголовком
	 * и первым пунктом меню.
	 */
	border-bottom: 1px solid #ffffff;

	background: #bf2026;
}

.catalog-sidebar__title {
	display: block;

	width: 100%;

	margin: 0;
	padding: 17px 16px;

	background: #bf2026;

	color: #ffffff;

	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;

	text-decoration: none;

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

.catalog-sidebar__title:hover {
	background: #a91b20;

	color: #ffffff;

	text-decoration: none;
}


/* =========================================================
   СПИСОК
========================================================= */

.catalog-sidebar__body {
	display: block;

	width: 100%;

	margin: 0;
	padding: 0;
}

.catalog-sidebar__list {
	display: block;

	width: 100%;

	margin: 0;
	padding: 0;

	list-style: none;
}

.catalog-sidebar__item {
	display: block;

	width: 100%;

	margin: 0;
	padding: 0;

	border-bottom: 1px solid #eeeeee;

	background: #ffffff;
}

.catalog-sidebar__item:last-child {
	border-bottom: 0;
}

.catalog-sidebar__row {
	position: relative;

	display: flex;
	align-items: stretch;

	width: 100%;

	min-height: 48px;
}

.catalog-sidebar__link {
	display: flex;

	flex: 1 1 auto;

	align-items: center;

	min-width: 0;

	margin: 0;
	padding: 12px 14px;

	color: #333333;

	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;

	text-decoration: none;

	overflow-wrap: break-word;

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

.catalog-sidebar__link:hover {
	background: #fafafa;

	color: #bf2026;

	text-decoration: none;
}


/* =========================================================
   СТРЕЛКА
========================================================= */

.catalog-sidebar__toggle {
	position: relative;

	display: block;

	flex: 0 0 38px;

	width: 38px;
	min-width: 38px;

	margin: 0;
	padding: 0;

	border: 0;
	border-left: 1px solid #eeeeee;

	background: transparent;

	cursor: pointer;
}

.catalog-sidebar__toggle span {
	position: absolute;

	top: 50%;
	left: 50%;

	width: 7px;
	height: 7px;

	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;

	transform:
		translate(-50%, -70%)
		rotate(45deg);

	transition:
		transform .2s ease;
}


/* Открытая ветка */

.catalog-sidebar__item.is-open >
.catalog-sidebar__row
.catalog-sidebar__toggle span,
.catalog-sidebar__item.is-active >
.catalog-sidebar__row
.catalog-sidebar__toggle span {

	transform:
		translate(-50%, -30%)
		rotate(225deg);
}


/* =========================================================
   ТЕКУЩИЙ РАЗДЕЛ
========================================================= */

.catalog-sidebar__item.is-current >
.catalog-sidebar__row {

	background: #bf2026;
}

.catalog-sidebar__item.is-current >
.catalog-sidebar__row
.catalog-sidebar__link {

	background: transparent;

	color: #ffffff;

	font-weight: 600;
}

.catalog-sidebar__item.is-current >
.catalog-sidebar__row
.catalog-sidebar__link:hover {

	background: transparent;

	color: #ffffff;
}

.catalog-sidebar__item.is-current >
.catalog-sidebar__row
.catalog-sidebar__toggle {

	border-left-color:
		rgba(255, 255, 255, .25);
}

.catalog-sidebar__item.is-current >
.catalog-sidebar__row
.catalog-sidebar__toggle span {

	border-color: #ffffff;
}


/* =========================================================
   ВЛОЖЕННЫЕ КАТЕГОРИИ
========================================================= */

.catalog-sidebar__list--level-1,
.catalog-sidebar__list--level-2,
.catalog-sidebar__list--level-3,
.catalog-sidebar__list--level-4,
.catalog-sidebar__list--level-5 {

	display: none;

	background: #fafafa;
}


/*
 * Автоматически раскрываем только
 * текущую ветку каталога.
 */
.catalog-sidebar__item.is-active >
.catalog-sidebar__list,
.catalog-sidebar__item.is-open >
.catalog-sidebar__list {

	display: block;
}


.catalog-sidebar__list--level-1
.catalog-sidebar__link {

	padding-left: 26px;

	font-size: 13px;
}


.catalog-sidebar__list--level-2
.catalog-sidebar__link {

	padding-left: 38px;
}


.catalog-sidebar__list--level-3
.catalog-sidebar__link {

	padding-left: 50px;
}


.catalog-sidebar__list--level-4
.catalog-sidebar__link {

	padding-left: 62px;
}


.catalog-sidebar__list--level-5
.catalog-sidebar__link {

	padding-left: 74px;
}


/* =========================================================
   НЕБОЛЬШОЙ DESKTOP
========================================================= */

@media screen and (max-width: 1300px) {

	.catalog-page-layout {

		grid-template-columns:
			220px minmax(0, 1fr);

		gap: 22px;
	}


	.catalog-sidebar__link {

		padding-left: 12px;
		padding-right: 8px;

		font-size: 13px;
	}

}


/* =========================================================
   ПЛАНШЕТ
========================================================= */

@media screen and (max-width: 991px) {

	.catalog-page-layout {

		display: block;

		width: 100%;
	}


	.catalog-page-layout__sidebar {

		width: 100%;

		margin: 0 0 24px;
	}


	.catalog-page-layout__content {

		width: 100%;
	}


	.catalog-sidebar__title {

		padding: 14px 15px;

		font-size: 15px;
	}


	/* Основные категории — две в ряд */

	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 {

		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 8px;

		padding: 8px;

		background: #f7f7f7;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item {

		width: 100%;

		min-width: 0;

		border: 1px solid #e8e8e8;

		background: #ffffff;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__row {

		min-height: 56px;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__row
	.catalog-sidebar__link {

		padding:
			9px 6px
			9px 10px;

		font-size: 12px;
		line-height: 1.25;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__row
	.catalog-sidebar__toggle {

		flex: 0 0 30px;

		width: 30px;
		min-width: 30px;
	}


	/*
	 * Активная карточка
	 * на планшете тоже красная.
	 */

	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item.is-current {

		background: #bf2026;
	}


	/*
	 * Вложенные пункты остаются
	 * обычным списком.
	 */

	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__list {

		width: 100%;

		border-top: 1px solid #eeeeee;
	}


	.catalog-sidebar__list--level-1
	.catalog-sidebar__link {

		padding-left: 10px;

		font-size: 12px;
	}


	.catalog-sidebar__list--level-2
	.catalog-sidebar__link {

		padding-left: 20px;
	}

}


/* =========================================================
   МОБИЛЬНЫЙ
========================================================= */

@media screen and (max-width: 575px) {

	/*
	 * Основные разделы
	 * остаются по 2 в строку.
	 */

	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 6px;

		padding: 6px;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__row {

		min-height: 52px;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__row
	.catalog-sidebar__link {

		padding:
			8px 4px
			8px 8px;

		font-size: 11px;
		line-height: 1.2;
	}


	.catalog-sidebar__body >
	.catalog-sidebar__list--level-0 >
	.catalog-sidebar__item >
	.catalog-sidebar__row
	.catalog-sidebar__toggle {

		flex: 0 0 27px;

		width: 27px;
		min-width: 27px;
	}


	.catalog-sidebar__toggle span {

		width: 6px;
		height: 6px;
	}

}
/* End */
/* /bitrix/templates/apriori-corp/components/bitrix/catalog/catalog/bitrix/catalog.section.list/catalog_sidebar/style.css?17900781269067 */