www.proozy.com
Open in
urlscan Pro
2620:127:f00f:e::
Public Scan
Submitted URL: https://www.proozy.com/products/oakley-22l-street-organizing-backpack
Effective URL: https://www.proozy.com/collections/oakley-sunglasses-and-apparel
Submission: On December 25 via manual from US — Scanned from US
Effective URL: https://www.proozy.com/collections/oakley-sunglasses-and-apparel
Submission: On December 25 via manual from US — Scanned from US
Form analysis 6 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><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">S</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="S" id="Filter-filter.v.m.custom.primary_size-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">S</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">M</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="M" id="Filter-filter.v.m.custom.primary_size-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">M</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">L</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="L" id="Filter-filter.v.m.custom.primary_size-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">L</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">XL</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="XL" id="Filter-filter.v.m.custom.primary_size-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">2XL</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="2XL" id="Filter-filter.v.m.custom.primary_size-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">28</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="28" id="Filter-filter.v.m.custom.primary_size-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">28</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">29</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="29" id="Filter-filter.v.m.custom.primary_size-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">29</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">30</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="30" id="Filter-filter.v.m.custom.primary_size-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">31</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="31" id="Filter-filter.v.m.custom.primary_size-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">31</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">32</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="32" id="Filter-filter.v.m.custom.primary_size-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">33</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="33" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">33</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">34</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="34" id="Filter-filter.v.m.custom.primary_size-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">36</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-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="36" id="Filter-filter.v.m.custom.primary_size-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">38</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="38" id="Filter-filter.v.m.custom.primary_size-14">
</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" x-show="open" style="display: none;">
<legend class="sr-only">40</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="40" id="Filter-filter.v.m.custom.primary_size-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">One Size</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="One Size" id="Filter-filter.v.m.custom.primary_size-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">One Size</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 1 More</span>
</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">Red</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="Red" id="Filter-filter.v.m.custom.primary_color-7">
</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-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="White" id="Filter-filter.v.m.custom.primary_color-8">
</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-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="Yellow" id="Filter-filter.v.m.custom.primary_color-9">
</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">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>
</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">Crewneck</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="Crewneck" id="Filter-filter.p.product_type-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Crewneck</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Hoodie</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="Hoodie" id="Filter-filter.p.product_type-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Hoodie</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Pants</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="Pants" id="Filter-filter.p.product_type-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pants</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Polos</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="Polos" id="Filter-filter.p.product_type-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Polos</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Short Sleeves</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-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.product_type" value="Short Sleeves" id="Filter-filter.p.product_type-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Short Sleeves</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Shorts</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-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.product_type" value="Shorts" id="Filter-filter.p.product_type-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Shorts</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Sunglasses</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-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.product_type" value="Sunglasses" id="Filter-filter.p.product_type-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sunglasses</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="154.99">
</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="154.99" min="0" max="154.99">
</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">S</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="S" id="Filter-filter.v.m.custom.primary_size-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">S</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">M</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="M" id="Filter-filter.v.m.custom.primary_size-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">M</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">L</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="L" id="Filter-filter.v.m.custom.primary_size-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">L</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">XL</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="XL" id="Filter-filter.v.m.custom.primary_size-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">2XL</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="2XL" id="Filter-filter.v.m.custom.primary_size-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">2XL</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">28</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="28" id="Filter-filter.v.m.custom.primary_size-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">28</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">29</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="29" id="Filter-filter.v.m.custom.primary_size-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">29</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">30</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="30" id="Filter-filter.v.m.custom.primary_size-8">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">30</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">31</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="31" id="Filter-filter.v.m.custom.primary_size-9">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">31</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">32</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="32" id="Filter-filter.v.m.custom.primary_size-10">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">32</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">33</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="33" id="Filter-filter.v.m.custom.primary_size-11">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">33</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">34</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="34" id="Filter-filter.v.m.custom.primary_size-12">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">34</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">36</legend>
<label class="flex items-center" for="Filter-filter.v.m.custom.primary_size-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="36" id="Filter-filter.v.m.custom.primary_size-13">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">36</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">38</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="38" id="Filter-filter.v.m.custom.primary_size-14">
</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" x-show="open" style="display: none;">
<legend class="sr-only">40</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="40" id="Filter-filter.v.m.custom.primary_size-15">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">40</span>
</div>
</div>
</label>
</li>
<li class="py-2" x-show="open" style="display: none;">
<legend class="sr-only">One Size</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="One Size" id="Filter-filter.v.m.custom.primary_size-16">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">One Size</span>
</div>
</div>
</label>
</li>
</ul>
<span x-show="open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline" style="display: none;">Show Less</span>
<span x-show="!open" @click="open = !open" class="font-gotham text-xl text-gray-400 underline">Show 1 More</span>
</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">Red</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="Red" id="Filter-filter.v.m.custom.primary_color-7">
</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-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="White" id="Filter-filter.v.m.custom.primary_color-8">
</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-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="Yellow" id="Filter-filter.v.m.custom.primary_color-9">
</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">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>
</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">Crewneck</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="Crewneck" id="Filter-filter.p.product_type-1">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Crewneck</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Hoodie</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="Hoodie" id="Filter-filter.p.product_type-2">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Hoodie</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Pants</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="Pants" id="Filter-filter.p.product_type-3">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Pants</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Polos</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="Polos" id="Filter-filter.p.product_type-4">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Polos</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Short Sleeves</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-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.product_type" value="Short Sleeves" id="Filter-filter.p.product_type-5">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Short Sleeves</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Shorts</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-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.product_type" value="Shorts" id="Filter-filter.p.product_type-6">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Shorts</span>
</div>
</div>
</label>
</li>
<li class="py-2">
<legend class="sr-only">Sunglasses</legend>
<label class="flex items-center" for="Filter-filter.p.product_type-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.product_type" value="Sunglasses" id="Filter-filter.p.product_type-7">
</div>
<div class="flex justify-between font-gotham text-xl space-x-1">
<span class="">Sunglasses</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="154.99">
</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="154.99" min="0" max="154.99">
</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="/collections/oakley-sunglasses-and-apparel">
<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="/collections/oakley-sunglasses-and-apparel">
<div class="no-js-hidden">
<h2 class="caption-large text-body" id="FooterLanguageLabel">Language</h2>
<div class="disclosure">
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterLanguageList" aria-describedby="FooterLanguageLabel"> English <svg
aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path>
</svg>
</button>
<ul id="FooterLanguageList" role="list" class="disclosure__list list-unstyled" hidden="">
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large disclosure__link--active focus-inset" href="#" hreflang="en" lang="en" aria-current="true" data-value="en">
English
</a>
</li>
<li class="disclosure__item" tabindex="-1">
<a class="link link--text disclosure__link caption-large focus-inset" href="#" hreflang="fr" lang="fr" data-value="fr">
Français
</a>
</li>
</ul>
</div>
<input type="hidden" name="locale_code" value="en">
</div>
</form><form aria-live="polite" class="needsclick klaviyo-form klaviyo-form-version-cid_1 go417382439 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-UfGVBz" novalidate=""
style="display: flex; flex-direction: row; box-sizing: border-box; width: 320px; 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 15px; 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: 360px; 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: 0 1 auto; margin: 0px auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
src="https://d3k81ch9hvuctc.cloudfront.net/company/NEM552/images/c1401d92-254a-4e3b-b73e-4d30874ea792.png" tabindex="-1" alt="CWG" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 100px; height: auto; cursor: initial;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px 20px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-016JB91TTR00000000003MAZBM" style="width: 100%;">
<p style="text-align: center;"><span style="font-size: 25px;"><strong>LOVING <span
style="color: rgb(224, 100, 57); font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; font-style: normal;">Oakley?!</span></strong></span></p>
<p style="text-align: center;"> </p>
<p style="text-align: center;"><span style="font-size: 25px; font-weight: bold;">Sign-up now to get</span></p>
<p style="text-align: center;"><span style="font-size: 40px; font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 400; font-style: normal; color: rgb(102, 207, 255);">25% OFF</span></p>
<p style="text-align: center;"><span style="font-size: 25px; font-weight: bold;">your purchase!</span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 0px 10px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_016JB91TTR00000000003MAZBN" class="needsclick go42504228 kl-private-reset-css-Xuajs1"
type="email" autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-required="true" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 51px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 10px 15px; position: relative; flex: 0 1 auto; margin: 0px auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; align-items: center; width: 100%; height: auto;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="position: relative; display: flex; align-items: center; width: 100%; height: auto;"><img
src="https://d3k81ch9hvuctc.cloudfront.net/company/Pb3wug/images/9f4a3561-0a89-4507-ad2d-924d657df631.png" tabindex="-1" alt="Line under input" class="needsclick kl-private-reset-css-Xuajs1"
style="max-width: 100%; width: 320px; height: auto; cursor: initial;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; justify-content: flex-start; padding: 17px 6px 10px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go809051785 kl-private-reset-css-Xuajs1" type="button"
tabindex="0"
style="background: rgb(224, 100, 57); border-radius: 27px; border-style: none; border-color: rgb(33, 29, 28); border-width: 3px; color: rgb(255, 255, 255); font-family: "Arial Black", "Arial Bold", Gadget, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 2px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; pointer-events: auto; height: 54px; width: 100%;">CONTINUE</button>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Skip to content
NOTICE: Expedited Shipping Deadline for Holiday Delivery - December 19th
Login Sign Up
* Women
Women
* Womens Apparel
Womens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants & Leggings
* Shorts & Skirts
* Bras, Underwear & Socks
* Sleepwear
* Dresses
* Womens Shoes
Womens Shoes
* Athletic
* Sneakers
* Boots & Booties
* Sandals
* Slippers
* Insoles & Accessories
* Casual
* Dress
* Accessories
Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Gloves & Scarves
* Watches
* Jewelry
* Belts
* Men
Men
* Mens Apparel
Mens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants
* Shorts
* Swimwear
* Underwear & Socks
* Sleepwear
* Mens Shoes
Mens Shoes
* Athletic
* Sneakers
* Boots
* Sandals
* Slippers
* Insoles & Accessories
* Casual
* Dress
* Accessories
Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Gloves, Scarves, & Face Covers
* Watches
* Jewelry
* Belts
* Youth
Youth
* Boys Apparel
Boys Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Shorts
* Pants & Joggers
* Underwear & Socks
* Sleepwear
* Watches
* Hats
* Girls Apparel
Girls Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Shorts & Skirts
* Pants & Leggings
* Underwear & Socks
* Dresses
* Watches
* Hats
* Youth Shoes
Youth Shoes
* Boys Shoes
* Girls Shoes
* Home & Electronics
Home & Electronics
* Home & Electronics
Home & Electronics
* Bags & Backpacks
* Bath & Beauty
* Bedroom
* Electronics
* Home Decor
* Lighting
* Hydration
* Kitchen & Dining
* Sports & Outdoors
* Pet
* Toys
* Brands
* Clearance
Log in
Log in
image/svg+xml
* Women
* Men
* Youth
* Home & Electronics
* Brands
* Clearance
Search
Cart
Shop Collection
* Womens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants & Leggings
* Shorts & Skirts
* Bras, Underwear & Socks
* Sleepwear
* Dresses
* Womens Shoes
* Athletic
* Sneakers
* Boots & Booties
* Sandals
* Slippers
* Casual
* Dress
* Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Gloves & Scarves
* Belts
Shop Collection
* Mens Apparel
* Shirts & Tops
* Hoodies & Sweatshirts
* Jackets & Outerwear
* Pants
* Shorts
* Swimwear
* Underwear & Socks
* Sleepwear
* Mens Shoes
* Athletic
* Sneakers
* Boots
* Sandals
* Slippers
* Casual
* Accessories
* Sunglasses & Eyewear
* Bags & Backpacks
* Hats
* Belts
Shop Collection
* Boys Apparel
* Shirts & Tops
* Jackets & Outerwear
* Hats
* Girls Apparel
* Shirts & Tops
* Jackets & Outerwear
* Shorts & Skirts
* Pants & Leggings
* Hats
* Youth Shoes
* Boys Shoes
* Girls Shoes
Shop Collection
* Home & Electronics
* Bags & Backpacks
* Bath & Beauty
* Bedroom
* Electronics
* Home Decor
* Hydration
* Kitchen & Dining
* Pet
Brands
Clearance
ITEM ADDED TO YOUR BAG
Continue shopping
Discounted Brands › Oakley
Size
* S
S
* M
M
* L
L
* XL
XL
* 2XL
2XL
* 28
28
* 29
29
* 30
30
* 31
31
* 32
32
* 33
33
* 34
34
* 36
36
* 38
38
* 40
40
* One Size
One Size
Show Less Show 1 More
Color
* Black
Black
* Blue
Blue
* Brown
Brown
* Green
Green
* Grey
Grey
* Multi-Color
Multi-Color
* Red
Red
* White
White
* Yellow
Yellow
Gender
* Mens
Mens
* Womens
Womens
Category
* Crewneck
Crewneck
* Hoodie
Hoodie
* Pants
Pants
* Polos
Polos
* Short Sleeves
Short Sleeves
* Shorts
Shorts
* Sunglasses
Sunglasses
Price
From:
$
To:
$
Apply
Hide Filters
Size
* S
S
* M
M
* L
L
* XL
XL
* 2XL
2XL
* 28
28
* 29
29
* 30
30
* 31
31
* 32
32
* 33
33
* 34
34
* 36
36
* 38
38
* 40
40
* One Size
One Size
Show Less Show 1 More
Color
* Black
Black
* Blue
Blue
* Brown
Brown
* Green
Green
* Grey
Grey
* Multi-Color
Multi-Color
* Red
Red
* White
White
* Yellow
Yellow
Gender
* Mens
Mens
* Womens
Womens
Category
* Crewneck
Crewneck
* Hoodie
Hoodie
* Pants
Pants
* Polos
Polos
* Short Sleeves
Short Sleeves
* Shorts
Shorts
* Sunglasses
Sunglasses
Price
From:
$
To:
$
Apply
37 products
Filters
Sort by:
Sort Featured Best selling Price: Low to High Price: High to Low
PRODUCTS
* OAKLEY MEN'S GASCAN POLARIZED SUNGLASSES
Regular price $195 Sale price $128.99 34% OFF
0 reviews
* OAKLEY MEN'S THINLINK POLARIZED SUNGLASSES
Regular price $214 Sale price $107.99 50% OFF
0 reviews
* OAKLEY CATALYST POLARIZED SUNGLASSES
Regular price $225 Sale price $112.99 50% OFF
0 reviews
* OAKLEY MEN'S SLIVER POLARIZED SUNGLASSES
Regular price $196 Sale price $113.99 42% OFF
3 reviews
* OAKLEY MEN'S SLIVER EDGE POLARIZED SUNGLASSES
Regular price $207 Sale price $113.99 45% OFF
0 reviews
* OAKLEY MEN'S BATWOLF POLARIZED SUNGLASSES
Regular price $185 Sale price $154.99 16% OFF
7 reviews
* OAKLEY MEN'S ORIGIN POLO
Regular price $55 Sale price $27.99 49% OFF
9 reviews
* OAKLEY MEN'S SWELL B1B PULLOVER HOODIE
Regular price $70 Sale price $34.99 50% OFF
10 reviews
* OAKLEY MEN'S CHINO 19" SHORTS
Regular price $65 Sale price $28.99 55% OFF
1 reviews
* OAKLEY MEN'S ALL DAY CHINO PANTS
Regular price $60 Sale price $29.99 50% OFF
7 reviews
* OAKLEY MEN'S SCATTERED SCREEN B1B SHORT SLEEVE SHIRT
Regular price $30 Sale price $14.99 50% OFF
1 reviews
* OAKLEY MEN'S FOUNDATIONAL 9" SHORTS 3.0
Regular price $50 Sale price $24.99 50% OFF
2 reviews
* OAKLEY MEN'S REDUCT WAVE POLO
Regular price $70 Sale price $34.99 50% OFF
0 reviews
* OAKLEY MEN'S PIERSIDE 19" RC HYBRID SHORTS
Regular price $70 Sale price $51.99 26% OFF
16 reviews
* OAKLEY MEN'S IN THE MOMENT SHORTS
Regular price $65 Sale price $45.99 29% OFF
3 reviews
* OAKLEY SLIVER STEALTH SUNGLASSES
Regular price $147 Sale price $98.99 33% OFF
2 reviews
* OAKLEY FLAK BETA POLARIZED SUNGLASSES
Regular price $214 Sale price $107.99 50% OFF
6 reviews
* OAKLEY MEN'S CHINO ICON SHORTS
Regular price $70 Sale price $34.99 50% OFF
5 reviews
* OAKLEY WOMEN'S SHE'S UNSTOPPABLE SUNGLASSES
Regular price $182 Sale price $121.99 33% OFF
0 reviews
* OAKLEY MEN'S STRAIGHTLINK SUNGLASSES
Regular price $163 Sale price $114.99 29% OFF
4 reviews
* OAKLEY MEN'S TARGETLINE SUNGLASSES
Regular price $136 Sale price $98.99 27% OFF
0 reviews
* OAKLEY MEN'S SQUARE WIRE SUNGLASSES
Regular price $176 Sale price $128.99 27% OFF
3 reviews
* OAKLEY MEN'S SLIVER EDGE SUNGLASSES
Regular price $147 Sale price $98.99 33% OFF
2 reviews
* OAKLEY MEN'S SLIVER SUNGLASSES
Regular price $136 Sale price $98.99 27% OFF
3 reviews
* 1
* 2
*
image/svg+xml
Located in St. Paul, Minnesota, USA
© 2024, Proozy.com
ABOUT US
* Our Story
* Proozy Guarantee
* Gives Back
* Proozy Rewards
* Referral Program
* California Consumer Privacy Act
* Terms of Service
* Privacy Policy
SUPPORT
* Help Center
* Shipping Policy
* Returns
* Buy Now Pay Later
* Accessibility Statement
* Do not sell my personal information
* Sitemap
WORK WITH US
* Affiliate Program
FOLLOW US
* Facebook
* Instagram
*
*
image/svg+xml
Located in St. Paul, Minnesota, USA
© 2024, PROOZY
LANGUAGE
English Français
Update language
LANGUAGE
English
* English
* Français
* Choosing a selection results in a full page refresh.
PROOZY: Top Brand Deals
Use Code: APP20 for 20% Off
GET
Close dialog
LOVING Oakley?!
Sign-up now to get
25% OFF
your purchase!
CONTINUE