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

  <div id="clothing_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=107">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_107"
           data-app-search--categories-filter-target="categories"
           data-category-id="107"
           data-filter="category"
           data-value="beachwear"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_107">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Beachwear</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=1">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_1"
           data-app-search--categories-filter-target="categories"
           data-category-id="1"
           data-filter="category"
           data-value="dresses"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_1">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Dresses</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=87">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_87"
           data-app-search--categories-filter-target="categories"
           data-category-id="87"
           data-filter="category"
           data-value="jackets &amp; coats"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_87">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Jackets &amp; Coats</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=38">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_38"
           data-app-search--categories-filter-target="categories"
           data-category-id="38"
           data-filter="category"
           data-value="jumpsuits &amp; co-ords"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_38">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Jumpsuits &amp; Co-ords</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=103">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_103"
           data-app-search--categories-filter-target="categories"
           data-category-id="103"
           data-filter="category"
           data-value="knitwear"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_103">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Knitwear</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=106">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_106"
           data-app-search--categories-filter-target="categories"
           data-category-id="106"
           data-filter="category"
           data-value="loungewear"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="true"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_106">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Loungewear</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=82">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_82"
           data-app-search--categories-filter-target="categories"
           data-category-id="82"
           data-filter="category"
           data-value="shorts"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_82">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Shorts</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=112">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_112"
           data-app-search--categories-filter-target="categories"
           data-category-id="112"
           data-filter="category"
           data-value="ski"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_112">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Ski</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=60">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_60"
           data-app-search--categories-filter-target="categories"
           data-category-id="60"
           data-filter="category"
           data-value="skirts"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_60">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Skirts</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=41">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_41"
           data-app-search--categories-filter-target="categories"
           data-category-id="41"
           data-filter="category"
           data-value="suits"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_41">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Suits</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=2">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_2"
           data-app-search--categories-filter-target="categories"
           data-category-id="2"
           data-filter="category"
           data-value="tops"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_2">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Tops</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=70">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="collapse" data-target="#clothing_collapse" aria-expanded="false"
       aria-controls="clothing_collapse">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing"
           type="radio"
           id="subcategory_70"
           data-app-search--categories-filter-target="categories"
           data-category-id="70"
           data-filter="category"
           data-value="trousers"
           data-span-count-id="clothing-count"
           data-parent-value="clothing"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_70">
      <div class="p-1 rounded-circle"></div>
    </label>

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

<turbo-frame id="clothing-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="#clothing-filter-modal">
          <div>
            Clothing
            <span id="clothing-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="clothing-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="#clothing-filter-modal">
          <img src="https://res.cloudinary.com/dcaptnlz3/image/asset/chevron-left-218bf512919cbc55739cb2f87ee19df1.svg" />
        </a>
        <div class='text-center text-uppercase title'>
          Clothing
        </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=107">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_107"
           data-filter="category"
           data-category-id="107"
           data-value="beachwear"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_107">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Beachwear</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=1">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_1"
           data-filter="category"
           data-category-id="1"
           data-value="dresses"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_1">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Dresses</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=87">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_87"
           data-filter="category"
           data-category-id="87"
           data-value="jackets &amp; coats"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_87">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Jackets &amp; Coats</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=38">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_38"
           data-filter="category"
           data-category-id="38"
           data-value="jumpsuits &amp; co-ords"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_38">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Jumpsuits &amp; Co-ords</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=103">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_103"
           data-filter="category"
           data-category-id="103"
           data-value="knitwear"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_103">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Knitwear</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=106">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_106"
           data-filter="category"
           data-category-id="106"
           data-value="loungewear"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="true"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_106">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Loungewear</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=82">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_82"
           data-filter="category"
           data-category-id="82"
           data-value="shorts"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_82">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Shorts</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=112">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_112"
           data-filter="category"
           data-category-id="112"
           data-value="ski"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_112">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Ski</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=60">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_60"
           data-filter="category"
           data-category-id="60"
           data-value="skirts"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_60">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Skirts</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=41">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_41"
           data-filter="category"
           data-category-id="41"
           data-value="suits"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_41">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Suits</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=2">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_2"
           data-filter="category"
           data-category-id="2"
           data-value="tops"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_2">
      <div class="p-1 rounded-circle"></div>
    </label>

    <div class="text-neutral-10">Tops</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=70">
  <div class="d-flex flex-row align-items-center px-1 my-3"
       data-toggle="modal" data-target="#clothing-filter-modal">
    <input class="custom-checkbox d-none"
           name="subcategories_clothing_mobile"
           type="radio"
           id="subcategory_70"
           data-filter="category"
           data-category-id="70"
           data-value="trousers"
           data-parent-value="clothing"
           data-span-count-id="clothing-count"
           data-app-search--categories-filter-target="categories"
           data-leaf-subcategory="false"
           data-subcategory-group-value="clothing"
           >

    <label class="border border-dark p-1 cursor-pointer rounded-circle h-50 my-0 mr-2"
           for="subcategory_70">
      <div class="p-1 rounded-circle"></div>
    </label>

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

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


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