/* 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 */


/* Start:/bitrix/templates/apriori-corp/components/bitrix/catalog.section/catalog/style.css?17900784746074*/
/* =========================================================
   КАТАЛОГ ТОВАРОВ

   DESKTOP  — 3 карточки
   НОУТБУК  — 2 карточки
   ТЕЛЕФОН  — 1 карточка
========================================================= */


/* =========================================================
   ОБЩИЙ КОНТЕЙНЕР
========================================================= */

.product__all {
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}


/* =========================================================
   СЕТКА ТОВАРОВ — DESKTOP 3 В РЯД
========================================================= */

.prod-all__list,
.product__all .prod-all__list {
	display: grid !important;

	grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;

	gap: 30px !important;

	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	align-items: stretch;
}


/*
 * Убираем стандартные отрицательные
 * отступы Bootstrap .row
 */

.product__all .row,
.prod-all__list.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* =========================================================
   КАРТОЧКА
========================================================= */

.prod-all__item,
.product__all .prod-all__item {
	display: flex !important;
	flex-direction: column !important;

	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;

	height: 100% !important;

	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;

	flex: none !important;

	box-sizing: border-box;
}


/* =========================================================
   ИЗОБРАЖЕНИЕ
========================================================= */

.prod-all__img {
	display: flex;

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

	width: 100%;

	margin: 0 0 20px;

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

	box-sizing: border-box;
}

.prod-all__img a {
	display: flex;

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

	width: 100%;
}

.prod-all__img img {
	display: block;

	width: auto !important;
	max-width: 100% !important;

	height: auto !important;
	max-height: 320px;

	margin: 0 auto;

	object-fit: contain;
}


/* =========================================================
   НАЗВАНИЕ
========================================================= */

.prod-all__name {
	width: 100%;

	margin: 0 0 14px;

	padding-left: 16px;
	padding-right: 16px;

	box-sizing: border-box;

	text-align: center;

	word-break: normal;
	overflow-wrap: break-word;
}

.prod-all__name a {
	display: block;

	width: 100%;

	word-break: normal;
	overflow-wrap: break-word;
}


/* =========================================================
   ОПИСАНИЕ
========================================================= */

.prod-all__desc {
	width: 100%;

	margin: 0 0 15px;

	padding-left: 16px;
	padding-right: 16px;

	box-sizing: border-box;

	word-break: normal;
	overflow-wrap: break-word;
}


/* =========================================================
   ВАРИАНТЫ
========================================================= */

.prod-all__vars {
	width: 100%;

	margin-bottom: 15px;

	padding-left: 16px;
	padding-right: 16px;

	box-sizing: border-box;
}

.prod-all__vars-list {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


/* =========================================================
   ЦЕНА
========================================================= */

.prod-all__price {
	width: 100%;

	margin-bottom: 18px;

	padding-left: 16px;
	padding-right: 16px;

	box-sizing: border-box;
}


/* =========================================================
   КНОПКА
========================================================= */

.prod-all__button {
	width: 90% !important;

	margin-top: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 0 !important;

	box-sizing: border-box;

	text-align: center;
}


/* =========================================================
   НОУТБУК
   2 КАРТОЧКИ
========================================================= */

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

	.prod-all__list,
	.product__all .prod-all__list {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 24px !important;
	}


	.prod-all__img img {
		max-height: 300px;
	}

}


/* =========================================================
   ПЛАНШЕТ
   2 КАРТОЧКИ
========================================================= */

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

	.prod-all__list,
	.product__all .prod-all__list {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 20px !important;
	}

}


/* =========================================================
   ТЕЛЕФОН
   1 КАРТОЧКА
========================================================= */

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

	.prod-all__list,
	.product__all .prod-all__list {
		grid-template-columns:
			minmax(0, 1fr) !important;

		gap: 24px !important;
	}


	.prod-all__item,
	.product__all .prod-all__item {
		width: 100% !important;
		max-width: 100% !important;
	}


	.prod-all__img img {
		max-height: 320px;
	}


	.prod-all__name,
	.prod-all__desc,
	.prod-all__vars,
	.prod-all__price {
		padding-left: 14px;
		padding-right: 14px;
	}


	.prod-all__button {
		width: 92% !important;
	}

}


/* =========================================================
   МАЛЕНЬКИЙ ТЕЛЕФОН
========================================================= */

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

	.prod-all__list,
	.product__all .prod-all__list {
		gap: 20px !important;
	}


	.prod-all__img {
		margin-bottom: 16px;

		padding-left: 10px;
		padding-right: 10px;
	}


	.prod-all__img img {
		max-height: 280px;
	}


	.prod-all__name,
	.prod-all__desc,
	.prod-all__vars,
	.prod-all__price {
		padding-left: 12px;
		padding-right: 12px;
	}


	.prod-all__button {
		width: calc(100% - 24px) !important;
	}

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