/* Start:/local/templates/gazmet_im/assets/css/pages/payment.css?17398023551543*/
/*оплата НАЧАЛО*/
.payment:not(:last-child) {
	margin-bottom: 20px;
}

.payment {
	display: flex;
	flex-direction: column;
	gap: 20px;
}


.payment .icon {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.payment__title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.payment__title h3 {
	margin: 0 !important;
}

.payment__wrapper {
	display: flex;
	padding: 0px 20px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}

.payment__item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}

article .payment__item p {
	margin: 0;
	line-height: 160% !important;
	font-size: 16px !important;
}


@media (max-width: 768px) {
	.payment__title h3 {
		font-size: 18px !important;
	}
}

@media (min-width: 768px) {
	.payment:not(:last-child) {
		margin-bottom: 40px;
	}

	.payment {
		gap: 30px;
	}

	.payment__wrapper {
		gap: 20px;
	}

	.payment__title h3 {
		font-size: 22px !important;
	}
}

@media (min-width: 1100px) {
	.payment .icon {
		width: 25px;
		height: 25px;
	}

	.payment__title {
		gap: 15px;
	}

	.payment__title h3 {
		font-size: 28px !important;
	}

	article .payment__item p {
		line-height: 185% !important;
	}

	article .payment__item p b {
		font-size: 18px !important;
	}


}

@media (min-width: 1300px) {
	.payment:not(:last-child) {
		margin-bottom: 60px;
	}

	.payment__wrapper {
		gap: 30px;
	}

	.payment__title h3 {
		font-size: 32px !important;
	}
}

/*оплата КОНЕЦ*/
/* End */


/* Start:/local/templates/gazmet_im/components/bitrix/catalog.section.list/faq/style.css?17840204892570*/
:root {
	--faq-wrapper-mt: 40px;
	--faq-gap: 50px;

	--faq-item-padding: 0;
	--faq-item-title-fz: 28px;
	--faq-item-title-weight: 700;
	--faq-item-title-mb: 20px;

	--faq-item-list-gap: 15px;

	--faq-answer-title-fz: 18px;
	--faq-answer-title-mb: 10px;
	--faq-answer-title-arrow-offset: 9px;
	--faq-answer-text-fz: 18px;
}

.faq._not-title {
	--faq-gap: 30px;
}

@media (max-width: 1024px) {
	:root {
		--faq-gap: 0;

		--faq-item-padding: 30px 0;
		--faq-item-title-fz: 18px;
		--faq-item-title-weight: 900;
		--faq-item-title-mb: 20px;

		--faq-answer-title-fz: 16px;
		--faq-answer-title-mb: 5px;
		--faq-answer-title-arrow-offset: 7px;
		--faq-answer-text-fz: 16px;
	}

	.faq._not-title {
		--faq-gap: 20px;
		--faq-item-padding: 0;
	}
}

.faq-title {
	margin-top: var(--faq-wrapper-mt);

}

.faq-title+.faq {
	margin-top: 0;
}

.faq {
	display: flex;
	gap: var(--faq-gap);
	flex-direction: column;
	list-style: none;
	margin-top: var(--faq-wrapper-mt);
}

.faq-item {
	padding: var(--faq-item-padding);
}

.faq-title,
.faq-item__title {
	font-weight: var(--faq-item-title-weight);
	font-size: var(--faq-item-title-fz);
	line-height: 1.4;
	margin-bottom: var(--faq-item-title-mb);
}

.faq-item__wrapper {
	display: flex;
	gap: var(--faq-item-list-gap);
	flex-direction: column;
}

.faq-answer__title {
	display: flex;
	gap: 10px;
	cursor: pointer;
	font-size: var(--faq-answer-title-fz);
	font-weight: 700;
	line-height: 1.4;
}

.faq-answer__title::-webkit-details-marker {
	display: none;
}

.faq-answer__title::after {
	display: flex;
	margin-top: var(--faq-answer-title-arrow-offset);
	content: '';
	mask-image: url(/local/templates/gazmet_im/components/bitrix/catalog.section.list/faq/../../../../assets/image/icon/arrow-menu.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	background-color: #77A2BC;
	width: 11px;
	height: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotateX(0);
	transition: background-color .2s ease;
}

.faq-answer[open] .faq-answer__title::after {
	transform: rotateX(180deg);
}

.faq-answer__title:hover::after {
	background-color: #007BC6;
}

.faq-answer__text {
	padding-top: var(--faq-answer-title-mb);
	font-weight: 400;
	font-size: var(--faq-answer-text-fz);
	line-height: 1.6;
}

.faq-answer__text ul {
	margin-top: 8px;
	padding-left: 27px;
}

.faq-answer__text ul>li {
	list-style: disc;
	padding-left: 5px;
}

.faq-answer__text ul>li::marker {
	font-size: 12px;
}

.faq-answer__text ul+p {
	margin-top: 10px;
}

@media (max-width: 1024px) {
	.faq:not(._not-title) .faq-item:not(:first-child) {
		box-shadow: inset 0 1px 0 #E6F2FA;
	}
}
/* End */
/* /local/templates/gazmet_im/assets/css/pages/payment.css?17398023551543 */
/* /local/templates/gazmet_im/components/bitrix/catalog.section.list/faq/style.css?17840204892570 */