<!-- FAQ Section Template -->
<section id="faq" class="faq">
  <div class="container">
    <h2 class="section-title">Frequently Asked Questions</h2>

    <div class="faq-list">
      <!-- FAQ Item 1 -->
      <details class="faq-item">
        <summary class="faq-question">{{FAQ_1_QUESTION}}</summary>
        <div class="faq-answer">
          <p>{{FAQ_1_ANSWER}}</p>
        </div>
      </details>

      <!-- FAQ Item 2 -->
      <details class="faq-item">
        <summary class="faq-question">{{FAQ_2_QUESTION}}</summary>
        <div class="faq-answer">
          <p>{{FAQ_2_ANSWER}}</p>
        </div>
      </details>

      <!-- FAQ Item 3 -->
      <details class="faq-item">
        <summary class="faq-question">{{FAQ_3_QUESTION}}</summary>
        <div class="faq-answer">
          <p>{{FAQ_3_ANSWER}}</p>
        </div>
      </details>

      <!-- FAQ Item 4 -->
      <details class="faq-item">
        <summary class="faq-question">{{FAQ_4_QUESTION}}</summary>
        <div class="faq-answer">
          <p>{{FAQ_4_ANSWER}}</p>
        </div>
      </details>

      <!-- FAQ Item 5 -->
      <details class="faq-item">
        <summary class="faq-question">{{FAQ_5_QUESTION}}</summary>
        <div class="faq-answer">
          <p>{{FAQ_5_ANSWER}}</p>
        </div>
      </details>
    </div>
  </div>
</section>

<!--
PLACEHOLDERS:
- {{FAQ_N_QUESTION}}: Question text (end with ?)
- {{FAQ_N_ANSWER}}: Answer text (can include HTML for formatting)

NOTE: Adjust number of items as needed (typically 4-8)
Common FAQ topics:
- Installation/setup issues
- Pricing/cost
- Security/privacy
- Compatibility
- Troubleshooting
-->
