<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>geektrends.it - Gaming, Electronics, Trends, Technology, Innovation, Gadgets, Geektrends</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: #880329;">
    <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_1.png" alt="Domain Logo" class="block h-12 w-auto">
                    
                    <span class="ml-2 text-xl font-bold md:text-2xl text-white">
                        geektrends.it
                    </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="Sto cercando..." 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">
                        Cerca
                    </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="Sto cercando..." 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">
                    Cerca
                </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: #d0ce9b;">
        
        
        
        
        <a href="/Gaming" class="block text-base font-medium py-2" style="color: #000000;">
            Gaming
        </a>
        
        
        <a href="/Electronics" class="block text-base font-medium py-2" style="color: #000000;">
            Electronics
        </a>
        
        
        <a href="/Trends" class="block text-base font-medium py-2" style="color: #000000;">
            Trends
        </a>
        
        
        <a href="/Technology" class="block text-base font-medium py-2" style="color: #000000;">
            Technology
        </a>
        
        
        <a href="/Innovation" class="block text-base font-medium py-2" style="color: #000000;">
            Innovation
        </a>
        
        
        <a href="/Gadgets" class="block text-base font-medium py-2" style="color: #000000;">
            Gadgets
        </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: #d0ce9b;">
        
        
        
        <a href="/Gaming" class="text-ms xs:text-sm" style="color: #000000;">
            Gaming
        </a>
        
        
        <a href="/Electronics" class="text-ms xs:text-sm" style="color: #000000;">
            Electronics
        </a>
        
        
        <a href="/Trends" class="text-ms xs:text-sm" style="color: #000000;">
            Trends
        </a>
        
        
        <a href="/Technology" class="text-ms xs:text-sm" style="color: #000000;">
            Technology
        </a>
        
        
        <a href="/Innovation" class="text-ms xs:text-sm" style="color: #000000;">
            Innovation
        </a>
        
        
        <a href="/Gadgets" class="text-ms xs:text-sm" style="color: #000000;">
            Gadgets
        </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">Non hai trovato quello che cercavi?
                    </h4>
                    <a href="https://www.shopping.eu/int/Geektrends.html" target="_blank"
                       class="mt-4 mb-3 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                        Continua su Shopping.eu
                    </a>
                    <h5 class="mt-4 mb-2 font-bold text-lg">Sei interessato all&#x27;acquisto di questo dominio</h5>
                    <p> Invia una email a:
                        <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]">Acquista geektrends.it ?</span>
                <div id="bannerContent" class="hidden mt-2 bg-blue-100 p-2 rounded">
                    <span class="font-normal">Stiamo trasferendo il progetto <strong>geektrends.it</strong> . Sei interessato all&#x27;acquisto del dominio <strong>geektrends.it</strong> ?<br>Inviateci una email a</span>
                    <span onclick="sendEmail()" class="underline text-blue-800 font-bold">domain@kv-gmbh.de</span>
                    <span class="font-normal">o chiamaci al: +49 541-76012653.</span>
                </div>
            </div>

            <h2 id="product-heading" class="text-2xl font-semibold mb-2">Prodotti relativi al  Geektrends:</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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T2tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Lovi-Biberon-Trends-Botanic">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T2tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==">
                    </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%3Amedia.superpharm.eu%2Fmedia%2Fcatalog%2Fproduct%2Fl%2Fo%2Flovi_butelka_trends_botanic_240ml_1__2.jpg&amp;feedId=96969&amp;k=7e405d1ba62decaf99c8e3422ea6a10ba0f98021"
                         alt="Lovi Biberon Trends Botanic" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T2tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==')">

                    <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)">
                                Lovi Biberon Trends Botanic
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Lovi-Biberon-Trends-Botanic"
                                  onclick="handleTitleClick('Lovi Biberon Trends Botanic')">
                                <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">LOVI Trends Botanic - Biberon per Bambini Il latte materno è il miglior alimento per il bambino. Poiché la promozione di questo fatto è una parte fondamentale della missione del marchio LOVI, il biberon Trends Botanic è stato creato per offrire al bambino latte materno estratto quando necessario. È compatibile con tutti i nostri tiralatte. Come tutti i biberon LOVI, il modello Trends è dotato di una tettarella dinamica che non compromette il riflesso di suzione del bambino allattat</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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T2tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: Super-Pharm IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 10.49 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 0.00 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T2tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==')" 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">Prosegui al prodotto
                            </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLNE9WbXpRVlMyT3tcalJWRzRQVmkyUEZtb2RWMntQbEd7T0M&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Kenwood-electronics-kax644me">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLNE9WbXpRVlMyT3tcalJWRzRQVmkyUEZtb2RWMntQbEd7T0M&#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%3Awww.esseeffe.com%2FReadyPro%2Ffiles%2Fesseeffe_Files%2FFoto2%2F2863337_3.JPG&amp;feedId=63271&amp;k=dfb493aa0224eed6aee6a57804a6b17f3b187336"
                         alt="Kenwood electronics kax644me" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLNE9WbXpRVlMyT3tcalJWRzRQVmkyUEZtb2RWMntQbEd7T0M/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)">
                                Kenwood electronics kax644me
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Kenwood-electronics-kax644me"
                                  onclick="handleTitleClick('Kenwood electronics kax644me')">
                                <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"></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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLNE9WbXpRVlMyT3tcalJWRzRQVmkyUEZtb2RWMntQbEd7T0M/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: Esseeffe IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 124.68 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjIyT0ZLNE9WbXpRVlMyT3tcalJWRzRQVmkyUEZtb2RWMntQbEd7T0M/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">Prosegui al prodotto
                            </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHNlBWZXpQbGV6T2tcalJWRzRQVmkyUEZtb2RWMjJRRlN8UHk&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Innovation-Magnemed-Micrajel-Yastık">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHNlBWZXpQbGV6T2tcalJWRzRQVmkyUEZtb2RWMjJRRlN8UHk&#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%2Fe604854c8267fb62a9ddc267e5d1303f41516297_original.jpeg&amp;feedId=84786&amp;k=c309dfac9180b1ac0a5185de3b24eea6f72f4bee"
                         alt="Innovation Magnemed Micrajel Yastık 50*70" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHNlBWZXpQbGV6T2tcalJWRzRQVmkyUEZtb2RWMjJRRlN8UHk/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)">
                                Innovation Magnemed Micrajel Yastık 50*70
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Innovation-Magnemed-Micrajel-Yastık"
                                  onclick="handleTitleClick('Innovation Magnemed Micrajel Yastık 50*70')">
                                <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">MAGNEMED YASTIK  Hayat enerjiden ibarettir. Enerjinizi yükseltmeye hazır mısınız?  MAGNEMED Yastık, vücudunuzdaki manyetik enerjiyi yeniden düzenlemeye ve geliştirmeye yardımcı olan tek manyetik yastıktır.  Magnemed yastık, size sağlıklı yaşamı sunmak adına Papillow tarafından üstün teknoloji ile tasarlanmıştır.  Bilindiği üzere; pozitif ve negatif olarak iki tür manyetik alan vardır.Pozitif Manyetik alanlar esasında bizi negatif yani olumsuz olarak etkiler.  Televizyonlar, bilgisayarlar, akıllı telefonlar, wi-fi gibi cihazlar bunların başlıcalarıdır.Negatif manyetik alanlar ise bizi pozitif yani olumlu olarak etkiler.Dünya, büyük su kitleleri, bitkiler ve beynimiz negatif enerjinin kaynaklarıdır.Magnemed Yastık kumaşı üstün teknoloji ile tasarlanmış ve negatif manyetik enerji yaydığı bağımsız kurumlarca test edilerek onaylanmıştır.Magnemed yastık kumaşının sahip olduğu negatif manyetik alan, dalgalar halinde dokulara geçerek vücudumuzu etkiler ve manyetik terapi sağlayarak negatif enerjimizin artmasına yardımcı olur.  Negatif enerjinin artması;  ● Melatonin (uyku) hormonunun desteklenmesine● Kortizol ( stres ) hormonunu azaltmaya ● Somatotropin (büyüme) hormonunun salgılanmasının hızlanmasına● Metabolik olarak salgılanan toksinlerin vücuttan atılmasına● pH’ı düzenlenmesine● Beynin elektriksel faaliyetinin yavaşlatılmasına● Serbest radikalleri ortadan kaldırılmasına● Kas ağrılarının azaltılmasına ● Vücudun oksijen bakımından zenginleşmesine● Hücresel ödemin giderilmesine● Mikroorganizma çoğalışını engellemeye● Acı ve enflamasyonun azalmasına● Dinlenme, gevşeme ve uykuyu düzenlemeye yardımcı olmaktadır.  Manyetik alan eksikliğinin olumsuz etkilerini azaltmak için Papillow tarafından geliştirilen Magnemed Yastık ile manyetik alan eksikliğinden daha az etkilenmek ve kazandığınız enerji ile yaşamınızı daha verimli kılmak mümkündür.  Papillow Innovation Magnemed Micrajel Yastık 50*70  ÜRÜN ÖZELLİKLERİ:  Ebat: 50x70 cmDolgu Malzemesi: %100 Doğal Micrajel DolguKumaş: Papillow Innovation Magnemed Kumaş.Nostalji Çanta HEDİYESadece dış kılıf YIKANABİLİR.Listed By ENTEGRA</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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHNlBWZXpQbGV6T2tcalJWRzRQVmkyUEZtb2RWMjJRRlN8UHk/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: Joom IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 84.86 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 0.0 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZHNlBWZXpQbGV6T2tcalJWRzRQVmkyUEZtb2RWMjJRRlN8UHk/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">Prosegui al prodotto
                            </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPeU9WTzZPfG03T2tcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Superior-Electronics-Simply-telecomando">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPeU9WTzZPfG03T2tcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#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=pskmegastore.com%2F1816787-large_default%2Fsuperior-electronics-simply.jpg&amp;feedId=65953&amp;k=bbeb7815563edf8dcd51f4f36d5837cd566e239d"
                         alt="Superior Electronics Simply telecomando TV Pulsanti" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPeU9WTzZPfG03T2tcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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)">
                                Superior Electronics Simply telecomando TV Pulsanti
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Superior-Electronics-Simply-telecomando"
                                  onclick="handleTitleClick('Superior Electronics Simply telecomando TV Pulsanti')">
                                <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">Superior Electronics Simply, TV, Pulsanti, Nero</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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPeU9WTzZPfG03T2tcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: PSK Megastore IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 5.25 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 9.99 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZPeU9WTzZPfG03T2tcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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">Prosegui al prodotto
                            </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">
    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Cosa significa gaming 833?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Il termine &quot;gaming 833&quot; potrebbe riferirsi a un particolare tipo di attività di gioco o a un codice specifico all&#x27;interno di un videogioco. Potrebbe anche essere un riferimento a una comunità di giocatori online o a un canale di streaming dedicato al gaming. In generale, potrebbe indicare un&#x27;esperienza di gioco coinvolgente e divertente.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Quale PC da gaming consigliereste?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Consiglierei un PC da gaming con almeno un processore Intel Core i5 o AMD Ryzen 5, una scheda grafica dedicata come NVIDIA GeForce GTX 1660 Ti o AMD Radeon RX 5600 XT, almeno 16 GB di RAM e un SSD per velocizzare i tempi di caricamento dei giochi. Inoltre, è importante assicurarsi che il case abbia una buona ventilazione per evitare il surriscaldamento dei componenti durante le sessioni di gioco intense. Infine, è consigliabile scegliere un monitor con una frequenza di aggiornamento di almeno 144Hz per un&#x27;esperienza di gioco più fluida.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Cos&#x27;è una tastiera da gaming?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Una tastiera da gaming è un tipo di tastiera progettata specificamente per i giocatori, con funzionalità aggiuntive come tasti programmabili, retroilluminazione personalizzabile, anti-ghosting e tempi di risposta più veloci. Queste tastiere sono progettate per offrire prestazioni ottimali durante le sessioni di gioco, garantendo una maggiore precisione e comfort per l&#x27;utente. Solitamente sono realizzate con materiali di alta qualità e offrono una maggiore resistenza rispetto alle tastiere tradizionali.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Sarebbe sensato scegliere un laptop da gaming al posto di un PC da gaming?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    La scelta tra un laptop da gaming e un PC da gaming dipende dalle esigenze personali. Un laptop da gaming offre maggiore portabilità e praticità, ma potrebbe avere prestazioni inferiori rispetto a un PC desktop. Se si ha bisogno di poter giocare ovunque ci si trovi, un laptop da gaming potrebbe essere la scelta migliore. Tuttavia, se si cerca massime prestazioni e personalizzazione, un PC da gaming potrebbe essere più adatto.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
</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">Termini di ricerca simili per Geektrends:</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 class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Gaming" class="text-md xs:text-sm text-center text-white">
                Gaming
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Una" class="text-md xs:text-sm text-center text-white">
                Una
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Gioco" class="text-md xs:text-sm text-center text-white">
                Gioco
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Prestazioni" class="text-md xs:text-sm text-center text-white">
                Prestazioni
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Dei" class="text-md xs:text-sm text-center text-white">
                Dei
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Giochi" class="text-md xs:text-sm text-center text-white">
                Giochi
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Maggiore" class="text-md xs:text-sm text-center text-white">
                Maggiore
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Laptop" class="text-md xs:text-sm text-center text-white">
                Laptop
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Rust" class="text-md xs:text-sm text-center text-white">
                Rust
            </a>
        </div>
        
        <div class="text-white rounded-full px-4 py-1 m-2 shadow-lg" style="background-color: initial;">
            <a href="/Esigenze" class="text-md xs:text-sm text-center text-white">
                Esigenze
            </a>
        </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T3tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="Lovi-Biberon-Trends-Botanic">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T3tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==">
                    </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%3Amedia.superpharm.eu%2Fmedia%2Fcatalog%2Fproduct%2Fl%2Fo%2Flovi_butelka_trends_botanic_120ml_1__2.jpg&amp;feedId=96969&amp;k=64376e1315a9f52b4a21b64ecb9d7f9266a1812f"
                         alt="Lovi Biberon Trends Botanic" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T3tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==')">

                    <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)">
                                Lovi Biberon Trends Botanic
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="Lovi-Biberon-Trends-Botanic"
                                  onclick="handleTitleClick('Lovi Biberon Trends Botanic')">
                                <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">LOVI Trends Botanic - Biberon per Bambini Il biberon LOVI Trends Botanic è progettato per somministrare il latte materno estratto. Con il suo design unico e moderno, decorato con eleganti motivi botanici, si distingue per il suo stile accattivante, perfettamente in linea con le ultime tendenze. Per sostenere l’allattamento naturale, missione centrale del marchio LOVI, il biberon è dotato di un tettarella professionale, morbida e dinamica. La struttura dinamica della tettarella rich</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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T3tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: Super-Pharm IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 8.99 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 0.00 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UVZTNlFGVzJRRmV6T3tcalJWRzRQVmkyUEZtb2RWMnpPRk97UHxPPw==')" 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">Prosegui al prodotto
                            </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFc3UVVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="MFI-MOTORBIKE-INNOVATION-MFILG03">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFc3UVVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#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=pskmegastore.com%2F-large_default%2Fmfi-motorbike-innovation-mfilg03.jpg&amp;feedId=65953&amp;k=af81525a468a7fa0abe008c39b6a86dee591e2ee"
                         alt="MFI MOTORBIKE INNOVATION MFILG03" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFc3UVVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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)">
                                MFI MOTORBIKE INNOVATION MFILG03
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="MFI-MOTORBIKE-INNOVATION-MFILG03"
                                  onclick="handleTitleClick('MFI MOTORBIKE INNOVATION MFILG03')">
                                <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"></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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFc3UVVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: PSK Megastore IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 78.08 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 9.99 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFc3UVVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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">Prosegui al prodotto
                            </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UHtcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="MFI-INNOVATION-KIDS-GREEN">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UHtcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#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=pskmegastore.com%2F1493260-large_default%2Fmfi-innovation-kids-green.jpg&amp;feedId=65953&amp;k=bd41f1a5559524361ecd090aa2ff390afaf718e8"
                         alt="MFI INNOVATION KIDS GREEN" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UHtcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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)">
                                MFI INNOVATION KIDS GREEN
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="MFI-INNOVATION-KIDS-GREEN"
                                  onclick="handleTitleClick('MFI INNOVATION KIDS GREEN')">
                                <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"></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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UHtcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: PSK Megastore IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 29.71 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 9.99 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UHtcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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">Prosegui al prodotto
                            </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="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UUVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#x2F;Pw==">
                        <input type="hidden" name="q">
                        <input type="hidden" name="search" value="MFI-INNOVATION-KIDS-BLUE">
                        <input type="hidden" name="term" value="Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UUVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM&#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=pskmegastore.com%2F1493259-large_default%2Fmfi-innovation-kids-blue.jpg&amp;feedId=65953&amp;k=1a72524a3ebe03f635324b2838aefefbf970c016"
                         alt="MFI INNOVATION KIDS BLUE" onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UUVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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)">
                                MFI INNOVATION KIDS BLUE
                            </div>

                            <span class="absolute bottom-0 mt-1 -right-6 mr-2 group"
                                  title="MFI-INNOVATION-KIDS-BLUE"
                                  onclick="handleTitleClick('MFI INNOVATION KIDS BLUE')">
                                <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"></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">
                                Mostra di più
                                </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('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UUVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/Pw==')" type="button"
                                    class="text-xs text-gray-400" aria-label="Product Shop Button">Fornitore: PSK Megastore IT
                            </button>
                        </div>
                        <div class="w-full max-w-xs overflow-hidden">
                            <span class="text-md font-bold text-gray-700 truncate">Prezzo: 29.71 € |</span>
                            <span class="text-sm text-gray-700 truncate">Spedizione*: 9.99 €</span>
                        </div>
                        <div class="mt-2 mb-2">
                            <button onclick="submitForm('Y0pUMmVKTzhOezs1ZjVld1taZnJkbEd3WzQ7dk41RGxkSW5sY3s3eWNKQzFlRjJ8UHxTNFFGSzRQfFt5UUVcalJWRzRQVmkyUEZtb2RWMntQfFMyUVM/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">Prosegui al prodotto
                            </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">
    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Richiede Instant Gaming una prova dell&#x27;età?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Sì, Instant Gaming richiede una prova dell&#x27;età per garantire che i propri utenti siano maggiorenni. Questo può avvenire tramite l&#x27;invio di un documento d&#x27;identità valido. Questa misura è necessaria per rispettare le normative sulla protezione dei minori e per garantire un utilizzo responsabile dei servizi offerti.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Questo PC da gaming è buono?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Per valutare se un PC da gaming è buono, è importante considerare diversi fattori come la potenza del processore, la scheda grafica, la quantità di RAM e lo spazio di archiviazione disponibile. Assicurati che il PC abbia specifiche adeguate per eseguire i giochi che desideri giocare e che sia in grado di supportare eventuali upgrade futuri. Inoltre, controlla le recensioni degli utenti e confronta le prestazioni con altri modelli simili sul mercato.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Cos&#x27;è un PC da gaming Rust?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Un PC da gaming Rust è un computer progettato per eseguire il videogioco Rust con prestazioni ottimali. Questi PC sono solitamente dotati di componenti hardware di alta qualità, come una scheda grafica potente e un processore veloce, per garantire un&#x27;esperienza di gioco fluida e di alta qualità. Inoltre, possono essere personalizzati per soddisfare le esigenze specifiche dei giocatori di Rust, come la gestione di grafica avanzata e una maggiore capacità di memoria.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
    <section class="mb-8">
    <div id="faq-content">
        <li class="faq-item p-6 rounded-lg flex flex-col justify-between transition-all duration-300 w-full px-4 md:px-0">
            <h3 class="font-bold bg-gray-200 p-3 rounded-md text-xl cursor-pointer"
                data-truncate-length="50" onclick="toggleQuestion(event)">
                Vale la pena questo PC da gaming?
            </h3>
            <div class="faq-answer-wrapper relative pb-6">
                <p class="faq-answer text-gray-700 text-base mt-2 transition-all duration-300 cursor-pointer w-full"
                   data-truncate-length="180" onclick="toggleAnswer(event)">
                    Per valutare se vale la pena questo PC da gaming, bisogna considerare diversi fattori come il prezzo, le specifiche tecniche, le esigenze di gioco e le prestazioni desiderate. Assicurati che il PC abbia le caratteristiche necessarie per eseguire i giochi che ti interessano senza problemi e che il prezzo sia equo rispetto alle prestazioni offerte. Inoltre, valuta se le specifiche tecniche soddisfano le tue esigenze a lungo termine e se il PC è facilmente aggiornabile per restare al passo con i futuri giochi.
                </p>
                <button onclick="toggleAnswer(event, true)" class="absolute bottom-0 right-2 mt-1 group"
                        aria-label="Toggle Description">
                    <i class="fa-solid fa-up-right-and-down-left-from-center text-blue-500 hover:text-blue-700"></i>
                    <span 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">
            Mostra di più
        </span>
                </button>
            </div>

            <div class="source-text hidden text-sm text-gray-700 font-bold mt-2">
                Fonte: Generato da AI di FAQ.net
            </div>
            <div id="related-terms"
                 class="related-terms hidden flex flex-wrap justify-center text-center p-4 mt-4">
                
                
                <div style="min-height: 0px;"></div>
                
            </div>
        </li>
    </div>
</section>

    
</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 = "Mostra meno";
        } 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 = "Mostra di più"; // 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 = "Mostra meno";
        } 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 = "Mostra di più";
        }

        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">
                * Tutti i prezzi includono l&#x27;IVA e, se applicabili, le spese di spedizione. Le informazioni sugli offerte sono basate sui dettagli forniti dal rispettivo negozio e vengono aggiornate tramite processi automatizzati. Un aggiornamento in tempo reale non avviene, quindi possono verificarsi delle deviazioni nei casi singoli.
            <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 geektrends.it - <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 = 'geektrends.it';
        const subject = `Richiesta di acquisto del dominio ${unicodeDomain}`;
        const body = `Buongiorno,

sono interessato all&#x27;acquisto del dominio ${unicodeDomain}.\n\nCordiali saluti,`;

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

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