<div class=“heroBanner__search”>

<form class="heroBanner__searchForm" action="" method="get">
  <input class="heroBanner__searchInput" type="search" placeholder="{{ include.searchPlaceholder }}" name="q" autocomplete="off" spellcheck="false" dir="auto">
  {% include svg/icon-search.svg class="heroBanner__searchIcon" %}
</form>
<section class="heroBanner__searchResults" data-results="true" style="display: none;">
  <div class="heroBanner__searchResultsContainer">
    <div class="heroBanner__searchEntries" data-entries="true"></div>
  </div>
</section>

</div>