/* آکاردئون «سوالات متداول» — همان استایلِ صفحه‌ی بروکر، جدا شده تا صفحه‌های
   برگه (ماشین‌حساب‌ها و مانند آن) بتوانند بدون کشیدنِ کلِ sfx-entity.css از آن
   استفاده کنند. منبع: assets/css/sfx-entity.css */
.sfx-faq{
  --g:linear-gradient(150deg,#6a5be2,#4535ad);
  --accent:#5a4bd6; --accent-dk:#4535ad;
  --lilac:#efeaff; --lilac-2:#e3dbfa;
  --ink:#2a2350; --ink-2:#6f6a86; --ink-3:#9a97ad; --body:#35315a;
  --gold:#e8b64c;
  --sh:0 22px 50px -26px rgba(69,53,173,.45);
  --sh-sm:0 12px 28px -18px rgba(69,53,173,.42);
  direction:rtl;font-family:'IRANYekanX','IRANSans',Arial,sans-serif;color:var(--body)
}
.sfx-faq *{box-sizing:border-box}
.sfx-faq span{font-size:inherit!important;line-height:inherit!important}

.sfx-faq{margin-top:18px}
.sfx-faq-h{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.sfx-faq-h h3{margin:0;font-size:17px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:9px}
.sfx-faq-h h3 svg{width:20px;height:20px;color:var(--accent)}
.sfx-faq-h span{margin-inline-start:auto;font-size:12.5px;font-weight:700;color:var(--ink-3);
  background:#f7f5fe;border:1px solid var(--lilac-2);border-radius:999px;padding:5px 13px}

.sfx-faq-item{background:#fff;border:1px solid var(--lilac-2);border-radius:14px;
  margin-bottom:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.sfx-faq-item[open]{border-color:var(--accent);box-shadow:var(--sh-sm)}
.sfx-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:15px 18px;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.8;
  transition:background .18s ease}
.sfx-faq-item summary::-webkit-details-marker{display:none}
.sfx-faq-item summary:hover{background:var(--lilac)}
.sfx-faq-item[open] summary{background:var(--lilac);color:var(--accent-dk)}
.sfx-faq-q{flex:1;min-width:0}
.sfx-faq-ic{flex:none;width:28px;height:28px;border-radius:9px;background:#f7f5fe;
  border:1px solid var(--lilac-2);display:flex;align-items:center;justify-content:center;
  color:var(--accent);transition:transform .25s ease,background .18s ease}
.sfx-faq-ic svg{width:14px;height:14px}
.sfx-faq-item[open] .sfx-faq-ic{transform:rotate(180deg);background:#fff}
.sfx-faq-a{padding:2px 18px 18px;font-size:14px;line-height:2.05;color:var(--body);text-align:justify}
.sfx-faq-a p{margin:0 0 10px}
.sfx-faq-a p:last-child{margin:0}
.sfx-faq-a a{color:var(--accent);font-weight:700}

@media (prefers-reduced-motion:reduce){.sfx-faq *{transition:none!important;animation:none!important}}
