.faq-item { border-top: 1px solid var(--color-accent); }
.faq-item:last-child { border-bottom: 1px solid var(--color-accent); }
.faq-item__question { display: flex; justify-content: space-between; gap: 20px; padding-block: 22px; cursor: pointer; font-family: var(--font-display); font-size: 22px; line-height: 1.1; text-transform: uppercase; list-style: none; }
.faq-item__question::-webkit-details-marker { display: none; }
.faq-item__mark { width: 62px; height: 23px; flex: none; transition: transform .2s ease; }
.faq-item[open] .faq-item__mark { transform: rotate(180deg); }
.faq-item__answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .2s ease; }
.faq-item[open] .faq-item__answer { grid-template-rows: 1fr; }
.faq-item__answer-inner { min-height: 0; overflow: hidden; display: grid; grid-template-columns: 1fr minmax(180px, 381px); gap: 50px; padding-bottom: 23px; color: var(--color-secondary); }
.faq-item__answer-inner > p { max-width: 560px; }
/* Figma 2108:1084: 381×168 crop, source y .293102 / remaining .647118. */
.faq-item__image { align-self: end; width: 100%; aspect-ratio: 381 / 168; object-fit: cover; object-position: center 45.2934%; }
@media (max-width: 639px) { .faq-item__question { padding-block: 20px; font-size: 18px; } .faq-item__mark { width: 48px; height: auto; } .faq-item__answer-inner { grid-template-columns: 1fr; gap: 20px; } }
@media (prefers-reduced-motion: reduce) { .faq-item__answer, .faq-item__mark { transition: none; } }