/* Start:/local/templates/vapse_new/styles.css?17933513171841*/

/* FAQ — оформление аккордеона */

details.faq {
    width: 100%;
    margin: 0 0 16px;
    border: 1px solid #e5effe;
    border-radius: 24px;
    background: #fff;
    color: #202732;
}

/* Заголовок вопроса */
details.faq > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 37px 40px;
    cursor: pointer;
    list-style: none;
}

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

details.faq > summary::marker {
    content: "";
}

details.faq > summary h3 {
    flex: 1;
	font-size: 18px;
}

/* Значок плюс / минус */
details.faq > summary::after {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    background:
        linear-gradient(#EA4C2F, #EA4C2F)
        center / 2px 28px no-repeat,
        linear-gradient(#EA4C2F, #EA4C2F)
        center / 28px 2px no-repeat;
    content: "";
    transition: transform .25s ease;
}

details.faq[open] > summary::after {
    transform: rotate(45deg);
}

/* Содержимое ответа */
details.faq > summary ~ * {
    margin: 0;
    padding: 0 40px 40px;
}

/* Адаптив */
@media (max-width: 767px) {
    details.faq {
        margin-bottom: 12px;
        border-radius: 16px;
    }

    details.faq > summary {
        gap: 16px;
        padding: 24px 20px;
    }

    details.faq > summary h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    details.faq > summary::after {
        width: 20px;
        height: 20px;
        flex-basis: 20px;
        background:
            linear-gradient(#EA4C2F, #EA4C2F)
            center / 2px 20px no-repeat,
            linear-gradient(#EA4C2F, #EA4C2F)
            center / 20px 2px no-repeat;
    }

    details.faq > summary ~ * {
        padding: 0 20px 24px;
    }
}
/* End */
/* /local/templates/vapse_new/styles.css?17933513171841 */