
    <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 fontdisplay = 'swap' %}

    <style>
        @font-face {
            font-family: 'Roboto';
            src: url('{{assets_dir}}/fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
            font-weight: 100 900;
            font-style: normal;
            font-display: {{ fontdisplay }};
        }

        @font-face {
            font-family: 'Roboto';
            src: url('{{assets_dir}}/fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
            font-weight: 100 900;
            font-style: italic;
            font-display: {{ fontdisplay }};
        }

        @font-face {
            font-family: 'Roboto Condensed';
            src: url('{{assets_dir}}/fonts/RobotoCondensed-VariableFont_wght.ttf') format('truetype');
            font-weight: 100 900;
            font-style: normal;
            font-display: {{ fontdisplay }};
        }

        @font-face {
            font-family: 'Roboto Condensed';
            src: url('{{assets_dir}}/fonts/RobotoCondensed-Italic-VariableFont_wght.ttf') format('truetype');
            font-weight: 100 900;
            font-style: italic;
            font-display: {{ fontdisplay }};
        }
    </style>


    <!-- Google Tag Manager -->
    <script fetchpriority="low" loading="lazy">(function(w,d,s,l,i){w[l]=w[l]||[];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.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(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 %}



    {% if structuredData is defined  %}
    <script type="application/ld+json">
    {{ structuredData|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' %}





