{% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
{% block layout_top_bar %}
<div class="top_bar_container">
<div class="container">
{% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
</div>
</div>
<div class="search_popup_backdrop"></div>
<div class="search_popup">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
{% endblock %}
{% block layout_header_search %}
<div class="col-12 order-2 col-sm order-sm-1 header-search-col">
<div class="row">
<div class="col-sm-auto d-none d-sm-block d-lg-none">
{% block layout_header_navigation_toggle_tablet %}
{{ parent() }}
{% endblock %}
</div>
<div class="col d-sm-none">
{% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
</div>
<div class="col d-none d-md-block d-lg-block">
<div class="nav-main">
{% block base_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
</div>
</div>
</div>
</div>
{% endblock %}
{% block layout_header_search_toggle %}
<div class="col-auto search_popup_btn_container">
<button class="btn search_popup_btn" id="search_popup_open" type="button" role="button" title="{{ "header.searchButton"|trans|striptags }}" aria-label="{{ "header.searchButton"|trans|striptags }}">
{% sw_icon 'search' %}
</button>
</div>
{{ parent() }}
{% endblock %}