alert("tAtAA___8888__AAAA") 
  <script>
    // ========== DONNÉES ENTREPRISE ==========
    const ENTREPRISE = {
      nom: "KUMULTOO",
      adresse: "1 Rue Faubourg Homme",
      codePostal: "42300",
      ville: "Roanne",
      pays: "FRANCE",
      siren: "905 387 270",
      tauxTVA: 20
    };
      var modelcarte="card2KMI";
      var carteselecte="."+modelcarte;
      const containpostimg = document.querySelectorAll('.post-img');
      alert(containpostimg);
    // ========== UTILS ==========
    function generateRandomHexColor() {
      return '#' + Math.floor(Math.random()*16777215).toString(16).padStart(6, '0');
    }
    function generateRandomColors(count = 5) {
      const colors = [];
      for (let i = 0; i < count; i++) {
        colors.push(generateRandomHexColor());
      }
      return colors;
    }
    function hexToRgb(hex) {
      const r = parseInt(hex.slice(1, 3), 16);
      const g = parseInt(hex.slice(3, 5), 16);
      const b = parseInt(hex.slice(5, 7), 16);
      return [r, g, b];
    }
    function generateInvoiceNumber() {
      const today = new Date();
      const dateStr = today.toISOString().slice(0, 10).replace(/-/g, '');
      const random = Math.floor(1000 + Math.random() * 9000);
      return `FAC-${dateStr}-${random}`;
    }
    function formatDate(date) {
      return new Intl.DateTimeFormat('fr-FR', {
        year: 'numeric',
        month: 'long',
        day: 'numeric'
      }).format(date);
    }
    // ========== GESTION COULEUR ==========
    let currentPrimaryColor = localStorage.getItem('primaryColor') || '#4f46e5';
    function setPrimaryColor(hex) {
      if (!/^#[0-9A-F]{6}$/i.test(hex)) return;
      currentPrimaryColor = hex;
      document.documentElement.style.setProperty('--primary-color', hex);
      localStorage.setItem('primaryColor', hex);
      document.getElementById('primaryColorInput').value = hex;
      document.getElementById('customColorPicker').value = hex;
      document.querySelectorAll('.color-option').forEach(el => {
        el.classList.toggle('active', el.dataset.color === hex);
      });
    }
    function renderColorPalette() {
      const container = document.getElementById('colorPaletteContainer');
      const savedColor = localStorage.getItem('primaryColor') || '#4f46e5';
      const colors = generateRandomColors(5);
      if (!colors.includes(savedColor)) colors[0] = savedColor;
      container.innerHTML = '';
      colors.forEach(color => {
        const div = document.createElement('div');
        div.className = 'color-option';
        div.style.background = color;
        div.dataset.color = color;
        if (color === savedColor) div.classList.add('active');
        div.addEventListener('click', () => setPrimaryColor(color));
        container.appendChild(div);
      });
    }
    setPrimaryColor(currentPrimaryColor);
    renderColorPalette();
    document.getElementById('customColorPicker').addEventListener('input', (e) => setPrimaryColor(e.target.value));
    // ========== PANIER ==========
    let paniergene = JSON.parse(localStorage.getItem('paniergene')) || [];
    const addButtons = document.querySelectorAll('.add-to-cart');
    const panierDetail = document.querySelector('.panierDetail');
    const containerpanier = document.getElementById('idPaniergene');
    const openCartBtn = document.getElementById('openCartpanier');
    const cartCount = document.getElementById('cartCount');
    function updateCartCount() {
      const totalItems = paniergene.reduce((sum, item) => sum + item.cantidad, 0);
      cartCount.textContent = totalItems;
    }
    addButtons.forEach(btngene => {
      btngene.addEventListener('click', function () {
      //  const cardpanier = this.closest('.card2KMI');
        const cardpanier = this.closest(carteselecte);
        const item = {
          id: cardpanier.dataset.id || '',
          title: cardpanier.dataset.titre || 'Produit',
          libelle: cardpanier.dataset.desig || '',
          coleur: cardpanier.dataset.color || '',
          taille: cardpanier.dataset.size || '',
          precio: parseFloat(cardpanier.dataset.price) || 0,
          img: cardpanier.querySelector('.post-img')?.src || 'https://via.placeholder.com/80?text=Image',
          paraff: cardpanier.dataset.article || '',
          cantidad: 1
        };
        const existingIndex = paniergene.findIndex(p => p.id === item.id);
        if (existingIndex > -1) {
          paniergene[existingIndex].cantidad += 1;
        } else {
          paniergene.push(item);
        }
        savePanier();
        updateCartCount();
        this.classList.add('added');
        this.innerHTML = '<i class="fas fa-check"></i> Ajouté !';
        setTimeout(() => {
          this.classList.remove('added');
          this.innerHTML = `${item.precio} €`;
        }, 1500);
      });
    });
    function savePanier() {
      localStorage.setItem('paniergene', JSON.stringify(paniergene));
    }
    function renderPanier() {
      panierDetail.innerHTML = '';
      if (paniergene.length === 0) {
        panierDetail.innerHTML = '<p class="panier-vide">Votre panier est vide.</p>';
        updateTotals(0, 0, 0, 0, 0);
        return;
      }
      paniergene.forEach((item, index) => {
        const div = document.createElement('div');
        div.className = 'ItemPanier';
        div.innerHTML = `
          <div class="panier__item">
            <div class="panierImg">
              <img src="${item.img}" alt="${item.title}" onerror="this.src='https://via.placeholder.com/80?text=Image'">
            </div>
            <div class="panierContent">
              <div class="panierContent__description">
                <h2 class="title">${item.title}</h2>
                <p class="ssnom">${item.libelle || '&#8211;'}</p>
                <p class="ssdescription">${item.coleur || 'Couleur'} - ${item.taille || 'Taille'}</p>
                <p class="table__price panierprix">${item.precio} €</p>
              </div>
              <div class="panierSetting">
                <div class="panierSetting__soustotal">
                  <p>${(item.precio * item.cantidad).toFixed(2)} €</p>
                </div>
                <div class="table__cantidad panierSetting__quatity">
                  <input type="number" min="1" value="${item.cantidad}" class="input__element" data-index="${index}">
                </div>
                <div class="panierSetting__delete">
                  <button class="delete btnqty btn-danger" data-index="${index}">X</button>
                </div>
              </div>
            </div>
          </div>
        `;
        panierDetail.appendChild(div);
      });
      document.querySelectorAll('.input__element').forEach(input => input.addEventListener('change', updateQuantity));
      document.querySelectorAll('.delete').forEach(btngene => btngene.addEventListener('click', removeItem));
      calculateTotals();
    }
    function updateQuantity(e) {
      const index = e.target.dataset.index;
      let value = parseInt(e.target.value);
      if (isNaN(value) || value < 1) value = 1;
      paniergene[index].cantidad = value;
      savePanier();
      updateCartCount();
      renderPanier();
    }
    function removeItem(e) {
      const index = e.target.dataset.index;
      paniergene.splice(index, 1);
      savePanier();
      updateCartCount();
      renderPanier();
    }
    function calculateTotals() {
      const totalItems = paniergene.reduce((sum, item) => sum + item.cantidad, 0);
      const totalHT = paniergene.reduce((sum, item) => sum + (item.precio * item.cantidad), 0);
      const tva = totalHT * (ENTREPRISE.tauxTVA / 100);
      const shipping = totalItems > 3 ? Math.round(10 * totalItems * 0.7) : Math.round(10 * totalItems);
      const totalTTC = totalHT + tva + shipping;
      updateTotals(totalHT, tva, shipping, totalTTC, totalItems);
    }
    function updateTotals(totalHT, tva, shipping, totalTTC, quantity) {
      document.querySelector('.prix2').textContent = `${totalHT.toFixed(2)} €`;
      document.getElementById('totalTVA').textContent = `${tva.toFixed(2)} €`;
      document.getElementById('totalport').textContent = `${shipping} €`;
      document.getElementById('totalPrice').textContent = `${totalTTC.toFixed(2)} €`;
      document.getElementById('totalQuantity').textContent = quantity;
      document.getElementById('idTotalHT').value = totalHT.toFixed(2);
      document.getElementById('idTotalTVA').value = tva.toFixed(2);
      document.getElementById('idTotalport').value = shipping;
      document.getElementById('idTotalTTC').value = totalTTC.toFixed(2);
    }
    // ========== MODAL PRODUIT ==========
      const containpostimg = document.querySelectorAll('.post-img');
      alert(containpostimg);
    document.querySelectorAll('.post-img').forEach(img => {
      img.addEventListener('click', function () {
        const card = this.closest(carteselecte);
        document.getElementById('modalProductImage').src = this.src;
        document.getElementById('modalProductTitle').textContent = card.dataset.titre || 'Sans titre';
        document.getElementById('modalProductDescription').textContent = card.dataset.description || 'Aucune description.';
        document.getElementById('modalProductPrice').textContent = card.dataset.price || '0';
        document.getElementById('modalProductArticle').textContent = card.dataset.article || '&#8211;';
        document.getElementById('modalProductSales').textContent = card.dataset.vente || '0';
        window.currentModalCard = card;
        document.getElementById('productModal').style.display = 'block';
      });
    });
      const containeridkmi = document.getElementById('modalAddToCartBtn');
      alert(containeridkmi);
    document.getElementById('modalAddToCartBtn').addEventListener('click', function () {
      const card = window.currentModalCard;
      if (!card) return;
      const item = {
        id: card.dataset.id || '',
        title: card.dataset.titre || 'Produit',
        libelle: card.dataset.desig || '',
        coleur: card.dataset.color || '',
        taille: card.dataset.size || '',
        precio: parseFloat(card.dataset.price) || 0,
        img: card.querySelector('.post-img')?.src || '',
        paraff: card.dataset.article || '',
        cantidad: 1
      };
      const existingIndex = paniergene.findIndex(p => p.id === item.id);
      if (existingIndex > -1) {
        paniergene[existingIndex].cantidad += 1;
      } else {
        paniergene.push(item);
      }
      savePanier();
      updateCartCount();
      const btn = this;
      btn.classList.add('added');
      btn.innerHTML = '<i class="fas fa-check"></i> Ajouté !';
      setTimeout(() => {
        btn.classList.remove('added');
        btn.innerHTML = 'Ajouter au panier';
      }, 1500);
    });
    function closeProductModal() {
      document.getElementById('productModal').style.display = 'none';
    }
    // ========== FORMULAIRE & PANIER ==========
    document.getElementById('orderFormulaire').addEventListener('submit', function (e) {
      e.preventDefault();
      if (paniergene.length === 0) {
        alert("Votre panier est vide.");
        return;
      }
      const nom = document.querySelector('input[name="nomliv"]').value;
      const prenom = document.querySelector('input[name="prenomliv"]').value;
      const email = document.querySelector('input[name="emailliv"]').value;
      const tel = document.querySelector('input[name="telephoneliv"]').value;
      const adresse = document.querySelector('input[name="adresseliv"]').value;
      const cp = document.querySelector('input[name="cpliv"]').value;
      const ville = document.querySelector('input[name="villeliv"]').value;
      const pays = document.querySelector('input[name="pays"]').value;
      const numFacture = generateInvoiceNumber();
      window.currentLivraisonData = { nom, prenom, email, tel, adresse, cp, ville, pays, numFacture };
      window.currentTotals = {
        totalHT: parseFloat(document.getElementById('idTotalHT').value),
        tva: parseFloat(document.getElementById('idTotalTVA').value),
        shipping: parseFloat(document.getElementById('idTotalport').value),
        totalTTC: parseFloat(document.getElementById('idTotalTTC').value),
        quantity: parseInt(document.getElementById('totalQuantity').textContent)
      };
      window.currentPrimaryColor = currentPrimaryColor;
      showConfirmationModal();
    });
    openCartBtn.addEventListener('click', () => {
      containerpanier.style.display = 'block';
      renderPanier();
    });
    function closeNav() { containerpanier.style.display = 'none'; }
    window.addEventListener('click', (e) => {
      if (e.target === document.getElementById('idPaniergene')) closeNav();
      if (e.target === document.getElementById('productModal')) closeProductModal();
      if (e.target === document.getElementById('confirmationModal')) closeConfirmationModal();
      if (e.target === document.getElementById('paymentInfoModal')) closePaymentInfoModal();
    });
    function showConfirmationModal() {
      const livraisonDiv = document.getElementById('livraisonAdresse');
      const panierDiv = document.querySelector('.panierProducts');
      const totalsDiv = document.getElementById('confirmationTotals');
      const numFacture = window.currentLivraisonData.numFacture;
      // &#9989; Utilisation de classes CSS
      livraisonDiv.innerHTML = `
        <div class="entreprise-row">
          <div class="entreprise-card">
            <h3 style="font-weight:700;margin-bottom:12px;color:${window.currentPrimaryColor};">${ENTREPRISE.nom}</h3>
            <p style="line-height:1.6;">
              ${ENTREPRISE.adresse}<br>
              ${ENTREPRISE.codePostal} ${ENTREPRISE.ville}<br>
              ${ENTREPRISE.pays}<br>
              <strong>SIREN : ${ENTREPRISE.siren}</strong>
            </p>
          </div>
          <div class="client-card">
            <h3 class="client-cards">Adresse de livraison</h3>
            <p style="line-height:1.6;">
              <strong>${window.currentLivraisonData.prenom} ${window.currentLivraisonData.nom}</strong><br>
              ${window.currentLivraisonData.adresse}<br>
              ${window.currentLivraisonData.cp} ${window.currentLivraisonData.ville}<br>
              ${window.currentLivraisonData.pays}
            </p>
          </div>
        </div>
        <div class="facture-info">
          <strong>Numéro de facture :</strong> ${numFacture} &#8226; <strong>Date :</strong> ${formatDate(new Date())}
        </div>
      `;
      panierDiv.innerHTML = '';
      paniergene.forEach(item => {
        const el = document.createElement('div');
        el.className = 'panier-product-item'; // &#9989; classe CSS
        el.innerHTML = `
          <div class="panier-product-content">
            <img src="${item.img}" alt="${item.title}" class="panier-product-img">
            <div class="panier-product-text">
              <h4>${item.title}</h4>
              <p>${item.cantidad} × ${item.precio} €</p>
              <p>${item.libelle || ''}</p>
            </div>
          </div>
        `;
        panierDiv.appendChild(el);
      });
      totalsDiv.innerHTML = `
        <div class="totals-summary">
          <div class="totals-row">
            <span>Prix HT</span>
            <strong>${window.currentTotals.totalHT.toFixed(2)} €</strong>
          </div>
          <div class="totals-row">
            <span>TVA (${ENTREPRISE.tauxTVA}%)</span>
            <strong>${window.currentTotals.tva.toFixed(2)} €</strong>
          </div>
          <div class="totals-row">
            <span>Expédition</span>
            <strong>${window.currentTotals.shipping} €</strong>
          </div>
          <div class="totals-row">
            <span>Standard (${window.currentTotals.quantity} articles)</span>
          </div>
          <div class="totals-row total-highlight">
            <span style="font-weight:700;">Montant total TTC</span>
            <strong style="font-size:1.25rem;color:${window.currentPrimaryColor};">${window.currentTotals.totalTTC.toFixed(2)} €</strong>
          </div>
        </div>
      `;
      // &#9989; Correction PayPal
      const cleanItemName = `Commande ${numFacture}`.replace(/[^a-zA-Z0-9\s\-_]/g, '');
      document.getElementById('paypalItemName').value = cleanItemName;
      document.getElementById('paypalAmount').value = window.currentTotals.totalTTC.toFixed(2).replace(',', '.');
      document.getElementById('paypalEmail').value = window.currentLivraisonData.email || 'kumultoo@gmail.com';
      const telNum = window.currentLivraisonData.tel || '0699065398';
      document.getElementById('callLink').textContent = window.currentLivraisonData.tel ? `Appeler ${telNum}` : 'Appeler maintenant';
      document.getElementById('confirmationModal').style.display = 'block';
    }
    function closeConfirmationModal() { document.getElementById('confirmationModal').style.display = 'none'; }
    document.getElementById('callLink').addEventListener('click', function(e) {
      e.preventDefault();
      closeConfirmationModal();
      document.getElementById('phoneNumberDisplay').textContent = window.currentLivraisonData.tel || '0699065398';
      document.getElementById('invoiceInModal').textContent = window.currentLivraisonData.numFacture;
      document.getElementById('paymentInfoModal').style.display = 'block';
    });
    function closePaymentInfoModal() { document.getElementById('paymentInfoModal').style.display = 'none'; }
    // ========== GÉNÉRATION PDF ==========
    function generatePDF() {
      const { jsPDF } = window.jspdf;
      const doc = new jsPDF();
      const primaryRgb = hexToRgb(window.currentPrimaryColor || '#4f46e5');
      const dateStr = formatDate(new Date());
      const numFacture = window.currentLivraisonData.numFacture;
      doc.setFillColor(...primaryRgb);
      doc.rect(0, 0, 210, 50, 'F');
      doc.setTextColor(255, 255, 255);
      doc.setFontSize(22);
      doc.setFont('helvetica', 'bold');
      doc.text(ENTREPRISE.nom, 15, 25);
      doc.setFontSize(10);
      doc.text(`${ENTREPRISE.adresse} &#8226; ${ENTREPRISE.codePostal} ${ENTREPRISE.ville}`, 15, 32);
      doc.text(`${ENTREPRISE.pays} &#8226; SIREN : ${ENTREPRISE.siren}`, 15, 38);
      doc.text(`TVA : ${ENTREPRISE.tauxTVA}%`, 15, 44);
      doc.text("www.kumultoo.com", 160, 32);
      doc.setTextColor(30, 41, 59);
      doc.setFontSize(18);
      doc.text("FACTURE", 15, 60);
      doc.setFontSize(12);
      doc.text(`N° ${numFacture}`, 15, 67);
      doc.text(`Date : ${dateStr}`, 15, 73);
      doc.setFont('helvetica', 'bold');
      doc.text("Client", 120, 60);
      doc.setFont('helvetica', 'normal');
      doc.text(`${window.currentLivraisonData.prenom} ${window.currentLivraisonData.nom}`, 120, 67);
      doc.text(window.currentLivraisonData.adresse, 120, 73);
      doc.text(`${window.currentLivraisonData.cp} ${window.currentLivraisonData.ville}`, 120, 79);
      doc.text(window.currentLivraisonData.pays, 120, 85);
      const tableData = paniergene.map(item => [
        item.title,
        item.cantidad,
        `${item.precio} €`,
        `${(item.precio * item.cantidad).toFixed(2)} €`
      ]);
      doc.autoTable({
        startY: 95,
        head: [['Produit', 'Qté', 'P.U. HT', 'Total HT']],
        body: tableData,
        theme: 'grid',
        headStyles: { fillColor: primaryRgb, fontSize: 11 },
        bodyStyles: { fontSize: 10 },
        styles: { cellPadding: 6, halign: 'center' },
        columnStyles: { 0: { halign: 'left', cellWidth: 80 } }
      });
      const finalY = doc.lastAutoTable.finalY + 10;
      doc.setFontSize(12);
      doc.setFont('helvetica', 'bold');
      doc.text("Récapitulatif", 15, finalY);
      doc.text(`Total HT :`, 15, finalY + 8);
      doc.text(`${window.currentTotals.totalHT.toFixed(2)} €`, 170, finalY + 8, { align: 'right' });
      doc.text(`TVA (${ENTREPRISE.tauxTVA}%) :`, 15, finalY + 14);
      doc.text(`${window.currentTotals.tva.toFixed(2)} €`, 170, finalY + 14, { align: 'right' });
      doc.text(`Expédition :`, 15, finalY + 20);
      doc.text(`${window.currentTotals.shipping} €`, 170, finalY + 20, { align: 'right' });
      doc.setDrawColor(...primaryRgb);
      doc.setLineWidth(0.8);
      doc.line(15, finalY + 26, 195, finalY + 26);
      doc.setFontSize(14);
      doc.setFont('helvetica', 'bold');
      doc.setTextColor(...primaryRgb);
      doc.text("TOTAL TTC", 15, finalY + 36);
      doc.text(`${window.currentTotals.totalTTC.toFixed(2)} €`, 170, finalY + 36, { align: 'right' });
      doc.setTextColor(100, 116, 139);
      doc.setFontSize(9);
      doc.text("Merci pour votre commande !", 15, doc.internal.pageSize.height - 20);
      doc.save(`facture_${numFacture}.pdf`);
    }
    function submitOrder() {
      ['idPaniergene', 'confirmationModal', 'paymentInfoModal', 'productModal'].forEach(id => {
        const el = document.getElementById(id);
        if (el) el.style.display = 'none';
      });
      generatePDF();
      const form = document.getElementById('orderFormulaire');
      const savedPanier = JSON.parse(localStorage.getItem('paniergene')) || [];
      const ids = [], qtes = [], tailles = [], coleurs = [], prixs = [], paraffs = [];
      savedPanier.forEach(item => {
        ids.push(item.id);
        qtes.push(item.cantidad);
        tailles.push(item.taille || "NO");
        coleurs.push(item.coleur || "NO");
        prixs.push(item.precio);
        paraffs.push(item.paraff || "");
      });
      document.getElementById('idPanierInput').value = ids.join('; ');
      document.getElementById('qtypanier').value = qtes.join('; ');
      document.getElementById('prixpanier').value = prixs.join('; ');
      document.getElementById('tailpanier').value = tailles.join('; ');
      document.getElementById('coulpanier').value = coleurs.join('; ');
      document.getElementById('paraffpanier').value = paraffs.join('; ');
      document.getElementById('nbreproduit').value = savedPanier.length;
      document.getElementById('idTotalHT').value = window.currentTotals.totalHT.toFixed(2);
      document.getElementById('idTotalTVA').value = window.currentTotals.tva.toFixed(2);
      document.getElementById('idTotalport').value = window.currentTotals.shipping;
      document.getElementById('idTotalTTC').value = window.currentTotals.totalTTC.toFixed(2);
      document.getElementById('numfacture').value = window.currentLivraisonData.numFacture;
      document.getElementById('primaryColorInput').value = window.currentPrimaryColor;
      localStorage.removeItem('paniergene');
      form.submit();
    }
    window.addEventListener('load', () => {
      const urlParams = new URLSearchParams(window.location.search);
      if (urlParams.has('paimentOK')) {
        const savedPanier = JSON.parse(localStorage.getItem('paniergene')) || [];
        if (savedPanier.length > 0) {
          const totalItems = savedPanier.reduce((sum, item) => sum + item.cantidad, 0);
          const totalHT = savedPanier.reduce((sum, item) => sum + (item.precio * item.cantidad), 0);
          const tva = totalHT * (ENTREPRISE.tauxTVA / 100);
          const shipping = totalItems > 3 ? Math.round(10 * totalItems * 0.7) : Math.round(10 * totalItems);
          const totalTTC = totalHT + tva + shipping;
          const numFacture = generateInvoiceNumber();
          window.currentLivraisonData = {
            nom: "Client",
            prenom: "Anonyme",
            tel: "0699065398",
            adresse: "Non fournie",
            cp: "00000",
            ville: "Roanne",
            pays: "FRANCE",
            numFacture
          };
          window.currentTotals = { totalHT, tva, shipping, totalTTC, quantity: totalItems };
          window.currentPrimaryColor = localStorage.getItem('primaryColor') || '#4f46e5';
          submitOrder();
        }
      }
    });
    updateCartCount();
  </script>
    <script>
 alert("tAtAA___FFFFFFFFFFFF__AAAA")  
    </script>