/* ==========================================================================
   Component: FAQ item
   1920: p 22, gap 32, кнопка 56, вопрос 32px, ответ 24px (отступ слева 110)
   1440: p 16, gap 24, кнопка 43, вопрос 20px, ответ 18px (83)
   1024: p 12, gap 18, кнопка 37, вопрос 16px, ответ 14px (67), r 4
   375:  p 10, gap 12, кнопка 37, вопрос 14px, ответ 12px (59), r 4
   ========================================================================== */

.faq-item {
	--faq-p: 22px;
	--faq-gap: 32px;
	--faq-icon: 56px;

	width: 100%;
	border-radius: 8px;
	background-color: var(--c-light-2);
}

.faq-item__head {
	display: flex;
	align-items: center;
	gap: var(--faq-gap);
	width: 100%;
	padding: var(--faq-p);
	text-align: left;
}

.faq-item__question {
	flex: 1 1 0;
	min-width: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	color: #1f2126;
}

.faq-item__head:hover .icon-btn--plus:not(.is-active) {
	color: var(--c-orange);
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.18));
}

.faq-item__body {
	overflow: hidden;
	transition: height 0.3s ease;
}

.faq-item__answer {
	padding: 0 var(--faq-p) 40px calc(var(--faq-p) + var(--faq-icon) + var(--faq-gap));
	font-size: 24px;
	line-height: 1.2;
	color: var(--c-text);
}

.faq-item__answer p + p {
	margin-top: 1.2em;
}

@media (max-width: 1919.98px) {
	.faq-item {
		--faq-p: 16px;
		--faq-gap: 24px;
		--faq-icon: 43px;
	}

	.faq-item__question {
		font-size: 20px;
		color: var(--c-black);
	}

	.faq-item__answer {
		padding-bottom: 32px;
		font-size: 18px;
	}
}

@media (max-width: 1439.98px) {
	.faq-item {
		--faq-p: 12px;
		--faq-gap: 18px;
		--faq-icon: 37px;

		border-radius: 4px;
	}

	.faq-item__question {
		font-size: 16px;
	}

	.faq-item__answer {
		padding-bottom: 28px;
		font-size: 14px;
	}
}

@media (max-width: 1023.98px) {
	.faq-item {
		--faq-p: 10px;
		--faq-gap: 12px;
	}

	.faq-item__question {
		font-size: 14px;
	}

	.faq-item__answer {
		padding-bottom: 20px;
		font-size: 12px;
	}
}