/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Unexpected "{"
Line 16:3 Expected identifier but found "'ops-gallery-tiles.css'"
Line 17:0 Unexpected "{"
Line 17:1 Unexpected "{"
Line 17:3 Expected identifier but found "'ops-complete-home-filters.css'"
Line 18:0 Unexpected "{"
Line 18:1 Unexpected "{"
Line 18:3 Expected identifier but found "'ops-complete-home-filters.js'"
Line 20:0 Unexpected "<"
... and 21 more hidden warnings

**/
{{ 'ops-gallery-tiles.css' | asset_url | stylesheet_tag }}
{{ 'ops-complete-home-filters.css' | asset_url | stylesheet_tag }}
{{ 'ops-complete-home-filters.js' | asset_url | script_tag }}

<div class="opsSectionCenter opsSectionMargin-vertical" role="region" aria-label="Complete Home Areas">
  <div class="opsGalleryTiles opsSectionMargin-horizontal">

    {% render 'ops-section-header',
      title: section.settings.title,
      description: section.settings.description,
      is_line: true
    %}

    <div class="opsGalleryTiles-items" data-filter-group="area">
      {% for block in section.blocks %}
        <div
          class="opsGalleryTilesItem opsAnchor filter-tile"
          data-filter-type="area"
          data-filter-value="{{ block.settings.value | handleize }}"
        >
          <div class="opsGalleryTilesItem-image">
            {% if block.settings.image != blank %}
              {{ block.settings.image | image_url: width: 1024 | image_tag: loading: 'lazy' }}
            {% endif %}
          </div>
          <div class="opsGalleryTilesItem-header">
            <div class="opsGalleryTilesItem-title opsText-h2">
              {{ block.settings.title }}
            </div>
          </div>
        </div>
      {% endfor %}
    </div>

  </div>
</div>

{% schema %}
{
  "name": "Complete Home Areas",
  "settings": [
    { "id": "title", "type": "text", "label": "Section Title", "default": "AREAS" },
    { "id": "description", "type": "text", "label": "Description", "default": "Select an area of the home to refine your results." }
  ],
  "blocks": [
    {
      "type": "area",
      "name": "Area Tile",
      "settings": [
        { "id": "title", "type": "text", "label": "Area Name" },
        { "id": "value", "type": "text", "label": "Area Filter Value (e.g. dine, sleep, bathe, clean)" },
        { "id": "image", "type": "image_picker", "label": "Area Image" }
      ]
    }
  ],
  "presets": [
    { "name": "Complete Home Areas", "category": "Complete Home" }
  ]
}
{% endschema %}