/* =========================================================================
   ONE BOOST — faq.css
   Accordion questions.
   ========================================================================= */

.faq-item { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden; transition: border-color .2s; }
.faq-item.open { border-color: var(--line-2); }
.faq-q {
  width: 100%; text-align: start; background: none; border: 0; color: var(--text); cursor: pointer;
  padding: 20px 22px; font-family: var(--font-body); font-weight: 700; font-size: 16.5px;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
html[lang="ar"] .faq-q { font-family: var(--font-ar); }
.faq-q .chev { flex: none; transition: transform .25s ease; color: var(--red-ink); }
.faq-item.open .faq-q .chev { transform: rotate(180deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-a p { padding: 0 22px 20px; color: var(--text-2); font-size: 15px; }