// S7 - FAQ
const FAQ = () => {
  const items = [
    { q: 'מה זה בעצם פרוצדורה זעיר-פולשנית?', a: 'זו פרוצדורה שמבוצעת דרך 2-3 חתכים זעירים של 5 מ״מ במקום חתך פתוח של 15 ס״מ. מצלמת HD מוחדרת לבטן ונותנת לנו ראייה בהגדלה פי 10 של האזור המטופל. התוצאה: פחות טראומה לרקמות, פחות כאב, וחזרה מהירה לשגרה.' },
    { q: 'האם הכלב שלי יסבול?', a: 'הפרוצדורה מתבצעת תחת הרדמה כללית מלאה, ואחריה ניתנים משככי כאב לימים הראשונים. בגלל שהחתכים זעירים, רמת הכאב נמוכה משמעותית מפרוצדורה מסורתית. ברוב המקרים הכלב/ה פעיל/ה וחזר/ה לאכול בערב אותו היום.' },
    { q: 'מתי הוא יחזור לעצמו?', a: 'רוב הכלבים חוזרים לשגרה מלאה תוך 24 שעות: טיול קצר, אוכל, שתייה, שחק עם הצעצועים. המעקב הרפואי הצמוד נמשך 48 שעות ב־WhatsApp, וביקורת סופית בשבוע הראשון — אצל הווטרינר הרגיל שלכם.' },
    { q: 'האם צריך צווארון אליזבטי?', a: 'לא. הפרוצדורות שלנו לא דורשות צווארון. החתכים קטנים מדי בשביל שכלב יגיע אליהם, והטכניקה שלנו סוגרת אותם כך שכמעט אין מה ללקק. זה החלק שהבעלים הכי אוהבים.' },
    { q: 'כמה זה עולה ומה זה כולל?', a: 'המחיר מחושב לפי משקל — ניתן לראות במחשבון למעלה את המחיר המדויק. המחיר כולל את הכל: הרדמה, פרוצדורה, תרופות להחלמה, ומעקב WhatsApp של 48 שעות. אין תוספות נסתרות — שקיפות מלאה מראש.' },
  ];
  const [open, setOpen] = React.useState(0);

  return (
    <section id="faq" className="section-surface">
      <div className="container">
        <div className="section-head center">
          <span className="eyebrow">שאלות נפוצות</span>
          <h2>השאלות ששאלתם אותנו</h2>
          <p className="subtitle mt-8">ואם השאלה שלכם לא כאן — שלחו הודעה. דניאל עונה אישית.</p>
        </div>
        <div className="faq-list">
          {items.map((item, i) => (
            <div className={`faq-item ${open === i ? 'open' : ''}`} key={i}>
              <button className="faq-q" onClick={() => setOpen(open === i ? -1 : i)}>
                <span>{item.q}</span>
                <span className="chev"><ChevronDownIcon size={18} /></span>
              </button>
              <div className="faq-a">{item.a}</div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};
window.FAQ = FAQ;