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

{% 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 >    

<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=block"
    as="style"
    onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript>
    <link
        href="https://fonts.googleapis.com/css2?family={{font}}&display=block"
        rel="stylesheet"
        type="text/css"
    />
</noscript>


<!-- 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>
