<!-- USAGE GUIDE (Unlimited Dynamic) -->
<div class="form-card section-divider" id="section-usage_guide">
    <h3>Usage Guide Section</h3>
    <input type="text" name="usage_guide_title" value="<?php echo htmlspecialchars($landing['usage_guide_title'] ?? 'ব্যবহারবিধি'); ?>"
           placeholder="Title" required class="mb-2">
    <div id="usageGuideContainer">
        <?php if (!empty($usage_guide_items)): ?>
            <?php foreach ($usage_guide_items as $index => $item): ?>
                <div class="usage-row">
                    <div class="flex justify-between items-center mb-2">
                        <h4>Usage Item <?php echo $index; ?></h4>
                        <button type="button" class="remove-btn" onclick="removeUsageItem(this)">Remove</button>
                    </div>
                    <input type="text" name="usage_title[]" value="<?php echo htmlspecialchars($item['title'] ?? ''); ?>"
                           placeholder="Title" required class="mb-1">
                    <textarea name="usage_desc[]" rows="2" placeholder="Description"
                              required><?php echo htmlspecialchars($item['desc'] ?? ''); ?></textarea>
                </div>
            <?php endforeach; ?>
        <?php else: ?>
            <div class="usage-row">
                <div class="flex justify-between items-center mb-2">
                    <h4>Usage Item 1</h4>
                    <button type="button" class="remove-btn" onclick="removeUsageItem(this)">Remove</button>
                </div>
                <input type="text" name="usage_title[]" value="" placeholder="Title" required class="mb-1">
                <textarea name="usage_desc[]" rows="2" placeholder="Description" required></textarea>
            </div>
        <?php endif; ?>
    </div>
    <button type="button" class="add-btn" onclick="addUsageItem()">Add New Usage Item</button>
</div>