<div id="search-filter-modal" data-modal>
  <div class="aria-modal-document" data-modal-document>
    <div class="aria-modal-content" data-modal-content>
      <h1>Search Filter Modal</h1>
      <!-- content to be inserted via JS before opening modal -->
    </div>
    <div class="aria-modal-footer" style="display: none;" data-modal-footer>
      <button type="button" class="button button-red" aria-label="Close" data-modal-close>
        OK
      </button>
    </div>
  </div>
</div>

Create a separate modal template for search filters
Create a separate modal template for search filters
