// PricingSection — 47€ launch price (originally 177€)
function PricingSection({ onReserve }) {
  const Check = () => <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><polyline points="20 6 9 17 4 12"/></svg>;
  return (
    <section id="pricing" className="mi-section mi-section--narrow">
      <div className="mi-section__head">
        <span className="mi-eyebrow">Tarif lancement</span>
        <h2>Une formule, <em>tout inclus</em>.</h2>
        <p>Je lance officiellement les Lectures Cosmiques. Pour les 10 premières clientes, le tarif est de 47 € et évoluera à 177 € très bientôt.</p>
      </div>
      <div className="mi-pricing__card">
        <span className="mi-pricing__badge">Offre lancement</span>
        <h3 className="mi-pricing__name">La Lecture Cosmique</h3>
        <p className="mi-pricing__sub">Human Design + Numérologie + Astrologie · une seule séance complète</p>
        <div className="mi-pricing__price">
          <del>177 €</del>
          <strong>47 €</strong>
          <small>au total · tout inclus</small>
        </div>
        <ul className="mi-pricing__features">
          <li><Check/><span>Un échange en amont pour se rencontrer et faire le point sur ta situation</span></li>
          <li><Check/><span>Appel visio de 90 minutes en privé</span></li>
          <li><Check/><span>Lecture croisée Human Design + Numérologie + Astrologie</span></li>
          <li><Check/><span>Compte-rendu complet à garder à vie</span></li>
          <li><Check/><span>Ton cadeau : 1 mois offert dans The Sunshine Club, ma communauté privée — pour être soutenue et avancer entourée d'autres femmes.</span></li>
        </ul>
        <button className="mi-btn mi-btn--primary mi-btn--lg" style={{ width: '100%', justifyContent: 'center' }} onClick={onReserve}>Réserver ma lecture →</button>
        <p className="mi-pricing__foot">Paiement sécurisé — Stripe · Réservation confirmée par email</p>
      </div>
    </section>
  );
}

Object.assign(window, { PricingSection });