<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bloggymary.fr - Santé, Décoration, Mode, Cuisine, Beauté, Voyage, Bloggymary</title>
    <!-- Tailwind CSS Link -->
    <link href="&#x2F;css&#x2F;app.45790cae62999d01ec974d435da5d446.css" rel="stylesheet">
    <!-- Optionally include Font Awesome from a CDN -->
    <script src="/js/htmx.min.js" defer></script>
</head>
<body class="font-sans text-gray-900 antialiased bg-blu">
<div class="min-h-screen">
    <!-- Static Navigation -->
    <nav class="bg-white shadow-md" style="background-color: #56be64;">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center h-auto sm:h-16">
            <!-- Logo and Title -->
            <div class="flex-grow flex justify-start">
                <a href="/" class="flex items-center">
                    
                    <img src="/logos/logo_10.png" alt="Domain Logo" class="block h-12 w-auto">
                    
                    <span class="ml-2 text-xl font-bold md:text-2xl text-white">
                        bloggymary.fr
                    </span>
                </a>
            </div>
            <!-- Hamburger Button (Mobile) -->
            <div class="sm:hidden flex items-center">
                <button id="hamburger" class="text-white focus:outline-none">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </button>
            </div>
            <!-- Search Form (Desktop) -->
            <div class="hidden sm:flex items-center justify-end">
                <form onsubmit="submitSearch(this); return false;" class="flex items-center">
                    <div class="relative">
                        <input type="text" name="keyword" placeholder="Je recherche..." aria-label="Search"
                        class="rounded-full py-2 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-blue-300">
                        <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i>
                    </div>
                    <button type="submit"
                            class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-blue-300">
                        Rechercher
                    </button>
                </form>
            </div>
        </div>

        <!-- Search Form (Mobile View) -->
        <div class="sm:hidden flex justify-center mt-4">
            <form onsubmit="submitSearch(this); return false;" class="flex items-center w-full px-4 mb-4">
                <div class="relative w-full">
                    <input type="text" name="keyword" placeholder="Je recherche..." aria-label="Search"
                           class="rounded-full w-full py-2 px-4 pl-10 bg-gray-200 focus:outline-none focus:ring focus:border-blue-300">
                    <i class="fas fa-search text-gray-500 absolute left-3 top-1/2 transform -translate-y-1/2"></i>
                </div>
                <button type="submit"
                        class="bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-full ml-2 focus:outline-none focus:ring focus:border-blue-300">
                    Rechercher
                </button>
            </form>
        </div>
    </div>

    <!-- Dropdown Menu for Mobile -->
    <div id="mobileMenu" class="sm:hidden hidden flex-col space-y-2 py-2 px-4 bg-gray-100" style="background-color: #c29ae0;">
        
        
        
        
        <a href="/Santé" class="block text-base font-medium py-2" style="color: #000000;">
            Santé
        </a>
        
        
        <a href="/Décoration" class="block text-base font-medium py-2" style="color: #000000;">
            Décoration
        </a>
        
        
        <a href="/Mode" class="block text-base font-medium py-2" style="color: #000000;">
            Mode
        </a>
        
        
        <a href="/Cuisine" class="block text-base font-medium py-2" style="color: #000000;">
            Cuisine
        </a>
        
        
        <a href="/Beauté" class="block text-base font-medium py-2" style="color: #000000;">
            Beauté
        </a>
        
        
        <a href="/Voyage" class="block text-base font-medium py-2" style="color: #000000;">
            Voyage
        </a>
        
        
    </div>

    <!-- Navigation Links (Desktop View) -->
    <div class="hidden sm:flex justify-center space-x-8 py-2 max-w-full overflow-x-hidden" style="background-color: #c29ae0;">
        
        
        
        <a href="/Santé" class="text-ms xs:text-sm" style="color: #000000;">
            Santé
        </a>
        
        
        <a href="/Décoration" class="text-ms xs:text-sm" style="color: #000000;">
            Décoration
        </a>
        
        
        <a href="/Mode" class="text-ms xs:text-sm" style="color: #000000;">
            Mode
        </a>
        
        
        <a href="/Cuisine" class="text-ms xs:text-sm" style="color: #000000;">
            Cuisine
        </a>
        
        
        <a href="/Beauté" class="text-ms xs:text-sm" style="color: #000000;">
            Beauté
        </a>
        
        
        <a href="/Voyage" class="text-ms xs:text-sm" style="color: #000000;">
            Voyage
        </a>
        
        
    </div>
</nav>

<script>
    const hamburger = document.getElementById('hamburger');
    const mobileMenu = document.getElementById('mobileMenu');

    hamburger.addEventListener('click', () => {
        mobileMenu.classList.toggle('hidden');
    });

    function submitSearch(form) {
        var term = form.keyword.value;
        var formattedTerm = term.trim().split(' ').join('-').replace(/^-+|-+$/g, '');
        window.location.href = '/' + encodeURIComponent(formattedTerm);
    }
</script>


    <!-- Page Content -->
    <main id="main-content" class="py-6 overflow-x-hidden">
        <div class="max-w-[1300px] mx-auto px-4 sm:px-6 lg:px-8 mb-1">
            <div id="buyDomainPopUp"
                 class="fixed inset-0 bg-gray-600 bg-opacity-75 flex items-center justify-center hidden z-50">
                <div class="newsletter bg-white p-6 rounded-lg shadow-lg relative">
                    <span class="close absolute top-2 right-2 cursor-pointer text-gray-600 text-2xl"
                          id="close_domain_popup">&times;</span>
                    <h4 class="font-bold text-lg mb-3">Vous n&#x27;avez pas trouvé ce que vous cherchiez ?
                    </h4>
                    <a href="https://www.shopping.eu/int/Bloggymary.html" target="_blank"
                       class="mt-4 mb-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                        Continuer sur Shopping.eu
                    </a>
                    <h5 class="mt-4 mb-2 font-bold text-lg">Êtes-vous intéressé par l&#x27;achat de ce domaine</h5>
                    <p> Veuillez envoyer un courriel à :
                        <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span>
                    </p>
                </div>
            </div>

            <!-- Expandable Banner -->
            <div id="expandableBanner"
                 class="bg-blue-200 text-blue-900 text-center p-4 rounded-lg cursor-pointer mb-12 mt-4 mx-4 sm:mx-0">
                <span class="font-bold text-[20px]">Acheter bloggymary.fr ?</span>
                <div id="bannerContent" class="hidden mt-2 bg-blue-100 p-2 rounded">
                    <span class="font-normal">Nous déplaçons le projet <strong>bloggymary.fr</strong> . Êtes-vous intéressé par l&#x27;achat du domaine <strong>bloggymary.fr</strong> ?<br>Veuillez nous envoyer un courriel à</span>
                    <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span>
                    <span class="font-normal">ou appelez-nous au : +49 541-76012653.</span>
                </div>
            </div>

            <h2 id="product-heading" class="text-2xl font-semibold mb-2">Produits liés au Bloggymary:</h2>

<hr class="my-2 border-gray-300 mb-8">

<!-- include only the first 4 items of the product_item , its an array  -->

<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxleU9GT3tQbFc3UEVcalJWRzRQVmkyUEZtb2RWMjJRRmkzUFM&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Collagène-Beauté-sachets-voyage">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxleU9GT3tQbFc3UEVcalJWRzRQVmkyUEZtb2RWMjJRRmkzUFM&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Acdn.shopify.com%2Fs%2Ffiles%2F1%2F0550%2F3608%2F4391%2Ffiles%2FBeautyCollagenSachetjarmino.jpg%3Fv%3D1713800437&amp;feedId=84760&amp;k=345cdc3b611746f9fa2949a37e039360642bc28f"
                         alt="Collagène Beauté sachets voyage (15x15g)" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxleU9GT3tQbFc3UEVcalJWRzRQVmkyUEZtb2RWMjJRRmkzUFM/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(1)">
                                Collagène Beauté sachets voyage (15x15g)
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Collagène-Beauté-sachets-voyage"
                                  onclick="handleTitleClick('Collagène Beauté sachets voyage (15x15g)')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(1)">
                                <span class="break-words">Description du produit. Collagène Beauté sachets voyage (15x15g). Des sachets pratiques de Collagène Beauté de JARMINO pur vos déplacements. Une boîte contient 15 sachets de 15g de Collagène Beauté.. Notre formule unique composée de peptides de collagène de type I et III, d’acide hyaluronique, d&#x27;inuline, une fibre issue de la racine de chicorée, de vinaigre de cidre naturel, de vitamine C, de biotine (vitamine B7) et de zinc apporte à votre peau, vos cheveux et vos ongles* de nombreux nutriments essentiels.. *la biotine contribue au maintien d&#x27;une peau et de cheveux sains.. *La vitamine C contribue à la formation normale de collagène pour un fonctionnement normal de la peau.. *Le zinc contribue au maintien d&#x27;une peau, de cheveux et d&#x27;ongles sains.. La meilleure qualité. Collagène de type 1 &amp; III d&#x27;Allemagne (11g par portion). Poids moléculaire des peptides de collagène : &amp;lt; 2 kDA = 2.000 Dalton (optimal pour une prise orale). Poids moléculaire de l&#x27;acide hyaluronique : &amp;gt; 800 kDA (optimal pour une prise orale). Acide hyaluronique hautement concentré, obtenu par fermentation : (225 mg par portion). Fibres alimentaires issues de la racine de chicorée. Libre de. Fabriqué sans additifs, conservateurs ou agents de remplissage artificiels. Testé &amp; exempt de pesticides, de métaux lourds comme l&#x27;arsenic, le plomb, le mercure, le cadmium. Histamine : &amp;lt;10mg&#x2F;kg. Origine : Allemagne. Pour notre collagène de beauté, nous utilisons des peptides de collagène hydrolysés    provenant d&#x27;Allemagne, ainsi que de l&#x27;acide hyaluronique obtenu par fermentation. Cet hyaluronique est plus pur et ne peut pas provoquer de réactions allergiques. La particularité de notre collagène est le faible poids (masse) des molécules de collagène : 2 kilo-daltons (2000 daltons).. L&#x27;hyaluron obtenu par fermentation est plus pur, ne peut pas provoquer de réactions allergiques et a un poids moléculaire plus élevé que l&#x27;hyaluron animal : &amp;gt; 800 kDA.. Cet acide hyaluronique de poids moléculaire moyen est avantageux pour la prise orale. Une étude scientifique a montré que ce sont surtout les molécules d&#x27;une taille comprise entre 800 et 1500 kDa qui sont absorbées.. Tous les produits sont régulièrement analysés dans un laboratoire indépendant, notamment en ce qui concerne les métaux lourds et les antibiotiques. Seules les matières premières de la plus haute qualité sont transformées.. La production a lieu en Allemagne selon les normes de qualité, de production et d&#x27;hygiène les plus strictes (GMP, ISO 9001, HACCP).. Inuline de la racine de chicorée. L&#x27;inuline est une fibre alimentaire obtenue à partir de racines de chicorée filtrées et purifiées. Il s&#x27;agit d&#x27;une fibre non digestible qui sert de source de nourriture aux bactéries intestinales présentes dans le gros intestin.. Goût neutre &amp; bonne solubilité. Le Collagène Beauté de JARMINO a un goût neutre. Pour une solubilité optimale, nous recommandons de verser 1 sachet de poudre de collagène dans un verre et d&#x27;y ajouter lentement de l&#x27;eau chaude, du café ou du thé. Vous pouvez également le mélanger à merveille dans des soupes, des sauces, des smoothies, des shakes, des yaourts ou des mueslis. Vous pouvez ainsi ajouter facilement du collagène à tous vos repas.. Votre élixir quotidien. Le Collagène Beauté de JARMINO est un complément alimentaire naturel à  base de  collagène et de hyaluronique, conçu pour une prise à long terme.. Consommez chaque jour environ 15 g (1 sachet) de poudre très soluble, un paquet contient 15 portions.. Développé par des experts. Nous avons développé nos produits naturels à base de collagène en collaboration avec des experts en nutrition sur la base de recherches scientifiques. Tous nos produits proviennent de sources naturelles et sont exempts de conservateurs, de colorants, de stabilisateurs et d&#x27;antiagglomérants, ainsi que de lactose et de gluten. Ils fournissent ainsi les nutriments sous leurs formes naturelles.. Valeurs nutritionnelles. Valeurs nutritionnelles pour 100g. Une boîte contient 15 sachets de 15 g de Collagène Beauté JARMINO (15 portions de 15 g).. pour 100g. par Portion (15g). Énergie kJ. 1.348 kJ. 202 kJ. kcal. 319 kcal. 49 kcal. Grasses. 0,0 g. 0,0 g. dont graisses saturées. 0,0 g. 0,0 g. Glucides. 3,6 g. 0,5 g. dont sucre. 0,9 g. 0,1 g. Fibres alimentaires. 14,2 g. 2,1 g. Protéines. 74 g. 11,1 g. Collagène. 74 g. 11,2 g. Sel. 1,0 g. 0,2 g. Vitamine C. 555 mg. 80 mg (100%)*. Zinc. 22 mg. 3,3 mg (33%)*. Biotine. 327 µg. 49µg (100%)*. *NRV = Quantité de référence selon le règlement UE 1169&#x2F;2011. Profil d&#x27;acides aminés. pour 100g. par Portion (15g). L-Alanine. 8,6 g. 1,3 g. L-Arginine. 7,3 g. 1,1 g. L-Asparigine. 5,8 g. 0,9 g. L-Glutamine. 10,2 g. 1,5 g. L-Glycine. 22,2 g. 3,3 g. L-Histidine. 1,0 g. 0,2 g. L-Isoleucine. 1,4 g. 0,2 g. L-Leucine. 2,7 g. 0,4 g. L-Lysine. 3,6 g. 0,5 g. L-Methionine. 0,9 g. 0,1 g. L-Phenylalanine. 2,1 g. 0,3 g. L-Proline. 12,7 g. 1,9 g. L-Serine. 1,2 g. 0,2 g. L-Threonine. 1,8 g. 0,3 g. L-Thyrosine. 0,8 g. 0,1 g. L-Valine. 2,4 g. 0,4 g. Hydroxyproline. 11,9 g. 1,8 g. Hydroxylysine. 1,6 g. 0,2 g. Exempt de. Exempt de pesticides, d&#x27;antibiotiques, de conservateurs, d&#x27;additifs.. Sans gluten, sans lactose, sans soja, sans huile de palme, sans génie génétique.. Exempt de métaux lourds nocifs tels que l&#x27;arsenic, le plomb, le mercure, le cadmium.. Histamine : &amp;lt;10mg&#x2F;kg. Substances actives. Substances actives. Peptides de collagène hydrolysés (11g par portion) en provenance d&#x27;Allemagne. Acide hyaluronique hautement concentré, obtenu par fermentation (225 mg par portion). La biotine contribue au maintien d&#x27;une peau et de cheveux. La vitamine C contribue à la formation normale de collagène pour un fonctionnement normal de la. Le zinc contribue au maintien d&#x27;une peau, de cheveux et d&#x27;ongles. Inuline prébiotique (fibres alimentaires issues de la racine de chicorée). Vinaigre de cidre. Ingrédients. Ingrédients. Hydrolysat de collagène bovin (74%), inuline (19,7%), poudre de vinaigre de pomme (4%), acide hyaluronique (1,6%), vitamine C, zinc, biotine.. Qualité. Qualité. Origine. Peptides de collagène hydrolysés en provenance d&#x27;Allemagne (très petite taille de molécule : 2 kDa). Acide hyaluronique pur, obtenu par fermentation, en provenance d&#x27;Allemagne. Cet hyaluron est plus pur, ne peut pas provoquer de réactions allergiques et a un poids moléculaire plus élevé que l&#x27;hyaluron animal : &amp;gt; 800 kDA. Cet acide hyaluronique de poids moléculaire moyen est avantageux pour la prise orale. Une étude scientifique a montré que ce sont surtout les molécules d&#x27;une taille comprise entre 800 et 1500 kDa qui sont absorbées.. Fabrication. Propre production en Allemagne selon HACCP, GMP &#x2F; ISO 22000:2018.. Contrôle régulier en laboratoire. Nos produits sont régulièrement analysés en laboratoire et sont exempts de pesticides, d&#x27;antibiotiques, de conservateurs, de métaux lourds et d&#x27;histamine.. Exempt de. Sans additifs, sans gluten, sans lactose, sans soja, sans huile de palme, sans génie génétique.. Dosage. Dosage. Conseils d&#x27;utilisation. Dissoudre chaque jour 15 g (1 sachet) dans de l&#x27;eau froide ou chaude ou mélanger avec du café, du thé, des soupes, des sauces, des smoothies, des shakes, du yaourt ou du muesli.. Complément alimentaire. Ne pas dépasser la consommation quotidienne recommandée. Les compléments alimentaires ne peuvent pas se substituer à une alimentation équilibrée et variée.. Stockage. Veuillez conserver les produits dans un endroit frais et sec, à l&#x27;abri de la lumière du soleil et hors de portée des enfants.. FAQ. FAQ. Quand dois-je prendre du collagène ?. Vous pouvez prendre le collagène à votre guise le matin, à midi, le soir ou entre les repas.. Quelle est la meilleure façon de dissoudre le Collagène Beauté ?. Verser 1 sachet (15g) dans une tasse et ajouter lentement de l&#x27;eau chaude, du café ou du thé. Ou mélanger dans des smoothies ou des milk-shakes.. Quelles sont les meilleures sources de collagène ?. Le collagène est toujours d&#x27;origine animale. Les os de bœuf, la peau de bœuf ou la peau de poisson comptent parmi les sources de collagène de la plus haute qualité. La poudre de collagène qui en est issue se caractérise notamment par sa biodisponibilité élevée.. De quels types de collagène s&#x27;agit-il ?. La poudre de collagène contient les types de collagène I et III.. Puis-je utiliser les produits pendant la grossesse ou l&#x27;allaitement ?. Oui, de nombreuses femmes prennent nos produits pendant cette période. Mais comme chaque grossesse doit être considérée individuellement, nous vous recommandons de consulter votre médecin avant de commencer à prendre des produits.. Puis-je prendre plusieurs produits au collagène JARMINO par jour ?. Oui, vous pouvez combiner les produits sans problème.. La prise de collagène est-elle nocive ?. On ne connaît pas d&#x27;effets secondaires liés au collagène par voie orale. Vous ne devez pas craindre un surdosage si vous respectez la dose journalière recommandée sur l&#x27;emballage.. Quelle est la différence entre le Collagène Beauté et le Collagène bio ?. Notre formule Collagène Beauté contient, en plus du collagène, des ingrédients tels que l&#x27;hyaluronique, des fibres, du vinaigre de cidre, de la biotine, de la vitamine C pour la peau. Notre Collagène bio est en revanche une poudre de collagène pure sans composants beauté supplémentaires. Alors que le Collagène bio est obtenu à partir de bouillon d’os, le Collagène Beauté est produite par voie enzymatique. Cela lui permet de se dissoudre encore mieux dans l&#x27;eau, mais nous ne pouvons malheureusement pas utiliser le label bio en raison de l’utilisation d&#x27;enzymes lors du clivage des chaînes d&#x27;acides aminés.. Si vous avez d&#x27;autres questions, veuillez envoyer un bref courriel à support@jarmino.fr.</span>
                            </div>
                            <button onclick="toggleDescription(1)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxleU9GT3tQbFc3UEVcalJWRzRQVmkyUEZtb2RWMjJRRmkzUFM/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : JARMINO FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 29.99 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* :  €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxleU9GT3tQbFc3UEVcalJWRzRQVmkyUEZtb2RWMjJRRmkzUFM/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbXxPRlM3T0VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="1-boîte-de-décoration">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbXxPRlM3T0VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F0d1f62ac41d44b86e8d841e837e27c1f882353a7_original.jpeg&amp;feedId=84787&amp;k=7f6de0bc2c7f2c501fd4536d3a0f72902817929d"
                         alt="1 boîte de décoration de manucure, strass brillants, beauté des ongles, mode 3D, décoration pour faux ongles 1" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbXxPRlM3T0VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(2)">
                                1 boîte de décoration de manucure, strass brillants, beauté des ongles, mode 3D, décoration pour faux ongles 1
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="1-boîte-de-décoration"
                                  onclick="handleTitleClick('1 boîte de décoration de manucure, strass brillants, beauté des ongles, mode 3D, décoration pour faux ongles 1')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(2)">
                                <span class="break-words">Bienvenue dans ma boutique, Je vous souhaite une excellente expérience de magasinage ici. Nous continuerons à mettre à jour de nouveaux produits, et il y en a certainement un pour vous.            Nom de l’article: Décor d’ongle Matériel : strass Taille: 4cmx4cmx1cm &#x2F; 1.57inx1.57inx0.39in  Remarques: Vous y trouverez des produits plus étonnants si vous visitez notre magasin. En raison des différences dans les paramètres d’éclairage et d’écran, la couleur du projet peut être légèrement différente de l’image. En raison de différentes mesures manuelles, permettre de légères différences de taille.  Le forfait comprend: 1 boîte de décorations d’ongles</span>
                            </div>
                            <button onclick="toggleDescription(2)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbXxPRlM3T0VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 9.17 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbXxPRlM3T0VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFWR3tPfEt8UHtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Allemagne-autriche-suisse-voyage">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFWR3tPfEt8UHtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F4ff5371874e490a85721bdfffc0760307dfb2a4a_original.jpeg&amp;feedId=84787&amp;k=915af7eb6afcd2f753d7bd296b08a4b98c19e2c5"
                         alt="Allemagne autriche suisse voyage Souvenir artisanat cadeau réfrigérateur aimant Collection maison cuisine décoration" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFWR3tPfEt8UHtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(3)">
                                Allemagne autriche suisse voyage Souvenir artisanat cadeau réfrigérateur aimant Collection maison cuisine décoration
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Allemagne-autriche-suisse-voyage"
                                  onclick="handleTitleClick('Allemagne autriche suisse voyage Souvenir artisanat cadeau réfrigérateur aimant Collection maison cuisine décoration')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(3)">
                                <span class="break-words">Coucou style horloge Allemagne réfrigérateur aimant souvenir cadeau de voyage. Taille: 5-12CM , Matériel:polyrésine et aimant Il convient au fer ou à toute surface magnétique, pas seulement au réfrigérateur, utilisez-le pour décorer la maison et le bureau, le restaurant est très atmosphérique et commémoratif. Il est fait de polyrésine écologique Avis: 1. S’il vous plaît permettre une erreur de 1-3 cm en raison de la mesure manuelle  2. Pour la couleur, il peut y avoir une certaine différence par rapport aux images en raison de la lumière et de l’écran</span>
                            </div>
                            <button onclick="toggleDescription(3)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFWR3tPfEt8UHtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 21.79 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFWR3tPfEt8UHtcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZleVB8Q3pQfFc2T1VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Thé-à-la-goyave">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZleVB8Q3pQfFc2T1VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F06fac62e578ec3264b847312ea243bd555206eec_original.jpeg&amp;feedId=84787&amp;k=9829f6d83a8e88aadf017172657d5363500c58c4"
                         alt="Thé à la goyave Orihiro du Japon Beauté Santé 2g x 60 sachets s468" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZleVB8Q3pQfFc2T1VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(4)">
                                Thé à la goyave Orihiro du Japon Beauté Santé 2g x 60 sachets s468
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Thé-à-la-goyave"
                                  onclick="handleTitleClick('Thé à la goyave Orihiro du Japon Beauté Santé 2g x 60 sachets s468')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(4)">
                                <span class="break-words">Thé à la goyave Orihiro du Japon Beauté Santé 2g x 60 sachets s468  **Thé à la goyave ORIHIRO grand format, 60 sachets**  **Marque:** ORIHIRO   **Formulaire:** Sachets de thé   **Saveur:** Thé à la goyave   **Nombre d&#x27;unités:** 60 Sachets   **Quantité:** 60   **Emballage:** Sac   **Fabricant:** ORIHIRO    **Description du produit:**   Thé à la goyave ORIHIRO en grand format (60 sachets) est fabriqué à partir de feuilles de goyave séchées traitées par traitement infrarouge lointain pour rehausser la saveur et le rendre facile à boire. Livré dans des sachets de thé pratiques pour une utilisation facile.</span>
                            </div>
                            <button onclick="toggleDescription(4)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZleVB8Q3pQfFc2T1VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 30.66 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZleVB8Q3pQfFc2T1VcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
</ul>
<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
</ul>
<div class="mb-10">
    <!-- Related Terms Section -->
<section class="p-3 shadow rounded-lg my-4 bg-blue-100">
    <h2 class="text-2xl font-semibold mb-2 text-center bg-blue-100">Termes de recherche similaires pour Bloggymary:</h2>
    <hr class="w-full border-t-2 border-gray-400">
    <div id="related-terms" class="flex flex-wrap justify-center text-center p-4 bg-blue-100">
        
        <div></div>
        
    </div>
</section>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const tags = document.querySelectorAll('#related-terms div');
        tags.forEach(tag => {
            const r = Math.floor(Math.random() * 201);
            const g = Math.floor(Math.random() * 201);
            const b = Math.floor(Math.random() * 201);
            tag.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 1)`;
        });
    });
</script>

</div>

<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-1" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTNQRm02T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Passoire-à-herbes-détachable">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTNQRm02T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2Fc86a3024b3aa89b127ecb7f3e33683aed872ab7e_original.jpeg&amp;feedId=84787&amp;k=3adbb9e493e9256d64ee957f5a99352f92a92578"
                         alt="Passoire à herbes détachable large en acier inoxydable 304, feuilles mobiles, santé, beauté, fraîcheur, meilleure Application de thé, maille en acier, outils de cuisine, Gadgets argenté" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTNQRm02T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-1" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(1)">
                                Passoire à herbes détachable large en acier inoxydable 304, feuilles mobiles, santé, beauté, fraîcheur, meilleure Application de thé, maille en acier, outils de cuisine, Gadgets argenté
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Passoire-à-herbes-détachable"
                                  onclick="handleTitleClick('Passoire à herbes détachable large en acier inoxydable 304, feuilles mobiles, santé, beauté, fraîcheur, meilleure Application de thé, maille en acier, outils de cuisine, Gadgets argenté')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-1" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(1)">
                                <span class="break-words">Un bon thé est sain, un bon thé a ses avantages, choisissez du bon thé, buvez du bon thé, détendez l’esprit et le corps, heureux et sans souci Caractérisé par l’antirouille et facile à nettoyer, cet infuseur à thé est très sûr et durable à utiliser dans votre vie quotidienne. Ce que cet infuseur de thé peut vous offrir, c’est que cela peut aider à perdre des feuilles qui peuvent faire un thé délicieux pour vous de goûter à chaque fois. Fabriqué en acier inoxydable 304, ce produit est très résistant à l’usure et durable. La hauteur de cet infuseur est de 4,3 cm et son diamètre est de 2,2 cm. Il convient à la maison, au salon, au bar, etc.  Nom de l&#x27;article: Infuseur à thé Matériel: Acier inoxydable 304 Caractéristiques: Résistant à la corrosion, détachable, conception de crochet attaché Couleurs: Couleur argent Détails de taille:  la taille: 4,3 cm&#x2F;1,69 (Environ.) Diamètre: 2,2 cm&#x2F;0,87 (Environ.)  Remarques: En raison de la différence de réglage de la lumière et de l&#x27;écran, la couleur de l&#x27;article peut être légèrement différente de celle des images. Veuillez permettre une légère différence de dimension en raison de différentes mesures manuelles.  Le forfait comprend: 1 x infuseur de thé(Autres non inclus)</span>
                            </div>
                            <button onclick="toggleDescription(1)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-1" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-1" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTNQRm02T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 15.09 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZbNlFGbTNQRm02T2tcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-2" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxbelBsZTVRRk97UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Creative-Mode-Full-Round">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxbelBsZTVRRk97UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2F41191c7d7e4e7b79f907374485ab94e2f282320f_original.jpeg&amp;feedId=84787&amp;k=a5ccb18c980a7d7da20316da85b05e7b7670c533"
                         alt="Creative Mode Full Round Drill Eyes Broderie Photos Handmade Wall Sticker Cuisine Décoration 20X30CM" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxbelBsZTVRRk97UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-2" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(2)">
                                Creative Mode Full Round Drill Eyes Broderie Photos Handmade Wall Sticker Cuisine Décoration 20X30CM
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Creative-Mode-Full-Round"
                                  onclick="handleTitleClick('Creative Mode Full Round Drill Eyes Broderie Photos Handmade Wall Sticker Cuisine Décoration 20X30CM')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-2" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(2)">
                                <span class="break-words">Nom:Peinture sur diamant. La taille est la taille de toile. Rendus pour la référence seulement, la taille à l’emporter en nature. Nous avons vendu les peintures en strass sont des produits semi-finis ne comprend pas de cadre. C’est de la peinture à strass de bricolage, pas une image finie, avez-vous besoin de la finir par vous-même. Conception unique de beauté et de la mode. Parfait pour décorer votre salon ou votre chambre à coucher pour faire correspondre le style de décoration différente. Matériel : Toile + strass. Couleur : comme le montre que les images. Peinture de style : 5 D strass. Quantité : 1Set Taille: 20cm de longueur;30cm de largeur (env.)&#x2F;7.87&#x27;&#x27; de longueur; 11.81&#x27;&#x27; de largeur (environ) 30 cm de longueur;40 cm de largeur (environ)&#x2F;11,81&#x27;&#x27; de longueur; 15.74&#x27;&#x27; de largeur (environ) 40cm de longueur;50cm de largeur (env.)&#x2F;15.74&#x27;&#x27; de longueur; 19.68&#x27;&#x27; de largeur (environ) 50 cm de longueur;70 cm de largeur (environ)&#x2F;19,68&#x27;&#x27; de longueur; 27.56&#x27;&#x27; de largeur (environ) (1 cm = 0.39Inches) Conseils: 1.Le strass en résine non comestible, ne laissez pas les enfants jouer afin d’éviter les accidents tels que la déglutition. 2. dessin doivent être maintenus propres, dans le cas contraire, la force d’adhérence est affectée. S’il y a adhérence de la saleté peut influencer avec fer solide à basse température. 3.Strass pour rester collant à la gomme. Remarquer: Taille pour la mesure manuelle, il peut y avoir une erreur de 0 à 2 cm, appartient au phénomène normal. Et en raison de la différence entre les différents moniteurs, l’image peut ne pas refléter la couleur réelle de l’élément. Merci. Le forfait comprend: 1.Pc x Tissu brodé 1.Pc x Point Drill Pen 1.Pc x Gule 1.Pc x plateau en plastique 1.Set x Strass en résine</span>
                            </div>
                            <button onclick="toggleDescription(2)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-2" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-2" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxbelBsZTVRRk97UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 12.55 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxbelBsZTVRRk97UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-3" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZpNFB8UzRPVmV8UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Lyapko-Applicator-Roller-Facial">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZpNFB8UzRPVmV8UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2Fc092f820a5bf498056747385214b6d2a8f77d936_original.jpeg&amp;feedId=84787&amp;k=8a2670df976d6ce627576f7d1d2d15abc7a335f3"
                         alt="Lyapko Applicator Roller Facial Acupuncture Massager Soutien Santé, Beauté, Anti-âge (Nouveau design) 3.5 Ag vert" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZpNFB8UzRPVmV8UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-3" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(3)">
                                Lyapko Applicator Roller Facial Acupuncture Massager Soutien Santé, Beauté, Anti-âge (Nouveau design) 3.5 Ag vert
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Lyapko-Applicator-Roller-Facial"
                                  onclick="handleTitleClick('Lyapko Applicator Roller Facial Acupuncture Massager Soutien Santé, Beauté, Anti-âge (Nouveau design) 3.5 Ag vert')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-3" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(3)">
                                <span class="break-words">👍 Combattez les rides et augmentez l&#x27;élasticité de la peau.  👍 Améliore la circulation sanguine.  👍 Les aiguilles du roller, en contact avec la peau, ne l&#x27;abîment pas.  👍 Nouveau design, coffret cadeau.  Les rouleaux sont les dispositifs d&#x27;application de Lyapko pour une application dynamique ( Douche à un million d&#x27;aiguilles ). Utilisé pour affecter toutes les parties du corps: dos, bas du dos, fesses, poitrine, abdomen, membres. L&#x27;effet thérapeutique est obtenu plusieurs fois plus rapidement qu&#x27;avec un dispositif d&#x27;application statique.. Le courant galvanique qui se produit dans la peau, sur les pointes et entre les aiguilles, est de nature pulsée.. Lors du traitement du dos et d&#x27;autres zones difficiles d&#x27;accès du corps, le rouleau nécessite la participation d&#x27;un assistant.  👌 Le rouleau facial est particulièrement efficace lorsqu&#x27;il est exposé à des zones du corps avec un petit rayon de courbure (tête, visage, cou, décolleté, jambes et bras). Spécialement conçu pour le visage et le cuir chevelu. Il permet également de traiter presque toutes les parties du corps. (zones des petites articulations des extrémités, des mains et des pieds), pour soulager la douleur et les spasmes. Recommandé pour une utilisation en cosmétologie et diagnostics réflexes précis.  Grâce aux manchons latéraux en caoutchouc souples, un effet plus doux et plus délicat sur la peau est obtenu.. Il est utilisé pour des effets thérapeutiques sur de petites zones du corps - le dos, le bas du dos, le sacrum, les fesses, la poitrine et l&#x27;abdomen. L&#x27;utilisation d&#x27;un rouleau peut procurer un effet apaisant. (sédatif) ou passionnant (Tonique) action. Pour un effet calmant (par exemple, pour les douleurs dans la région lombo-sacrée ou dans les membres inférieurs) la séance dure 10-15 minutes couvrant une grande partie de la surface corporelle. Lors d&#x27;une séance de traitement d&#x27;éveil (par exemple, avec une parésie musculaire et d&#x27;autres conditions) une irritation rapide et sévère se produit dans les 5 à 7 minutes, mais avec la capture d&#x27;une plus petite zone du corps.  ☝  Face Roller Nouveau Design  3.5 Ag (avec coussinets en caoutchouc) - pas d&#x27;aiguille - 3,5 mm &#x2F; 0,13 pouce, largeur - 23 mm &#x2F; 0,9 pouce, diamètre 51 mm &#x2F; 2,35 pouces, nombre d&#x27;aiguilles 204.  Composition: fer, cuivre, nickel, zinc, argent - 12,5%, caoutchouc médical.   Couleur: vert et noir. Les couleurs de l&#x27;applicateur sont sélectionnées au hasard. A la demande du client, il est possible d&#x27;envoyer l&#x27;applicateur dans la couleur choisie par lui, s&#x27;il est en stock au moment de la commande. (la couleur n&#x27;affecte pas les caractéristiques et les propriétés des applicateurs).  Les dispositifs d&#x27;application de Lyapko pendant l&#x27;utilisation sont en contact avec la peau sans l&#x27;endommager et n&#x27;ont pas de contact avec le sang.  Lorsqu&#x27;il est utilisé individuellement, l&#x27;applicateur Lyapko n&#x27;a pas besoin d&#x27;être désinfecté.. Les soins hygiéniques comprennent: traitement de solution de nettoyage (shampoing, savon liquide), rinçage à l&#x27;eau courante et séchage avec un courant d&#x27;air chaud (avec un sèche-cheveux).   Avec des soins appropriés, l&#x27;applicateur durera 5 à 7 ans.  💙💛 Ce produit est fabriqué en Ukraine. Développement du scientifique ukrainien Lyapko N. G.</span>
                            </div>
                            <button onclick="toggleDescription(3)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-3" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-3" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZpNFB8UzRPVmV8UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 54.72 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UUZpNFB8UzRPVmV8UUVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
    <section class="mb-8">
    <div id="product-content">
            <li class="bg-white shadow-lg rounded-md m-1 flex flex-col">
                <div id="product-4" class="flex flex-col rounded-xl overflow-hidden shadow-lg mx-4 md:mx-0">
                    <form id="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLfFFGTzdPVkt7UEVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Décoration-pour-la-maison">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLfFFGTzdPVkt7UEVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M&#x2F;Pw==">
                    </form>
                    <img class="w-full cursor-pointer min-h-[15rem]"
                         src="https:&#x2F;&#x2F;images2.productserve.com&#x2F;?w=200&amp;h=200&amp;bg=white&amp;trim=5&amp;t=letterbox&amp;url=ssl%3Aimg.joomcdn.net%2Fb587ecc2f3ff2fbcd0d01b72837b63821ca66f55_original.jpeg&amp;feedId=84787&amp;k=ed64a6ebd452462173c23b4a641038d6cb2eba27"
                         alt="Décoration pour la maison bricolage, outil de cuisine propre utile, soins de santé, filtre à eau, purificateur de robinet Water Filter Set" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLfFFGTzdPVkt7UEVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')">

                    <div class="px-6 flex flex-col flex-grow min-h-[9rem]">
                        <div class="min-h-[4rem] flex justify-between m-auto relative">
                            <div id="title-4" class="font-bold text-xl mb-2 overflow-hidden line-clamp-2 cursor-pointer" onclick="toggleTitle(4)">
                                Décoration pour la maison bricolage, outil de cuisine propre utile, soins de santé, filtre à eau, purificateur de robinet Water Filter Set
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Décoration-pour-la-maison"
                                  onclick="handleTitleClick('Décoration pour la maison bricolage, outil de cuisine propre utile, soins de santé, filtre à eau, purificateur de robinet Water Filter Set')">
                                <i class="fas fa-search text-blue-500 hover:text-blue-700"></i>
                            </span>
                        </div>
                        <hr>
                        <div class="flex justify-between items-end relative mt-1">
                            <div id="description-4" class="text-gray-700 text-base flex-grow line-clamp-3 cursor-pointer"
                                 onclick="toggleDescription(4)">
                                <span class="break-words">Caractéristiques du produit:  Convient pour un diamètre de robinet&gt; 15 mm Date d&#x27;expiration: Selon la qualité de l&#x27;eau qui peut se trouver à un endroit différent, nous recommandons un nettoyage tous les 7 jours et un remplacement tous les 3 mois. Couleur: blanc Taille: comme image 100% neuf et de haute qualité.  Matériel: abdos Le forfait comprend:  Ensemble de filtres à eau: 1 x filtre à eau; 1 x cartouche céramique; 1 x papier de verre; 1 x adaptateur universel; 3 x adaptateur de filetage interne; 3 x adaptateur de filetage externe Élément filtrant:2 x élément filtrant ( N&#x27;inclut pas les autres produits) Étiquette:Oui</span>
                            </div>
                            <button onclick="toggleDescription(4)" class="absolute bottom-0 mt-1 -right-6 mr-2 group" aria-label="Toggle Description">
                                <i id="toggle-icon-4" class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                                <span id="toggle-text-4" class="absolute w-auto p-2 min-w-max bottom-0 right-12 transform translate-x-1/2 translate-y-full bg-black text-white text-xs rounded-md opacity-0 group-hover:opacity-100 transition-opacity duration-300 ease-in-out">
                                Afficher plus
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="flex flex-col mt-auto px-6 items-center text-center justify-center">
                        <hr class="mb-1 border-gray-300">
                        <div class="mb-1">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLfFFGTzdPVkt7UEVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fournisseur : Joom FR
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prix : 44.09 € |</span>
                            <span class="text-sm text-gray-700 truncate">Expédition* : 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLfFFGTzdPVkt7UEVcalJWRzRQVmkyUEZtb2RWMjJRRlMyT1M/Pw==')" type="button"
                                    class="inline-block bg-blue-500 rounded-full px-3 py-1 text-sm font-semibold text-white"
                                    aria-label="Product Shop Button">Continuer vers le produit
                            </button>
                        </div>
                    </div>
                </div>
            </li>
    </div>
</section>
    
</ul>
<ul class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 items-start">
    
</ul>

<div class="mb-10 text-center items-center justify-center">
    
</div>


<script>
    const heading = document.getElementById("product-heading");

    let headingText = heading.textContent;

    headingText = headingText.replace(/-/g, ' ');

    heading.textContent = headingText;

</script>
<script>
    // Function to handle title formatting and navigation
    function handleTitleClick(title) {
        const cleanTitle = title
            // Replace non-alphanumeric characters except spaces and hyphens
            .replace(/[^\p{L}\p{N}\s-]/gu, '')
            // Replace multiple spaces with a single space
            .replace(/\s+/g, ' ')
            // Split the title into words, take the first 4 words
            .split(' ').slice(0, 4).join(' ')
            // Replace spaces with hyphens
            .replace(/\s+/g, '-')
            // Replace multiple hyphens with a single hyphen
            .replace(/-{2,}/g, '-')
            // Trim leading or trailing hyphens
            .replace(/^-+|-+$/g, '');
        const url = '/' + cleanTitle;
        window.location.href = url; // Navigate to the cleaned URL
    }

    // Toggle description visibility
    function toggleDescription(index) {
        const desc = document.getElementById('description-' + index);
        const icon = document.getElementById('toggle-icon-' + index);
        const text = document.getElementById('toggle-text-' + index); // Select the tooltip text span

        // Toggle line clamp class
        if (desc.classList.contains('line-clamp-3')) {
            desc.classList.remove('line-clamp-3');
            icon.classList.remove('fa-up-right-and-down-left-from-center');
            icon.classList.add('fa-down-left-and-up-right-to-center');
            text.textContent = "Afficher moins";
        } else {
            desc.classList.add('line-clamp-3');
            icon.classList.remove('fa-down-left-and-up-right-to-center');
            icon.classList.add('fa-up-right-and-down-left-from-center');
            text.textContent = "Afficher plus"; // Change tooltip back to "Show More"
        }
    }

    // Toggle title visibility
    function toggleTitle(index) {
        const title = document.getElementById('title-' + index);
        if (title.classList.contains('line-clamp-2')) {
            title.classList.remove('line-clamp-2');
        } else {
            title.classList.add('line-clamp-2');
        }
    }

    function submitForm(formId) {
        const form = document.getElementById(formId);
        const suspiciousUserAgents = ['bot', 'crawl', 'slurp', 'spider', 'curl', 'wget', 'python'];
        const userAgent = navigator.userAgent.toLowerCase();
        const isSuspicious = suspiciousUserAgents.some(suspect => userAgent.includes(suspect));
        const honeypot = form.querySelector('[name="q"]').value.length > 0;

        if (!honeypot && !isSuspicious) {
            event.preventDefault();
            const formData = new FormData(form);
            const queryString = new URLSearchParams(formData).toString();
            const urlWithParams = `/clickout?${queryString}`; // Fixed Line

            // New tab handling
            let newWindow = window.open('', '_blank');

            fetch(urlWithParams, {
                method: 'GET',
                headers: {
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json',
                }
            })
                .then(response => response.json())
                .then(data => {
                    if (data.clickOutUrl) {
                        newWindow.location = data.clickOutUrl;
                    } else {
                        newWindow.close();
                        alert('Unable to open the requested link.');
                    }
                })
                .catch(error => {
                    console.error('Fetch error:', error);
                    newWindow.close();
                });
        } else {
            alert('Suspicious activity detected or bot activity suspected.');
        }
    }

    // Functions for FAQ and Product items
    function truncateText(element, length) {
        const fullText = element.textContent.trim();
        const truncateLength = parseInt(length, 10);
        if (fullText.length > truncateLength) {
            element.dataset.fullText = fullText;
            element.textContent = fullText.substring(0, truncateLength) + '...';
            return true; // Indicate that truncation occurred
        }
        return false; // No truncation
    }

    function toggleText(element, relatedContainer, sourceText, button) {
        const isTruncated = element.textContent.endsWith('...');
        const icon = button.querySelector('i');
        const text = button.querySelector('span');

        if (isTruncated) {
            element.textContent = element.dataset.fullText;
            if (sourceText) {
                sourceText.classList.remove('hidden'); // Show source-text when expanded
            }
            // Change icon and tooltip text to expanded state
            icon.classList.remove('fa-up-right-and-down-left-from-center');
            icon.classList.add('fa-down-left-and-up-right-to-center');
            text.textContent = "Afficher moins";
        } else {
            const truncateLength = parseInt(element.dataset.truncateLength, 10);
            if (element.textContent.length > truncateLength) {
                element.textContent = element.textContent.substring(0, truncateLength) + '...';
            }
            if (sourceText) {
                sourceText.classList.add('hidden'); // Hide source-text when collapsed
            }
            // Change icon and tooltip text to collapsed state
            icon.classList.remove('fa-down-left-and-up-right-to-center');
            icon.classList.add('fa-up-right-and-down-left-from-center');
            text.textContent = "Afficher plus";
        }

        if (relatedContainer) {
            relatedContainer.classList.toggle('hidden'); // Toggle related terms visibility
        }
    }

    document.addEventListener('DOMContentLoaded', function () {
        document.querySelectorAll('.faq-item').forEach(item => {
            const answer = item.querySelector('.faq-answer');
            const sourceText = item.querySelector('.source-text');
            const relatedContainer = item.querySelector('.related-terms');
            const toggleButton = item.querySelector('button[aria-label="Toggle Description"]');

            const wasTruncated = truncateText(answer, answer.dataset.truncateLength);

            // Ensure relatedContainer and sourceText are hidden initially
            if (relatedContainer) relatedContainer.classList.add('hidden');
            if (sourceText) sourceText.classList.add('hidden');

            if (wasTruncated) {
                // Only add event listener if truncation occurred
                if (toggleButton) {
                    toggleButton.addEventListener('click', function (event) {
                        toggleText(answer, relatedContainer, sourceText, toggleButton);
                    });
                }
                // Make the answer text clickable
                answer.style.cursor = 'pointer';
                answer.addEventListener('click', function (event) {
                    toggleText(answer, relatedContainer, sourceText, toggleButton);
                });
            } else {
                // Hide the toggle button and remove clickability
                if (toggleButton) toggleButton.style.display = 'none';
                answer.style.cursor = 'default';
            }

            // Add event listeners to keyword links to clean the URL
            if (relatedContainer) {
                relatedContainer.querySelectorAll('a').forEach(link => {
                    link.addEventListener('click', function (event) {
                        event.preventDefault(); // Prevent the default link behavior
                        let cleanedTerm = link.textContent.trim().replace(/\s+/g, '-'); // Trim and replace spaces with hyphens
                        window.location.href = `/${cleanedTerm}`;
                    });
                });
            }
        });

        // Similar setup for product descriptions
        document.querySelectorAll('.product-item').forEach(item => {
            const description = item.querySelector('.product-description');
            const toggleButton = item.querySelector('button[aria-label="Toggle Description"]');

            const wasTruncated = truncateText(description, description.dataset.truncateLength);

            if (wasTruncated) {
                // Only add event listener if truncation occurred
                if (toggleButton) {
                    toggleButton.addEventListener('click', function (event) {
                        toggleText(description, null, null, toggleButton);
                    });
                }
                // Make the description text clickable
                description.style.cursor = 'pointer';
                description.addEventListener('click', function (event) {
                    toggleText(description, null, null, toggleButton);
                });
            } else {
                // Hide the toggle button and remove clickability
                if (toggleButton) toggleButton.style.display = 'none';
                description.style.cursor = 'default';
            }
        });
    });
</script>



            <p class="mb-2 text-[11px] text-center">
                * Tous les prix incluent la TVA et, le cas échéant, les frais de livraison. Les informations sur les offres sont basées sur les détails fournis par le magasin respectif et sont mises à jour par des processus automatisés. Une mise à jour en temps réel n&#x27;a pas lieu, donc des écarts peuvent survenir dans certains cas.
            <p>
        </div>
    </main>
</div>
<footer class="bg-gray-800 text-white py-4">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <p>&copy; 2024 bloggymary.fr - <a href="/info/impressum">Impressum</a></p>

    </div>
</footer>

<script>
    // Function to determine if the user is a bot
    function isBot() {
        const suspiciousUserAgents = [
            'bot', 'crawl', 'slurp', 'spider', 'curl', 'wget', 'python',
            'scanner', 'automation', 'robot', 'scraper', 'httpclient'
        ];
        const userAgent = navigator.userAgent.toLowerCase();
        if (suspiciousUserAgents.some(suspect => userAgent.includes(suspect))) {
            return true;
        }

        // Check for lack of human interaction
        if (!window.userHasInteracted) {
            return true;
        }

        return false;
    }

    let newTabOpened = false;
    let popupShown = sessionStorage.getItem('popupShown') === 'true';

    document.addEventListener('DOMContentLoaded', function () {
        const popupElement = document.querySelector('#buyDomainPopUp');
        if (popupElement) {
            const exitPopup = () => {
                popupElement.classList.add('hidden');
            };

            // Add event listener to close the popup
            document.querySelector('#close_domain_popup').addEventListener('click', exitPopup);

            // Open the popup when the user shows exit intent
            document.addEventListener('mouseleave', function (event) {
                if (!event.relatedTarget && !newTabOpened && !popupShown) {
                    popupElement.classList.remove('hidden');
                    sessionStorage.setItem('popupShown', 'true');
                    popupShown = true;
                }
            });

            // Close popup on Escape key
            document.addEventListener('keydown', function (event) {
                if (event.key === 'Escape') {
                    exitPopup();
                }
            });
        } else {
            console.error('Popup element #buyDomainPopUp not found.');
        }

        // Track user interactions
        window.userHasInteracted = false;
        document.addEventListener('mousemove', () => window.userHasInteracted = true);
        document.addEventListener('keydown', () => window.userHasInteracted = true);

        // Log page load route
        fetch('/domLoaded', {
            method: 'GET',
            headers: {
                'Content-Type': 'application/json'
            }
        }).catch(error => console.error('Error logging visit:', error));

        setTimeout(function () {
            // Only log visit if not detected as a bot after some time
            if (!isBot()) {
                fetch('/windowInt', {
                    method: 'GET',
                    headers: {
                        'Content-Type': 'application/json'
                    }
                }).catch(error => console.error('Error logging visit:', error));
            }
        }, 3000);  // Time delay to allow for user interaction detection
    });

    // Detect when a new tab is opened
    document.addEventListener('visibilitychange', function () {
        if (document.visibilityState === 'hidden') {
            newTabOpened = true;
        } else {
            setTimeout(() => {
                newTabOpened = false;
            }, 100); // Reset after short delay
        }
    });

    // Handle expandable banner toggle
    document.getElementById('expandableBanner').addEventListener('click', function () {
        const bannerContent = document.getElementById('bannerContent');
        bannerContent.classList.toggle('hidden');
    });

    function sendEmail() {
        const unicodeDomain = 'bloggymary.fr';
        const subject = `Demande d&#x27;achat du domaine ${unicodeDomain}`;
        const body = `Bonjour,

Je suis intéressé par l&#x27;achat du domaine ${unicodeDomain}.\n\nCordialement,`;

        const mailtoLink = `mailto:domain@kv-gmbh.de?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
        window.location.href = mailtoLink;
    }

</script>
</body>
</html>
