{% extends 'legal/legal_layout.html.twig' %}

{% block title %}FAQ — Questions Fréquentes{% endblock %}
{% block description %}FAQ NUM-ECARD : 33 questions fréquentes sur les offres, commandes, utilisation, sécurité RGPD, paiement et remboursement.{% endblock %}

{% block page_title %}❓ Questions Fréquentes{% endblock %}
{% block page_subtitle %}<p class="subtitle">Tout ce que vous devez savoir sur NUM-ECARD — 33 questions pour vous guider</p>{% endblock %}
{% block page_meta %}<p class="meta">Version 6 — Avril 2026</p>{% endblock %}
{% block page_version %}<strong>Référence :</strong> FAQ-V6 — Avril 2026{% endblock %}

{% block stylesheets %}
<style>
    .faq-categories {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 12px;
        margin-bottom: 32px;
    }
    .faq-category-card {
        background: #f5f5f7;
        border-radius: 12px;
        padding: 16px 14px;
        text-align: center;
        text-decoration: none;
        color: #1d1d1f;
        transition: all 0.2s;
    }
    .faq-category-card:hover {
        background: #e8e8ed;
        transform: translateY(-2px);
    }
    .faq-category-card .icon { font-size: 28px; display: block; margin-bottom: 6px; }
    .faq-category-card .label { font-size: 14px; font-weight: 600; }
    .faq-category-card .count { font-size: 12px; color: #6e6e73; margin-top: 4px; }

    details.faq-item {
        background: #fafafa;
        border-radius: 10px;
        margin-bottom: 10px;
        padding: 0;
        overflow: hidden;
        transition: all 0.2s;
    }
    details.faq-item[open] {
        background: #ffffff;
        box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    details.faq-item summary {
        cursor: pointer;
        padding: 16px 20px;
        font-weight: 500;
        font-size: 15px;
        list-style: none;
        position: relative;
        padding-right: 44px;
        color: #1d1d1f;
        transition: color 0.2s;
    }
    details.faq-item summary::-webkit-details-marker { display: none; }
    details.faq-item summary:hover { color: #0071e3; }
    details.faq-item summary::after {
        content: '+';
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        font-weight: 300;
        color: #0071e3;
        transition: transform 0.3s;
    }
    details.faq-item[open] summary::after {
        content: '−';
    }
    details.faq-item .faq-answer {
        padding: 4px 20px 18px;
        color: #424245;
        font-size: 14px;
        line-height: 1.6;
    }
    details.faq-item .faq-answer p { margin-bottom: 10px; }
    details.faq-item .faq-answer ul { margin: 8px 0 10px 22px; }
    details.faq-item .faq-answer li { margin-bottom: 4px; }

    h2.faq-section-title {
        margin-top: 36px;
        font-size: 20px;
        color: #1d1d1f;
    }
    h2.faq-section-title:first-of-type { margin-top: 0; }
</style>
{% endblock %}

{% block content %}

<div class="faq-categories">
    <a href="#offres" class="faq-category-card">
        <span class="icon">📦</span>
        <div class="label">Offres &amp; Prix</div>
        <div class="count">5 questions</div>
    </a>
    <a href="#commande" class="faq-category-card">
        <span class="icon">🛒</span>
        <div class="label">Commande</div>
        <div class="count">6 questions</div>
    </a>
    <a href="#utilisation" class="faq-category-card">
        <span class="icon">⚙️</span>
        <div class="label">Utilisation</div>
        <div class="count">11 questions</div>
    </a>
    <a href="#securite" class="faq-category-card">
        <span class="icon">🔒</span>
        <div class="label">Sécurité &amp; RGPD</div>
        <div class="count">7 questions</div>
    </a>
    <a href="#paiement" class="faq-category-card">
        <span class="icon">💰</span>
        <div class="label">Paiement &amp; Remboursement</div>
        <div class="count">4 questions</div>
    </a>
</div>

{# ════════ OFFRES & PRIX ════════ #}
<h2 id="offres" class="faq-section-title">📦 Offres &amp; Prix</h2>

<details class="faq-item">
    <summary>🎯 Qu'est-ce que NUM-ECARD exactement ?</summary>
    <div class="faq-answer">
        <p>NUM-ECARD est votre <strong>Carte Vivante™</strong> — une carte de visite digitale professionnelle accessible 24h/24 via un QR code personnalisé ou un lien web.</p>
        <p>Contrairement aux cartes papier, vous pouvez la mettre à jour en temps réel sans réimprimer. Vos contacts sauvegardent vos informations en un clic. C'est écologique, multilingue et enrichi de fonctionnalités qu'une carte papier ne peut pas offrir : coordonnées, logo, photo, réseaux sociaux, liens visio, publications (Mon Actu), formulaire de recommandation, statistiques de consultation… selon votre offre.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📦 Quelles sont les différences entre les offres ?</summary>
    <div class="faq-answer">
        <p><strong>Essentiel (179 € HT / 214,80 € TTC) :</strong> carte professionnelle complète (nom, poste, entreprise, logo, téléphone, email, adresse), 1 charte parmi 52, QR code, hébergement 1 an inclus.</p>
        <p><strong>Premium (299 € HT / 358,80 € TTC) :</strong> tout l'Essentiel + réseaux sociaux, visioconférence, galerie photos, catalogue, vidéo, agenda, signature email dynamique, analytics RGPD, Mon Actu avec push.</p>
        <p><strong>Force de Vente (399 € HT / 478,80 € TTC) :</strong> tout le Premium + formulaire de recommandation pour capter des leads qualifiés. Idéal pour commerciaux, agents immobiliers, coachs, consultants.</p>
        <p><strong>Multi-Cartes (de 529 € à 999 € HT) :</strong> jusqu'à 4 cartes distinctes — 2 cartes (529 €), 3 cartes (769 €), 4 cartes (999 €). Parfait pour multi-activités ou freelances polyvalents.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🎨 Puis-je avoir une charte graphique personnalisée ?</summary>
    <div class="faq-answer">
        <p><strong>Oui ET Non</strong> — selon ce que vous entendez par « personnalisée » :</p>
        <p>✅ <strong>OUI — votre charte existante :</strong> vous transmettez vos couleurs (HEX/RGB), polices et éléments graphiques, nous l'implémentons. Aucun coût supplémentaire.</p>
        <p>✅ <strong>OU — l'une de nos 52 chartes professionnelles :</strong> design prêt à l'emploi, inclus dans toutes les offres.</p>
        <p>❌ <strong>NON — pas de création sur-mesure :</strong> nous ne proposons pas de service de création graphique.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🎓 Proposez-vous des réductions pour étudiants et associations ?</summary>
    <div class="faq-answer">
        <p>⚠️ Non disponible pour l'instant. Les tarifs préférentiels pour étudiants, associations et auto-entrepreneurs sont en cours d'élaboration. Contactez-nous à <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a> pour discuter de votre projet.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🎁 Existe-t-il un programme de parrainage ?</summary>
    <div class="faq-answer">
        <p>🔜 Bientôt disponible ! Nous préparons un programme de parrainage qui récompensera nos clients fidèles pour chaque nouveau client recommandé.</p>
    </div>
</details>

{# ════════ COMMANDE ════════ #}
<h2 id="commande" class="faq-section-title">🛒 Commande</h2>

<details class="faq-item">
    <summary>🛒 Comment se passe la commande de ma carte NUM-ECARD ?</summary>
    <div class="faq-answer">
        <ol>
            <li>Choisissez votre offre (Essentiel, Premium, Force de Vente ou Multi-Cartes)</li>
            <li>Remplissez le formulaire avec vos informations professionnelles</li>
            <li>Effectuez le paiement sécurisé (CB, PayPal ou virement)</li>
            <li>Recevez votre confirmation par email avec votre numéro de commande</li>
            <li>Envoyez vos contenus (photo, logo) dans les 7 jours</li>
            <li>Recevez votre carte selon le délai de votre offre</li>
        </ol>
        <p>⚠️ <strong>Important :</strong> si vous ne fournissez pas vos contenus dans les 30 jours suivant la commande, celle-ci sera annulée sans remboursement.</p>
    </div>
</details>

<details class="faq-item">
    <summary>⏱️ Quel est le délai de livraison de ma carte ?</summary>
    <div class="faq-answer">
        <ul>
            <li>Essentiel : 7 jours ouvrés</li>
            <li>Premium : 10 jours ouvrés</li>
            <li>Force de Vente : 10 jours ouvrés</li>
            <li>Multi-Cartes : 15 jours ouvrés</li>
        </ul>
        <p>Le délai commence à compter de la <strong>validation du paiement ET de la réception complète</strong> de tous les éléments nécessaires. Au-delà de 15 cartes commandées par le même client, le délai est porté à 21 jours ouvrés.</p>
    </div>
</details>

<details class="faq-item">
    <summary>✏️ Puis-je modifier ma carte après sa création ?</summary>
    <div class="faq-answer">
        <p>Oui. Envoyez un email à <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a> en indiquant clairement les éléments à modifier, en fournissant les nouveaux fichiers et en précisant votre numéro de commande. <strong>Délai :</strong> 2 à 3 jours ouvrés.</p>
        <p><strong>Tarification :</strong> 3 modifications gratuites la première année, puis 10 € HT (12 € TTC) par modification.</p>
    </div>
</details>

<details class="faq-item">
    <summary>💰 Les modifications de ma carte sont-elles payantes ?</summary>
    <div class="faq-answer">
        <p>Toutes les offres incluent <strong>3 modifications gratuites la première année</strong> (changement de coordonnées, fonction, réseaux sociaux, photo, logo).</p>
        <p>Au-delà : 10 € HT (12 € TTC) par modification — idem à partir de la 2<sup>e</sup> année.</p>
        <p>🎁 <strong>Corrections gratuites sans limite</strong> : fautes de frappe signalées dans les 48h, erreurs de notre fait.</p>
    </div>
</details>

<details class="faq-item">
    <summary>↩️ Puis-je me rétracter après ma commande ?</summary>
    <div class="faq-answer">
        <p>Oui, si vous êtes <strong>un particulier (B2C)</strong> : 14 jours calendaires à compter de la confirmation de commande, à condition que le service n'ait pas commencé. Remboursement intégral sous 14 jours max.</p>
        <p>❌ Les <strong>professionnels (B2B)</strong> ne bénéficient pas du droit de rétractation légal.</p>
        <p>⚠️ <strong>Exception :</strong> l'option « Livraison accélérée » fait perdre le droit de rétractation dès le début de l'exécution.</p>
        <p>Voir : <a href="{{ path('app_legal_retractation') }}">page Droit de rétractation</a>.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📅 Combien de temps ma carte reste-t-elle en ligne ?</summary>
    <div class="faq-answer">
        <p>Votre carte reste en ligne pour une durée <strong>indéterminée</strong>, sans limitation de temps.</p>
        <p><strong>Hébergement :</strong> première année incluse, renouvellement annuel à partir de la 2<sup>e</sup> année (12 € HT/an). Vous pouvez aussi utiliser votre propre hébergeur.</p>
        <p><strong>Désactivation :</strong> demande possible à tout moment par email à <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a>, effective sous 5 jours ouvrés. Aucun remboursement ne sera effectué.</p>
    </div>
</details>

{# ════════ UTILISATION ════════ #}
<h2 id="utilisation" class="faq-section-title">⚙️ Utilisation</h2>

<details class="faq-item">
    <summary>📱 Ma carte est-elle compatible avec tous les smartphones ?</summary>
    <div class="faq-answer">
        <p><strong>100% compatible !</strong> NUM-ECARD fonctionne sur tous les smartphones (iPhone, Android) et tablettes, sans installation d'application.</p>
        <p><strong>Navigateurs :</strong> Safari (iOS), Chrome (Android/iOS), Firefox, Edge, Opera, Samsung Internet. Version desktop disponible.</p>
        <p><strong>Enregistrement contacts :</strong> format vCard universel compatible avec Contacts iOS/Apple, Google Contacts, Outlook, Samsung Contacts.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📷 Comment fonctionne le QR code personnalisé ?</summary>
    <div class="faq-answer">
        <p>Votre QR code personnalisé est généré automatiquement et pointe directement vers votre carte. Compatible iOS et Android, scan natif depuis l'appareil photo, sans application tierce.</p>
        <p><strong>Formats de livraison :</strong> PNG haute résolution, SVG vectoriel, PDF imprimable. Intégrable sur cartes papier, signatures email, flyers, affiches, roll-ups.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🏷️ Proposez-vous des tags NFC physiques ?</summary>
    <div class="faq-answer">
        <p>⚠️ Non disponible pour l'instant. Les tags NFC physiques sont en cours de développement. En attendant, le QR code fourni assure un partage instantané de vos informations.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📊 Puis-je suivre les statistiques de ma carte ?</summary>
    <div class="faq-answer">
        <p>✅ Oui, dès les offres <strong>Premium et Force de Vente</strong>. Tableau de bord en temps réel : nombre de vues, durée moyenne, pays d'origine, type d'appareil, source d'accès, clics sur boutons, meilleur jour/heure.</p>
        <p>🔒 <strong>RGPD :</strong> analytics 100% propriétaire, aucun outil tiers (Google Analytics, Meta Pixel). IP anonymisées sur les 2 derniers octets. Données agrégées non identifiantes. Base légale : intérêt légitime (Art. 6.1.f). Conservation : 12 mois glissants.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🌍 Ma carte fonctionne-t-elle à l'international ?</summary>
    <div class="faq-answer">
        <p>Absolument ! Accessible partout dans le monde, 24h/24 et 7j/7, sans aucune restriction géographique.</p>
        <p><strong>Formats :</strong> indicatifs pays automatiques (+33, +1…), tous les formats d'adresses mondiaux supportés.</p>
        <p><strong>Langues :</strong> Français (défaut) et Anglais (Premium/FDV, sur demande). Autres langues pour les offres entreprises.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🚀 L'offre Force de Vente, c'est quoi exactement ?</summary>
    <div class="faq-answer">
        <p>Conçue pour maximiser la prospection par bouche-à-oreille numérique. <strong>Pour qui ?</strong> Commerciaux, agents immobiliers, consultants, coachs, indépendants.</p>
        <p><strong>Spécificités :</strong> formulaire de recommandation directement depuis la carte, capture de leads qualifiés (vous recevez les coordonnées du prospect et du recommandeur par email), toutes les fonctionnalités Premium incluses.</p>
        <p>🔒 En tant que Porteur, vous devenez responsable de traitement de ces données (RGPD Art. 28). Conservation max. 24 mois.</p>
        <p><strong>Tarif :</strong> 399 € HT (478,80 € TTC) — Délai : 10 jours ouvrés.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🎯 Comment fonctionne l'offre Multi-Cartes ?</summary>
    <div class="faq-answer">
        <p>Permet de créer <strong>plusieurs cartes distinctes</strong> pour une même personne :</p>
        <ul>
            <li>2 cartes : 529 € HT (634,80 € TTC)</li>
            <li>3 cartes : 769 € HT (922,80 € TTC)</li>
            <li>4 cartes : 999 € HT (1 198,80 € TTC)</li>
        </ul>
        <p><strong>Cas d'usage :</strong> plusieurs activités (consultant + formateur + auteur), plusieurs entreprises dirigées, casquettes différentes, carte contextuelle (B2B / B2C / événements). Chaque carte a son propre QR code et URL unique.</p>
        <p>⚠️ En cas de rétractation, toutes les cartes du pack sont annulées simultanément.</p>
    </div>
</details>

<details class="faq-item">
    <summary>✍️ Puis-je intégrer ma carte dans ma signature email ?</summary>
    <div class="faq-answer">
        <p>✅ Oui — disponible dans <strong>Premium et Force de Vente</strong>. Génération automatique d'une signature email HTML dynamique, prête à intégrer dans Outlook, Gmail, Apple Mail, Thunderbird…</p>
        <p><strong>Contenu :</strong> photo, logo, nom, poste, coordonnées cliquables, QR code, icônes réseaux sociaux, lien direct.</p>
        <p>⚙️ <strong>Mise à jour automatique :</strong> si vous modifiez votre carte, la signature reflète les changements sans manipulation supplémentaire.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📰 Qu'est-ce que la fonctionnalité « Mon Actu » ?</summary>
    <div class="faq-answer">
        <p>✅ Disponible dans <strong>Premium et Force de Vente</strong>. Module de publication intégré : partagez articles, offres, événements, nouveautés directement avec les visiteurs de votre carte.</p>
        <p><strong>Fonctionnement :</strong> publication depuis votre espace client, affichage temps réel, notifications push automatiques aux visiteurs abonnés.</p>
        <p>🔒 Notifications push : consentement explicite des visiteurs requis et révocable à tout moment.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📲 Ma carte est-elle disponible sur Apple Wallet ou Google Wallet ?</summary>
    <div class="faq-answer">
        <p>⚠️ Non disponible pour l'instant — fonctionnalité en cours d'intégration. En attendant, le QR code et le lien web couvrent tous les cas de partage.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🌐 Ma carte est-elle accessible 24h/24 ?</summary>
    <div class="faq-answer">
        <p>Oui, 24h/24 et 7j/7. <strong>Hébergement en France</strong> (O2SWITCH Clermont-Ferrand), protection Cloudflare anti-DDoS, certificat SSL/HTTPS, sauvegardes quotidiennes, conformité RGPD 100%.</p>
        <p>📊 Taux de disponibilité cible : <strong>99,9%</strong> sur l'année.</p>
    </div>
</details>

{# ════════ SÉCURITÉ & RGPD ════════ #}
<h2 id="securite" class="faq-section-title">🔒 Sécurité &amp; RGPD</h2>

<details class="faq-item">
    <summary>🔒 Mes données sont-elles sécurisées et hébergées en France ?</summary>
    <div class="faq-answer">
        <p>Oui, <strong>100% sécurisé et conforme RGPD</strong>. Hébergement exclusif en France sur serveurs sécurisés.</p>
        <p><strong>Sécurité :</strong> chiffrement SSL/TLS, sauvegardes quotidiennes, anti-DDoS Cloudflare, surveillance 24/7.</p>
        <p><strong>RGPD :</strong> droits d'accès, rectification, effacement, limitation, portabilité et opposition. Contact : <a href="mailto:referent-rgpd@num-ecard.com">referent-rgpd@num-ecard.com</a> — réponse sous 30 jours. Voir <a href="{{ path('app_legal_confidentialite') }}">Politique de Confidentialité</a>.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📧 Comment gérez-vous les communications commerciales ?</summary>
    <div class="faq-answer">
        <p><strong>Professionnels (B2B) — Opt-out :</strong> nous pouvons vous adresser des communications par email sur la base de notre intérêt légitime, en lien avec votre activité. Désinscription via le lien dans chaque email.</p>
        <p><strong>Particuliers (B2C) — Opt-in :</strong> consentement préalable explicite requis (case à cocher non pré-cochée). Retrait possible à tout moment.</p>
        <p>Demandes de désinscription traitées sous <strong>48h max</strong>.</p>
    </div>
</details>

<details class="faq-item">
    <summary>👁️ Les visiteurs de ma carte ont-ils des droits RGPD sur les statistiques collectées ?</summary>
    <div class="faq-answer">
        <p><strong>Non — par conception.</strong> Notre système est conçu pour rendre tout droit RGPD inapplicable car les données sont anonymisées dès la collecte.</p>
        <p><strong>Ce que nous collectons :</strong> pays d'origine (déduit de l'IP, non stockée), date/heure/durée, type d'appareil, source d'accès, clics. <strong>L'IP est tronquée sur les 2 derniers octets</strong> avant tout stockage. Il est techniquement impossible de relier une ligne à une personne identifiable.</p>
        <p>Ces données sont <strong>agrégées et anonymes</strong> au sens du RGPD : elles sortent du champ d'application du règlement. Conservation : 12 mois glissants.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🔔 J'ai accepté les notifications push d'une carte NUM-ECARD — comment révoquer mon consentement ?</summary>
    <div class="faq-answer">
        <p>Vous pouvez retirer votre consentement à tout moment depuis votre navigateur :</p>
        <ul>
            <li><strong>Chrome / Edge :</strong> Paramètres → Confidentialité → Paramètres du site → Notifications → Bloquer</li>
            <li><strong>Firefox :</strong> Préférences → Vie privée et sécurité → Permissions → Notifications</li>
            <li><strong>Safari (iOS) :</strong> Réglages → Safari → Notifications → désactiver le domaine</li>
            <li><strong>Android (Chrome) :</strong> Paramètres → Paramètres du site → Notifications</li>
        </ul>
        <p>✅ <strong>Effet immédiat :</strong> le token VAPID devient invalide côté serveur. Vous pouvez aussi adresser une demande de suppression à <a href="mailto:referent-rgpd@num-ecard.com">referent-rgpd@num-ecard.com</a> — traitement sous 30 jours.</p>
        <p>Base légale : consentement explicite (Art. 6.1.a). Conservation : jusqu'à révocation ou 24 mois d'inactivité.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📬 J'ai soumis mes coordonnées via le formulaire de recommandation d'une carte — qui détient mes données et comment les supprimer ?</summary>
    <div class="faq-answer">
        <p>Vos données ont été transmises au <strong>Porteur de la carte</strong>, qui en est le responsable de traitement. SANAGENCY agit uniquement comme <strong>sous-traitant technique</strong> (Art. 28 RGPD).</p>
        <p><strong>Vos droits</strong> (accès, rectification, effacement, opposition) : contactez directement le Porteur via son email/téléphone affiché sur la carte. Réponse sous 30 jours. En cas de non-réponse, réclamation possible auprès de la <a href="https://www.cnil.fr" target="_blank" rel="noopener">CNIL</a>.</p>
        <p><strong>Côté SANAGENCY :</strong> conservation max 24 mois sur nos serveurs. Suppression anticipée possible à <a href="mailto:referent-rgpd@num-ecard.com">referent-rgpd@num-ecard.com</a> en précisant le domaine de la carte.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🚫 Y a-t-il des contenus interdits sur ma carte ?</summary>
    <div class="faq-answer">
        <p>Oui, sont strictement interdits :</p>
        <ul>
            <li>Informations fausses, trompeuses ou frauduleuses</li>
            <li>Contenus pornographiques, pédopornographiques, sexuellement explicites</li>
            <li>Propos racistes, xénophobes, discriminatoires, haineux</li>
            <li>Contenus violents ou portant atteinte à la dignité humaine</li>
            <li>Informations confidentielles ou protégées par le secret professionnel</li>
            <li>Éléments contrefaisants ou portant atteinte à la propriété intellectuelle</li>
            <li>Contenus publicitaires non autorisés ou spam</li>
            <li>Liens vers des sites illégaux ou malveillants</li>
        </ul>
        <p>⚠️ <strong>Sanctions :</strong> SANAGENCY se réserve le droit de suspendre ou supprimer la carte immédiatement et sans préavis, sans remboursement.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📷 Quelles sont les exigences pour mes photos et logos ?</summary>
    <div class="faq-answer">
        <p><strong>Photo de profil :</strong> JPG ou PNG, 400×400 px min., 5 Mo max. Fond uni, visage bien visible, éclairage naturel.</p>
        <p><strong>Logo entreprise :</strong> SVG vectoriel ou PNG haute résolution (alternative JPG HD), 5 Mo max. Fond transparent recommandé, format carré ou rectangulaire.</p>
        <p>❌ <strong>Refusés :</strong> photos floues, logos pixelisés, fichiers corrompus, formats BMP/TIFF.</p>
    </div>
</details>

{# ════════ PAIEMENT & REMBOURSEMENT ════════ #}
<h2 id="paiement" class="faq-section-title">💰 Paiement &amp; Remboursement</h2>

<details class="faq-item">
    <summary>💳 Quels moyens de paiement acceptez-vous ?</summary>
    <div class="faq-answer">
        <p><strong>Modalités :</strong> paiement comptant, ou en 2x, 3x ou 4x SANS FRAIS via Stripe (dès 300 € TTC pour 3x/4x).</p>
        <p><strong>Moyens acceptés :</strong> CB (Visa, Mastercard, AmEx) via Stripe, PayPal, virement bancaire (entreprises et administrations, RIB après validation du devis).</p>
        <p>🔒 <strong>Sécurité :</strong> Stripe et PayPal certifiés PCI-DSS. Données bancaires jamais stockées sur nos serveurs, transit chiffré (SSL/TLS).</p>
    </div>
</details>

<details class="faq-item">
    <summary>💵 Dans quels cas puis-je être remboursé ?</summary>
    <div class="faq-answer">
        <p>✅ <strong>Remboursement total :</strong> rétractation sous 14 jours (particuliers, avant début du service), non-livraison dans les délais, service non conforme (signalement sous 48h).</p>
        <p>❌ <strong>Pas de remboursement :</strong> service déjà livré et conforme, changement d'avis après livraison, non-fourniture des contenus dans les délais, violation des CGU, professionnels (B2B), option « Livraison accélérée » cochée.</p>
        <p>⏱️ <strong>Délai :</strong> 14 jours max après accord, par le même moyen de paiement.</p>
    </div>
</details>

<details class="faq-item">
    <summary>🗑️ Comment supprimer définitivement ma carte ?</summary>
    <div class="faq-answer">
        <p>Envoyez un email à <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a> avec votre numéro de commande et l'URL de votre carte. <strong>Délai :</strong> 5 jours ouvrés.</p>
        <p><strong>Conséquences :</strong> carte inaccessible, QR code non fonctionnel, données personnelles supprimées sous 30 jours (sauf données comptables conservées 10 ans pour obligation légale), aucun remboursement, suppression irréversible.</p>
        <p>💡 <strong>Conseil :</strong> sauvegardez une capture de votre carte avant la suppression.</p>
    </div>
</details>

<details class="faq-item">
    <summary>📞 Comment vous contacter ?</summary>
    <div class="faq-answer">
        <ul>
            <li><strong>Email :</strong> <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a> — Réponse sous 24h ouvrées</li>
            <li><strong>Téléphone :</strong> 09 81 19 84 02 — Du lundi au vendredi de 9h à 18h</li>
            <li><strong>Courrier :</strong> SAS SANAGENCY — 8 place Roger Salengro — 31000 Toulouse</li>
        </ul>
    </div>
</details>

<div class="legal-callout legal-callout--success" style="margin-top: 32px;">
    <strong>📌 Vous n'avez pas trouvé votre réponse ?</strong> Contactez-nous : <a href="mailto:contact@num-ecard.com">contact@num-ecard.com</a> ou consultez la <a href="{{ path('app_legal_rgpd') }}">documentation complète</a> et la <a href="{{ path('app_legal_confidentialite') }}">politique de confidentialité</a>.
</div>

{% endblock %}