
<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="#bags_collapse" aria-expanded="true"
                aria-controls="bags_collapse">
          Bags
          <span id="bags-count" data-app-search--categories-filter-target="categoryCount"
                data-app-search--filters-count-target="categoryCount"></span>
        </button>
      </h2>
    </div>

  <div id="bags_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=140">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_140"
          data-filter="category"
          data-category-id="140"
          data-value="backpacks"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Backpacks</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=144">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_144"
          data-filter="category"
          data-category-id="144"
          data-value="beach bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Beach Bags</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=142">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_142"
          data-filter="category"
          data-category-id="142"
          data-value="belt bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Belt Bags</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=141">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_141"
          data-filter="category"
          data-category-id="141"
          data-value="bucket bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Bucket Bags</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=134">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_134"
          data-filter="category"
          data-category-id="134"
          data-value="clutch bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Clutch Bags</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=135">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_135"
          data-filter="category"
          data-category-id="135"
          data-value="cross-body bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Cross-Body Bags</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=145">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_145"
          data-filter="category"
          data-category-id="145"
          data-value="evening bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Evening Bags</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=143">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_143"
          data-filter="category"
          data-category-id="143"
          data-value="luggage and travel bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Luggage and Travel Bags</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=133">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_133"
          data-filter="category"
          data-category-id="133"
          data-value="mini bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Mini Bags</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=139">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_139"
          data-filter="category"
          data-category-id="139"
          data-value="raffia bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Raffia Bags</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=136">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_136"
          data-filter="category"
          data-category-id="136"
          data-value="shoulder bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Shoulder Bags</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=137">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_137"
          data-filter="category"
          data-category-id="137"
          data-value="top handle bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

    <div class="text-neutral-10">Top Handle Bags</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=138">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags"
          type="checkbox"
          id="subcategory_138"
          data-filter="category"
          data-category-id="138"
          data-value="tote bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          
          data-subcategory-group-value="bags">

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

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

<turbo-frame id="bags-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="#bags-filter-modal">
          <div>
            Bags
            <span id="bags-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="bags-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="#bags-filter-modal">
          <img src="https://res.cloudinary.com/dcaptnlz3/image/asset/chevron-left-218bf512919cbc55739cb2f87ee19df1.svg" />
        </a>
        <div class='text-center text-uppercase title'>
          Bags
        </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=140">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_140"
          data-filter="category"
          data-category-id="140"
          data-value="backpacks"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Backpacks</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=144">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_144"
          data-filter="category"
          data-category-id="144"
          data-value="beach bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Beach Bags</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=142">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_142"
          data-filter="category"
          data-category-id="142"
          data-value="belt bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Belt Bags</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=141">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_141"
          data-filter="category"
          data-category-id="141"
          data-value="bucket bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Bucket Bags</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=134">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_134"
          data-filter="category"
          data-category-id="134"
          data-value="clutch bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Clutch Bags</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=135">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_135"
          data-filter="category"
          data-category-id="135"
          data-value="cross-body bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Cross-Body Bags</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=145">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_145"
          data-filter="category"
          data-category-id="145"
          data-value="evening bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Evening Bags</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=143">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_143"
          data-filter="category"
          data-category-id="143"
          data-value="luggage and travel bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Luggage and Travel Bags</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=133">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_133"
          data-filter="category"
          data-category-id="133"
          data-value="mini bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Mini Bags</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=139">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_139"
          data-filter="category"
          data-category-id="139"
          data-value="raffia bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Raffia Bags</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=136">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_136"
          data-filter="category"
          data-category-id="136"
          data-value="shoulder bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Shoulder Bags</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=137">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_137"
          data-filter="category"
          data-category-id="137"
          data-value="top handle bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Top Handle Bags</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=138">
  <div class="d-flex flex-row align-items-center px-1 my-3 cursor-pointer">
    <input class="custom-checkbox d-none"
          name="subcategories_bags_mobile"
          type="checkbox"
          id="subcategory_138"
          data-filter="category"
          data-category-id="138"
          data-value="tote bags"
          data-parent-value="bags"
          data-span-count-id="bags-count"
          data-app-search--categories-filter-target="categories"
          data-leaf-subcategory="true"
          data-subcategory-group-value="bags"
          >

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

    <div class="text-neutral-10">Tote Bags</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="#bags-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="bags-mobile-subcategory-filters"></turbo-frame>
</turbo-frame></template></turbo-stream>