{% if j3 is not defined %}
  &lt;style&gt;
    body {
      display: none !important;
    }
  &lt;/style&gt;
  &lt;script&gt;
    window.location = 'index.php?route=journal3/startup/error';
  &lt;/script&gt;
{% endif %}
&lt;!DOCTYPE html&gt;
&lt;html dir=&quot;{{ direction }}&quot; lang=&quot;{{ lang }}&quot; class=&quot;{{ j3.document.getClasses() | join(' ') }}&quot; data-jb=&quot;{{ j3.constant('JOURNAL3_BUILD') }}&quot; data-jv=&quot;{{ j3.constant('JOURNAL3_VERSION') }}&quot; data-ov=&quot;{{ constant('VERSION') }}&quot;&gt;
&lt;head typeof=&quot;og:website&quot;&gt;
&lt;meta charset=&quot;UTF-8&quot; /&gt;
&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
&lt;title&gt;{{ title }}&lt;/title&gt;
&lt;base href=&quot;{{ base }}&quot; /&gt;
&lt;link rel=&quot;preload&quot; href=&quot;{{ j3.settings.get('icons_preload_url') }}&quot; as=&quot;font&quot; crossorigin&gt;
{% if j3.document.hasFonts() %}
&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com/&quot; crossorigin&gt;
&lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com/&quot; crossorigin&gt;
{% endif %}
{% if description %}
&lt;meta name=&quot;description&quot; content=&quot;{{ description }}&quot; /&gt;
{% endif %}
{% if keywords %}
&lt;meta name=&quot;keywords&quot; content=&quot;{{ keywords }}&quot; /&gt;
{% endif %}
&lt;!-- Add By Hashi start --&gt;
&lt;meta name=&quot;robots&quot; content=&quot;index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large&quot;&gt;
&lt;!-- Add By Hashi end --&gt;
{% if not j3.document.isPopup() %}
{% for key, tag in j3.loadController('journal3/seo/meta_tags') %}
&lt;meta {{ tag.type }}=&quot;{{ key }}&quot; content=&quot;{{ tag.content }}&quot;/&gt;
{% endfor %}
{% endif %}
{% if j3.constant('SENTRY_JS_DSN') %}
{{ j3.constant('SENTRY_JS_DSN') }}
{% endif %}
&lt;script&gt;window['Journal'] = {{ j3.document.getJs() | json_encode }};&lt;/script&gt;
{% if not j3.document.isPopup() %}
&lt;script&gt;{{ j3.loadController('journal3/mql') }}&lt;/script&gt;
{% endif %}
{% if j3.document.hasFonts() %}
{% if j3.settings.get('performanceAsyncFontsStatus') %}
&lt;script&gt;WebFontConfig = { google: { families: {{ j3.document.getFonts(true) }} } };&lt;/script&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js&quot; async&gt;&lt;/script&gt;
{% else %}
&lt;link href=&quot;https://fonts.googleapis.com/css?family={{ j3.document.getFonts(false) }}&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot;/&gt;
{% endif %}
{% endif %}
{% for style in j3.document.getStyles(styles) %}
{% if style.content %}
&lt;style&gt;{{ style.content }}&lt;/style&gt;
{% else %}
&lt;link href=&quot;{{ j3.document.staticUrl(style.href, false) }}&quot; type=&quot;text/css&quot; rel=&quot;{{ style.rel }}&quot; media=&quot;all&quot; /&gt;
{% endif %}
{% endfor %}
{% for link in links %}
&lt;link href=&quot;{{ link.href }}&quot; rel=&quot;{{ link.rel }}&quot; /&gt;
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
&lt;style&gt;
{{ j3.document.getCss() }}
&lt;/style&gt;
{% if j3.settings.get('customCSS') %}
&lt;style&gt;{{ j3.settings.get('customCSS') }}&lt;/style&gt;
{% endif %}
{% for script in j3.document.getScripts('header', scripts) %}
&lt;script src=&quot;{{ j3.document.staticUrl(script, false) }}&quot; {% if j3.settings.get('performanceJSDefer') %} defer {% endif %}&gt;&lt;/script&gt;
{% endfor %}
{% if j3.settings.get('customCodeHeader') %}
{{ j3.settings.get('customCodeHeader') }}
{% endif %}
&lt;/head&gt;
&lt;body class=&quot;{{ class }}&quot;&gt;

{% if j3.settings.get('journal3_home_h1') %}
  &lt;h1 class=&quot;sr-only&quot; style=&quot;position: absolute; height: 1px; width: 1px; clip: rect(0,0,0,0);&quot;&gt;{{ j3.settings.get('journal3_home_h1') }}&lt;/h1&gt;
{% endif %}

{% if j3.settings.get('oldBrowserStatus') %}
&lt;div class=&quot;old-browser&quot;&gt;
  &lt;div class=&quot;ob-content&quot;&gt;
    &lt;h2 class=&quot;ob-title&quot;&gt;{{ j3.settings.get('oldBrowserTitle') }}&lt;/h2&gt;
    &lt;span class=&quot;ob-text&quot;&gt;{{ j3.settings.get('oldBrowserText') }}&lt;/span&gt;
    &lt;div class=&quot;ob-links&quot;&gt;
      &lt;a href=&quot;https://www.google.com/chrome/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;
        &lt;img src=&quot;{{ j3.settings.get('oldBrowserChrome') }}&quot; alt=&quot;Chrome&quot; /&gt;
        &lt;span class=&quot;ob-name&quot;&gt;Chrome&lt;/span&gt;
      &lt;/a&gt;
      &lt;a href=&quot;https://www.mozilla.org/firefox/new/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;
        &lt;img src=&quot;{{ j3.settings.get('oldBrowserFirefox') }}&quot; alt=&quot;Firefox&quot; /&gt;
        &lt;span class=&quot;ob-name&quot;&gt;Firefox&lt;/span&gt;
      &lt;/a&gt;
      &lt;a href=&quot;https://www.microsoft.com/en-us/windows/microsoft-edge&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;
        &lt;img src=&quot;{{ j3.settings.get('oldBrowserEdge') }}&quot; alt=&quot;edge&quot; /&gt;
        &lt;span class=&quot;ob-name&quot;&gt;Microsoft Edge&lt;/span&gt;
      &lt;/a&gt;
      &lt;a href=&quot;https://www.opera.com/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;
        &lt;img src=&quot;{{ j3.settings.get('oldBrowserOpera') }}&quot; alt=&quot;opera&quot; /&gt;
        &lt;span class=&quot;ob-name&quot;&gt;Opera&lt;/span&gt;
      &lt;/a&gt;
      &lt;a href=&quot;https://www.apple.com/lae/safari/&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot;&gt;
        &lt;img src=&quot;{{ j3.settings.get('oldBrowserSafari') }}&quot; alt=&quot;safari&quot; /&gt;
        &lt;span class=&quot;ob-name&quot;&gt;Safari on Mac&lt;/span&gt;
      &lt;/a&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
{% endif %}

{% if not j3.document.isPopup() %}
&lt;div class=&quot;mobile-container mobile-main-menu-container&quot;&gt;
  &lt;div class=&quot;mobile-wrapper-header&quot;&gt;
    &lt;span&gt;{{ j3.settings.get('headerMobileMenuTitle') }}&lt;/span&gt;
    {% if j3.settings.get('mobileLangPosition') == 'menu' %}
      &lt;div class=&quot;language-currency top-menu&quot;&gt;
        &lt;div class=&quot;mobile-currency-wrapper&quot;&gt;
            {{ j3.document.hasClass('mobile-header-active') ? currency : '' }}
        &lt;/div&gt;
        &lt;div class=&quot;mobile-language-wrapper&quot;&gt;
            {{ j3.document.hasClass('mobile-header-active') ? language : '' }}
        &lt;/div&gt;
      &lt;/div&gt;
    {% endif %}
    &lt;a class=&quot;x&quot;&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class=&quot;mobile-main-menu-wrapper&quot;&gt;
    {{ j3.document.isPhone() or (j3.document.isTablet() and j3.settings.get('mobileHeaderOn') == 'tablet') ? j3.settings.get('mobile_main_menu') : '' }}
  &lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;mobile-container mobile-filter-container&quot;&gt;
  &lt;div class=&quot;mobile-wrapper-header&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;mobile-filter-wrapper&quot;&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;mobile-container mobile-cart-content-container&quot;&gt;
  &lt;div class=&quot;mobile-wrapper-header&quot;&gt;
    &lt;span&gt;{{ j3.settings.get('headerMobileCartTitle') }}&lt;/span&gt;
    &lt;a class=&quot;x&quot;&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class=&quot;mobile-cart-content-wrapper cart-content&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
{% endif %}

{{ j3.loadController('journal3/layout', {'position': 'popup'}) }}

&lt;div class=&quot;site-wrapper&quot;&gt;

  {{ j3.loadController('journal3/layout', {'position': 'header_notice'}) }}

  {% if not j3.document.isPopup() %}
  
  &lt;!-- Google tag (gtag.js) --&gt;
&lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=G-4XC9T5YD7P&quot;&gt;&lt;/script&gt;
&lt;script&gt;
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4XC9T5YD7P');
&lt;/script&gt;
  
  &lt;header class=&quot;header-{{ j3.settings.get('headerType') }}&quot;&gt;
    {% if not j3.document.hasClass('mobile-header-active') and j3.settings.get('headerType') %}
      {% include 'journal3/template/journal3/headers/desktop/' ~ j3.settings.get('headerType') ~ '.twig' %}
    {% endif %}
    {% if j3.settings.get('mobileHeaderType') %}
      {% include 'journal3/template/journal3/headers/mobile/header_mobile_' ~ j3.settings.get('mobileHeaderType') ~ '.twig' %}
    {% endif %}
  &lt;/header&gt;
  {% endif %}

  {{ j3.loadController('journal3/layout', {'position': 'fullscreen_slider'}) }}
