/* Главная: вопрос-ответ + документы для сделки (site/layouts/160-faq.php) */
body.main-page .home-faq__inner {display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); align-items: start}
body.main-page .home-faq__docs {margin-top: 32px; padding: 28px; border-radius: var(--es-radius); background: var(--es-dark); color: #fff}
body.main-page .home-faq__docs-title {margin: 0 0 14px; color: var(--es-primary); font-family: var(--es-font-head); font-size: 19px; font-weight: 800}
body.main-page .home-faq__docs ul {margin: 0; padding: 0; list-style: none}
body.main-page .home-faq__docs li {position: relative; padding: 9px 0 9px 30px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 15px; font-weight: 600}
body.main-page .home-faq__docs li::before {content: ""; position: absolute; left: 3px; top: 15px; width: 12px; height: 7px; border-left: 2px solid var(--es-primary); border-bottom: 2px solid var(--es-primary); transform: rotate(-45deg)}
body.main-page .home-faq__docs-note {margin: 14px 0 0; color: rgba(255, 255, 255, .7); font-size: 14px}
body.main-page .home-faq__item {border-bottom: 1px solid var(--es-border)}
body.main-page .home-faq__item:first-child {border-top: 1px solid var(--es-border)}
body.main-page .home-faq__question {position: relative; display: block; width: 100%; padding: 22px 56px 22px 0; color: var(--es-heading); font-size: 17px; font-weight: 700; line-height: 1.4; text-align: left}
body.main-page .home-faq__question::before, body.main-page .home-faq__question::after {content: ""; position: absolute; right: 14px; top: 50%; width: 16px; height: 2px; background: var(--es-heading); transition: transform .25s}
body.main-page .home-faq__question::after {transform: rotate(90deg)}
body.main-page .home-faq__item.is-open .home-faq__question::after {transform: rotate(0)}
body.main-page .home-faq__question:hover {color: var(--es-primary-dark)}
body.main-page .home-faq__answer {max-height: 0; overflow: hidden; transition: max-height .3s ease}
body.main-page .home-faq__answer-inner {padding: 0 40px 22px 0; color: var(--es-text); font-size: 16px; line-height: 1.65}
body.main-page .home-faq__answer-inner p {margin: 0}
@media (max-width: 860px) {
    body.main-page .home-faq__inner {grid-template-columns: 1fr}
    body.main-page .home-faq__aside {display: contents}
    body.main-page .home-faq__docs {order: 3; margin-top: 8px}
    body.main-page .home-faq__question {font-size: 16px; padding: 18px 48px 18px 0}
}
