

/* Start:/local/components/qfast/separator/templates/.default/style.min.css?1773946616162*/
.separator{height:var(--sep-d,160px)}@media (max-width:1200px){.separator{height:var(--sep-t,85px)}}@media (max-width:767px){.separator{height:var(--sep-m,80px)}}
/* End */


/* Start:/local/templates/qfast/components/bitrix/news.list/otvety/style.css?17762579794070*/
/* news.list / otvety — блок «Ответы на важные вопросы» (FAQ-аккордеон) */

.otvety {
	--otvety-color: #094141;
	--otvety-accent: #E2F397;

	--otvety-pad-x: clamp(16px, 4.1667dvw, 80px);   /* 80px @1920 */
	--otvety-gap: clamp(32px, 3.125dvw, 60px);      /* 60px — между заголовком/колонками/кнопкой */
	--otvety-col-gap: clamp(16px, 2.0833dvw, 40px); /* 40px — между колонками */
	--otvety-item-gap: clamp(10px, 1.0417dvw, 20px);/* 20px — между карточками */
	--otvety-card-pad-x: clamp(20px, 2.0833dvw, 40px); /* 40px */
	--otvety-card-pad-y: clamp(18px, 1.5625dvw, 30px); /* 30px */
	--otvety-radius: clamp(14px, 1.25dvw, 24px);    /* 24px */
	--otvety-arrow: clamp(28px, 1.6667dvw, 32px);   /* 32px */

	--otvety-title-fz: clamp(28px, 2.5dvw, 48px);   /* 48px */
	--otvety-q-fz: clamp(17px, 1.25dvw, 24px);      /* 24px */
	--otvety-a-fz: clamp(15px, 1.0417dvw, 20px);    /* 20px */

	background: #EFEFEF;
	color: var(--otvety-color);
	font-family: Inter, "Helvetica Neue", Arial, sans-serif;
	padding: clamp(40px, 5dvw, 96px) 0;
}

.otvety__inner {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 var(--otvety-pad-x);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--otvety-gap);
}

.otvety__title {
	align-self: stretch;
	margin: 0;
	color: var(--otvety-color);
	font-size: var(--otvety-title-fz);
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	word-wrap: break-word;
}

.otvety__cols {
	align-self: stretch;
	display: flex;
	align-items: flex-start;
	gap: var(--otvety-col-gap);
}

.otvety__col {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--otvety-item-gap);
}

.otvety__item {
	background: #fff;
	border-radius: var(--otvety-radius);
	overflow: hidden;
}

.otvety__head {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--otvety-card-pad-x);
	padding: var(--otvety-card-pad-y) var(--otvety-card-pad-x);
	margin: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.otvety__q {
	font-size: var(--otvety-q-fz);
	font-weight: 900;
	line-height: 1.1;
	color: var(--otvety-color);
	word-wrap: break-word;
}

.otvety__arrow {
	flex: 0 0 auto;
	width: var(--otvety-arrow);
	height: var(--otvety-arrow);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1000px;
	background: var(--otvety-accent);
	color: var(--otvety-color);
	transition: background .25s ease, color .25s ease, transform .3s ease;
}

.otvety__arrow svg {
	display: block;
	width: 100%;
	height: 100%;
}

.otvety__item.is-open .otvety__arrow {
	background: var(--otvety-color);
	color: var(--otvety-accent);
	transform: rotate(180deg);
}

.otvety__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .35s ease;
}

.otvety__a {
	padding: 0 var(--otvety-card-pad-x) var(--otvety-card-pad-y);
	color: var(--otvety-color);
	font-size: var(--otvety-a-fz);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.03em;
	word-wrap: break-word;
}

.otvety__a p { margin: 0 0 .6em; }
.otvety__a p:last-child { margin-bottom: 0; }

.otvety__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(42px, 2.7083dvw, 52px);
	padding: clamp(11px, 0.7292dvw, 14px) clamp(28px, 3.125dvw, 60px);
	border-radius: 1000px;
	background: var(--otvety-color);
	color: #fff;
	font-size: clamp(16px, 1.0417dvw, 20px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.02em;
	text-decoration: none;
	white-space: nowrap;
	transition: background .2s ease;
}

.otvety__btn:hover { background: #0b5050; }
.otvety__btn:active { background: #073535; }

@media (max-width: 767px) {
	.otvety {
		padding: clamp(40px, 5dvw, 96px) 0 clamp(72px, 18dvw, 110px);
	}
	.otvety__cols {
		flex-direction: column;
		gap: var(--otvety-item-gap);
	}
	.otvety__btn { white-space: normal; text-align: center; }
}

/* End */
/* /local/components/qfast/separator/templates/.default/style.min.css?1773946616162 */
/* /local/templates/qfast/components/bitrix/news.list/otvety/style.css?17762579794070 */
