





    



    



    









<!DOCTYPE html>
<html lang="it" data-domain="" data-page="" class="scroll-smooth ">
<head>

<link rel="preconnect" href="https://hd2.tudocdn.net" crossorigin >


<title>Compara - HDblog.it</title>
<meta name="description" content="Compara i cellulari su HDblog.it e scopri tutte le differenze." />
<meta name="author" content="HDblog.it" />



    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />




    <meta property="og:locale" content="it_IT" />
	<meta property="og:site_name" content="HDblog.it" />
	<meta property="og:type" content="website" />

    

    
        <meta name="robots" content="index, follow, max-image-preview:large" />
    



    




    


<link rel="icon" type="image/png" href="assets/favicon/default/favicon-96x96.png?v=1.4" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="assets/favicon/default/favicon.svg?v=1.4" />
<link rel="shortcut icon" href="assets/favicon/default/favicon.ico?v=1.4" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/default/apple-touch-icon.png?v=1.4" />
<link rel="manifest" href="assets/favicon/default/site.webmanifest?v=1.4" />

    <link rel="preconnect" href="https://www.googletagmanager.com/" crossorigin >    

    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        fetchpriority="low"
        rel="preload"
        href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=optional"
        as="style"
        onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript>
        <link
            href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=optional"
            rel="stylesheet"
            type="text/css"
        />
    </noscript>


    <!-- Google Tag Manager -->
    <script>
        (function(w,d,s,l,i){
            w[l]=w[l]||[];
            var loadGtm=function(){
                if (d.querySelector('script[data-gtm-loader]')) return;
                w[l].push({ 'gtm.start': new Date().getTime(), event:'gtm.js'});
                var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
                j.async=true;
                j.fetchPriority='low';
                j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
                j.setAttribute('data-gtm-loader','');
                f.parentNode.insertBefore(j,f);
            };
            var scheduleGtm=function(){
                if ('requestIdleCallback' in w) {
                    w.requestIdleCallback(loadGtm, { timeout: 2500 });
                } else {
                    w.setTimeout(loadGtm, 1500);
                }
            };
            if (d.readyState === 'complete') {
                scheduleGtm();
            } else {
                w.addEventListener('load', scheduleGtm, { once: true });
            }
        })(window,document,'script','dataLayer','');
    </script>
    <!-- End Google Tag Manager -->

    
        <link rel="stylesheet" type="text/css" href="styles/styles/style.css?ver=0.0.21" /> 
    



        
    <style>
        [x-cloak] {
            display: none;
        }
    </style>

    <style>
    /* Theme colors */

    
    :root {
        --color-primary: #45c0e8;
        --color-primary-light: #45c0e8;
        --color-primary-dark: #65aed9;
    }

    [data-theme="green"] {
        --color-primary: #009769;
        --color-primary-light: #009769;
        --color-primary-dark: #009769;
    }

    [data-theme="business"] {
        --color-primary: #34729c;
        --color-primary-light: #34729c;
        --color-primary-dark: #34729c;
    }

    [data-theme="home"] {
        --color-primary: #7e10cd;
        --color-primary-light: #7e10cd;
        --color-primary-dark: #7e10cd;
    }

    [data-theme="android"] {
        --color-primary: #a4c73b;
        --color-primary-light: #a4c73b;
        --color-primary-dark: #a4c73b;
    }

    [data-theme="apple"] {
        --color-primary: #009BDD;
        --color-primary-light: #009BDD;
        --color-primary-dark: #009BDD;
    }

    [data-theme="windows"] {
        --color-primary: #4FB8FF;
        --color-primary-light: #4FB8FF;
        --color-primary-dark: #4FB8FF;
    }

    [data-theme="games"] {
        --color-primary: #ffc90e;
        --color-primary-light: #ffc90e;
        --color-primary-dark: #ffc90e;
    }

    [data-theme="hardware"] {
        --color-primary: #8f6c2c;
        --color-primary-light: #8f6c2c;
        --color-primary-dark: #8f6c2c;
    }

    [data-theme="altadefinizione"] {
        --color-primary: #6C1E7F;
        --color-primary-light: #6C1E7F;
        --color-primary-dark: #6C1E7F;
    }
    [data-theme="mobile"] {
        --color-primary: #f98e00;
        --color-primary-light: #f98e00;
        --color-primary-dark: #f98e00;
    }

    [data-theme="lg"] {
        --color-primary: #D80546;
        --color-primary-light: #D80546;
        --color-primary-dark: #D80546;
    }

    [data-theme="samsung"] {
        --color-primary: #1D72AE;
        --color-primary-light: #1D72AE;
        --color-primary-dark: #1D72AE;
    }

    [data-theme="huawei"] {
        --color-primary: #ef4b35;
        --color-primary-light: #ef4b35;
        --color-primary-dark: #ef4b35;
    }





    
    
    
    
    


    /* Rest of the styles */
    .menu_more {
        font-weight: 600 !important;
    }
    
    div#div-gpt-ad-skin {
        display: flex; 
        position: absolute; 
        top: 0;
        width: 100%;
        justify-content: center;
    }
    div#div-gpt-ad-headofpage {
        display: flex; 
        margin-top: 1rem;
        margin-bottom: 0;
        min-height: 250px;
        justify-content: center; 
    }

    @media screen and (max-width: 600px) {
        div#div-gpt-ad-headofpage {
            min-height: 100px;
        }
    }
    body.leo-skin .main-container {
        max-width: 1060px !important;
        z-index: 1 !important;
        position: relative !important;
    }
    .adbox_placeholder {
        position: relative;
        background-image: url( 'assets/adbox_placeholder.svg?v=1' );
        background-position: center;
        background-size: 110px;
        background-repeat: no-repeat;
    }
    div[id^="div-gpt-ad-box_inside_content_"] *{
        width: 300px;
        margin: auto !important;
    }
    .is_xpost_hdmotori .card_label {
        color: #dc2626 !important;
    }
    .is_xpost_hdgreen .card_label {
        color: #10b981 !important;
    }
    .is_xpost_hdbusiness .card_label {
        color: #0284c7 !important;
    }
    .hidden-scrollbar {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .hidden-scrollbar::-webkit-scrollbar {
        display: none;  /* Chrome, Safari and Opera */
    }
</style>

    

<script>
    (function () {
        var loadCmp = function () {
            var modern = document.createElement('script');
            modern.type = 'module';
            modern.src = 'https://cmp.pubtech.ai/444/pubtech-cmp-v2-esm.js';
            document.head.appendChild(modern);

            var legacy = document.createElement('script');
            legacy.noModule = true;
            legacy.src = 'https://cmp.pubtech.ai/444/pubtech-cmp-v2.js';
            legacy.setAttribute('data-src', legacy.src);
            document.head.appendChild(legacy);
        };

        var scheduleCmp = function () {
            window.setTimeout(loadCmp, 2500);
        };

        if (document.readyState === 'complete') {
            scheduleCmp();
        } else {
            window.addEventListener('load', scheduleCmp, { once: true });
        }
    }());
</script>


<script type="text/javascript">
    window.googletag = window.googletag || { cmd: [] };
    window.googletag.cmd = window.googletag.cmd || [];
</script>



<script>
    window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) };

    (function () {
        var loadPlausible = function () {
            if (document.querySelector('script[data-plausible-loader]')) return;
            var script = document.createElement('script');
            script.defer = true;
            script.fetchPriority = 'low';
            script.dataset.domain = 'hdblog.it';
            script.src = 'https://mary.hdblog.it/js/script.outbound-links.pageview-props.tagged-events.js';
            script.setAttribute('data-plausible-loader', '');
            document.head.appendChild(script);
        };

        var schedulePlausible = function () {
            if ('requestIdleCallback' in window) {
                window.requestIdleCallback(loadPlausible, { timeout: 3000 });
            } else {
                window.setTimeout(loadPlausible, 1800);
            }
        };

        if (document.readyState === 'complete') {
            schedulePlausible();
        } else {
            window.addEventListener('load', schedulePlausible, { once: true });
        }
    }());
</script>



</head>

<body data-theme="" class=" scuro max-w-screen overflow-x-hidden ">

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    

    <main class="main-container mx-auto">
        
        <div style="box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 60px 4px;" class="boxed bg-white bordes_container"> 

        <section class="hidden lg:block">
    <div class="py-2 px-4 bg-white boxed flex items-center justify-between">
        <ul>
            
        </ul>
        <ul>
            <li class="inline mr-4 text-slate-500 lg:hover:text-black">
                <a target="_blank" href="https://www.hdnetwork.it/iscrizione-newsletter-hdblog/">
                    Newsletter
                </a>
            </li>
            <li class="inline">
                <a target="_blank" href="https://hdnetwork.it/pubblicita/" class="text-red-500">
                    Pubblicit&agrave;
                </a>
            </li>
        </ul>
    </div>
    <div class="boxed w-full px-4">
        <div class="bg-slate-200 h-[1px]"></div>
    </div>
</section>

        <header 
        x-data="{ shadow: false, searchOpen: false, menuOpen: false }" 
        class="sticky top-0 left-0 z-20 w-full"
        :class="{ 'shadow-[0_1px_3px_rgba(15,23,42,0.08)] transition duration-200' : shadow }"
        @scroll.window="shadow = (window.pageYOffset > 20) ? true : false;">

        
            <nav class="bg-white">
  
    <div class="mx-auto boxed px-2 sm:px-6 lg:px-4">
        <div 
            class="relative flex items-center justify-between transition duration-200 h-24"
            :class="shadow ? 'h-14 lg:h-16' : 'h-24'"
            >

            <div class="flex flex-1 lg:grid lg:grid-cols-[318px_auto] items-center justify-center sm:items-stretch sm:justify-start">
                <div class="relative">
                    






<a href="/" title="Vai alla Homepage" class="block">
    <div class="py-4">
        <?xml version="1.0" encoding="utf-8"?>
<!-- logo color -->
<svg 
    class="h-10 w-36 transition duration-200 lg:h-[77px] lg:w-[238px]" 
    :class="shadow ? '!h-10 lg:!h-[50px] !w-32 lg:!w-[180px] -mt-[8px] lg:!-mt-[3px]' : '!h-10 lg:!h-[77px] !w-36 lg:!w-[238px]'"
    version="1.1" id="logo_color1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 260.02 74.45" style="enable-background:new 0 0 260.02 74.45;" xml:space="preserve">
<style type="text/css">
	.default_navbar_logo_st0{fill:#45c0e8}
	.default_navbar_logo_st1{fill:#1F262E;}
</style>
<g>
	<path class="default_navbar_logo_st0" d="M116.28,60.89V13.85h7.27v11.61h20.59c2.24,0,4.15,0.8,5.74,2.41c1.59,1.61,2.38,3.53,2.38,5.77V52.7
		c0,2.24-0.79,4.16-2.38,5.77c-1.59,1.61-3.5,2.41-5.74,2.41H116.28z M125.81,53.62h16.98c1.02,0,1.64-0.11,1.86-0.34
		c0.22-0.22,0.34-0.84,0.34-1.86V34.92c0-1.02-0.11-1.64-0.34-1.86c-0.22-0.22-0.85-0.34-1.86-0.34h-16.98
		c-1.02,0-1.65,0.11-1.89,0.34c-0.24,0.22-0.37,0.85-0.37,1.86v16.49c0,1.02,0.12,1.64,0.37,1.86
		C124.16,53.5,124.79,53.62,125.81,53.62z"/>
	<path class="default_navbar_logo_st0" d="M166.61,60.89c-2.24,0-4.16-0.8-5.77-2.41c-1.61-1.61-2.41-3.53-2.41-5.77V13.79h7.33v37.63
		c0,1.02,0.11,1.64,0.34,1.86c0.22,0.22,0.84,0.34,1.86,0.34h5.5v7.27H166.61z"/>
	<path class="default_navbar_logo_st0" d="M186.65,60.89c-2.24,0-4.16-0.8-5.77-2.41c-1.61-1.61-2.41-3.53-2.41-5.77V33.64c0-2.24,0.8-4.16,2.41-5.77
		c1.61-1.61,3.53-2.41,5.77-2.41h19.61c2.28,0,4.22,0.8,5.8,2.41c1.59,1.61,2.38,3.53,2.38,5.77V52.7c0,2.24-0.79,4.16-2.38,5.77
		c-1.59,1.61-3.52,2.41-5.8,2.41H186.65z M187.93,53.62h17.04c1.02,0,1.64-0.11,1.86-0.34c0.22-0.22,0.34-0.84,0.34-1.86V34.92
		c0-1.02-0.11-1.64-0.34-1.86c-0.22-0.22-0.85-0.34-1.86-0.34h-17.04c-1.02,0-1.64,0.11-1.86,0.34c-0.22,0.22-0.34,0.85-0.34,1.86
		v16.49c0,1.02,0.11,1.64,0.34,1.86C186.29,53.5,186.91,53.62,187.93,53.62z"/>
	<path class="default_navbar_logo_st0" d="M228.01,74.87l-7.66-7.33h26.58c1.02,0,1.64-0.11,1.86-0.34c0.22-0.22,0.34-0.85,0.34-1.86v-4.46h-20.53
		c-2.24,0-4.16-0.8-5.77-2.41c-1.61-1.61-2.41-3.53-2.41-5.77V33.64c0-2.24,0.8-4.16,2.41-5.77c1.61-1.61,3.53-2.41,5.77-2.41h19.67
		c2.28,0,4.2,0.8,5.77,2.41c1.57,1.61,2.35,3.53,2.35,5.77v33.05c0,2.28-0.78,4.22-2.35,5.8c-1.57,1.59-3.49,2.38-5.77,2.38H228.01z
		 M229.9,53.62h17.04c1.02,0,1.64-0.11,1.86-0.34c0.22-0.22,0.34-0.84,0.34-1.86V34.92c0-1.02-0.11-1.64-0.34-1.86
		c-0.22-0.22-0.85-0.34-1.86-0.34H229.9c-1.02,0-1.64,0.11-1.86,0.34c-0.22,0.22-0.34,0.85-0.34,1.86v16.49
		c0,1.02,0.11,1.64,0.34,1.86C228.26,53.5,228.88,53.62,229.9,53.62z"/>
	<g>
		<path class="default_navbar_logo_st1" d="M104.81,16.89c-2.21-2.21-4.87-3.32-7.98-3.32h-4.3H53.56l16.9,12.2h20.89c4.07,0,4.57,0.5,4.57,4.57v13.91
			c0,4.07-0.5,4.57-4.57,4.57H70.47L53.53,61.05l43.3,0.01c3.11,0,5.77-1.1,7.98-3.32c2.21-2.21,3.31-4.87,3.31-7.98v-4.31V29.18
			v-4.3C108.12,21.76,107.02,19.1,104.81,16.89z"/>
		<polygon class="default_navbar_logo_st0" points="60.17,25.04 60.17,49.57 77.16,37.3 		"/>
		<polygon class="default_navbar_logo_st1" points="54.75,53.47 54.75,21.15 44.25,13.57 44.25,30.6 16.06,30.6 16.06,13.57 3.61,13.57 3.61,61.05 
			16.06,61.05 16.06,42.36 44.25,42.36 44.25,61.05 		"/>
	</g>
</g>
</svg>

    </div>
</a>
                </div>
                <div class="hidden lg:mr-20 lg:block w-full">
                    <div x-cloak x-show="shadow" class="flex justify-end w-full h-full items-center">
                        
                        
                        <a href="/schede-tecniche/" class="px-2 py-2 text-md text-primary font-condensed hover:text-primary/80 uppercase">Schede Tecniche</a>
                    </div>
                </div>
            </div>

            <div x-show="!shadow" class="flex justify-end w-full h-full items-center">
                <div class="fullsearch-container relative w-full max-w-xl mx-auto">
    <input 
        type="text" 
        class="fullsearch-input w-full rounded-none border p-2 border-primary focus:border-primary focus:ring-primary focus:ring-1 focus:outline-none" 
        placeholder="Cerca..."
        autocomplete="off">
    
    <div class="fullsearch-results absolute top-full mt-2 left-0 w-full bg-white border border-gray-300 shadow-lg z-50 hidden">
        <!-- Results will be populated here -->
    </div>
</div>
 
<style>
.price-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, #e67e22 0%, #f39c12 100%);
    border-radius: 4px;
    padding: 0;
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
    position: relative;
}

.price-symbol {
    background: #d35400;
    padding: 4px 8px;
    border-radius: 4px 0 0 4px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
 
.price-symbol::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #d35400;
}
 
.price-value {
    padding: 4px 10px;
    background: #f39c12;
    min-width: 60px;
    text-align: center;
    border-radius: 0 4px 4px 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
</style>

<script>
(function() {
    // Inizializza una singola istanza del pannello di ricerca
    function initSearchInstance(container) {
        const searchInput = container.querySelector('.fullsearch-input');
        const searchResults = container.querySelector('.fullsearch-results');
        
        if (!searchInput || !searchResults) {
            return false;
        }
        
        // Evita doppia inizializzazione
        if (container.hasAttribute('data-initialized')) {
            return true;
        }
        
        container.setAttribute('data-initialized', 'true');

        let searchTimeout;
        
        searchInput.addEventListener('input', function() {
            const searchTerm = this.value.trim();
            
            // Clear previous timeout
            clearTimeout(searchTimeout);
        
            // Hide results if search is empty
            if (searchTerm.length === 0) {
                searchResults.classList.add('hidden');
                return;
            }

            // Debounce the search request
            searchTimeout = setTimeout(() => {
                performSearch(searchTerm);
            }, 300);
        });

        // Gestione submit su Enter
        searchInput.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                const searchTerm = this.value.trim();
                if (searchTerm.length > 0) {
                    window.location.href = `/?sName=${encodeURIComponent(searchTerm)}`;
                }
            }
        });

        // Hide results when clicking outside
        document.addEventListener('click', function(e) {
            if (!container.contains(e.target)) {
                searchResults.classList.add('hidden');
            }
        });

        function performSearch(searchTerm) {
            const url = `/new_files/ajax/fullsearch.php?search_str=${encodeURIComponent(searchTerm)}&ltype=json`;
            
            fetch(url)
                .then(response => response.json())
                .then(data => {
                    displayResults(data);
                })
                .catch(error => {
                    console.error('Search error:', error);
                    searchResults.innerHTML = '<div class="p-3 text-gray-500">Errore durante la ricerca</div>';
                    searchResults.classList.remove('hidden');
                });
        }

        function displayResults(data) {
            if (!data || !Array.isArray(data) || data.length < 2 || !Array.isArray(data[1])) {
                searchResults.innerHTML = '<div class="p-3 text-gray-500">Nessun risultato trovato</div>';
                searchResults.classList.remove('hidden');
                return;
            }

            const items = data[1];
            let resultsHTML = '';

            items.forEach(item => {
                if (item.model) {
                    const hasVideoReview = item.reviewid && item.reviewid !== 0;
                    const hasPrice = item.price && item.price !== 0;
                    resultsHTML += `
                    <div class="flex items-center h-20 justify-between gap-0 border-b border-gray-200 last:border-b-0 select-none">
                        <div class="p-0 lg:p-2 w-2/12 lg:w-1/12 flex items-center justify-center">
                            <a href="${item.link || '/new_files/redirs/model.php?id=' + item.id}">
                                <img style="height:40px" class="object-contain" src="${item.image_url}">
                            </a>
                        </div>
                        <div class="p-2 w-6/12 lg:w-4/12 flex items-center">
                            <a href="${item.link || '/new_files/redirs/model.php?id=' + item.id}" class="text-sm hover:underline hover:text-red-600 hover:decoration-black">
                                ${item.producer_name} ${item.model}
                            </a>
                        </div>
                        <div class="p-2 w-2/12 hidden lg:flex items-center justify-center">
                            ${(!item.product_type || item.product_type === 'smartphone') ? `<a href="/compara/${item.id}.html" data-type="0" data-id="${item.id}" data-model="${item.model}" data-maker="${item.maker_name}" data-imageid="${item.imageid}" class="flex items-center gap-2">` : '<div class="flex items-center gap-2 opacity-0">'}
                                <span class="flex items-center justify-center border border-gray-200 rounded-full p-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                                    </svg>
                                </span>
                                <span class="text-xs hover:underline">
                                    Compara
                                </span>
                            ${(!item.product_type || item.product_type === 'smartphone') ? '</a>' : '</div>'}
                        </div>
                        <div class="p-2 w-3/12 hidden lg:flex items-center justify-center">
                            ${hasVideoReview ? `
                            <a href="/new_files/redirs/videoreview.php?id=${item.id}" class="video_review flex items-center gap-2">
                                <div class="color_video relative text-white">
                                    <img src="${item.rimage_url}?w=63&amp;h=42" width="63" height="42">
                                    <div class="absolute top-0 left-0 w-full h-full bg-black/30"></div>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
                                        <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z" clip-rule="evenodd" />
                                    </svg>
                                </div>
                                <span class="text-xs text-slate-500 leading-3">Video Review</span>
                            </a>
                            ` : ''}
                        </div>
                        <div class="p-2 w-4/12 lg:w-2/12 flex items-center justify-center">
                             ${hasPrice ? `
                             <a href="${(item.link || '').replace("schede-tecniche","prezzi") || '/new_files/redirs/price.php?id=' + item.id}" class="price-badge" target="_blank">
                                 <span class="price-symbol">&euro;</span>
                                 <span class="price-value">${item.price}</span>
                             </a>
                             ` : ''}
                         </div>
                    </div>`;
                }
            });

            if (resultsHTML === '') {
                resultsHTML = '<div class="p-3 text-gray-500">Nessun risultato trovato</div>';
            }

            searchResults.innerHTML = resultsHTML;
            searchResults.classList.remove('hidden');
        }
        
        return true;
    }
    
    // Inizializza tutte le istanze del pannello di ricerca
    function initAllSearchPanels() {
        const containers = document.querySelectorAll('.fullsearch-container:not([data-initialized])');
        containers.forEach(container => {
            initSearchInstance(container);
        });
    }
    
    // Prova ad inizializzare quando il DOM è pronto
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(initAllSearchPanels, 100);
        });
    } else {
        setTimeout(initAllSearchPanels, 100);
    }
    
    // Inizializza anche quando il pannello diventa visibile (Alpine.js)
    // Usa un observer per rilevare quando search-menu diventa visibile
    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                const searchMenu = document.getElementById('search-menu');
                if (searchMenu && searchMenu.style.display !== 'none') {
                    setTimeout(initAllSearchPanels, 50);
                }
            }
        });
    });
    
    // Avvia l'observer quando il DOM è pronto
    function startObserver() {
        const searchMenu = document.getElementById('search-menu');
        if (searchMenu) {
            observer.observe(searchMenu, { attributes: true, attributeFilter: ['style'] });
        } else {
            setTimeout(startObserver, 100);
        }
    }
    
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', startObserver);
    } else {
        startObserver();
    }
})();
</script>
            </div>
            <div x-cloak x-show="shadow" class="space-x-4">
                <div class="absolute inset-y-0 right-10 flex items-center">
                    <!-- Search Button -->
                    <button type="button"
                        class="relative inline-flex items-center justify-center rounded-lg p-2 lg:text-slate-900 text-white"
                        aria-controls="search-menu"  @click="searchOpen = !searchOpen; if (searchOpen) menuOpen = false" aria-expanded="false"
                        x-bind:aria-expanded="searchOpen.toString()">
                        <span class="absolute"></span>
                        <span class="sr-only">Apri la ricerca</span>
                        <div class="h-4 w-4 fill-slate-900 " :class="{ 'hidden': searchOpen, 'block': !searchOpen }">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
                        </div>
                        <svg x-description="Icon when search is open." x-state:on="Search open" x-state:off="Search closed"
                            class="hidden h-6 w-6" :class="{ 'block': searchOpen, 'hidden': !searchOpen }" fill="none"
                            viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>
                <div class="absolute inset-y-0 right-0 flex items-center">
                                            
                    <!-- Mobile Menu Button -->
                    <button type="button"
                        class="relative inline-flex items-center justify-center rounded-lg p-2 text-slate-900 "
                        aria-controls="mobile-menu" @click="menuOpen = !menuOpen; if (menuOpen) searchOpen = false" aria-expanded="false"
                        x-bind:aria-expanded="menuOpen.toString()">
                        <span class="absolute"></span>
                        <span class="sr-only">Apri il menu</span>
                        <svg x-state:on="Menu open" x-state:off="Menu closed"
                            class="block h-6 w-6" :class="{ 'hidden': menuOpen, 'block': !menuOpen }" fill="none"
                            viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round"
                                d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
                        </svg>
                        <svg x-description="Icon when menu is open." x-state:on="Menu open" x-state:off="Menu closed"
                            class="hidden h-6 w-6" :class="{ 'block': menuOpen, 'hidden': !menuOpen }" fill="none"
                            viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>
            </div>
        </div>
    </div>


    <!-- Search Panel -->
<div class="h-screen w-full overflow-auto hidden-scrollbar bg-white" id="search-menu" x-show="searchOpen" style="display: none;">
    <div class="pb-3 pt-2 flex-none boxed">
        <div class="sticky top-0 bg-white py-2">
            <div class="boxed px-4 lg:py-24 my-2">
                <div class="fullsearch-container relative w-full max-w-xl mx-auto">
    <input 
        type="text" 
        class="fullsearch-input w-full rounded-none border p-2 border-primary focus:border-primary focus:ring-primary focus:ring-1 focus:outline-none" 
        placeholder="Cerca..."
        autocomplete="off">
    
    <div class="fullsearch-results absolute top-full mt-2 left-0 w-full bg-white border border-gray-300 shadow-lg z-50 hidden">
        <!-- Results will be populated here -->
    </div>
</div>
 
<style>
.price-badge {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, #e67e22 0%, #f39c12 100%);
    border-radius: 4px;
    padding: 0;
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
    position: relative;
}

.price-symbol {
    background: #d35400;
    padding: 4px 8px;
    border-radius: 4px 0 0 4px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
 
.price-symbol::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #d35400;
}
 
.price-value {
    padding: 4px 10px;
    background: #f39c12;
    min-width: 60px;
    text-align: center;
    border-radius: 0 4px 4px 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
</style>

<script>
(function() {
    // Inizializza una singola istanza del pannello di ricerca
    function initSearchInstance(container) {
        const searchInput = container.querySelector('.fullsearch-input');
        const searchResults = container.querySelector('.fullsearch-results');
        
        if (!searchInput || !searchResults) {
            return false;
        }
        
        // Evita doppia inizializzazione
        if (container.hasAttribute('data-initialized')) {
            return true;
        }
        
        container.setAttribute('data-initialized', 'true');

        let searchTimeout;
        
        searchInput.addEventListener('input', function() {
            const searchTerm = this.value.trim();
            
            // Clear previous timeout
            clearTimeout(searchTimeout);
        
            // Hide results if search is empty
            if (searchTerm.length === 0) {
                searchResults.classList.add('hidden');
                return;
            }

            // Debounce the search request
            searchTimeout = setTimeout(() => {
                performSearch(searchTerm);
            }, 300);
        });

        // Gestione submit su Enter
        searchInput.addEventListener('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                const searchTerm = this.value.trim();
                if (searchTerm.length > 0) {
                    window.location.href = `/?sName=${encodeURIComponent(searchTerm)}`;
                }
            }
        });

        // Hide results when clicking outside
        document.addEventListener('click', function(e) {
            if (!container.contains(e.target)) {
                searchResults.classList.add('hidden');
            }
        });

        function performSearch(searchTerm) {
            const url = `/new_files/ajax/fullsearch.php?search_str=${encodeURIComponent(searchTerm)}&ltype=json`;
            
            fetch(url)
                .then(response => response.json())
                .then(data => {
                    displayResults(data);
                })
                .catch(error => {
                    console.error('Search error:', error);
                    searchResults.innerHTML = '<div class="p-3 text-gray-500">Errore durante la ricerca</div>';
                    searchResults.classList.remove('hidden');
                });
        }

        function displayResults(data) {
            if (!data || !Array.isArray(data) || data.length < 2 || !Array.isArray(data[1])) {
                searchResults.innerHTML = '<div class="p-3 text-gray-500">Nessun risultato trovato</div>';
                searchResults.classList.remove('hidden');
                return;
            }

            const items = data[1];
            let resultsHTML = '';

            items.forEach(item => {
                if (item.model) {
                    const hasVideoReview = item.reviewid && item.reviewid !== 0;
                    const hasPrice = item.price && item.price !== 0;
                    resultsHTML += `
                    <div class="flex items-center h-20 justify-between gap-0 border-b border-gray-200 last:border-b-0 select-none">
                        <div class="p-0 lg:p-2 w-2/12 lg:w-1/12 flex items-center justify-center">
                            <a href="${item.link || '/new_files/redirs/model.php?id=' + item.id}">
                                <img style="height:40px" class="object-contain" src="${item.image_url}">
                            </a>
                        </div>
                        <div class="p-2 w-6/12 lg:w-4/12 flex items-center">
                            <a href="${item.link || '/new_files/redirs/model.php?id=' + item.id}" class="text-sm hover:underline hover:text-red-600 hover:decoration-black">
                                ${item.producer_name} ${item.model}
                            </a>
                        </div>
                        <div class="p-2 w-2/12 hidden lg:flex items-center justify-center">
                            ${(!item.product_type || item.product_type === 'smartphone') ? `<a href="/compara/${item.id}.html" data-type="0" data-id="${item.id}" data-model="${item.model}" data-maker="${item.maker_name}" data-imageid="${item.imageid}" class="flex items-center gap-2">` : '<div class="flex items-center gap-2 opacity-0">'}
                                <span class="flex items-center justify-center border border-gray-200 rounded-full p-1">
                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-3">
                                        <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
                                    </svg>
                                </span>
                                <span class="text-xs hover:underline">
                                    Compara
                                </span>
                            ${(!item.product_type || item.product_type === 'smartphone') ? '</a>' : '</div>'}
                        </div>
                        <div class="p-2 w-3/12 hidden lg:flex items-center justify-center">
                            ${hasVideoReview ? `
                            <a href="/new_files/redirs/videoreview.php?id=${item.id}" class="video_review flex items-center gap-2">
                                <div class="color_video relative text-white">
                                    <img src="${item.rimage_url}?w=63&amp;h=42" width="63" height="42">
                                    <div class="absolute top-0 left-0 w-full h-full bg-black/30"></div>
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
                                        <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z" clip-rule="evenodd" />
                                    </svg>
                                </div>
                                <span class="text-xs text-slate-500 leading-3">Video Review</span>
                            </a>
                            ` : ''}
                        </div>
                        <div class="p-2 w-4/12 lg:w-2/12 flex items-center justify-center">
                             ${hasPrice ? `
                             <a href="${(item.link || '').replace("schede-tecniche","prezzi") || '/new_files/redirs/price.php?id=' + item.id}" class="price-badge" target="_blank">
                                 <span class="price-symbol">&euro;</span>
                                 <span class="price-value">${item.price}</span>
                             </a>
                             ` : ''}
                         </div>
                    </div>`;
                }
            });

            if (resultsHTML === '') {
                resultsHTML = '<div class="p-3 text-gray-500">Nessun risultato trovato</div>';
            }

            searchResults.innerHTML = resultsHTML;
            searchResults.classList.remove('hidden');
        }
        
        return true;
    }
    
    // Inizializza tutte le istanze del pannello di ricerca
    function initAllSearchPanels() {
        const containers = document.querySelectorAll('.fullsearch-container:not([data-initialized])');
        containers.forEach(container => {
            initSearchInstance(container);
        });
    }
    
    // Prova ad inizializzare quando il DOM è pronto
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(initAllSearchPanels, 100);
        });
    } else {
        setTimeout(initAllSearchPanels, 100);
    }
    
    // Inizializza anche quando il pannello diventa visibile (Alpine.js)
    // Usa un observer per rilevare quando search-menu diventa visibile
    const observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
            if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
                const searchMenu = document.getElementById('search-menu');
                if (searchMenu && searchMenu.style.display !== 'none') {
                    setTimeout(initAllSearchPanels, 50);
                }
            }
        });
    });
    
    // Avvia l'observer quando il DOM è pronto
    function startObserver() {
        const searchMenu = document.getElementById('search-menu');
        if (searchMenu) {
            observer.observe(searchMenu, { attributes: true, attributeFilter: ['style'] });
        } else {
            setTimeout(startObserver, 100);
        }
    }
    
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', startObserver);
    } else {
        startObserver();
    }
})();
</script>
            </div>
        </div>
    </div>
</div>

    <div x-cloak x-show="menuOpen" class="h-screen w-full overflow-auto hidden-scrollbar bg-white" id="mobile-menu" style="display: none;">
    <div class="px-6 pt-4 pb-40 lg:pb-4 grid grid-cols-1 lg:grid-cols-4 gap-6 boxed mx-auto">

        <div>
            <span class="uppercase text-black text-xs font-bold">Network:</span>
            
                <a target="_blank" href="https://www.hdblog.it/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    HDblog
                </a>
    
            
                <a target="_blank" href="https://www.hdmotori.it/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    HDmotori
                </a>
    
            
                <a target="_blank" href="https://hdgreen.it/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    HDgreen
                </a>
    
            
                <a target="_blank" href="https://www.hdbusiness.it/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    HDbusiness
                </a>

                <a target="_blank" href="https://www.hdblog.it/home/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    HDhome
                </a>
            
        </div>

        <div>
            <span class="uppercase text-black text-xs font-bold">Topic:</span>
            <a href="/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Home
            </a>
            <a href="/offerte/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Offerte
            </a>
            <a href="/giochi/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Giochi
            </a>
            <a href="/video/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Video
            </a>
            <a href="/schede-tecniche/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Schede Tecniche
            </a>
            <a href="https://discord.com/servers/hdblog-1086246510771052616" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Forum
            </a>
            <a href="/compara/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                Compara
            </a>
        </div>


        <div>
            <span class="uppercase text-black text-xs font-bold">About:</span>
            
            
                <a href="https://www.hdnetwork.it/contatti/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Contatti
                </a>
            
                <div class="divide-slate-500"></div>
            
            
                <a href="https://www.hdnetwork.it/pubblicita" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Pubblicit&agrave;
                </a>
            
                <div class="divide-slate-500"></div>
            
            
                <a href="https://www.hdnetwork.it/cookie-policy/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Cookie policy
                </a>
            
                <div class="divide-slate-500"></div>
            
            
                <a href="https://www.hdnetwork.it/privacy-policy/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Privacy policy
                </a>
            
                <div class="divide-slate-500"></div>
            
            
                <a href="https://www.hdnetwork.it/note-legali/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Note legalli
                </a>
            
                <div class="divide-slate-500"></div>
            
            
                <a href="https://hdnetwork.it/codice-etico/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Codice Etico
                </a>
            
                <div class="divide-slate-500"></div>
            
            
                <a href="https://www.hdnetwork.it/affiliazione/" class="text-gray-900 block rounded-md py-2 text-[20px] font-light">
                    Affiliazione
                </a>
            
                <div class="divide-slate-500"></div>
            
        </div>

    </div>
</div>

</nav>
        



        </header>


        <div class="boxed px-4 bg-white">

            
            <div class="-mx-4">
                <section
class="boxed h-[34px] bg-[#EAEAEA] flex items-center lg:justify-left ">

    <ul class="overflow-x-scroll whitespace-nowrap hidden-scrollbar pl-3 lg:px-4 boxed pt-0 lg:w-full flex items-center font-condensed">
        <li id="tutto_su" class="relative h-[34px] bg-[#dddddd] -ml-4 mr-6  text-red-600 flex items-center uppercase font-bold text-sm px-3">Tutto su</li>
        
    </ul>

    <ul class="flex items-center">
        
    </ul>
</section>

                <section 
style="background-image: linear-gradient(to bottom, #5E686A 0%, #3A4549 100%)"
class="boxed text-white flex items-center h-[46px]">

    <ul class="overflow-x-scroll whitespace-nowrap hidden-scrollbar pl-3 lg:px-4 boxed lg:w-full flex items-center relative">
        <li class="inline -ml-4 mr-4">
            <a href="/" class="text-white size-[46px] flex items-center justify-center bg-primary">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-4">
                    <path d="M11.47 3.841a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.061l-8.689-8.69a2.25 2.25 0 0 0-3.182 0l-8.69 8.69a.75.75 0 1 0 1.061 1.06l8.69-8.689Z" />
                    <path d="m12 5.432 8.159 8.159c.03.03.06.058.091.086v6.198c0 1.035-.84 1.875-1.875 1.875H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.625a1.875 1.875 0 0 1-1.875-1.875v-6.198a2.29 2.29 0 0 0 .091-.086L12 5.432Z" />
                </svg>
            </a>
        </li>
        

        <li class="absolute right-0 text-white uppercase text-lg flex items-center gap-1">
            <a href="/forum" target="_blank" class="mr-2 flex items-center gap-1">
                Forum 
                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="size-3" viewBox="0 0 320 512"><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>
            </a>
            <a href="/schede-tecniche" class="text-white bg-primary px-4 h-[46px] flex items-center justify-center">Schede Tecniche</a>
        </li>
    </ul>
</section>


    
            </div>
            

             

             










        <script defer fetchpriority="low" src="scripts/lib/cdn.min.js?v=0.0.21"></script>
    
        




            </div>


            </div>
            
        </main> 
        <footer class="bg-[#222222] min-h-64 flex items-center justify-center" style="background-image: linear-gradient(to bottom, #292929 0%, #0a0a0a 100%)">
                    
            
            
            


            <div class="w-full">

                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6 items-center justify-center lg:justify-between boxed">
                    
                    






<div class="text-left items-center mt-8 lg:mt-0">
    
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" class="h-10 lg:h-[91px] w-36 lg:w-[255px] mx-auto lg:mx-0"  id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 260.02 74.45" style="enable-background:new 0 0 260.02 74.45;" xml:space="preserve">
<style type="text/css">
	.default_footer_logo_st_0{fill:#45c0e8;}
	.default_footer_logo_st_1{fill:#FFFFFF;}
</style>
<g>
	<path class="default_footer_logo_st_0" d="M116.28,60.66V13.62h7.27v11.61h20.59c2.24,0,4.15,0.8,5.74,2.41c1.59,1.61,2.38,3.53,2.38,5.77v19.06
		c0,2.24-0.79,4.16-2.38,5.77c-1.59,1.61-3.5,2.41-5.74,2.41H116.28z M125.81,53.39h16.98c1.02,0,1.64-0.11,1.86-0.34
		c0.22-0.22,0.34-0.84,0.34-1.86V34.7c0-1.02-0.11-1.64-0.34-1.86c-0.22-0.22-0.85-0.34-1.86-0.34h-16.98
		c-1.02,0-1.65,0.11-1.89,0.34c-0.24,0.22-0.37,0.85-0.37,1.86v16.49c0,1.02,0.12,1.64,0.37,1.86
		C124.16,53.28,124.79,53.39,125.81,53.39z"/>
	<path class="default_footer_logo_st_0" d="M166.61,60.66c-2.24,0-4.16-0.8-5.77-2.41c-1.61-1.61-2.41-3.53-2.41-5.77V13.56h7.33v37.63
		c0,1.02,0.11,1.64,0.34,1.86c0.22,0.22,0.84,0.34,1.86,0.34h5.5v7.27H166.61z"/>
	<path class="default_footer_logo_st_0" d="M186.65,60.66c-2.24,0-4.16-0.8-5.77-2.41c-1.61-1.61-2.41-3.53-2.41-5.77V33.41c0-2.24,0.8-4.16,2.41-5.77
		c1.61-1.61,3.53-2.41,5.77-2.41h19.61c2.28,0,4.22,0.8,5.8,2.41c1.59,1.61,2.38,3.53,2.38,5.77v19.06c0,2.24-0.79,4.16-2.38,5.77
		c-1.59,1.61-3.52,2.41-5.8,2.41H186.65z M187.93,53.39h17.04c1.02,0,1.64-0.11,1.86-0.34c0.22-0.22,0.34-0.84,0.34-1.86V34.7
		c0-1.02-0.11-1.64-0.34-1.86c-0.22-0.22-0.85-0.34-1.86-0.34h-17.04c-1.02,0-1.64,0.11-1.86,0.34c-0.22,0.22-0.34,0.85-0.34,1.86
		v16.49c0,1.02,0.11,1.64,0.34,1.86C186.29,53.28,186.91,53.39,187.93,53.39z"/>
	<path class="default_footer_logo_st_0" d="M228.01,74.65l-7.66-7.33h26.58c1.02,0,1.64-0.11,1.86-0.34c0.22-0.22,0.34-0.85,0.34-1.86v-4.46h-20.53
		c-2.24,0-4.16-0.8-5.77-2.41c-1.61-1.61-2.41-3.53-2.41-5.77V33.41c0-2.24,0.8-4.16,2.41-5.77c1.61-1.61,3.53-2.41,5.77-2.41h19.67
		c2.28,0,4.2,0.8,5.77,2.41c1.57,1.61,2.35,3.53,2.35,5.77v33.05c0,2.28-0.78,4.22-2.35,5.8c-1.57,1.59-3.49,2.38-5.77,2.38H228.01z
		 M229.9,53.39h17.04c1.02,0,1.64-0.11,1.86-0.34c0.22-0.22,0.34-0.84,0.34-1.86V34.7c0-1.02-0.11-1.64-0.34-1.86
		c-0.22-0.22-0.85-0.34-1.86-0.34H229.9c-1.02,0-1.64,0.11-1.86,0.34c-0.22,0.22-0.34,0.85-0.34,1.86v16.49
		c0,1.02,0.11,1.64,0.34,1.86C228.26,53.28,228.88,53.39,229.9,53.39z"/>
	<g>
		<path class="default_footer_logo_st_1" d="M104.81,16.67c-2.21-2.21-4.87-3.32-7.98-3.32h-4.3H53.56l16.9,12.2h20.89c4.07,0,4.57,0.5,4.57,4.57v13.91
			c0,4.07-0.5,4.57-4.57,4.57H70.47L53.53,60.82l43.3,0.01c3.11,0,5.77-1.1,7.98-3.32c2.21-2.21,3.31-4.87,3.31-7.98v-4.31V28.95
			v-4.3C108.12,21.54,107.02,18.88,104.81,16.67z"/>
		<polygon class="default_footer_logo_st_0" points="60.17,24.81 60.17,49.34 77.16,37.08 		"/>
		<polygon class="default_footer_logo_st_1" points="54.75,53.24 54.75,20.93 44.25,13.35 44.25,30.37 16.06,30.37 16.06,13.35 3.61,13.35 3.61,60.82 
			16.06,60.82 16.06,42.13 44.25,42.13 44.25,60.82 		"/>
	</g>
</g>
</svg>


</div>
                    
                    <div class="social_links flex justify-center lg:justify-end items-center">
    <a class="newsletter_icon" target="_blank" href="https://www.hdnetwork.it/iscrizione-newsletter-hdblog/" aria-label="Iscriviti alla newsletter HDblog">
        <svg style="margin-top: 3px;" height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
            <path d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z"></path>
            <path d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z"></path>
        </svg>
    </a>
    <a target="_blank" href="https://www.facebook.com/HDblog?fref=ts" aria-label="Segui HDblog su Facebook">
        <svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512.6 512.6" height="30" viewBox="0 0 512.6 512.6" width="30"><g><path class="social_svg" d="m457.21 0h-401.82c-30.59 0-55.39 24.8-55.39 55.39v401.82c0 30.59 24.8 55.39 55.39 55.39h401.82c30.59 0 55.39-24.8 55.39-55.39v-401.82c0-30.59-24.8-55.39-55.39-55.39zm-170.88 450.61v-137.66h45.91l8.73-56.95h-54.64v-36.95c0-15.58 7.63-30.77 32.11-30.77h24.84v-48.48s-22.55-3.85-44.1-3.85c-45 0-74.41 27.28-74.41 76.65v43.4h-50.02v56.95h50.02v137.66c-94.18-14.78-166.22-96.28-166.22-194.61 0-108.8 88.2-197 197-197s197 88.2 197 197c0 98.33-72.04 179.83-166.22 194.61z"></path></g></svg>
    </a>
    <a target="_blank" href="https://twitter.com/hdblog" aria-label="Segui HDblog su Twitter">
        <svg id="Capa_1" width="30" height="30" enable-background="new 0 0 1227 1227" viewBox="0 0 1227 1227" xmlns="http://www.w3.org/2000/svg"><path class="social_svg" d="m654.53 592.55 276.12 394.95h-113.32l-225.32-322.28v-.02l-33.08-47.31-263.21-376.5h113.32l212.41 303.85z"></path><path class="social_svg" d="m1094.42 0h-961.84c-73.22 0-132.58 59.36-132.58 132.58v961.84c0 73.22 59.36 132.58 132.58 132.58h961.84c73.22 0 132.58-59.36 132.58-132.58v-961.84c0-73.22-59.36-132.58-132.58-132.58zm-311.8 1040.52-228.01-331.84-285.47 331.84h-73.78l326.49-379.5-326.49-475.17h249.02l215.91 314.23 270.32-314.23h73.78l-311.33 361.9h-.02l338.6 492.77z"></path><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
    </a>
    <a target="_blank" href="https://www.youtube.com/user/HDblog" aria-label="Segui HDblog su YouTube">
        <svg id="Capa_1" enable-background="new 0 0 512.6 512.6" height="30" viewBox="0 0 512.6 512.6" width="30" xmlns="http://www.w3.org/2000/svg"><g><path class="social_svg" d="m219.02 201.42 94.97 54.03-94.97 54.02z"></path><path class="social_svg" d="m457.21 0h-401.82c-30.59 0-55.39 24.8-55.39 55.39v401.82c0 30.59 24.8 55.39 55.39 55.39h401.82c30.59 0 55.39-24.8 55.39-55.39v-401.82c0-30.59-24.8-55.39-55.39-55.39zm-26.95 343.47c-4.17 15.74-16.49 28.13-32.12 32.33-28.34 7.65-141.96 7.65-141.96 7.65s-113.62 0-141.96-7.65c-15.63-4.2-27.95-16.59-32.12-32.33-7.6-28.52-7.6-88.02-7.6-88.02s0-59.51 7.6-88.03c4.17-15.73 16.49-28.13 32.12-32.33 28.34-7.64 141.96-7.64 141.96-7.64s113.62 0 141.96 7.64c15.63 4.2 27.95 16.6 32.12 32.33 7.6 28.52 7.6 88.03 7.6 88.03s0 59.5-7.6 88.02z"></path></g></svg>
    </a>
    <a target="_blank" href="https://www.instagram.com/hdblog_it/?hl=it" aria-label="Segui HDblog su Instagram">
        <svg id="Capa_1" enable-background="new 0 0 512.6 512.6" height="30" viewBox="0 0 512.6 512.6" width="30" xmlns="http://www.w3.org/2000/svg"><g><path class="social_svg" d="m309.75 256c0 30.56-24.77 55.33-55.33 55.33s-55.33-24.77-55.33-55.33 24.77-55.34 55.33-55.34 55.33 24.78 55.33 55.34z"></path><path class="social_svg" d="m457.21 0h-401.82c-30.59 0-55.39 24.8-55.39 55.39v401.82c0 30.59 24.8 55.39 55.39 55.39h401.82c30.59 0 55.39-24.8 55.39-55.39v-401.82c0-30.59-24.8-55.39-55.39-55.39zm-37.79 324.44c-.8 17.67-3.61 29.74-7.71 40.29-4.25 10.92-9.92 20.18-19.15 29.41-9.23 9.22-18.49 14.9-29.4 19.14-10.56 4.11-22.63 6.91-40.3 7.72-17.7.81-23.36 1-68.44 1s-50.74-.19-68.44-1c-17.67-.81-29.74-3.61-40.3-7.72-10.91-4.24-20.17-9.92-29.4-19.14-9.23-9.23-14.9-18.49-19.15-29.41-4.1-10.55-6.9-22.62-7.71-40.29-.81-17.71-1-23.36-1-68.44 0-45.09.19-50.74 1-68.44.81-17.67 3.61-29.74 7.71-40.3 4.25-10.91 9.92-20.17 19.15-29.4s18.49-14.91 29.4-19.15c10.56-4.1 22.63-6.91 40.3-7.71 17.7-.81 23.36-1 68.44-1s50.74.19 68.44 1c17.67.8 29.74 3.61 40.3 7.71 10.91 4.24 20.17 9.92 29.4 19.15s14.9 18.49 19.15 29.4c4.1 10.56 6.91 22.63 7.71 40.3.81 17.7 1 23.35 1 68.44 0 45.08-.19 50.73-1 68.44zm-35.59-166.34c-3.01-7.75-6.61-13.28-12.42-19.09s-11.34-9.41-19.09-12.42c-5.85-2.27-14.64-4.98-30.82-5.71-17.51-.8-22.76-.97-67.08-.97s-49.57.17-67.08.97c-16.18.73-24.97 3.44-30.82 5.71-7.75 3.01-13.28 6.61-19.09 12.42s-9.41 11.34-12.42 19.09c-2.27 5.85-4.97 14.64-5.71 30.82-.8 17.5-.97 22.75-.97 67.08 0 44.32.17 49.57.97 67.08.74 16.18 3.44 24.97 5.71 30.82 3.01 7.75 6.61 13.28 12.42 19.09s11.34 9.4 19.09 12.41c5.85 2.28 14.64 4.98 30.82 5.72 17.5.8 22.75.97 67.08.97s49.58-.17 67.08-.97c16.18-.74 24.97-3.44 30.82-5.72 7.75-3.01 13.28-6.6 19.09-12.41s9.41-11.34 12.42-19.09c2.27-5.85 4.97-14.64 5.71-30.82.8-17.51.97-22.76.97-67.08 0-44.33-.17-49.58-.97-67.08-.74-16.18-3.44-24.97-5.71-30.82zm-129.41 183.14c-47.08 0-85.24-38.16-85.24-85.24s38.16-85.25 85.24-85.25 85.24 38.17 85.24 85.25-38.16 85.24-85.24 85.24zm88.61-153.93c-11 0-19.92-8.92-19.92-19.92s8.92-19.92 19.92-19.92 19.92 8.92 19.92 19.92-8.92 19.92-19.92 19.92z"></path></g></svg>
    </a>
    <a target="_blank" href="https://www.tiktok.com/@hdblog_it" aria-label="Segui HDblog su TikTok">
        <svg id="Capa_1" enable-background="new 0 0 512.6 512.6" height="30" viewBox="0 0 512.6 512.6" width="30" xmlns="http://www.w3.org/2000/svg"><g><path class="social_svg" d="m457.21 0h-401.82c-30.59 0-55.39 24.8-55.39 55.39v401.82c0 30.59 24.8 55.39 55.39 55.39h401.82c30.59 0 55.39-24.8 55.39-55.39v-401.82c0-30.59-24.8-55.39-55.39-55.39zm-42.79 223.3c-32.45 0-62.52-10.38-87.07-28v127.17c0 63.52-51.67 115.19-115.18 115.19-24.54 0-47.3-7.74-66.01-20.88-29.7-20.85-49.17-55.34-49.17-94.31 0-63.51 51.67-115.18 115.18-115.18 5.27 0 10.44.43 15.52 1.12v63.89c-4.91-1.54-10.11-2.43-15.52-2.43-29.01 0-52.6 23.6-52.6 52.6 0 20.2 11.45 37.75 28.2 46.56 7.3 3.85 15.59 6.05 24.4 6.05 28.34 0 51.45-22.54 52.5-50.63l.1-250.79h62.58c0 5.42.53 10.72 1.48 15.87 4.42 23.85 18.57 44.3 38.17 57.09 13.66 8.9 29.94 14.1 47.42 14.1z"></path></g></svg>
    </a>
    <a target="_blank" href="https://t.me/bestbuyHD" aria-label="Segui HDblog su Telegram">
        <svg id="Capa_1" enable-background="new 0 0 512.6 512.6" height="30" viewBox="0 0 512.6 512.6" width="30" xmlns="http://www.w3.org/2000/svg"><g><path class="social_svg" d="m457.21 0h-401.82c-30.59 0-55.39 24.8-55.39 55.39v401.82c0 30.59 24.8 55.39 55.39 55.39h401.82c30.59 0 55.39-24.8 55.39-55.39v-401.82c0-30.59-24.8-55.39-55.39-55.39zm-201.03 449.66c-107.14 0-194-86.86-194-194 0-107.15 86.86-194 194-194s194 86.85 194 194c0 107.14-86.86 194-194 194z"></path><g id="Artboard"><path class="social_svg" clip-rule="evenodd" d="m346.1 193.59c-2.92 30.68-15.55 105.12-21.98 139.48-2.72 14.54-8.07 19.41-13.26 19.89-11.26 1.03-19.82-7.45-30.73-14.6-17.07-11.19-26.72-18.16-43.29-29.08-19.16-12.62-6.74-19.56 4.18-30.9 2.85-2.97 52.49-48.12 53.45-52.21.12-.51.23-2.42-.9-3.43s-2.81-.67-4.02-.39c-1.71.39-28.99 18.42-81.83 54.09-7.74 5.31-14.75 7.9-21.04 7.77-6.92-.15-20.25-3.92-30.15-7.14-12.15-3.95-21.81-6.04-20.97-12.74.44-3.5 5.25-7.07 14.44-10.72 56.55-24.64 94.26-40.89 113.13-48.73 53.88-22.41 65.07-26.31 72.37-26.43 1.6-.03 5.19.36 7.52 2.25 1.96 1.59 2.5 3.74 2.76 5.25s.58 4.95.32 7.64z" fill-rule="evenodd"></path></g></g></svg>
    </a>
    <a target="_blank" href="https://whatsapp.com/channel/0029Va7uKoABVJkxFnbtUw06" aria-label="Segui HDblog su WhatsApp">
        <svg id="Capa_1" enable-background="new 0 0 512.6 512.6" height="30" viewBox="0 0 512.6 512.6" width="30" xmlns="http://www.w3.org/2000/svg"><g><path class="social_svg" d="m457.21 0h-401.82c-30.59 0-55.39 24.8-55.39 55.39v401.82c0 30.59 24.8 55.39 55.39 55.39h401.82c30.59 0 55.39-24.8 55.39-55.39v-401.82c0-30.59-24.8-55.39-55.39-55.39zm-199.26 402.4h-.06c-25.05-.01-49.66-6.29-71.51-18.21l-79.34 20.81 21.23-77.55c-13.09-22.69-19.98-48.44-19.97-74.81.03-82.51 67.16-149.64 149.65-149.64 40.03.01 77.61 15.6 105.86 43.89 28.25 28.28 43.8 65.88 43.79 105.87-.03 82.51-67.17 149.64-149.65 149.64zm.05-274.13c-68.61 0-124.41 55.8-124.43 124.38-.01 23.5 6.56 46.39 19.01 66.19l2.96 4.71-12.57 45.9 47.08-12.35 4.54 2.69c19.1 11.33 40.99 17.33 63.31 17.34h.05c68.56 0 124.35-55.8 124.38-124.38.02-33.24-12.91-64.49-36.39-88-23.49-23.51-54.72-36.47-87.94-36.48zm73.16 177.85c-3.11 8.74-18.05 16.71-25.24 17.78-6.44.96-14.59 1.37-23.55-1.48-5.43-1.72-12.39-4.02-21.31-7.88-37.52-16.19-62.01-53.96-63.88-56.46-1.87-2.49-15.27-20.27-15.27-38.68 0-18.4 9.66-27.45 13.09-31.19 3.42-3.75 7.48-4.68 9.97-4.68s4.99.02 7.16.13c2.3.12 5.38-.87 8.42 6.42 3.11 7.49 10.59 25.89 11.53 27.76.93 1.87 1.55 4.06.31 6.55-1.25 2.5-1.87 4.06-3.74 6.24-1.87 2.19-3.93 4.88-5.61 6.55-1.87 1.87-3.82 3.89-1.64 7.63 2.18 3.75 9.69 15.99 20.8 25.91 14.28 12.74 26.33 16.69 30.07 18.56s5.92 1.56 8.1-.94c2.18-2.49 9.35-10.92 11.84-14.66 2.5-3.74 4.99-3.12 8.42-1.87 3.42 1.25 21.81 10.29 25.55 12.16 3.74 1.88 6.23 2.81 7.16 4.37.94 1.56.94 9.05-2.18 17.78z"></path></g></svg>
    </a>
</div>


<style>
    .social_links a {
        text-decoration: none;
        margin-right: 8px;
    }

    .social_links svg {
        border-radius: 10px;
    }
    .social_links a:hover .social_svg {
        fill: #45c0e8;
        transition: fill .2s;
    }
    
    .social_svg {
        fill: darkgrey;
        transition: fill .2s;
    }
    @media screen and (min-width: 992px) {
        a.newsletter_icon {
            background: darkgrey;
        }
        a.newsletter_icon:hover {
            background: #45c0e8;
        }
    }
    .footer_menu a:last-of-type, .social_links a:last-of-type {
        margin-right: 0;
    }
    a.newsletter_icon {
        vertical-align: top;
        background: darkgray;
        justify-content: center;
        height: 30px;
        width: 30px;
        border-radius: 8px;
        display: flex;
        color: #292929 !important;
    }
</style>
                </div>
 
        
                <div class="text-[#868686] text-sm text-center mt-8 mb-4">
                    2008 - 2026 HDnetwork srl (parte del gruppo <a class=" font-medium hover:underline" target="_blank" href="https://www.blazemedia.it">BlazeMedia</a>) - P.IVA 06183350484
                </div>



                <nav class="footer__main__nav ">
                    <ul class="text-sm text-center mb-8">
                         
                    </ul>
                </nav>


            </div>

            

            <script>
                document.addEventListener('alpine:init', () => {
                  Alpine.data('timeAgoComponent', (timestamp) => ({
                    time: '', // Variabile che contiene il testo del tempo relativo
                    timestamp, // Il timestamp passato alla funzione
              
                    // Funzione che calcola il tempo relativo
                    timeAgo() {
                      if (this.timestamp === null || this.timestamp === 'null' || this.timestamp === undefined) {
                        return ''; // Messaggio quando non esiste il timestamp
                      }
              
                      const now = Math.floor(Date.now() / 1000);
                      const diff = now - this.timestamp; // differenza in secondi
                      const minutes = Math.floor(diff / 60);
                      const hours = Math.floor(minutes / 60);
                      const days = Math.floor(hours / 24);
              
                      if (minutes < 1) return 'poco fa';
                      if (minutes < 2) return 'un minuto fa';
                      if (minutes < 3) return '2 minuti fa';
                      if (minutes < 60) return `${minutes} minuti fa`;
                      if (hours < 2) return `un'ora fa`;
                      if (hours < 24) return `${hours} ore fa`;
                      if (days === 1) return 'ieri';
                      if (days <= 2) return `${days} giorni fa`;
                      return this.formatDate(new Date(this.timestamp * 1000));
                    },

                    // Funzione per formattare la data come "giorno mese"
                    formatDate(date) {
                        const options = { day: 'numeric', month: 'long' };
                        const currentYear = new Date().getFullYear();
                        if (date.getFullYear() !== currentYear) {
                            options.year = 'numeric'; // Include the year if different from the current year
                        }
                        return date.toLocaleDateString('it-IT', options); // Formattazione in italiano
                    },
              
                    // Funzione chiamata all'inizializzazione per aggiornare il testo relativo
                    updateTime() {
                      this.time = this.timeAgo();
                    }
                  }));
                });
              </script>

        </footer>
    </body>
</html>

