/* ============================================================
   clinicparvaz.ir — faq.css — نسخهٔ ۱.۲
   ۱.۲: عرض هماهنگ با سایر سکشن‌ها — سقف ۸۲۰px حذف شد
        (سقف جدید 1040px فقط برای مانیتورهای بزرگ)
   ۱.۱: انیمیشن ارتفاع با grid-rows (ضدپرش — بدون scrollHeight)
   نصب: <link rel="stylesheet" href="faq.css?v=3">
   ============================================================ */

.faq-sec{
  max-width:1040px;margin:0 auto;padding:56px 16px 64px;
  font-family:Vazirmatn,Tahoma,sans-serif;
}
.faq-head{text-align:center;margin-bottom:30px}
.faq-tag{
  display:inline-block;font-size:12px;font-weight:800;color:#29A8D8;
  background:rgba(41,168,216,.10);border-radius:999px;padding:4px 16px;margin-bottom:10px
}
.faq-head h2{
  margin:0;color:#1E3A5F;font-size:26px;font-weight:800;letter-spacing:-.02em
}
.faq-head p{
  margin:8px auto 0;color:#5B7290;font-size:13.5px;line-height:2;max-width:460px
}

/* — آیتم‌ها — */
.faq-list{display:flex;flex-direction:column;gap:11px}
.faq-item{
  background:#fff;border:1px solid #E4EBF2;border-radius:15px;overflow:hidden;
  box-shadow:0 4px 14px rgba(30,58,95,.05);
  transition:box-shadow .25s ease,transform .25s ease
}
.faq-item:hover{box-shadow:0 8px 22px rgba(30,58,95,.10);transform:translateY(-1px)}

.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:15px 18px;border:none;background:transparent;cursor:pointer;
  font-family:inherit;font-size:15px;font-weight:700;color:#1E3A5F;text-align:right;
  line-height:1.8;transition:background .25s ease,color .25s ease
}
.faq-q:focus-visible{outline:2px solid #29A8D8;outline-offset:-2px}

/* — فلش: مثلث چرخان سمت چپ — */
.faq-ch{
  width:22px;height:22px;flex-shrink:0;border-radius:999px;
  background:rgba(41,168,216,.10);position:relative;
  transition:background .25s ease,transform .45s cubic-bezier(.22,.8,.35,1)
}
.faq-ch::after{
  content:'';position:absolute;top:8px;left:7.5px;width:7px;height:7px;
  border-left:2px solid #29A8D8;border-bottom:2px solid #29A8D8;
  transform:rotate(-45deg);transition:border-color .25s
}

/* — بدنهٔ پاسخ: grid-rows — ضدپرش، بدون مقدار پیکسلی — */
.faq-a{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .45s cubic-bezier(.22,.8,.35,1)
}
.faq-a-in{
  min-height:0;overflow:hidden;
  padding:0 18px;color:#5B7290;font-size:13.5px;line-height:2.1
}
.faq-a-in a{color:#29A8D8;font-weight:700;text-decoration:none}
.faq-a-in a:hover{text-decoration:underline}

/* — حالت باز: سرمه‌ای توپُر — */
.faq-item.open{
  box-shadow:0 12px 30px rgba(30,58,95,.16);
  border-color:transparent
}
.faq-item.open .faq-q{
  background:linear-gradient(135deg,#2A5A8F,#1E3A5F);color:#fff
}
.faq-item.open .faq-ch{
  background:rgba(255,255,255,.16);transform:rotate(180deg)
}
.faq-item.open .faq-ch::after{border-color:#fff}
.faq-item.open .faq-a{
  grid-template-rows:1fr
}
.faq-item.open .faq-a-in{
  background:linear-gradient(180deg,rgba(30,58,95,.045),transparent);
  padding:14px 18px 17px;color:#3D5470
}

/* — موبایل — */
@media(max-width:560px){
  .faq-sec{padding:42px 14px 48px}
  .faq-head h2{font-size:21px}
  .faq-q{font-size:14px;padding:13px 15px}
  .faq-a-in{padding:0 15px;font-size:13px}
  .faq-item.open .faq-a-in{padding:12px 15px 15px}
}
@media(prefers-reduced-motion:reduce){
  .faq-a,.faq-ch,.faq-item{transition:none}
}