<!-- HOW TO USE (Unlimited Dynamic) -->
<div class="form-card section-divider" id="section-how_to_use">
    <h3>How to Use Section</h3>
    <input type="text" name="how_to_use_title" value="<?php echo htmlspecialchars($landing['how_to_use_title'] ?? 'প্যাকেজ ব্যহার নির্দেশনা'); ?>"
           placeholder="Title" required class="mb-2">
    <textarea name="how_to_use_subtitle" rows="2" placeholder="মাত্র ৩টি সহজ ধাপে শুরু করুন!"
              required class="mb-2"><?php echo htmlspecialchars($landing['how_to_use_subtitle'] ?? 'মাত্র ৩টি সহজ ধাপে শুরু করুন!'); ?></textarea>
    <div id="howToUseContainer">
        <?php if (!empty($how_to_use_steps)): ?>
            <?php foreach ($how_to_use_steps as $index => $step): ?>
                <div class="step-row">
                    <div class="flex justify-between items-center mb-2">
                        <h4>Step <?php echo $index; ?></h4>
                        <button type="button" class="remove-btn" onclick="removeStep(this)">Remove</button>
                    </div>
                    <input type="text" name="step_icon[]" value="<?php echo htmlspecialchars($step['icon'] ?? ''); ?>"
                           placeholder="Icon/Number (e.g. 1)" required class="mb-1">
                    <input type="text" name="step_title[]" value="<?php echo htmlspecialchars($step['title'] ?? ''); ?>"
                           placeholder="Title" required class="mb-1">
                    <textarea name="step_desc[]" rows="2" placeholder="Description"
                              required><?php echo htmlspecialchars($step['desc'] ?? ''); ?></textarea>
                </div>
            <?php endforeach; ?>
        <?php else: ?>
            <div class="step-row">
                <div class="flex justify-between items-center mb-2">
                    <h4>Step 1</h4>
                    <button type="button" class="remove-btn" onclick="removeStep(this)">Remove</button>
                </div>
                <input type="text" name="step_icon[]" value="" placeholder="Icon/Number (e.g. 1)" required class="mb-1">
                <input type="text" name="step_title[]" value="" placeholder="Title" required class="mb-1">
                <textarea name="step_desc[]" rows="2" placeholder="Description" required></textarea>
            </div>
        <?php endif; ?>
    </div>
    <button type="button" class="add-btn" onclick="addStep()">Add New Step</button>
</div>