Yupoong

<section id="Categories" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Categories"> <h3 id="CategoriesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="CategoriesContent"> <span>Categories<span class="visually-hidden" id="CategoriesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="CategoriesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Categories filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Categories filters</legend> <input type="checkbox" id="chkTag_91" name="Headwear" class="lastObject" data-filter="Headwear" data-group="Categories" aria-describedby="CategoriesDescription" /> <label id="chkTag_91_label" class="text20" for="chkTag_91" aria-label="Headwear 44 products">Headwear (44)</label> </fieldset> </div> </section> <section id="Apparel" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Apparel"> <h3 id="ApparelHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ApparelContent"> <span>Apparel<span class="visually-hidden" id="ApparelDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ApparelContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Apparel filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Apparel filters</legend> <input type="checkbox" id="chkTag_7558" name="Embroidered Headwear" class="lastObject" data-filter="Embroidered Headwear" data-group="Apparel" aria-describedby="ApparelDescription" /> <label id="chkTag_7558_label" class="text20" for="chkTag_7558" aria-label="Embroidered Headwear 34 products">Embroidered Headwear (34)</label> </fieldset> </div> </section> <section id="BaseballCaps" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="BaseballCaps"> <h3 id="BaseballCapsHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BaseballCapsContent"> <span>Baseball Caps<span class="visually-hidden" id="BaseballCapsDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BaseballCapsContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Baseball Caps filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Baseball Caps filters</legend> <input type="checkbox" id="chkTag_6680" name="Flat Bill" class="" data-filter="Flat Bill" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6680_label" class="text20" for="chkTag_6680" aria-label="Flat Bill 8 products">Flat Bill (8)</label> <input type="checkbox" id="chkTag_6683" name="Mesh Back" class="" data-filter="Mesh Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6683_label" class="text20" for="chkTag_6683" aria-label="Mesh Back 16 products">Mesh Back (16)</label> <input type="checkbox" id="chkTag_6681" name="Snap Back" class="" data-filter="Snap Back" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6681_label" class="text20" for="chkTag_6681" aria-label="Snap Back 33 products">Snap Back (33)</label> <input type="checkbox" id="chkTag_6682" name="Stretch Fit" class="" data-filter="Stretch Fit" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6682_label" class="text20" for="chkTag_6682" aria-label="Stretch Fit 3 products">Stretch Fit (3)</label> <input type="checkbox" id="chkTag_6679" name="Structured" class="" data-filter="Structured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6679_label" class="text20" for="chkTag_6679" aria-label="Structured 36 products">Structured (36)</label> <input type="checkbox" id="chkTag_6678" name="Unstructured" class="lastObject" data-filter="Unstructured" data-group="BaseballCaps" aria-describedby="BaseballCapsDescription" /> <label id="chkTag_6678_label" class="text20" for="chkTag_6678" aria-label="Unstructured 6 products">Unstructured (6)</label> </fieldset> </div> </section> <section id="Beanies" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Beanies"> <h3 id="BeaniesHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BeaniesContent"> <span>Beanies<span class="visually-hidden" id="BeaniesDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BeaniesContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Beanies filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Beanies filters</legend> <input type="checkbox" id="chkTag_6685" name="Cuff" class="" data-filter="Cuff" data-group="Beanies" aria-describedby="BeaniesDescription" /> <label id="chkTag_6685_label" class="text20" for="chkTag_6685" aria-label="Cuff 2 products">Cuff (2)</label> <input type="checkbox" id="chkTag_6686" name="Pom Pom" class="lastObject" data-filter="Pom Pom" data-group="Beanies" aria-describedby="BeaniesDescription" /> <label id="chkTag_6686_label" class="text20" for="chkTag_6686" aria-label="Pom Pom 1 products">Pom Pom (1)</label> </fieldset> </div> </section> <section id="Brand" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Brand"> <h3 id="BrandHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="BrandContent"> <span>Brand<span class="visually-hidden" id="BrandDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="BrandContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Brand filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Brand filters</legend> <input type="checkbox" id="chkTag_720" name="Flexfit" class="" data-filter="Flexfit" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_720_label" class="text20" for="chkTag_720" aria-label="Flexfit 6 products">Flexfit (6)</label> <input type="checkbox" id="chkTag_6587" name="Yupoong" class="lastObject" data-filter="Yupoong" data-group="Brand" aria-describedby="BrandDescription" /> <label id="chkTag_6587_label" class="text20" for="chkTag_6587" aria-label="Yupoong 44 products">Yupoong (44)</label> </fieldset> </div> </section> <section id="Fabric" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fabric"> <h3 id="FabricHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FabricContent"> <span>Fabric<span class="visually-hidden" id="FabricDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FabricContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Fabric filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fabric filters</legend> <input type="checkbox" id="chkTag_5938" name="Acrylic" class="" data-filter="Acrylic" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_5938_label" class="text20" for="chkTag_5938" aria-label="Acrylic 2 products">Acrylic (2)</label> <input type="checkbox" id="chkTag_7142" name="Acrylic-Wool Blend" class="" data-filter="Acrylic-Wool Blend" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7142_label" class="text20" for="chkTag_7142" aria-label="Acrylic-Wool Blend 6 products">Acrylic-Wool Blend (6)</label> <input type="checkbox" id="chkTag_4543" name="Cotton" class="" data-filter="Cotton" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4543_label" class="text20" for="chkTag_4543" aria-label="Cotton 6 products">Cotton (6)</label> <input type="checkbox" id="chkTag_4547" name="Moisture Wicking" class="" data-filter="Moisture Wicking" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4547_label" class="text20" for="chkTag_4547" aria-label="Moisture Wicking 1 products">Moisture Wicking (1)</label> <input type="checkbox" id="chkTag_4542" name="Poly-Cotton Blend" class="" data-filter="Poly-Cotton Blend" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4542_label" class="text20" for="chkTag_4542" aria-label="Poly-Cotton Blend 3 products">Poly-Cotton Blend (3)</label> <input type="checkbox" id="chkTag_7143" name="Poly-Cotton/Mesh Back" class="" data-filter="Poly-Cotton/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7143_label" class="text20" for="chkTag_7143" aria-label="Poly-Cotton/Mesh Back 3 products">Poly-Cotton/Mesh Back (3)</label> <input type="checkbox" id="chkTag_4544" name="Polyester" class="" data-filter="Polyester" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_4544_label" class="text20" for="chkTag_4544" aria-label="Polyester 7 products">Polyester (7)</label> <input type="checkbox" id="chkTag_7140" name="Polyester/Mesh Back" class="" data-filter="Polyester/Mesh Back" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_7140_label" class="text20" for="chkTag_7140" aria-label="Polyester/Mesh Back 8 products">Polyester/Mesh Back (8)</label> <input type="checkbox" id="chkTag_5491" name="Spandex Blend" class="lastObject" data-filter="Spandex Blend" data-group="Fabric" aria-describedby="FabricDescription" /> <label id="chkTag_5491_label" class="text20" for="chkTag_5491" aria-label="Spandex Blend 2 products">Spandex Blend (2)</label> </fieldset> </div> </section> <section id="FeaturedLine" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="FeaturedLine"> <h3 id="FeaturedLineHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FeaturedLineContent"> <span>Featured Line<span class="visually-hidden" id="FeaturedLineDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FeaturedLineContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Featured Line filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Featured Line filters</legend> <input type="checkbox" id="chkTag_6444" name="Sport-Tek" class="" data-filter="Sport-Tek" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6444_label" class="text20" for="chkTag_6444" aria-label="Sport-Tek 3 products">Sport-Tek (3)</label> <input type="checkbox" id="chkTag_6448" name="Team 365" class="lastObject" data-filter="Team 365" data-group="FeaturedLine" aria-describedby="FeaturedLineDescription" /> <label id="chkTag_6448_label" class="text20" for="chkTag_6448" aria-label="Team 365 8 products">Team 365 (8)</label> </fieldset> </div> </section> <section id="Fit" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Fit"> <h3 id="FitHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="FitContent"> <span>Fit<span class="visually-hidden" id="FitDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="FitContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Fit filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Fit filters</legend> <input type="checkbox" id="chkTag_4525" name="Youth" class="lastObject" data-filter="Youth" data-group="Fit" aria-describedby="FitDescription" /> <label id="chkTag_4525_label" class="text20" for="chkTag_4525" aria-label="Youth 1 products">Youth (1)</label> </fieldset> </div> </section> <section id="Headwear" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Headwear"> <h3 id="HeadwearHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="HeadwearContent"> <span>Headwear<span class="visually-hidden" id="HeadwearDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="HeadwearContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Headwear filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Headwear filters</legend> <input type="checkbox" id="chkTag_372" name="Baseball Caps" class="" data-filter="Baseball Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_372_label" class="text20" for="chkTag_372" aria-label="Baseball Caps 42 products">Baseball Caps (42)</label> <input type="checkbox" id="chkTag_374" name="Beanies" class="" data-filter="Beanies" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_374_label" class="text20" for="chkTag_374" aria-label="Beanies 2 products">Beanies (2)</label> <input type="checkbox" id="chkTag_5344" name="Trucker Caps" class="lastObject" data-filter="Trucker Caps" data-group="Headwear" aria-describedby="HeadwearDescription" /> <label id="chkTag_5344_label" class="text20" for="chkTag_5344" aria-label="Trucker Caps 20 products">Trucker Caps (20)</label> </fieldset> </div> </section> <section id="ImprintMethod" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="ImprintMethod"> <h3 id="ImprintMethodHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="ImprintMethodContent"> <span>Imprint Method<span class="visually-hidden" id="ImprintMethodDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="ImprintMethodContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Imprint Method filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Imprint Method filters</legend> <input type="checkbox" id="chkTag_7120" name="3D Puff Embroidered" class="" data-filter="3D Puff Embroidered" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_7120_label" class="text20" for="chkTag_7120" aria-label="3D Puff Embroidered 2 products">3D Puff Embroidered (2)</label> <input type="checkbox" id="chkTag_184" name="Embroidered" class="" data-filter="Embroidered" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_184_label" class="text20" for="chkTag_184" aria-label="Embroidered 34 products">Embroidered (34)</label> <input type="checkbox" id="chkTag_7119" name="Full Color Patch" class="" data-filter="Full Color Patch" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_7119_label" class="text20" for="chkTag_7119" aria-label="Full Color Patch 5 products">Full Color Patch (5)</label> <input type="checkbox" id="chkTag_7230" name="Laser Engraved Patch" class="lastObject" data-filter="Laser Engraved Patch" data-group="ImprintMethod" aria-describedby="ImprintMethodDescription" /> <label id="chkTag_7230_label" class="text20" for="chkTag_7230" aria-label="Laser Engraved Patch 3 products">Laser Engraved Patch (3)</label> </fieldset> </div> </section> <section id="Style" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="Style"> <h3 id="StyleHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="StyleContent"> <span>Style<span class="visually-hidden" id="StyleDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="StyleContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Style filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Style filters</legend> <input type="checkbox" id="chkTag_4527" name="Camo" class="lastObject" data-filter="Camo" data-group="Style" aria-describedby="StyleDescription" /> <label id="chkTag_4527_label" class="text20" for="chkTag_4527" aria-label="Camo 4 products">Camo (4)</label> </fieldset> </div> </section> <section id="SunProtection" class="filterMenu text16 bkgdWhite borderDkGray marginBtm15 overflow hide" aria-labelledby="SunProtection"> <h3 id="SunProtectionHeader" class="showOnLarge"> <button type="button" class="accordionHeader text16 padding10 fullWidth displayFlex flexNoWrap flexSpaceBetween flexAlignItemsCenter pointer" aria-expanded="true" aria-controls="SunProtectionContent"> <span>Sun Protection<span class="visually-hidden" id="SunProtectionDescription"> Filter selections automatically update page</span></span> <svg class="arrowIcon" height="16px" width="16px" focusable="false" aria-hidden="true"><use xlink:href="#svgIcon-arrowLine"></use></svg> </button> </h3> <div id="SunProtectionContent" class="accordionPanel open" aria-hidden="false"> <button type="button" class="filterMenuSelect darkestLink hideOnLargeAndExtraLarge text16 padding15 borderBottomMdGray fullWidth textLeft" aria-controls="filterMenuMobile" disabled> <svg class="rotate270 paddingRight5" height="16px" width="16px" aria-hidden="true" focusable="false"><use xlink:href="#svgIcon-arrowLine"></use></svg> View All Filters<span class="visually-hidden"> by exiting Sun Protection filter</span> </button> <fieldset class="padding10"> <legend class="visually-hidden">Select Sun Protection filters</legend> <input type="checkbox" id="chkTag_7431" name="UPF Protection" class="lastObject" data-filter="UPF Protection" data-group="SunProtection" aria-describedby="SunProtectionDescription" /> <label id="chkTag_7431_label" class="text20" for="chkTag_7431" aria-label="UPF Protection 2 products">UPF Protection (2)</label> </fieldset> </div> </section>