{% set faviconversion = 1.3 %}
{% set version = '0.0.15' %}

{% set GTM_ID = '' %}

{% if assets_dir is not defined %}
    {% set assets_dir = 'assets' %}
{% endif %}

{% if scripts_dir is not defined %}
    {% set scripts_dir = 'scripts/lib' %}
{% endif %}

{% if styles_dir is not defined %}
    {% set styles_dir = 'styles' %}
{% endif %}

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

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

{% block pageHead %}
<title>{{seo_title|default('Compara - HDblog.it')}}</title>
<meta name="description" content="{{seo_description|default('Compara i cellulari su HDblog.it e scopri tutte le differenze.')}}" />
<meta name="author" content="HDblog.it" />
{% endblock %}


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

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

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

<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: swap;
    }

    @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: swap;
    }

    @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: swap;
    }

    @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: swap;
    }
</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','{{GTM_ID}}');</script>
<!-- End Google Tag Manager -->


{% if type == "single_post" %}
    <style>
        {{ source('./dist/styles/styles/single.css') }}
    </style>
{% 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 type starts with 'single_' %}
    <link rel="stylesheet" type="text/css" href="{{styles_dir}}/styles/format_styles.css?ver={{version}}" />
{% endif %}


{% if structuredData is defined  %}
<script type="application/ld+json">
{{ structuredData }}
</script>
{% endif %}

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

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


</head>

<body data-theme="{{theme.name|lower}}" class="{{type}} max-w-2xl mx-auto overflow-x-hidden">

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


<main class="main-container mx-auto">
    
    <div class="boxed bg-white"> 


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

    {% include "templates/components/prodotti/offers.twig" %}

    </div>

    </div>

    </main>

</body>
</html>
