/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'product.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'page-heading.css'"
Line 19:0 Unexpected "{"
Line 19:1 Expected identifier but found "%"
Line 21:20 Unexpected "{"
Line 21:29 Expected ":"
... and 76 more hidden warnings

**/
{{ 'product.css' | asset_url | stylesheet_tag }}
{{ 'page-heading.css' | asset_url | stylesheet_tag }}

{% style %}
  /* Deeplay search-result product typography. Scoped to this search section only. */
  #shopify-section-{{ section.id }} .bls__search-page-main .bls__product-name a {
    font-family: 'Buda', serif;
    font-weight: 300;
    -webkit-text-stroke: 0.24px currentColor; /* Buda 500 appearance, matching collection cards. */
  }

  #shopify-section-{{ section.id }} .bls__search-page-main .bls__product-price,
  #shopify-section-{{ section.id }} .bls__search-page-main .bls__product-price .price,
  #shopify-section-{{ section.id }} .bls__search-page-main .bls__product-price .special-price,
  #shopify-section-{{ section.id }} .bls__search-page-main .bls__product-price .compare-price {
    font-family: 'Buda', serif;
    font-weight: 300;
    -webkit-text-stroke: 0.36px currentColor; /* Buda 600 appearance, matching collection prices. */
  }
{% endstyle %}

{%- liquid
  assign th_st = settings
  assign product_style = th_st.product_style
  assign st = section.settings
  assign results_per_page = st.results_per_page
-%}
{%- paginate search.results by results_per_page -%}
  <section class="page-heading not-bg">
    <div class="{{ section.settings.container }} section-full">
      <div class="page-head text-center">
        {% if search.performed %}
          <h1 class="heading-title search-result">
            {{ 'general.search.results_with_count' | t: terms: search.terms, count: search.results_count }}
          </h1>
        {% else %}
          <h3 class="">{{ 'general.search.title' | t }}</h3>
        {% endif %}
        {%- if th_st.enable_search_input -%}
          <form
            action="{{ routes.search_url }}"
            method="GET"
            novalidate
            class="search-modal__form col-md-8 mx-auto mt-30"
          >
            <div class="field">
              <input
                type="text"
                placeholder="{{ 'general.search.search' | t }}"
                name="q"
                value="{{ search.terms | escape }}"
                required
                maxlength="128"
                role="combobox"
                aria-expanded="false"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false"
                class="search__input"
              >
              <input
                type="hidden"
                name="options[unavailable_products]"
                value="show"
              >
              <input
                type="hidden"
                name="options[prefix]"
                value="last"
              >
              <input
                type="hidden"
                name="type"
                value="{% if settings.search_for == 'search_for_all' %}product,collection{% else %}product{% endif %}"
              >
              <input
                type="hidden"
                name="options[fields]"
                value="title,vendor,product_type,variants.title"
              >
              <button type="submit" class="search__button field__button">
                <i class="picon-magnifier fs-22"></i>
              </button>
            </div>
          </form>
        {%- endif -%}
      </div>
    </div>
  </section>
  <section
    class="facest-filters-section"
    data-section-type="page-search"
    data-section-id="{{ section.id }}"
    data-view="{{ template.name }}"
  >
    <div class="{{ section.settings.container }} bls__search-page-main ">
      {% if search.performed %}
        <div class="row bls__grid {{ product_style }}">
          {% if search.results_count != 0 %}
            {%- for item in search.results limit: results_per_page -%}
              {% case item.object_type %}
                {%- when 'product' -%}
                  <div class="col-lg-3 col-md-4 col-6 bls__product-load">
                    {%- render 'product-item' | product: item -%}
                  </div>
                {%- when 'article' -%}
                  <div class="col-lg-3 col-md-4 col-6 bls__product-load">
                    {%- render 'article-card',
                      article: item,
                      show_category: false,
                      show_date: false,
                      show_excerpt: false,
                      show_readmore: false,
                      show_author: false,
                      post_content_center: false
                    -%}
                  </div>
                {%- when 'page' -%}
                  <div class="col-lg-3 col-md-4 col-6 bls__product-load">
                    <div class="card mb-40">
                      <div class="card__content">
                        <div class="card__information">
                          <h4 class="card__heading mb-5 fs-18">
                            <a href="{{ item.url }}">
                              {{ item.title | escape }}
                            </a>
                          </h4>
                        </div>
                        <div class="card__badge">
                          <span>{{ 'templates.search.page' | t }}</span>
                        </div>
                      </div>
                    </div>
                  </div>
              {% endcase %}
            {%- endfor -%}
          {% endif %}
        </div>
      {% endif %}
      {% if paginate.pages > 1 %}
        <div class="mt-30">
          {% render 'pagination', paginate: paginate %}
        </div>
      {% endif %}
    </div>
  </section>
{%- endpaginate -%}

{% schema %}
{
  "name": "t:sections.main-search.name",
  "settings": [
    {
      "type": "header",
      "content": "t:sections.main-search.content"
    },
    {
      "type": "range",
      "id": "results_per_page",
      "label": "t:sections.main-search.settings.results_per_page.label",
      "default": 4,
      "min": 1,
      "max": 50,
      "step": 1
    },
    {
      "type": "select",
      "id": "container",
      "label": "t:sections.all.layout.label",
      "default": "container",
      "options": [
        {
          "value": "container",
          "label": "t:sections.all.layout.options__1.label"
        },
        {
          "value": "container-fluid",
          "label": "t:sections.all.layout.options__2.label"
        },
        {
          "value": "strecth-width",
          "label": "t:sections.all.layout.options__3.label"
        },
        {
          "value": "full-width",
          "label": "t:sections.all.layout.options__4.label"
        }
      ]
    }
  ]
}
{% endschema %}
