.faq {
    padding: clamp(60px,6vw,100px) 0;
    background: var(--paper);
}
.faq__inner {
    width: min(1440px,calc(100% - clamp(32px,4vw,80px)));
    margin: auto;
    padding: clamp(24px,5vw,75px);
    background: var(--white);
    border-radius: 32px;
}
.faq__item {
    border-top: 1px solid #ddd;
}
.faq__item:last-child {
    border-bottom: 1px solid #ddd;
}
.faq summary {
    list-style: none;
    cursor: pointer;
    position: relative;
    padding: clamp(22px,2vw,36px) 52px clamp(22px,2vw,36px) 0;
    font: 700 clamp(20px,2vw,32px)/1.35 var(--heading-font);
    overflow-wrap: anywhere;
}
.faq summary::-webkit-details-marker {
    display: none;
}
.faq__icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    transition: transform .25s;
}
.faq__icon::before,.faq__icon::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 19px;
    width: 24px;
    height: 2px;
    background: currentColor;
}
.faq__icon::after {
    transform: rotate(90deg);
}
.faq details[open] .faq__icon {
    transform: translateY(-50%) rotate(45deg);
}
.faq__answer {
    font: 400 clamp(16px,1.3vw,20px)/1.55 var(--body-font);
    padding-bottom: 32px;
    max-width: 90ch;
}
.faq--bitrix-24 .faq__inner {
    background: transparent;
}
.faq--promotion .faq__answer,.faq--razrabotka-na-tilda .faq__answer {
    font-family: Montserrat,Arial,sans-serif;
}
.faq--razrabotka-na-tilda {
    background: var(--white);
}
.faq--razrabotka-na-tilda h2 {
    font: 700 clamp(30px,3.5vw,58px)/1.15 Montserrat,Arial,sans-serif;
    text-align: center;
    width: calc(100% - 40px);
    margin: 0 auto 40px;
}
.faq--razrabotka-na-tilda .faq__inner {
    max-width: 1840px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: clamp(24px,4vw,80px);
    padding: 0;
}
.faq--razrabotka-na-tilda summary {
    font: 600 clamp(18px,1.6vw,26px)/1.4 Montserrat,Arial,sans-serif;
}
.faq--razrabotka-na-tilda summary br {
    display: none;
}
@media (max-width:1099px) {
    .faq--razrabotka-na-tilda .faq__inner {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .faq--razrabotka-na-tilda .faq__column+.faq__column {
        margin-top: -1px;
    }
}
@media (max-width:599px) {
    .faq__inner {
        padding: 16px 20px;
        border-radius: 24px;
    }
    .faq summary {
        padding-right: 44px;
    }
    .faq__answer {
        font-size: 17px;
        line-height: 1.5;
    }
}