
    <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" />

    

    {% if filters_decoded is defined and filters_decoded|length > 3 %}
        <meta name="robots" content="noindex, nofollow" />
    {% else %}
        <meta name="robots" content="index, follow, max-image-preview:large" />
    {% endif %}



    {% include 'templates/components/common/favicon.twig' %}

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

    {% set font = font|default('Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900') %}

    <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={{font}}&display=optional"
        as="style"
        onload="this.onload=null;this.rel='stylesheet'"
    />
    <noscript>
        <link
            href="https://fonts.googleapis.com/css2?family={{font}}&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','{{gtmid|raw}}');
    </script>
    <!-- End Google Tag Manager -->

    {% if type == "single_post" %}

        {% if env not in ['development', 'production'] %}
            <style>{{ source('./dist/styles/styles/single.css') }}</style>
        {% else %}
            <style>{{ source('@styles/styles/single.css') }}</style>
        {% endif %}

    {% elseif  type == "single_product" or type == "single_versus" or type == "compara" or type == "listino" %}
        <link rel="stylesheet" type="text/css" href="{{styles_dir}}/styles/prodotti.css" />
        
    {% else %}
        <link rel="stylesheet" type="text/css" href="{{styles_dir}}/styles/style.css?ver={{ version }}" /> {# theme / tailwind #}
    {% endif %}



    {% set structured_data_json = structuredData|default(structured_data|default('')) %}
    {% if structured_data_json is not empty  %}
    <script type="application/ld+json">
    {{ structured_data_json|raw }}
    </script>
    {% endif %}

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

    {% include 'templates/atf/atf-global.twig' %}

    {% include 'templates/components/common/talks.twig' %}


</head>

<body data-theme="{{theme.name|lower}}" class="{{type}} scuro max-w-screen overflow-x-hidden {% if skin_enabled %}{{ skinclass }}{% endif %}">

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{gtmid|raw}}" 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"> 

        {% include 'templates/components/common/network_bar.twig' %}

        <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;">

        {% if mobile %}
            {% include 'templates/components/common/navbar_mobile.twig' %}
        {% else %}
            {% include 'templates/components/common/navbar.twig' %}
        {% endif %}



        </header>


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

            {% if not mobile %}
            <div class="-mx-4">
                {% include 'templates/components/common/trendbar.twig' %}
                {% include 'templates/components/common/categories_bar.twig' %}

    
            </div>
            {% endif %}

            {% if type starts with 'single_confronti_' or page_type == "compara" %}
            {% include 'templates/components/versus/searchbar.twig' %}
            {% endif %} 

            {% include 'templates/components/prodotti/finder/device-categories.twig' %}





