www.proozy.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
Submitted URL: https://www.proozy.com/products/birkenstock-oswego-canvas-suede-shoe
Effective URL: https://www.proozy.com/search?q=shoe
Submission: On December 09 via manual from US — Scanned from US
Effective URL: https://www.proozy.com/search?q=shoe
Submission: On December 09 via manual 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.5</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.5" 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.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-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="6" id="Filter-filter.v.m.custom.primary_size-6">
</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.5</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.5" 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.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-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="7" id="Filter-filter.v.m.custom.primary_size-8">
</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.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="7.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="">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-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="8" id="Filter-filter.v.m.custom.primary_size-10">
</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-8.5</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="8-8.5" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">8-8.5</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-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="8.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="">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-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="9" id="Filter-filter.v.m.custom.primary_size-13">
</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-9.5</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="9-9.5" id="Filter-filter.v.m.custom.primary_size-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9-9.5</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-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="9.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="">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-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="10" id="Filter-filter.v.m.custom.primary_size-16">
</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-10.5</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="10-10.5" id="Filter-filter.v.m.custom.primary_size-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">10-10.5</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-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="10.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="">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-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="11" id="Filter-filter.v.m.custom.primary_size-19">
</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-11.5</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="11-11.5" id="Filter-filter.v.m.custom.primary_size-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">11-11.5</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-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="11.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="">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-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="12" id="Filter-filter.v.m.custom.primary_size-22">
</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-12.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="12-12.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="">12-12.5</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-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.5" 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.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-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="13" id="Filter-filter.v.m.custom.primary_size-25">
</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-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="14" id="Filter-filter.v.m.custom.primary_size-26">
</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">15</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="15" id="Filter-filter.v.m.custom.primary_size-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">15</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-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="37" id="Filter-filter.v.m.custom.primary_size-28">
</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-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="38" id="Filter-filter.v.m.custom.primary_size-29">
</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">M 4 / W 5</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="M 4 / W 5" id="Filter-filter.v.m.custom.primary_size-30">
</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-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="M 4.5 / W 5.5" id="Filter-filter.v.m.custom.primary_size-31">
</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-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="M 5 / W 6" id="Filter-filter.v.m.custom.primary_size-32">
</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-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="M 5.5 / W 6.5" id="Filter-filter.v.m.custom.primary_size-33">
</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-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="M 6 / W 7" id="Filter-filter.v.m.custom.primary_size-34">
</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-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="M 6.5 / W 7.5" id="Filter-filter.v.m.custom.primary_size-35">
</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-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="M 7 / W 8" id="Filter-filter.v.m.custom.primary_size-36">
</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-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="M 7.5 / W 8.5" id="Filter-filter.v.m.custom.primary_size-37">
</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-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="M 8 / W 9" id="Filter-filter.v.m.custom.primary_size-38">
</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-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="One Size" id="Filter-filter.v.m.custom.primary_size-39">
</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">Red</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="Red" id="Filter-filter.v.m.custom.primary_color-9">
</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-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="White" id="Filter-filter.v.m.custom.primary_color-10">
</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-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="Yellow" id="Filter-filter.v.m.custom.primary_color-11">
</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">ASICS</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="ASICS" id="Filter-filter.p.vendor-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">ASICS</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-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="Birkenstock" id="Filter-filter.p.vendor-4">
</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-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="Boxtogolf" id="Filter-filter.p.vendor-5">
</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-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="Canada Weather Gear" id="Filter-filter.p.vendor-6">
</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">ECCO</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="ECCO" id="Filter-filter.p.vendor-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">ECCO</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-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="Hey Dude" id="Filter-filter.p.vendor-8">
</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&V Textiles</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="J&V Textiles" id="Filter-filter.p.vendor-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">J&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-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="Jambu" id="Filter-filter.p.vendor-10">
</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-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="K-Swiss" id="Filter-filter.p.vendor-11">
</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-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="KEEN" id="Filter-filter.p.vendor-12">
</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-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="Lamo" id="Filter-filter.p.vendor-13">
</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-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="Merrell" id="Filter-filter.p.vendor-14">
</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-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="Muk Luks" id="Filter-filter.p.vendor-15">
</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">POPFLEX®</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="POPFLEX®" id="Filter-filter.p.vendor-16">
</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-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="Reebok" id="Filter-filter.p.vendor-17">
</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-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="Royal Albartross" id="Filter-filter.p.vendor-18">
</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-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="Sperry" id="Filter-filter.p.vendor-19">
</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-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.p.vendor" value="Vans" id="Filter-filter.p.vendor-20">
</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.5</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.5" 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.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-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="6" id="Filter-filter.v.m.custom.primary_size-6">
</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.5</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.5" 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.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-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="7" id="Filter-filter.v.m.custom.primary_size-8">
</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.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="7.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="">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-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="8" id="Filter-filter.v.m.custom.primary_size-10">
</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-8.5</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="8-8.5" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">8-8.5</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-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="8.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="">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-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="9" id="Filter-filter.v.m.custom.primary_size-13">
</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-9.5</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="9-9.5" id="Filter-filter.v.m.custom.primary_size-14">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">9-9.5</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-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="9.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="">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-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="10" id="Filter-filter.v.m.custom.primary_size-16">
</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-10.5</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="10-10.5" id="Filter-filter.v.m.custom.primary_size-17">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">10-10.5</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-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="10.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="">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-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="11" id="Filter-filter.v.m.custom.primary_size-19">
</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-11.5</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="11-11.5" id="Filter-filter.v.m.custom.primary_size-20">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">11-11.5</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-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="11.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="">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-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="12" id="Filter-filter.v.m.custom.primary_size-22">
</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-12.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="12-12.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="">12-12.5</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-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.5" 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.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-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="13" id="Filter-filter.v.m.custom.primary_size-25">
</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-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="14" id="Filter-filter.v.m.custom.primary_size-26">
</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">15</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="15" id="Filter-filter.v.m.custom.primary_size-27">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">15</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-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="37" id="Filter-filter.v.m.custom.primary_size-28">
</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-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="38" id="Filter-filter.v.m.custom.primary_size-29">
</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">M 4 / W 5</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="M 4 / W 5" id="Filter-filter.v.m.custom.primary_size-30">
</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-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="M 4.5 / W 5.5" id="Filter-filter.v.m.custom.primary_size-31">
</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-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="M 5 / W 6" id="Filter-filter.v.m.custom.primary_size-32">
</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-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="M 5.5 / W 6.5" id="Filter-filter.v.m.custom.primary_size-33">
</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-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="M 6 / W 7" id="Filter-filter.v.m.custom.primary_size-34">
</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-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="M 6.5 / W 7.5" id="Filter-filter.v.m.custom.primary_size-35">
</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-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="M 7 / W 8" id="Filter-filter.v.m.custom.primary_size-36">
</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-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="M 7.5 / W 8.5" id="Filter-filter.v.m.custom.primary_size-37">
</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-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="M 8 / W 9" id="Filter-filter.v.m.custom.primary_size-38">
</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-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="One Size" id="Filter-filter.v.m.custom.primary_size-39">
</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">Red</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="Red" id="Filter-filter.v.m.custom.primary_color-9">
</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-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="White" id="Filter-filter.v.m.custom.primary_color-10">
</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-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="Yellow" id="Filter-filter.v.m.custom.primary_color-11">
</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">ASICS</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="ASICS" id="Filter-filter.p.vendor-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">ASICS</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-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="Birkenstock" id="Filter-filter.p.vendor-4">
</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-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="Boxtogolf" id="Filter-filter.p.vendor-5">
</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-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="Canada Weather Gear" id="Filter-filter.p.vendor-6">
</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">ECCO</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="ECCO" id="Filter-filter.p.vendor-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">ECCO</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-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="Hey Dude" id="Filter-filter.p.vendor-8">
</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&V Textiles</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="J&V Textiles" id="Filter-filter.p.vendor-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">J&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-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="Jambu" id="Filter-filter.p.vendor-10">
</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-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="K-Swiss" id="Filter-filter.p.vendor-11">
</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-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="KEEN" id="Filter-filter.p.vendor-12">
</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-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="Lamo" id="Filter-filter.p.vendor-13">
</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-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="Merrell" id="Filter-filter.p.vendor-14">
</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-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="Muk Luks" id="Filter-filter.p.vendor-15">
</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">POPFLEX®</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="POPFLEX®" id="Filter-filter.p.vendor-16">
</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-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="Reebok" id="Filter-filter.p.vendor-17">
</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-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="Royal Albartross" id="Filter-filter.p.vendor-18">
</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-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="Sperry" id="Filter-filter.p.vendor-19">
</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-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.p.vendor" value="Vans" id="Filter-filter.p.vendor-20">
</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 go809031067 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-WCPDBs" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 500px; min-width: 200px; max-width: 1000px; border-radius: 23px; 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: 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: 280px; 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: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000002YS3SA" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span
style="font-size: 28px; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; color: rgb(102, 207, 255); font-style: normal;">Click Here To Claim 15% Off!</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: 2px 6px 10px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000002YS3SB" style="width: 100%;">
<p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-size: 16px; font-weight: bold;">Stay Up to Date With Our Promotions!</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 4px; 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_016JB91TTR00000000002YS3SC" class="needsclick go2544359273 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Enter your email address" aria-label="Enter your email address" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 4px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(148, 149, 150);">
<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: 10px 6px; position: relative; flex: 1 0 0px;"><button
class="needsclick go300628013 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(224, 100, 57); border-radius: 40px; border-style: none; border-color: rgb(0, 0, 0); border-width: 2px; color: rgb(255, 255, 255); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; 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: 54px; width: 100%;">SUBSCRIBE</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Skip to content
NOTE!! Orders placed after Dec 16th must choose expedited shipping to guarantee
holiday delivery!!!
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
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Hats
* Girls Apparel
* Shirts & Tops
* Jackets & Outerwear
* 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: 117 results found for "shoe"
117 SEARCH RESULTS FOR "SHOE"
Search
Size
* 3.5
3.5
* 4
4
* 4.5
4.5
* 5
5
* 5.5
5.5
* 6
6
* 6.5
6.5
* 7
7
* 7.5
7.5
* 8
8
* 8-8.5
8-8.5
* 8.5
8.5
* 9
9
* 9-9.5
9-9.5
* 9.5
9.5
* 10
10
* 10-10.5
10-10.5
* 10.5
10.5
* 11
11
* 11-11.5
11-11.5
* 11.5
11.5
* 12
12
* 12-12.5
12-12.5
* 12.5
12.5
* 13
13
* 14
14
* 15
15
* 37
37
* 38
38
* 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
* Red
Red
* White
White
* Yellow
Yellow
Brand
* adidas
adidas
* allbirds
allbirds
* ASICS
ASICS
* Birkenstock
Birkenstock
* Boxtogolf
Boxtogolf
* Canada Weather Gear
Canada Weather Gear
* ECCO
ECCO
* 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
* 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.5
5.5
* 6
6
* 6.5
6.5
* 7
7
* 7.5
7.5
* 8
8
* 8-8.5
8-8.5
* 8.5
8.5
* 9
9
* 9-9.5
9-9.5
* 9.5
9.5
* 10
10
* 10-10.5
10-10.5
* 10.5
10.5
* 11
11
* 11-11.5
11-11.5
* 11.5
11.5
* 12
12
* 12-12.5
12-12.5
* 12.5
12.5
* 13
13
* 14
14
* 15
15
* 37
37
* 38
38
* 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
* Red
Red
* White
White
* Yellow
Yellow
Brand
* adidas
adidas
* allbirds
allbirds
* ASICS
ASICS
* Birkenstock
Birkenstock
* Boxtogolf
Boxtogolf
* Canada Weather Gear
Canada Weather Gear
* ECCO
ECCO
* 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
* 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
117 products
Filters
Sort by:
Sort Relevance Price, low to high Price, high to low
PRODUCTS
*
* ADIDAS MEN'S DURAMO SHOE
Regular price $70 Sale price $48.99 30% OFF
0 reviews
*
* K-SWISS MEN'S SPEED TRAC TENNIS SHOE
Regular price $140 Sale price $49.99 64% OFF
0 reviews
*
* MUK LUKS WOMEN'S FLEXI LONG ISLAND MULE SHOE
Regular price $64.99 Sale price $11.99 82% OFF
3 reviews
*
* LAMO MEN'S PAUL LAMOLITE SHOE
Regular price $59.99 Sale price $35.99 40% OFF
5 reviews
*
* K-SWISS WOMEN'S SPEED TRAC TENNIS SHOE
Regular price $140 Sale price $49.99 64% OFF
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
*
* REEBOK WOMEN'S CLUB C GEO MID SHOES
Regular price $100 Sale price $79.99 20% OFF
0 reviews
*
* CANADA WEATHER GEAR WOMEN'S EDDIE CLOG SHOES
Regular price $80 Sale price $46.99 41% OFF
1 reviews
*
* LAMO WOMEN'S PIPER 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
*
* MERRELL MEN'S MOAB 3 EDGE HIKING SHOE
Regular price $110 Sale price $79.99 27% OFF
2 reviews
*
* LAMO WOMEN'S VITA CANVAS CASUAL SHOE
Regular price $39.99 Sale price $28.99 28% OFF
0 reviews
*
* REEBOK WOMEN'S CLUB C EXTRA SHOES
Regular price $90 Sale price $69.99 22% OFF
1 reviews
*
* ASICS MEN'S GT-2000 10 RUNNING SHOES
Regular price $99.95 Sale price $89.95 10% OFF
0 reviews
*
* SPERRY WOMEN'S ROSEFISH JERSEY BOAT SHOES
Regular price $90 Sale price $23.99 73% OFF
37 reviews
*
* ALLBIRDS WOMEN'S WOOL RUNNER-UP MIZZLE SHOES
Regular price $125 Sale price $38.99 69% OFF
6 reviews
*
* ADIDAS MEN'S ORIGINALS NITE JOGGER SHOES
Regular price $149.99 Sale price $85.99 43% OFF
0 reviews
*
* SPERRY MEN'S STRIPER II HIGH TOP 85TH ANNIVERSARY SHOES
Regular price $79.95 Sale price $25.99 67% OFF
9 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 VULCANIZED ANCHOR PLUSHWAVE LTT SUEDE SHOES
Regular price $120 Sale price $33.99 72% OFF
5 reviews
*
* SPERRY WOMEN'S BLUEFISH PLAID BOAT SHOES
Regular price $90 Sale price $23.99 73% OFF
38 reviews
* 1
* 2
* 3
* …
* 5
*
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.
Save 20% with CODE: APP20 on First Order
Scan the QR code below.
GET OUR APP TODAY!
Close dialog
Click Here To Claim 15% Off!
Stay Up to Date With Our Promotions!
SUBSCRIBE