
<turbo-stream action="replace" target="womenswear-subcategory-filters"><template>
  <turbo-frame id="womenswear-subcategory-filters">
      <div class="card categories-filter">
    <div class="card-header">
      <h2 class="mb-0">
        <button class="btn btn-link collapsed sidebar-filter-button" type="button" data-toggle="collapse"
                data-target="#accessories_collapse" aria-expanded="true"
                aria-controls="accessories_collapse">
          Accessories
          <span id="accessories-count" data-app-search--categories-filter-target="categoryCount"
                data-app-search--filters-count-target="categoryCount"></span>
        </button>
      </h2>
    </div>

  <div id="accessories_collapse" class="collapse show">
    <div class="card-body">
      <div class="menu-wrapper px-2">

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=120">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_120"
          data-filter="category"
          data-category-id="120"
          data-value="belts"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_120">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Belts</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=121">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_121"
          data-filter="category"
          data-category-id="121"
          data-value="gloves"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_121">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Gloves</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=122">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_122"
          data-filter="category"
          data-category-id="122"
          data-value="hair accessories"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_122">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Hair Accessories</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=123">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_123"
          data-filter="category"
          data-category-id="123"
          data-value="hats"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_123">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Hats</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=127">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_127"
          data-filter="category"
          data-category-id="127"
          data-value="jewellery"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="false"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_127">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Jewellery</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=124">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_124"
          data-filter="category"
          data-category-id="124"
          data-value="scarves"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_124">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Scarves</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=125">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_125"
          data-filter="category"
          data-category-id="125"
          data-value="sunglasses"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_125">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Sunglasses</div>
  </div>
</a>

          <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=126">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories"
          type="checkbox"
          id="subcategory_126"
          data-filter="category"
          data-category-id="126"
          data-value="travel accessories"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="accessories">

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_126">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Travel Accessories</div>
  </div>
</a>
      </div>
    </div>
  </div>
</div>

<turbo-frame id="accessories-subcategory-filters"></turbo-frame>
</turbo-frame></template></turbo-stream>
<turbo-stream action="replace" target="womenswear-mobile-subcategory-filters"><template>
  <turbo-frame id="womenswear-mobile-subcategory-filters">
        <div class="card categories-filter">
    <div class="card-header" id="headingOne">
      <h2 class="mb-0">
        <button class="btn btn-link collapsed sidebar-filter-button sidebar_categories_filter_button
                      d-flex justify-content-between" data-toggle="modal"
                data-target="#accessories-filter-modal">
          <div>
            Accessories
            <span id="accessories-count" data-app-search--categories-filter-target="categoryCount"
                  data-app-search--filters-count-target="categoryCount"></span>
          </div>
          <img src="https://res.cloudinary.com/dcaptnlz3/image/asset/chevron-right-4d9dc1896a4765e272ce510a3e1d363f.svg" />
        </button>
      </h2>
    </div>
  </div>

<div class="modal filter-mobile-modal -first-layer fade bottom" id="accessories-filter-modal" tabindex="-1"
     role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable m-0 " role="document">
    <div class="modal-content rounded-0 border-0">
      <div class="modal-header border-0">
        <a href="#" class="return-icon" data-toggle="modal" data-target="#accessories-filter-modal">
          <img src="https://res.cloudinary.com/dcaptnlz3/image/asset/chevron-left-218bf512919cbc55739cb2f87ee19df1.svg" />
        </a>
        <div class='text-center text-uppercase title'>
          Accessories
        </div>
      </div>

      <div class="modal-body" data-target="plp--filters.mobileSidebarWrapper">
        <div class="filter-modal-options-wrapper">

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=120">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_120"
          data-filter="category"
          data-category-id="120"
          data-value="belts"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_120">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Belts</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=121">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_121"
          data-filter="category"
          data-category-id="121"
          data-value="gloves"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_121">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Gloves</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=122">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_122"
          data-filter="category"
          data-category-id="122"
          data-value="hair accessories"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_122">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Hair Accessories</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=123">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_123"
          data-filter="category"
          data-category-id="123"
          data-value="hats"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_123">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Hats</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=127">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_127"
          data-filter="category"
          data-category-id="127"
          data-value="jewellery"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="false"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_127">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Jewellery</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=124">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_124"
          data-filter="category"
          data-category-id="124"
          data-value="scarves"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_124">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Scarves</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=125">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_125"
          data-filter="category"
          data-category-id="125"
          data-value="sunglasses"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_125">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Sunglasses</div>
  </div>
</a>

            <a class="component checkbox p-0" data-turbo-stream="true" data-turbo-method="GET" data-action="app-search--categories-filter#selectCategory" href="/categories_filter/show?subcategory_id=126">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_accessories_mobile"
          type="checkbox"
          id="subcategory_126"
          data-filter="category"
          data-category-id="126"
          data-value="travel accessories"
          data-parent-value="accessories"
          data-span-count-id="accessories-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="accessories"
          >

    <label class="border border-dark p-1 h-50 my-0 mr-2 disabled"
          for="subcategory_126">
      <div class="p-1"></div>
    </label>

    <div class="text-neutral-10">Travel Accessories</div>
  </div>
</a>
        </div>
      </div>

        <div class="modal-footer filter-modal-footer js-filter-categories-modal-footer border-0 d-none default" data-app-search--categories-filter-target="applyChangesWrapper">
            <button name="button" type="submit" class="w-100 m-0 component button primary " data-toggle="modal" data-target="#accessories-filter-modal" data-filter-name="categories" data-action="click-&gt;app-search--categories-filter#applyChanges" target="_top">
    <div class="title  " style="">
      
            Apply Changes

    </div>
</button>        </div>
    </div>
  </div>
</div>


<turbo-frame id="accessories-mobile-subcategory-filters"></turbo-frame>
</turbo-frame></template></turbo-stream>