<h2>📖 Guide d’utilisation</h2>
<div class="form">
  <h3>Étapes rapides</h3>
  <ol class="help">
    <li>Crée tes <b>catégories</b> (onglet Catégories).</li>
    <li>Ajoute tes <b>produits</b> (onglet Produits) : nom, prix, description, catégorie, image.</li>
    <li>Les fichiers envoyés se retrouvent dans <span class="kbd">/uploads</span>.</li>
    <li>Vérifie sur la page publique <span class="kbd">/frenchco/</span>.</li>
  </ol>
  <p class="help">Bouton "Commander via Telegram" : défini par <span class="kbd">ORDER_BOT_USERNAME</span> dans le <b>.env</b>.  
  Le bouton "Contact" utilise <span class="kbd">CONTACT_BOT_USERNAME</span>.</p>
</div>

<div class="form">
  <h3>Liens utiles</h3>
  <ul class="help">
    <li>Page publique : <a href="/frenchco/" target="_blank">/frenchco/</a></li>
    <li>Admin (ceci) : <code>/frenchco/admin.php?key=<?= htmlspecialchars($ADMIN_SECRET) ?></code></li>
    <li>Base MySQL via phpMyAdmin : <a href="/phpmyadmin" target="_blank">/phpmyadmin</a></li>
  </ul>
</div>
