/** Shopify CDN: Minification failed

Line 15:0 Unexpected "{"
Line 15:1 Expected identifier but found "%"
Line 16:13 Expected identifier but found whitespace
Line 16:87 Expected identifier but found whitespace
Line 17:1 Expected identifier but found "%"
Line 19:0 Unexpected "<"
Line 29:9 Expected identifier but found "%"
Line 30:14 Unexpected "="
Line 40:9 Expected identifier but found "%"
Line 42:6 Unexpected "<"

**/
{% comment %}
  Background: Static inline search bar for desktop, matching the Sunday Natural layout.
{% endcomment %}

<div class="search-inline-wrapper">
  <form action="{{ routes.search_url }}" method="get" role="search" class="search-inline-form">
    <div class="search-inline-field">
      <input 
        class="search-inline-input"
        id="HeaderSearch-Inline"
        type="search"
        name="q"
        value="{{ search.terms | escape }}"
        placeholder="Search..."
        {%- if settings.predictive_search_enabled -%}
          role="combobox"
          aria-expanded="false"
          aria-owns="predictive-search-results"
          aria-controls="predictive-search-results"
          aria-haspopup="listbox"
          aria-autocomplete="list"
          autocorrect="off"
          autocomplete="off"
          autocapitalize="off"
          spellcheck="false"
        {%- endif -%}
      >
      <input type="hidden" name="options[prefix]" value="last">
      
      <button class="search-inline-button" aria-label="{{ 'general.search.search' | t }}">
        <svg class="icon icon-search" aria-hidden="true" focusable="false" fill="none" viewBox="0 0 18 19">
          <circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.5"></circle>
          <line x1="12.25" y1="12.5" x2="16" y2="16.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></line>
        </svg>
      </button>
    </div>
  </form>
</div>