www.proozy.com Open in urlscan Pro
2620:127:f00f:e:: Public Scan

Back to summary

Submitted URL:
https://www.proozy.com/products/birkenstock-oswego-canvas-suede-shoe
Effective URL:
https://www.proozy.com/search?q=shoe
Submission: On December 24 via manual (December 24th 2024, 7:12:45 pm UTC) from US — Scanned from US

Form analysis
7 forms found in the DOM

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <input type="hidden" name="type" value="product">
    <input type="hidden" name="options[unavailable_products]" value="hide">
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
        <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
      </svg>
    </div>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

GET /search

<form action="/search" method="get" role="search" class="search">
  <div class="field">
    <input class="search__input field__input text-2xl" id="Search-In-Template" type="search" name="q" value="shoe" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list"
      aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Template">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <input type="hidden" name="type" value="product">
    <input type="hidden" name="options[unavailable_products]" value="hide">
    <div class="predictive-search predictive-search--search-template" tabindex="-1" data-predictive-search="">
      <div class="predictive-search__loading-state">
        <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
          <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
        </svg>
      </div>
    </div>
    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span><button type="submit" class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search">
        <use xlink:href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
</form>

<form class="px-4 divide-y divide-gray-300 md:pl-4 w-full md:w-[90%]" x-ref="filter_form">
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Size</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">3.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3.5" id="Filter-filter.v.m.custom.primary_size-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">3.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">4</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4" id="Filter-filter.v.m.custom.primary_size-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">4</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">4.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4.5" id="Filter-filter.v.m.custom.primary_size-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">4.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5" id="Filter-filter.v.m.custom.primary_size-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">5.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5.0" id="Filter-filter.v.m.custom.primary_size-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">5.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">5.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-6">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5.5" id="Filter-filter.v.m.custom.primary_size-6">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">5.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">6</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-7">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6" id="Filter-filter.v.m.custom.primary_size-7">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">6</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">6.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-8">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6.0" id="Filter-filter.v.m.custom.primary_size-8">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">6.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">6.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-9">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6.5" id="Filter-filter.v.m.custom.primary_size-9">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">6.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">7</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-10">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7" id="Filter-filter.v.m.custom.primary_size-10">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">7</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">7.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-11">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7.0" id="Filter-filter.v.m.custom.primary_size-11">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">7.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">7.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-12">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7.5" id="Filter-filter.v.m.custom.primary_size-12">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">7.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">8</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-13">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8" id="Filter-filter.v.m.custom.primary_size-13">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">8</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">8.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-14">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8.0" id="Filter-filter.v.m.custom.primary_size-14">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">8.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">8.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-15">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8.5" id="Filter-filter.v.m.custom.primary_size-15">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">8.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">9</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-16">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9" id="Filter-filter.v.m.custom.primary_size-16">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">9</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">9.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-17">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9.0" id="Filter-filter.v.m.custom.primary_size-17">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">9.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">9.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-18">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9.5" id="Filter-filter.v.m.custom.primary_size-18">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">9.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">10</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-19">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10" id="Filter-filter.v.m.custom.primary_size-19">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">10</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">10.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-20">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10.0" id="Filter-filter.v.m.custom.primary_size-20">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">10.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">10.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-21">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10.5" id="Filter-filter.v.m.custom.primary_size-21">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">10.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">11</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-22">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11" id="Filter-filter.v.m.custom.primary_size-22">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">11</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">11.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-23">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11.5" id="Filter-filter.v.m.custom.primary_size-23">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">11.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">12</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-24">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12" id="Filter-filter.v.m.custom.primary_size-24">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">12</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">12.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-25">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12.0" id="Filter-filter.v.m.custom.primary_size-25">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">12.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">12.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-26">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12.5" id="Filter-filter.v.m.custom.primary_size-26">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">12.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">13</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-27">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="13" id="Filter-filter.v.m.custom.primary_size-27">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">13</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">14</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-28">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14" id="Filter-filter.v.m.custom.primary_size-28">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">14</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">14.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-29">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14.0" id="Filter-filter.v.m.custom.primary_size-29">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">14.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">35</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-30">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="35" id="Filter-filter.v.m.custom.primary_size-30">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">35</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">36</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-31">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36" id="Filter-filter.v.m.custom.primary_size-31">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">36</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">37</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-32">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="37" id="Filter-filter.v.m.custom.primary_size-32">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">37</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">38</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-33">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="38" id="Filter-filter.v.m.custom.primary_size-33">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">38</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">39</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-34">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="39" id="Filter-filter.v.m.custom.primary_size-34">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">39</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">40</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-35">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="40" id="Filter-filter.v.m.custom.primary_size-35">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">40</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">41</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-36">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="41" id="Filter-filter.v.m.custom.primary_size-36">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">41</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">42</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-37">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="42" id="Filter-filter.v.m.custom.primary_size-37">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">42</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">43</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-38">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="43" id="Filter-filter.v.m.custom.primary_size-38">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">43</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">44</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-39">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="44" id="Filter-filter.v.m.custom.primary_size-39">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">44</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">45</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-40">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="45" id="Filter-filter.v.m.custom.primary_size-40">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">45</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">46</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-41">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="46" id="Filter-filter.v.m.custom.primary_size-41">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">46</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 4 / W 5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-42">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 4 / W 5" id="Filter-filter.v.m.custom.primary_size-42">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 4 / W 5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 4.5 / W 5.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-43">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 4.5 / W 5.5" id="Filter-filter.v.m.custom.primary_size-43">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 4.5 / W 5.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 5 / W 6</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-44">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 5 / W 6" id="Filter-filter.v.m.custom.primary_size-44">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 5 / W 6</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 5.5 / W 6.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-45">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 5.5 / W 6.5" id="Filter-filter.v.m.custom.primary_size-45">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 5.5 / W 6.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 6 / W 7</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-46">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 6 / W 7" id="Filter-filter.v.m.custom.primary_size-46">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 6 / W 7</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 6.5 / W 7.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-47">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 6.5 / W 7.5" id="Filter-filter.v.m.custom.primary_size-47">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 6.5 / W 7.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 7 / W 8</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-48">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 7 / W 8" id="Filter-filter.v.m.custom.primary_size-48">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 7 / W 8</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 7.5 / W 8.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-49">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 7.5 / W 8.5" id="Filter-filter.v.m.custom.primary_size-49">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 7.5 / W 8.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 8 / W 9</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-50">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 8 / W 9" id="Filter-filter.v.m.custom.primary_size-50">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 8 / W 9</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">One Size</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-51">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="One Size" id="Filter-filter.v.m.custom.primary_size-51">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">One Size</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Color</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">Black</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Black" id="Filter-filter.v.m.custom.primary_color-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Black</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Blue</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Blue" id="Filter-filter.v.m.custom.primary_color-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Blue</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Brown</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Brown" id="Filter-filter.v.m.custom.primary_color-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Brown</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Green</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Green" id="Filter-filter.v.m.custom.primary_color-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Green</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Grey</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Grey" id="Filter-filter.v.m.custom.primary_color-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Grey</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Multi-Color</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-6">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Multi-Color" id="Filter-filter.v.m.custom.primary_color-6">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Multi-Color</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Orange</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-7">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Orange" id="Filter-filter.v.m.custom.primary_color-7">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Orange</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Pink</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-8">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Pink" id="Filter-filter.v.m.custom.primary_color-8">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Pink</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Purple</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-9">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Purple" id="Filter-filter.v.m.custom.primary_color-9">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Purple</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Red</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-10">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Red" id="Filter-filter.v.m.custom.primary_color-10">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Red</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">White</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-11">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="White" id="Filter-filter.v.m.custom.primary_color-11">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">White</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Yellow</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-12">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Yellow" id="Filter-filter.v.m.custom.primary_color-12">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Yellow</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Brand</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">adidas</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="adidas" id="Filter-filter.p.vendor-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">adidas</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">allbirds</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="allbirds" id="Filter-filter.p.vendor-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">allbirds</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Birkenstock</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Birkenstock" id="Filter-filter.p.vendor-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Birkenstock</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Boxtogolf</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Boxtogolf" id="Filter-filter.p.vendor-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Boxtogolf</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Canada Weather Gear</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Canada Weather Gear" id="Filter-filter.p.vendor-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Canada Weather Gear</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Hey Dude</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-6">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Hey Dude" id="Filter-filter.p.vendor-6">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Hey Dude</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">J&amp;V Textiles</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-7">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="J&amp;V Textiles" id="Filter-filter.p.vendor-7">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">J&amp;V Textiles</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Jambu</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-8">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Jambu" id="Filter-filter.p.vendor-8">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Jambu</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">K-Swiss</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-9">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="K-Swiss" id="Filter-filter.p.vendor-9">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">K-Swiss</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">KEEN</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-10">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="KEEN" id="Filter-filter.p.vendor-10">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">KEEN</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Lamo</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-11">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Lamo" id="Filter-filter.p.vendor-11">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Lamo</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Merrell</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-12">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Merrell" id="Filter-filter.p.vendor-12">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Merrell</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Muk Luks</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-13">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Muk Luks" id="Filter-filter.p.vendor-13">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Muk Luks</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">On</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-14">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="On" id="Filter-filter.p.vendor-14">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">On</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">POPFLEX®</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-15">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="POPFLEX®" id="Filter-filter.p.vendor-15">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">POPFLEX®</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Reebok</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-16">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Reebok" id="Filter-filter.p.vendor-16">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Reebok</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Royal Albartross</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-17">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Royal Albartross" id="Filter-filter.p.vendor-17">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Royal Albartross</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Sperry</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-18">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Sperry" id="Filter-filter.p.vendor-18">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Sperry</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Vans</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-19">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Vans" id="Filter-filter.p.vendor-19">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Vans</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Gender</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">Mens</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Mens" id="Filter-filter.p.m.my_fields.gender-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Mens</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Womens</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Womens" id="Filter-filter.p.m.my_fields.gender-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Womens</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Boys</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Boys" id="Filter-filter.p.m.my_fields.gender-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Boys</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Unisex</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Unisex" id="Filter-filter.p.m.my_fields.gender-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Unisex</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Unisex Kids</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Unisex Kids" id="Filter-filter.p.m.my_fields.gender-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Unisex Kids</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center"><span class="font-gotham font-semibold text-3xl">Category</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">Belts</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Belts" id="Filter-filter.p.product_type-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Belts</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Footwear</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Footwear" id="Filter-filter.p.product_type-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Footwear</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Home</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Home" id="Filter-filter.p.product_type-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Home</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Jackets</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Jackets" id="Filter-filter.p.product_type-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Jackets</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Price</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div class="filter-group-display__price-range justify-between">
        <div class="filter-group-display__price-range-from">
          <label for="Filter-filter.v.price.gte" class="block font-gotham text-lg font-medium text-gray-700">From:</label>
          <div class="mt-1 relative rounded-md shadow-sm">
            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
              <span class="font-gotham text-gray-500 sm:text-lg">$</span>
            </div>
            <input type="number" name="filter.v.price.gte" id="Filter-filter.v.price.gte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="0.00" min="0" max="537.60">
          </div>
        </div>
        <div class="filter-group-display__price-range-from">
          <label for="Filter-filter.v.price.lte" class="block font-gotham text-lg font-medium text-gray-700">To:</label>
          <div class="mt-1 relative rounded-md shadow-sm">
            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
              <span class="font-gotham text-gray-500 sm:text-lg">$</span>
            </div>
            <input type="number" name="filter.v.price.lte" id="Filter-filter.v.price.lte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="537.60" min="0" max="537.60">
          </div>
        </div>
      </div>
      <div class="filter-group-display__submit flex justify-center">
        <button type="submit" class="bg-[#66cfff] text-white p-2 m-2 w-full font-gotham text-lg rounded-sm"> Apply </button>
      </div>
    </div>
  </div>
</form>

<form class="px-4 divide-y divide-gray-300 md:pl-4 w-full md:w-[90%]" x-ref="filter_form">
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Size</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">3.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="3.5" id="Filter-filter.v.m.custom.primary_size-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">3.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">4</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4" id="Filter-filter.v.m.custom.primary_size-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">4</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">4.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="4.5" id="Filter-filter.v.m.custom.primary_size-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">4.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5" id="Filter-filter.v.m.custom.primary_size-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">5.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5.0" id="Filter-filter.v.m.custom.primary_size-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">5.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">5.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-6">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="5.5" id="Filter-filter.v.m.custom.primary_size-6">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">5.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">6</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-7">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6" id="Filter-filter.v.m.custom.primary_size-7">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">6</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">6.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-8">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6.0" id="Filter-filter.v.m.custom.primary_size-8">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">6.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">6.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-9">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="6.5" id="Filter-filter.v.m.custom.primary_size-9">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">6.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">7</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-10">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7" id="Filter-filter.v.m.custom.primary_size-10">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">7</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">7.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-11">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7.0" id="Filter-filter.v.m.custom.primary_size-11">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">7.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">7.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-12">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="7.5" id="Filter-filter.v.m.custom.primary_size-12">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">7.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">8</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-13">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8" id="Filter-filter.v.m.custom.primary_size-13">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">8</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">8.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-14">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8.0" id="Filter-filter.v.m.custom.primary_size-14">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">8.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">8.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-15">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="8.5" id="Filter-filter.v.m.custom.primary_size-15">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">8.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">9</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-16">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9" id="Filter-filter.v.m.custom.primary_size-16">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">9</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">9.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-17">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9.0" id="Filter-filter.v.m.custom.primary_size-17">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">9.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">9.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-18">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="9.5" id="Filter-filter.v.m.custom.primary_size-18">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">9.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">10</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-19">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10" id="Filter-filter.v.m.custom.primary_size-19">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">10</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">10.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-20">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10.0" id="Filter-filter.v.m.custom.primary_size-20">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">10.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">10.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-21">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="10.5" id="Filter-filter.v.m.custom.primary_size-21">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">10.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">11</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-22">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11" id="Filter-filter.v.m.custom.primary_size-22">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">11</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">11.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-23">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="11.5" id="Filter-filter.v.m.custom.primary_size-23">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">11.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">12</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-24">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12" id="Filter-filter.v.m.custom.primary_size-24">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">12</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">12.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-25">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12.0" id="Filter-filter.v.m.custom.primary_size-25">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">12.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">12.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-26">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="12.5" id="Filter-filter.v.m.custom.primary_size-26">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">12.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">13</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-27">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="13" id="Filter-filter.v.m.custom.primary_size-27">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">13</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">14</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-28">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14" id="Filter-filter.v.m.custom.primary_size-28">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">14</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">14.0</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-29">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="14.0" id="Filter-filter.v.m.custom.primary_size-29">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">14.0</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">35</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-30">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="35" id="Filter-filter.v.m.custom.primary_size-30">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">35</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">36</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-31">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="36" id="Filter-filter.v.m.custom.primary_size-31">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">36</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">37</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-32">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="37" id="Filter-filter.v.m.custom.primary_size-32">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">37</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">38</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-33">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="38" id="Filter-filter.v.m.custom.primary_size-33">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">38</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">39</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-34">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="39" id="Filter-filter.v.m.custom.primary_size-34">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">39</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">40</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-35">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="40" id="Filter-filter.v.m.custom.primary_size-35">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">40</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">41</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-36">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="41" id="Filter-filter.v.m.custom.primary_size-36">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">41</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">42</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-37">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="42" id="Filter-filter.v.m.custom.primary_size-37">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">42</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">43</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-38">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="43" id="Filter-filter.v.m.custom.primary_size-38">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">43</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">44</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-39">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="44" id="Filter-filter.v.m.custom.primary_size-39">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">44</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">45</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-40">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="45" id="Filter-filter.v.m.custom.primary_size-40">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">45</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">46</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-41">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="46" id="Filter-filter.v.m.custom.primary_size-41">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">46</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 4 / W 5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-42">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 4 / W 5" id="Filter-filter.v.m.custom.primary_size-42">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 4 / W 5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 4.5 / W 5.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-43">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 4.5 / W 5.5" id="Filter-filter.v.m.custom.primary_size-43">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 4.5 / W 5.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 5 / W 6</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-44">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 5 / W 6" id="Filter-filter.v.m.custom.primary_size-44">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 5 / W 6</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 5.5 / W 6.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-45">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 5.5 / W 6.5" id="Filter-filter.v.m.custom.primary_size-45">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 5.5 / W 6.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 6 / W 7</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-46">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 6 / W 7" id="Filter-filter.v.m.custom.primary_size-46">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 6 / W 7</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 6.5 / W 7.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-47">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 6.5 / W 7.5" id="Filter-filter.v.m.custom.primary_size-47">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 6.5 / W 7.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 7 / W 8</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-48">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 7 / W 8" id="Filter-filter.v.m.custom.primary_size-48">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 7 / W 8</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 7.5 / W 8.5</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-49">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 7.5 / W 8.5" id="Filter-filter.v.m.custom.primary_size-49">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 7.5 / W 8.5</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">M 8 / W 9</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-50">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="M 8 / W 9" id="Filter-filter.v.m.custom.primary_size-50">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">M 8 / W 9</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">One Size</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-51">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_size" value="One Size" id="Filter-filter.v.m.custom.primary_size-51">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">One Size</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Color</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">Black</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Black" id="Filter-filter.v.m.custom.primary_color-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Black</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Blue</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Blue" id="Filter-filter.v.m.custom.primary_color-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Blue</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Brown</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Brown" id="Filter-filter.v.m.custom.primary_color-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Brown</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Green</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Green" id="Filter-filter.v.m.custom.primary_color-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Green</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Grey</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Grey" id="Filter-filter.v.m.custom.primary_color-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Grey</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Multi-Color</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-6">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Multi-Color" id="Filter-filter.v.m.custom.primary_color-6">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Multi-Color</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Orange</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-7">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Orange" id="Filter-filter.v.m.custom.primary_color-7">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Orange</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Pink</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-8">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Pink" id="Filter-filter.v.m.custom.primary_color-8">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Pink</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Purple</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-9">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Purple" id="Filter-filter.v.m.custom.primary_color-9">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Purple</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Red</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-10">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Red" id="Filter-filter.v.m.custom.primary_color-10">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Red</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">White</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-11">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="White" id="Filter-filter.v.m.custom.primary_color-11">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">White</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Yellow</legend>
            <label class="flex items-center" for="Filter-filter.v.m.custom.primary_color-12">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.v.m.custom.primary_color" value="Yellow" id="Filter-filter.v.m.custom.primary_color-12">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Yellow</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Brand</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">adidas</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="adidas" id="Filter-filter.p.vendor-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">adidas</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">allbirds</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="allbirds" id="Filter-filter.p.vendor-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">allbirds</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Birkenstock</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Birkenstock" id="Filter-filter.p.vendor-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Birkenstock</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Boxtogolf</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Boxtogolf" id="Filter-filter.p.vendor-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Boxtogolf</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Canada Weather Gear</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Canada Weather Gear" id="Filter-filter.p.vendor-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Canada Weather Gear</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Hey Dude</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-6">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Hey Dude" id="Filter-filter.p.vendor-6">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Hey Dude</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">J&amp;V Textiles</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-7">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="J&amp;V Textiles" id="Filter-filter.p.vendor-7">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">J&amp;V Textiles</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Jambu</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-8">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Jambu" id="Filter-filter.p.vendor-8">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Jambu</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">K-Swiss</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-9">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="K-Swiss" id="Filter-filter.p.vendor-9">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">K-Swiss</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">KEEN</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-10">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="KEEN" id="Filter-filter.p.vendor-10">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">KEEN</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Lamo</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-11">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Lamo" id="Filter-filter.p.vendor-11">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Lamo</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Merrell</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-12">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Merrell" id="Filter-filter.p.vendor-12">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Merrell</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Muk Luks</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-13">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Muk Luks" id="Filter-filter.p.vendor-13">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Muk Luks</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">On</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-14">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="On" id="Filter-filter.p.vendor-14">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">On</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">POPFLEX®</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-15">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="POPFLEX®" id="Filter-filter.p.vendor-15">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">POPFLEX®</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Reebok</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-16">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Reebok" id="Filter-filter.p.vendor-16">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Reebok</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Royal Albartross</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-17">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Royal Albartross" id="Filter-filter.p.vendor-17">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Royal Albartross</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Sperry</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-18">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Sperry" id="Filter-filter.p.vendor-18">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Sperry</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Vans</legend>
            <label class="flex items-center" for="Filter-filter.p.vendor-19">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.vendor" value="Vans" id="Filter-filter.p.vendor-19">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Vans</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Gender</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">Mens</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Mens" id="Filter-filter.p.m.my_fields.gender-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Mens</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Womens</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Womens" id="Filter-filter.p.m.my_fields.gender-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Womens</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Boys</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Boys" id="Filter-filter.p.m.my_fields.gender-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Boys</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Unisex</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Unisex" id="Filter-filter.p.m.my_fields.gender-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Unisex</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Unisex Kids</legend>
            <label class="flex items-center" for="Filter-filter.p.m.my_fields.gender-5">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.m.my_fields.gender" value="Unisex Kids" id="Filter-filter.p.m.my_fields.gender-5">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Unisex Kids</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center"><span class="font-gotham font-semibold text-3xl">Category</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div x-data="{ open: false }">
        <ul>
          <li class="py-2">
            <legend class="sr-only">Belts</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-1">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Belts" id="Filter-filter.p.product_type-1">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Belts</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Footwear</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-2">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Footwear" id="Filter-filter.p.product_type-2">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Footwear</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Home</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-3">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Home" id="Filter-filter.p.product_type-3">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Home</span>
                </div>
              </div>
            </label>
          </li>
          <li class="py-2">
            <legend class="sr-only">Jackets</legend>
            <label class="flex items-center" for="Filter-filter.p.product_type-4">
              <div class="relative flex items-start">
                <div class="flex items-center h-7">
                  <input type="checkbox" class="mr-2 p-2 accent-black rounded-full" @change="$dispatch('filter-updated')" name="filter.p.product_type" value="Jackets" id="Filter-filter.p.product_type-4">
                </div>
                <div class="flex justify-between font-gotham text-xl space-x-1">
                  <span class="">Jackets</span>
                </div>
              </div>
            </label>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div x-data="{ open: true }">
    <div @click="open = !open" class="filter-group-summary flex justify-between py-3 cursor-pointer items-center">
      <span class="font-gotham font-semibold text-3xl">Price</span>
      <span x-show="!open" style="display: none;">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M10.707 17.707L16.414 12l-5.707-5.707l-1.414 1.414L13.586 12l-4.293 4.293z"></path>
        </svg>
      </span>
      <span x-show="open">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
          class=" icon">
          <path fill="currentColor" d="M16.293 9.293L12 13.586L7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path>
        </svg>
      </span>
    </div>
    <div class="pb-3" x-show="open">
      <div class="filter-group-display__price-range justify-between">
        <div class="filter-group-display__price-range-from">
          <label for="Filter-filter.v.price.gte" class="block font-gotham text-lg font-medium text-gray-700">From:</label>
          <div class="mt-1 relative rounded-md shadow-sm">
            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
              <span class="font-gotham text-gray-500 sm:text-lg">$</span>
            </div>
            <input type="number" name="filter.v.price.gte" id="Filter-filter.v.price.gte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="0.00" min="0" max="537.60">
          </div>
        </div>
        <div class="filter-group-display__price-range-from">
          <label for="Filter-filter.v.price.lte" class="block font-gotham text-lg font-medium text-gray-700">To:</label>
          <div class="mt-1 relative rounded-md shadow-sm">
            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
              <span class="font-gotham text-gray-500 sm:text-lg">$</span>
            </div>
            <input type="number" name="filter.v.price.lte" id="Filter-filter.v.price.lte" class="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-7 pr-2 sm:text-lg border-gray-300 rounded-md" placeholder="537.60" min="0" max="537.60">
          </div>
        </div>
      </div>
      <div class="filter-group-display__submit flex justify-center">
        <button type="submit" class="bg-[#66cfff] text-white p-2 m-2 w-full font-gotham text-lg rounded-sm"> Apply </button>
      </div>
    </div>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="FooterLanguageFormNoScript" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/search?q=shoe">
  <div class="localization-form__select">
    <h2 class="visually-hidden" id="FooterLanguageLabelNoScript">Language</h2>
    <select class="localization-selector link" name="locale_code" aria-labelledby="FooterLanguageLabelNoScript">
      <option value="en" lang="en" selected=""> English </option>
      <option value="fr" lang="fr"> Français </option>
    </select>
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
      </path>
    </svg>
  </div>
  <button class="button button--tertiary">Update language</button>
</form>

POST /localization

<form method="post" action="/localization" id="FooterLanguageForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/search?q=shoe">
  <div class="no-js-hidden">
    <h2 class="caption-large text-body" id="FooterLanguageLabel">Language</h2>
    <div class="disclosure">
      <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel"> English <svg
          aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
          </path>
        </svg>
      </button>
      <ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled" hidden="">
        <li class="disclosure__item" tabindex="-1">
          <a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="en" lang="en" aria-current="true" data-value="en">
                            English
                          </a>
        </li>
        <li class="disclosure__item" tabindex="-1">
          <a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr">
                            Français
                          </a>
        </li>
      </ul>
    </div>
    <input type="hidden" name="locale_code" value="en">
  </div>
</form>

<form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-Tw7X8n" novalidate=""
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 320px; min-width: 200px; max-width: 1000px; border-radius: 20px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 16px 16px 20px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 400px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003GR1D5" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
              style="font-size: 25px; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; font-style: normal; color: rgb(0, 0, 0);"><strong>WELCOME!</strong></span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003GR4RS" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
              style="color: rgb(0, 0, 0); font-size: 28px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">JOIN TODAY &amp; TAKE <span
                style="font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-style: normal; color: rgb(226, 101, 58);">15% OFF</span></span></p>
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
              style="color: rgb(0, 0, 0); font-size: 28px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
                style="font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; font-style: normal;"><span style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;">YOUR FIRST ORDER.</span></span></span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 2px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003GR4XS" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span style="font-size: 10px;">By entering your email, you consent to receive our weekly emails. (You can
              unsubscribe at any time) See our <a href="https://www.proozy.com/policies/terms-of-service">Terms of Service</a> and <a href="https://www.proozy.com/policies/privacy-policy">Privacy Policy</a> for details.</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px 10px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_016JB91TTR00000000003GR1D7" class="needsclick go42504228 kl-private-reset-css-Xuajs1"
            type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 51px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 10px 15px; position: relative; flex: 0 1 auto; margin: 0px auto;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
              src="https://d3k81ch9hvuctc.cloudfront.net/company/Pb3wug/images/9f4a3561-0a89-4507-ad2d-924d657df631.png" tabindex="-1" alt="Line under input" class="needsclick  kl-private-reset-css-Xuajs1"
              style="max-width: 100%; width: 320px; height: auto; cursor: initial;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go809051785 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(102, 207, 255); border-radius: 40px; border-style: none; border-color: rgb(33, 29, 28); border-width: 3px; color: rgb(255, 255, 255); font-family: &quot;Arial Black&quot;, &quot;Arial Bold&quot;, Gadget, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 2px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: 53px; width: 100%;">CONTINUE</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Skip to content

NOTICE: Expedited Shipping Deadline for Holiday Delivery - December 19th

Login Sign Up

 * Women
   Women
    * Womens Apparel
      Womens Apparel
       * Shirts & Tops
       * Hoodies & Sweatshirts
       * Jackets & Outerwear
       * Pants & Leggings
       * Shorts & Skirts
       * Bras, Underwear & Socks
       * Sleepwear
       * Dresses
   
    * Womens Shoes
      Womens Shoes
       * Athletic
       * Sneakers
       * Boots & Booties
       * Sandals
       * Slippers
       * Insoles & Accessories
       * Casual
       * Dress
   
    * Accessories
      Accessories
       * Sunglasses & Eyewear
       * Bags & Backpacks
       * Hats
       * Gloves & Scarves
       * Watches
       * Jewelry
       * Belts

 * Men
   Men
    * Mens Apparel
      Mens Apparel
       * Shirts & Tops
       * Hoodies & Sweatshirts
       * Jackets & Outerwear
       * Pants
       * Shorts
       * Swimwear
       * Underwear & Socks
       * Sleepwear
   
    * Mens Shoes
      Mens Shoes
       * Athletic
       * Sneakers
       * Boots
       * Sandals
       * Slippers
       * Insoles & Accessories
       * Casual
       * Dress
   
    * Accessories
      Accessories
       * Sunglasses & Eyewear
       * Bags & Backpacks
       * Hats
       * Gloves, Scarves, & Face Covers
       * Watches
       * Jewelry
       * Belts

 * Youth
   Youth
    * Boys Apparel
      Boys Apparel
       * Shirts & Tops
       * Hoodies & Sweatshirts
       * Jackets & Outerwear
       * Shorts
       * Pants & Joggers
       * Underwear & Socks
       * Sleepwear
       * Watches
       * Hats
   
    * Girls Apparel
      Girls Apparel
       * Shirts & Tops
       * Hoodies & Sweatshirts
       * Jackets & Outerwear
       * Shorts & Skirts
       * Pants & Leggings
       * Underwear & Socks
       * Dresses
       * Watches
       * Hats
   
    * Youth Shoes
      Youth Shoes
       * Boys Shoes
       * Girls Shoes

 * Home & Electronics
   Home & Electronics
    * Home & Electronics
      Home & Electronics
       * Bags & Backpacks
       * Bath & Beauty
       * Bedroom
       * Electronics
       * Home Decor
       * Lighting
       * Hydration
       * Kitchen & Dining
       * Sports & Outdoors
       * Pet
       * Toys

 * Brands
 * Clearance

Log in
Log in
image/svg+xml
 * Women
 * Men
 * Youth
 * Home & Electronics
 * Brands
 * Clearance

Search

Cart
Shop Collection
 * Womens Apparel
 * Shirts & Tops
 * Hoodies & Sweatshirts
 * Jackets & Outerwear
 * Pants & Leggings
 * Shorts & Skirts
 * Bras, Underwear & Socks
 * Sleepwear
 * Dresses

 * Womens Shoes
 * Athletic
 * Sneakers
 * Boots & Booties
 * Sandals
 * Slippers
 * Casual
 * Dress

 * Accessories
 * Sunglasses & Eyewear
 * Bags & Backpacks
 * Hats
 * Gloves & Scarves
 * Belts

Shop Collection
 * Mens Apparel
 * Shirts & Tops
 * Hoodies & Sweatshirts
 * Jackets & Outerwear
 * Pants
 * Shorts
 * Swimwear
 * Underwear & Socks
 * Sleepwear

 * Mens Shoes
 * Athletic
 * Sneakers
 * Boots
 * Sandals
 * Slippers
 * Casual

 * Accessories
 * Sunglasses & Eyewear
 * Bags & Backpacks
 * Hats
 * Belts

Shop Collection
 * Boys Apparel
 * Shirts & Tops
 * Jackets & Outerwear
 * Hats

 * Girls Apparel
 * Shirts & Tops
 * Jackets & Outerwear
 * Shorts & Skirts
 * Pants & Leggings
 * Hats

 * Youth Shoes
 * Boys Shoes
 * Girls Shoes

Shop Collection
 * Home & Electronics
 * Bags & Backpacks
 * Bath & Beauty
 * Bedroom
 * Electronics
 * Home Decor
 * Hydration
 * Kitchen & Dining
 * Pet

Brands
Clearance



ITEM ADDED TO YOUR BAG


Continue shopping

Discounted Brands › Search: 126 results found for "shoe"


126 SEARCH RESULTS FOR "SHOE"

Search

Size
 * 3.5
   3.5
 * 4
   4
 * 4.5
   4.5
 * 5
   5
 * 5.0
   5.0
 * 5.5
   5.5
 * 6
   6
 * 6.0
   6.0
 * 6.5
   6.5
 * 7
   7
 * 7.0
   7.0
 * 7.5
   7.5
 * 8
   8
 * 8.0
   8.0
 * 8.5
   8.5
 * 9
   9
 * 9.0
   9.0
 * 9.5
   9.5
 * 10
   10
 * 10.0
   10.0
 * 10.5
   10.5
 * 11
   11
 * 11.5
   11.5
 * 12
   12
 * 12.0
   12.0
 * 12.5
   12.5
 * 13
   13
 * 14
   14
 * 14.0
   14.0
 * 35
   35
 * 36
   36
 * 37
   37
 * 38
   38
 * 39
   39
 * 40
   40
 * 41
   41
 * 42
   42
 * 43
   43
 * 44
   44
 * 45
   45
 * 46
   46
 * M 4 / W 5
   M 4 / W 5
 * M 4.5 / W 5.5
   M 4.5 / W 5.5
 * M 5 / W 6
   M 5 / W 6
 * M 5.5 / W 6.5
   M 5.5 / W 6.5
 * M 6 / W 7
   M 6 / W 7
 * M 6.5 / W 7.5
   M 6.5 / W 7.5
 * M 7 / W 8
   M 7 / W 8
 * M 7.5 / W 8.5
   M 7.5 / W 8.5
 * M 8 / W 9
   M 8 / W 9
 * One Size
   One Size

Color
 * Black
   Black
 * Blue
   Blue
 * Brown
   Brown
 * Green
   Green
 * Grey
   Grey
 * Multi-Color
   Multi-Color
 * Orange
   Orange
 * Pink
   Pink
 * Purple
   Purple
 * Red
   Red
 * White
   White
 * Yellow
   Yellow

Brand
 * adidas
   adidas
 * allbirds
   allbirds
 * Birkenstock
   Birkenstock
 * Boxtogolf
   Boxtogolf
 * Canada Weather Gear
   Canada Weather Gear
 * Hey Dude
   Hey Dude
 * J&V Textiles
   J&V Textiles
 * Jambu
   Jambu
 * K-Swiss
   K-Swiss
 * KEEN
   KEEN
 * Lamo
   Lamo
 * Merrell
   Merrell
 * Muk Luks
   Muk Luks
 * On
   On
 * POPFLEX®
   POPFLEX®
 * Reebok
   Reebok
 * Royal Albartross
   Royal Albartross
 * Sperry
   Sperry
 * Vans
   Vans

Gender
 * Mens
   Mens
 * Womens
   Womens
 * Boys
   Boys
 * Unisex
   Unisex
 * Unisex Kids
   Unisex Kids

Category
 * Belts
   Belts
 * Footwear
   Footwear
 * Home
   Home
 * Jackets
   Jackets

Price
From:
$
To:
$
Apply
Hide Filters
Size
 * 3.5
   3.5
 * 4
   4
 * 4.5
   4.5
 * 5
   5
 * 5.0
   5.0
 * 5.5
   5.5
 * 6
   6
 * 6.0
   6.0
 * 6.5
   6.5
 * 7
   7
 * 7.0
   7.0
 * 7.5
   7.5
 * 8
   8
 * 8.0
   8.0
 * 8.5
   8.5
 * 9
   9
 * 9.0
   9.0
 * 9.5
   9.5
 * 10
   10
 * 10.0
   10.0
 * 10.5
   10.5
 * 11
   11
 * 11.5
   11.5
 * 12
   12
 * 12.0
   12.0
 * 12.5
   12.5
 * 13
   13
 * 14
   14
 * 14.0
   14.0
 * 35
   35
 * 36
   36
 * 37
   37
 * 38
   38
 * 39
   39
 * 40
   40
 * 41
   41
 * 42
   42
 * 43
   43
 * 44
   44
 * 45
   45
 * 46
   46
 * M 4 / W 5
   M 4 / W 5
 * M 4.5 / W 5.5
   M 4.5 / W 5.5
 * M 5 / W 6
   M 5 / W 6
 * M 5.5 / W 6.5
   M 5.5 / W 6.5
 * M 6 / W 7
   M 6 / W 7
 * M 6.5 / W 7.5
   M 6.5 / W 7.5
 * M 7 / W 8
   M 7 / W 8
 * M 7.5 / W 8.5
   M 7.5 / W 8.5
 * M 8 / W 9
   M 8 / W 9
 * One Size
   One Size

Color
 * Black
   Black
 * Blue
   Blue
 * Brown
   Brown
 * Green
   Green
 * Grey
   Grey
 * Multi-Color
   Multi-Color
 * Orange
   Orange
 * Pink
   Pink
 * Purple
   Purple
 * Red
   Red
 * White
   White
 * Yellow
   Yellow

Brand
 * adidas
   adidas
 * allbirds
   allbirds
 * Birkenstock
   Birkenstock
 * Boxtogolf
   Boxtogolf
 * Canada Weather Gear
   Canada Weather Gear
 * Hey Dude
   Hey Dude
 * J&V Textiles
   J&V Textiles
 * Jambu
   Jambu
 * K-Swiss
   K-Swiss
 * KEEN
   KEEN
 * Lamo
   Lamo
 * Merrell
   Merrell
 * Muk Luks
   Muk Luks
 * On
   On
 * POPFLEX®
   POPFLEX®
 * Reebok
   Reebok
 * Royal Albartross
   Royal Albartross
 * Sperry
   Sperry
 * Vans
   Vans

Gender
 * Mens
   Mens
 * Womens
   Womens
 * Boys
   Boys
 * Unisex
   Unisex
 * Unisex Kids
   Unisex Kids

Category
 * Belts
   Belts
 * Footwear
   Footwear
 * Home
   Home
 * Jackets
   Jackets

Price
From:
$
To:
$
Apply
126 products
Filters

Sort by:

Sort Relevance Price, low to high Price, high to low


PRODUCTS

 * 


 * LAMO MEN'S PAUL LAMOLITE SHOE
   
   Regular price $59.99 Sale price $35.99 40% OFF
   5 reviews
 * 


 * K-SWISS MEN'S SPEED TRAC TENNIS SHOE
   
   Regular price $140 Sale price $49.99 64% OFF
   4 reviews
 * 


 * ADIDAS MEN'S DURAMO SHOE
   
   Regular price $70 Sale price $48.99 30% OFF
   0 reviews
 * 


 * MUK LUKS WOMEN'S FLEXI LONG ISLAND MULE SHOE
   
   Regular price $64.99 Sale price $11.99 82% OFF
   3 reviews
 * 


 * K-SWISS WOMEN'S SPEED TRAC TENNIS SHOE
   
   Regular price $140 Sale price $49.99 64% OFF
   2 reviews
 * 


 * ADIDAS MEN'S LITE RACER ADAPT 3.0 SHOE
   
   Sale price $63.99
   0 reviews
 * 


 * ADIDAS MEN'S QUESTAR SHOE
   
   Regular price $75 Sale price $58.99 21% OFF
   0 reviews
 * 


 * ROYAL ALBARTROSS MEN'S RICHMOND GOLF SHOE
   
   Regular price $245 Sale price $129.99 47% OFF
   5 reviews
 * 


 * ROYAL ALBARTROSS MEN'S PONTIAC V2 GOLF SHOE
   
   Regular price $285 Sale price $149.99 47% OFF
   5 reviews
 * 


 * MUK LUKS WOMEN'S FLEXI-BUFFALO SHOE
   
   Regular price $69.99 Sale price $24.99 64% OFF
   13 reviews
 * 


 * LAMO WOMEN'S PIPER CASUAL SHOE
   
   Regular price $39.99 Sale price $28.99 28% OFF
   0 reviews
 * 


 * LAMO WOMEN'S VITA CANVAS CASUAL SHOE
   
   Regular price $39.99 Sale price $28.99 28% OFF
   0 reviews
 * 


 * 6-TIER SHOE STORAGE AND ORGANIZER RACK
   
   Regular price $39.99 Sale price $29.99 25% OFF
   0 reviews
 * 


 * CANADA WEATHER GEAR WOMEN'S EDDIE CLOG SHOES
   
   Regular price $80 Sale price $46.99 41% OFF
   1 reviews
 * 


 * REEBOK WOMEN'S CLUB C GEO MID SHOES
   
   Regular price $100 Sale price $79.99 20% OFF
   0 reviews
 * 


 * REEBOK WOMEN'S CLUB C EXTRA SHOES
   
   Regular price $90 Sale price $69.99 22% OFF
   1 reviews
 * 


 * K-SWISS BIG KID'S TUBES TRAIL 200 SHOE
   
   Regular price $59.95 Sale price $39.99 33% OFF
   1 reviews
 * 


 * SPERRY WOMEN'S ROSEFISH JERSEY BOAT SHOES
   
   Regular price $90 Sale price $23.99 73% OFF
   37 reviews
 * 


 * BIRKENSTOCK BEND LOW LEATHER SHOES
   
   Sale price $157.00
   0 reviews
 * 


 * ALLBIRDS WOMEN'S WOOL RUNNER-UP MIZZLE SHOES
   
   Regular price $125 Sale price $38.99 69% OFF
   6 reviews
 * 


 * KEEN MEN'S CIRCADIA VENT SHOE
   
   Sale price $120.00
   1 reviews
 * 


 * SPERRY MEN'S STRIPER II HIGH TOP 85TH ANNIVERSARY SHOES
   
   Regular price $79.95 Sale price $25.99 67% OFF
   9 reviews
 * 


 * ADIDAS MEN'S ORIGINALS NITE JOGGER SHOES
   
   Regular price $149.99 Sale price $85.99 43% OFF
   0 reviews
 * 


 * SPERRY WOMEN'S BLUEFISH PLAID BOAT SHOES
   
   Regular price $90 Sale price $23.99 73% OFF
   38 reviews

 * 1
 * 2
 * 3
 * …
 * 6
 * 

image/svg+xml

Located in St. Paul, Minnesota, USA



© 2024, Proozy.com


ABOUT US

 * Our Story
 * Proozy Guarantee
 * Gives Back
 * Proozy Rewards
 * Referral Program
 * California Consumer Privacy Act
 * Terms of Service
 * Privacy Policy


SUPPORT

 * Help Center
 * Shipping Policy
 * Returns
 * Buy Now Pay Later
 * Accessibility Statement
 * Do not sell my personal information
 * Sitemap


WORK WITH US

 * Affiliate Program


FOLLOW US

 * Facebook
 * Instagram
 * 
 * 

image/svg+xml

Located in St. Paul, Minnesota, USA



© 2024, PROOZY


LANGUAGE

English Français
Update language


LANGUAGE

English
 * English
 * Français

 * Choosing a selection results in a full page refresh.




PROOZY: Top Brand Deals
Use Code: APP20 for 20% Off
GET



Close dialog

WELCOME!

JOIN TODAY & TAKE 15% OFF

YOUR FIRST ORDER.

By entering your email, you consent to receive our weekly emails. (You can
unsubscribe at any time) See our Terms of Service and Privacy Policy for
details.



CONTINUE

www.proozy.com Open in urlscan Pro 2620:127:f00f:e:: Public Scan

Form analysis 7 forms found in the DOM

GET /search

GET /search

POST /localization

POST /localization

Text Content

www.proozy.com Open in urlscan Pro
2620:127:f00f:e:: Public Scan

Form analysis
7 forms found in the DOM