

/* Start:/local/templates/legion/components/bitrix/catalog/legion/style.css?17649344503718*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

.catalog-filter-title {
	font-family: 'Verdana';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 160%;
	text-align: center;
	color: #262626;
	margin-bottom: 25px;
	margin-top: 40px;
}


.faq-item {
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.faq-question {
	cursor: pointer;
	position: relative;
	font-weight: 400;
	font-size: 18px;
	color: rgba(0, 0, 0, 1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}

.faq-question .toggle-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid rgba(0, 89, 156, 1);
	position: relative;
	flex-shrink: 0;
}

.faq-question .toggle-icon::before,
.faq-question .toggle-icon::after {
	content: '';
	position: absolute;
	background: rgba(0, 89, 156, 1);
	transition: all 0.3s ease;
}

.faq-question .toggle-icon::before {
	width: 14px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.faq-question .toggle-icon::after {
	width: 2px;
	height: 14px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.faq-question.active .toggle-icon {
	background: rgba(0, 89, 156, 1);
}

.faq-question.active .toggle-icon::before {
	background: none;
}

.faq-question.active .toggle-icon::after {
	opacity: 0;
}

.faq-answer {
	display: none;
	padding-top: 20px;
	color: rgba(166, 170, 179, 1);
	font-family: Verdana;
	font-weight: 400;
	font-size: 16px;
}

.faq-answer p,
.faq-answer li {
	color: rgba(166, 170, 179, 1);
	font-size: 16px;
}

.faq-answer ul {
	list-style: disc;
	padding-left: 2rem;

}

.faq-question .num {
	font-family: Verdana;
	font-weight: 700;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;
	color: rgba(0, 89, 156, 1);
}

/* Убираем + / - */
.faq-question .toggle-icon::before,
.faq-question .toggle-icon::after {
	content: none;
}

/* Добавляем "птичку" (стрелку) */
.faq-question .toggle-icon::after {
	content: '';
	top: calc(50% - 5px);
	left: calc(50% - 4px);
	width: 10px;
	height: 10px;
	border-right: 2px solid rgba(0, 89, 156, 1);
	border-bottom: 2px solid rgba(0, 89, 156, 1);
	transform: rotate(45deg);
	transition: transform 0.3s ease;
	position: absolute;
	background: none;
}

/* Поворот вверх при открытии */
.faq-question.active .toggle-icon::after {
	transform: rotate(-135deg);
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	background: none;
	opacity: 1;
}

.question-name {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media(max-width: 460px) {
	.faq-question {
		font-size: 16px;
	}
}


/* End */
/* /local/templates/legion/components/bitrix/catalog/legion/style.css?17649344503718 */
