{% if global.promotion and global.promotion.enable == 'false' %}

        <header class="header {% if header.header_style_options.selected == 'logoNegative' %} header--negative {% endif%}">
                {% if header.header_style_options.selected === 'logo' or header.header_style_options.selected === 'logoNegative' %}
                        <div class="container style-logo">
                                <div class="logo">
                                        <picture>
                                                <source type="image/webp" srcset="{{global.path}}/{{header.logo.img}}.webp?format=webp">
                                                <source type="image" srcset="{{global.path}}/{{header.logo.img}}?format=webp">
                                                <img src="{{global.path}}/{{header.logo.img}}?format=webp" alt="{{header.logo.alt}}"/>
                                        </picture>
                                </div>
                        </div>

                {% elif header.header_style_options.selected === 'title' %}

                        <div class="container style-title">
                                <div class="logo col-4 col-lg-3">                                        
                                        {% if 'svg' in header.logo.img %}
                                                <img src="{{global.path}}/{{header.logo.img}}" alt="{{header.logo.alt}}"/>
                                        {% else %}
                                                <picture>
                                                        <source type="image/webp" srcset="{{global.path}}/{{header.logo.img}}.webp?format=webp">
                                                        <source type="image" srcset="{{global.path}}/{{header.logo.img}}?format=webp">
                                                        <img src="{{global.path}}/{{header.logo.img}}?format=webp" alt="{{header.logo.alt}}"/>
                                                </picture>
                                        {% endif %}
                                </div>
                                <picture>
                                        <source type="image/webp" media="(max-width: 767px)" srcset="{{global.path}}/{{header.mainImg.image_mobile}}.webp?format=webp">
                                        <source type="image/webp" media="(min-width: 768px)" srcset="{{global.path}}/{{header.mainImg.image_desktop}}.webp?format=webp">
                                        <source type="image" media="(max-width: 767px)" srcset="{{global.path}}/{{header.mainImg.image_mobile}}?format=webp">
                                        <source type="image" media="(min-width: 768px)" srcset="{{global.path}}/{{header.mainImg.image_desktop}}?format=webp">
                                        <img class="headerMainImg" src="{{global.path}}/{{header.mainImg.image_desktop}}?format=webp" alt="{{header.mainImg.alt}}">
                                </picture>

                                <div class="col-8 offset-lg-1 col-lg-7">
                                        <h1 class="header__title">
                                                {{header.mainContent.title}}
                                        </h1>
                                </div>
                        </div>
                {% elif header.header_style_options.selected === 'banner' %}
                        <div class="logo">
                                <img src="{{global.path}}/{{header.logo.img}}" alt="{{header.logo.alt}}"/>
                        </div>
                        <div class="container">
                                <img src="{{global.path}}/{{header.mainImg.img}}" alt="{{header.mainImg.alt}}">
                                <div class="header__content">
                                        <h1 class="header__title">
                                                {{header.mainContent.title}}
                                        </h1>
                                        <picture>
                                                <source type="image/webp" media="(max-width: 767px)" srcset="{{global.path}}/{{header.mainContent.img.image_mobile}}.webp?format=webp">
                                                <source type="image/webp" media="(min-width: 768px)" srcset="{{global.path}}/{{header.mainContent.img.image_desktop}}.webp?format=webp">
                                                <source type="image" media="(max-width: 767px)" srcset="{{global.path}}/{{header.mainContent.img.image_mobile}}?format=webp">
                                                <source type="image" media="(min-width: 768px)" srcset="{{global.path}}/{{header.mainContent.img.image_desktop}}?format=webp">
                                                <img src="{{global.path}}/{{header.mainContent.img.image_desktop}}?format=webp" alt="{{header.mainContent.img.alt}}" class="header__inline-img">
                                        </picture>
                                        <p class="header__offer">{{header.mainContent.offer}}</p>
                                </div>
                        </div>

                {% elif header.header_style_options.selected === 'imgBanner' %}
                        <picture>
                                <source type="image/webp" media="(max-width: 767px)" srcset="{{global.path}}/{{header.mainContent.img.image_mobile}}.webp?format=webp">
                                <source type="image/webp" media="(min-width: 768px) and (max-width: 980px)" srcset="{{global.path}}/{{header.mainContent.img.image_tablet}}.webp?format=webp">
                                <source type="image/webp" media="(min-width: 980px)" srcset="{{global.path}}/{{header.mainContent.img.image_desktop}}.webp?format=webp">
                                <source type="image" media="(max-width: 767px)" srcset="{{global.path}}/{{header.mainContent.img.image_mobile}}?format=webp">
                                <source type="image" media="(min-width: 768px) and (max-width: 980px)" srcset="{{global.path}}/{{header.mainContent.img.image_tablet}}?format=webp">
                                <source type="image" media="(min-width: 980px)" srcset="{{global.path}}/{{header.mainContent.img.image_desktop}}?format=webp">
                                <img src="{{global.path}}/{{header.mainContent.img.image_desktop}}?format=webp" alt="{{header.mainContent.img.alt}}"
                                class="header__banner">
                        </picture>

                {% endif %}

        </header>
{% endif %}