<!-- FAQ (Unlimited Dynamic) -->
<div class="form-card section-divider" id="section-faq">
    <h3>FAQ Section</h3>
    <input type="text" name="faq_title" value="<?php echo htmlspecialchars($landing['faq_title'] ?? 'সাধারণ প্রশ্ন ও উত্তর'); ?>"
           placeholder="Title" required class="mb-2">
    <div id="faqContainer">
        <?php if (!empty($faqs)): ?>
            <?php foreach ($faqs as $index => $faq): ?>
                <div class="faq-row">
                    <div class="flex justify-between items-center mb-2">
                        <h4>FAQ Item <?php echo $index; ?></h4>
                        <button type="button" class="remove-btn" onclick="removeFaq(this)">Remove</button>
                    </div>
                    <input type="text" name="faq_question[]" value="<?php echo htmlspecialchars($faq['question'] ?? ''); ?>"
                           placeholder="Question" required class="mb-1">
                    <textarea name="faq_answer[]" rows="2" placeholder="Answer"
                              required><?php echo htmlspecialchars($faq['answer'] ?? ''); ?></textarea>
                </div>
            <?php endforeach; ?>
        <?php else: ?>
            <div class="faq-row">
                <div class="flex justify-between items-center mb-2">
                    <h4>FAQ Item 1</h4>
                    <button type="button" class="remove-btn" onclick="removeFaq(this)">Remove</button>
                </div>
                <input type="text" name="faq_question[]" value="" placeholder="Question" required class="mb-1">
                <textarea name="faq_answer[]" rows="2" placeholder="Answer" required></textarea>
            </div>
        <?php endif; ?>
    </div>
    <button type="button" class="add-btn" onclick="addFaq()">Add New FAQ Item</button>
</div>