<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chien-shampooing-pup-sansplastique-75-g-7883">
          <img alt="Chien shampooing pup #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4617/file/small-6ce94f07bb0941755069ed704c6fc67f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4617/file/medium-e2f0237de8a8e9ab55e10b5bffbd9271.webp 900w, https://assets.fabulous.ch/public/variant_asset/4617/file/large-db362d1d74e34127a8ad27270dfb8747.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4617/file/medium-e2f0237de8a8e9ab55e10b5bffbd9271.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">nul</p>
          <a href="/fr/products/chien-shampooing-pup-sansplastique-75-g-7883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chien shampooing pup #sansplastique, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 19.93 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7883-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oS1LtcZu-eqdRoB11MiBLaGtyE-p1FkecrqJ0I4DPF7RXIkFpNLueUPPyXdfiS1plKJFwmQJFsGYtdY9jUkEtw" />
    <input value="7883" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-leger-1-pcs-1-piece-8190">
          <img alt="Protège-Slips Serviettes hygiéniques lavables LÉGER, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4777/file/small-03c7aad0331810b3543c57e07791e779.webp 600w, https://assets.fabulous.ch/public/variant_asset/4777/file/medium-278695e55b9c904112f222b3b370869c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4777/file/large-9cb741280357ee1bbae92ff05676db5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4777/file/medium-278695e55b9c904112f222b3b370869c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-leger-1-pcs-1-piece-8190">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables LÉGER, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.85 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8190-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F1Q-3NNDmyVG-Jz5dKu5MjODiYVoS9dkZBcmOHoaUDNnJfxssf-Mtphx1fv_6hV2BowECKWWmLuOGHnVeVBo2g" />
    <input value="8190" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-moyen-5-pcs-5-piece-8191">
          <img alt="Protège-Slips Serviettes hygiéniques lavables MOYEN, 5 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4778/file/small-7d86d1b8a418f72864aa551107de1a28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4778/file/medium-6979b9ab619d9bd4a5cf6c73f16b6050.webp 900w, https://assets.fabulous.ch/public/variant_asset/4778/file/large-ef1fef1845d677ff0f2b9fdba13f3235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4778/file/medium-6979b9ab619d9bd4a5cf6c73f16b6050.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-moyen-5-pcs-5-piece-8191">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables MOYEN, 5 pcs, 5 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.59 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8191-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uLkdahveMDMxs1LLcGCDWUoGEhxBzMhsXlU9KJ-dPsnIyN_aeWInoO86G8n7IS8dfwmfkYwRh7O0WmLFnNcGIA" />
    <input value="8191" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-abondant-5-pcs-5-piece-8192">
          <img alt="Protège-Slips Serviettes hygiéniques lavables ABONDANT, 5 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4780/file/small-2b17a0aba461f1e1c482db2f6fcfdeed.webp 600w, https://assets.fabulous.ch/public/variant_asset/4780/file/medium-f334142bcd2e5bff15b64fcac95e7b11.webp 900w, https://assets.fabulous.ch/public/variant_asset/4780/file/large-d2ec7ae01c1048b85ad8f7bb10a6b716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4780/file/medium-f334142bcd2e5bff15b64fcac95e7b11.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-abondant-5-pcs-5-piece-8192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables ABONDANT, 5 pcs, 5 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.34 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8192-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/rasoir-de-surete-en-bambou-1-pcs-1-piece-8194">
          <img alt="Rasoir de sûreté en bambou,1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4779/file/small-17842d59761d559dc8990e481e1d4c08.webp 600w, https://assets.fabulous.ch/public/variant_asset/4779/file/medium-3d3f72fd2c209fea5260c2637b913228.webp 900w, https://assets.fabulous.ch/public/variant_asset/4779/file/large-6ba0324a957669bfc0acac603f35eac3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4779/file/medium-3d3f72fd2c209fea5260c2637b913228.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/rasoir-de-surete-en-bambou-1-pcs-1-piece-8194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasoir de sûreté en bambou,1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 25.60 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8194-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dm6yUzkt1TV76zujqsqDvHmshU10MMqs4zt9shcOir5-H3DjW5HCpqVicqEhiy_4TKMIwLnthXMJNCJfFESyVw" />
    <input value="8194" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/rasoir-de-surete-metal-rose-gold-1-pcs-1-piece-8195">
          <img alt="Rasoir de sûreté métal Rose Gold, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4781/file/small-1c0dcd606b86ad9eb3d254e0f6c3eaca.webp 600w, https://assets.fabulous.ch/public/variant_asset/4781/file/medium-415fd4a67a71194ba90f51b98ab034f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4781/file/large-9722fc1960875ebb5416b8a5142423b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4781/file/medium-415fd4a67a71194ba90f51b98ab034f5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/rasoir-de-surete-metal-rose-gold-1-pcs-1-piece-8195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasoir de sûreté métal Rose Gold, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 23.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8195-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vpW1iUV-vzNYf9EIPnLBnjm4MxzcpjxQApPncNshxfLO5Hc5J8KooIb2mAq1M23aDLe-kRF7c4_onLid2Gv9Gw" />
    <input value="8195" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/rasoir-de-surete-metal-argent-1-pcs-1-piece-8196">
          <img alt="Rasoir de sûreté métal Argent, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4783/file/small-f606d8075a5e7a278f81aa24901dd5e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4783/file/medium-5c8ac5f9c9fe5232cd5875fcf3953549.webp 900w, https://assets.fabulous.ch/public/variant_asset/4783/file/large-ee35980a8d09d35f31cc6254c08d0d4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4783/file/medium-5c8ac5f9c9fe5232cd5875fcf3953549.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/rasoir-de-surete-metal-argent-1-pcs-1-piece-8196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rasoir de sûreté métal Argent, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 23.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8196-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fq5bG6Z7P1cnr5iP-t5S3DIYS6HU1eGmu9L95HKC6m0O35mrxMcoxPkm0Y1xn_6YBxfGLBkIrnlR3aIJccjShA" />
    <input value="8196" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lames-de-rasoir-de-surete-100-pcs-100-piece-8197">
          <img alt="Lames de rasoir de sûreté, 100 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4782/file/small-0fbc55925f64badec0ec7fef2576e6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4782/file/medium-9b9376a4bd594240c965e9566b392893.webp 900w, https://assets.fabulous.ch/public/variant_asset/4782/file/large-2f6e42100a1ca80d9b07c343da134e94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4782/file/medium-9b9376a4bd594240c965e9566b392893.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/lames-de-rasoir-de-surete-100-pcs-100-piece-8197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lames de rasoir de sûreté, 100 pcs, 100 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.23 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8197-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BBumukVINwHvIkIq9RZJyyW8Mj3CTDP41J6Zn2-IZhR0amQKJ_QgkjGrCyh-V-WPELO_sA-RfCc-kcZybMJe_Q" />
    <input value="8197" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-leger-5-pcs-5-piece-8205">
          <img alt="Protège-Slips Serviettes hygiéniques lavables LÉGER, 5 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4785/file/small-4a56fc91a9c2ed68eb582d459334f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4785/file/medium-453442dd2aa2c4bd60bcb54a832869bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4785/file/large-0d4fef311a2f241867ebf0af519958d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4785/file/medium-453442dd2aa2c4bd60bcb54a832869bf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-leger-5-pcs-5-piece-8205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables LÉGER, 5 pcs, 5 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.65
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 7.13 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8205-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KJBXNwxiaIT90av2W4Rho6rqJsOvrY4WEKjEthZ2JkNY4ZWHbt5_FyNY4vTQxc3nn-WrTmJwwcn6p5tbFTweqg" />
    <input value="8205" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-moyen-1-pcs-1-piece-8206">
          <img alt="Protège-Slips Serviettes hygiéniques lavables MOYEN, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4792/file/small-0ef02af074f0510ac8534c000bf19938.webp 600w, https://assets.fabulous.ch/public/variant_asset/4792/file/medium-94e7cb027fd7fe48f20229e321051bab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4792/file/large-e0b999097d0f4f4d69f6b7d2f2f112c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4792/file/medium-94e7cb027fd7fe48f20229e321051bab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-moyen-1-pcs-1-piece-8206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables MOYEN, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.25 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8206-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YL5beprr6P9LogLYwKJ4gQObFPHgZyccAmcyI30Fm5wQz5nK-Ff_bJUrS9pL49TFNpSZfC26aMPoaG3Ofk-jdQ" />
    <input value="8206" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-abondant-1-pcs-1-piece-8207">
          <img alt="Protège-Slips Serviettes hygiéniques lavables ABONDANT, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4798/file/small-3ef4f7d5366a5ef3c28cdcaa1695d7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4798/file/medium-e458eed39a87a2679c368944d9760b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/4798/file/large-528e22f5706d0c61f992d6f645492c93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4798/file/medium-e458eed39a87a2679c368944d9760b45.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/protege-slips-serviettes-hygieniques-lavables-abondant-1-pcs-1-piece-8207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protège-Slips Serviettes hygiéniques lavables ABONDANT, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.95 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8207-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FEuAKaFqEnP1fPJ0zeFk_CIYMdEEX5DtzMJtzEJKlfFkOkKZw9YF4Cv1u3ZGoMi4Fxe8XMmC3zImzTIhQQCtGA" />
    <input value="8207" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fil-dentaire-en-pla-avec-dispenser-1-pcs-1-piece-8208">
          <img alt="Fil Dentaire en PLA avec dispenser, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4799/file/small-d485afa0c786eb6c05835cfc9c726780.webp 600w, https://assets.fabulous.ch/public/variant_asset/4799/file/medium-da9b04f1aff5bd868e83c160927ae2f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4799/file/large-dfe64d52cb3dea8d88a3715aad049ad7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4799/file/medium-da9b04f1aff5bd868e83c160927ae2f5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/fil-dentaire-en-pla-avec-dispenser-1-pcs-1-piece-8208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fil Dentaire en PLA avec dispenser, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.50 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8208-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y-cGa6uIY3nROBTE5uANHbKWJYjb_Jf8esJG0DauLVG7lsTbyTR06g-xXcZtoaFZh5moBRYh2COQzRk9NeQVuA" />
    <input value="8208" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fil-dentaire-en-pla-50-m-8209">
          <img alt="Fil Dentaire en PLA" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4797/file/small-c6f7195a30fdaa70a1880c4720dc0057.webp 600w, https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.webp 900w, https://assets.fabulous.ch/public/variant_asset/4797/file/large-4a2d89ba724437ea86d4b777b434ad03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4797/file/medium-14c5160f918f25dbe0a3cd23160c8493.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/fil-dentaire-en-pla-50-m-8209">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fil Dentaire en PLA, 50 m</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.19 / m
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8209-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="df6PDJvfW-lkg-zZJOtOTZjSbw7iYci7Ah9Cnfx4lt0Fj028-WNMeroKpduvquIJrd3igy-8h2ToEB1w_zKuNA" />
    <input value="8209" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lingettes-demaquillantes-lavables-sansplastique-16-pcs-16-piece-8232">
          <img alt="Lingettes démaquillantes lavables #sansplastique, 16 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4810/file/small-1c06e191d02cc304616ddfd7a26ef9ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4810/file/large-cdb5120fb076f7fba4fac35d689080ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4810/file/medium-53d2c11937f18c61d6a522da9351c22a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/lingettes-demaquillantes-lavables-sansplastique-16-pcs-16-piece-8232">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes démaquillantes lavables #sansplastique, 16 pcs, 16 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.16 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8232-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KMGoY73GabhA0OLbDkMgOH03H110TddHSDGRzrBUEkVYsGrT33p-K55Zq9mFAox8SDiS0LmQmJiiPs4jsx4qrA" />
    <input value="8232" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-brosses-pour-bouteille-4-taille-differente-1-piece-8233">
          <img alt="Set de brosses pour bouteille (4 taille différente)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4811/file/small-7e7a8acc473ad636d308de5b41b10be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4811/file/large-5cdc877a9c1306c6342b554f5c3ce176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/set-de-brosses-pour-bouteille-4-taille-differente-1-piece-8233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de brosses pour bouteille (4 taille différente), 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8233-card">
        

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/brosse-a-vaisselle-sansplastique-1-pcs-1-piece-8234">
          <img alt="Brosse à vaisselle #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4814/file/small-5d4fa2159e433a663bd34746a6d81bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.webp 900w, https://assets.fabulous.ch/public/variant_asset/4814/file/large-4ffc75258000058dbfa76fc20bc195ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/brosse-a-vaisselle-sansplastique-1-pcs-1-piece-8234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brosse à vaisselle #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.25 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8234-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tU39QpJ5IC2vGoPSVBac6A3pgyc7sIyWTMt5UH_Se63FPD_y8MU3vnGTytDfVzCsOOYOqvZtw0mmxCa9fJhDRA" />
    <input value="8234" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-couverts-en-bambou-olive-sansplastique-1-pcs-1-piece-8235">
          <img alt="Set de couverts en bambou Olive #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4815/file/small-477767afe4445cfe5e57ca3a1f7a64b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4815/file/large-4de02202ab99297ac0d8f7d648253fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/set-de-couverts-en-bambou-olive-sansplastique-1-pcs-1-piece-8235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts en bambou Olive #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 14.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8235-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pAmkyUk4sNAoaKpKTAv4ATiJDlh5AP_IkzkTuaYN2yDUeGZ5K4SnQ_bh40jHSlRFDYaD1bTdsBd5NkxUpUfjyQ" />
    <input value="8235" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-couverts-en-bambou-bourgogne-sansplastique-1-pcs-1-piece-8236">
          <img alt="Set de couverts en bambou Bourgogne #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4818/file/small-521ab929cdc05564cfc87bc00dae5d9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4818/file/large-112138ac4369e9309947c1e55dbc19f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/set-de-couverts-en-bambou-bourgogne-sansplastique-1-pcs-1-piece-8236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts en bambou Bourgogne #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 14.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8236-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xGvUmaaJYkm7Pxv033SOxZcK9PhHqQqWikfXxFm3Txe0GhYpxDV12mW2UvZUNSKBogV5dYp0RUlgSIgpWv13_g" />
    <input value="8236" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/set-de-couverts-en-bambou-ocean-sansplastique-1-pcs-1-piece-8237">
          <img alt="Set de couverts en bambou Ocean #sansplastique, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4821/file/small-dea16dd25e452ad6c222365560695766.webp 600w, https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4821/file/large-0e762b0e2f5aff6ec140c45dcbbf0cbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bambaw</p>
          <a href="/fr/products/set-de-couverts-en-bambou-ocean-sansplastique-1-pcs-1-piece-8237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Set de couverts en bambou Ocean #sansplastique, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 14.00 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8237-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AOskyvX3qGzCZmcYA89QpN160sL-hcGyoFgzJ1nxhPtwmuZ6l0u__xzvLhqIjvzg6HVfTzNYjm1KV2zKWru8Eg" />
    <input value="8237" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/twistout-batons-de-siphon-en-bois-1-piece-1-piece-8591">
          <img alt="TwistOut Batons de siphon en bois, 1 pièce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5004/file/small-8a559d9fbdfefcda388b3d5b2b87b087.webp 600w, https://assets.fabulous.ch/public/variant_asset/5004/file/medium-00419c0c77874191bdf1578f1ac2b940.webp 900w, https://assets.fabulous.ch/public/variant_asset/5004/file/large-6594ad8241c520520fd569eeebe63f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5004/file/medium-00419c0c77874191bdf1578f1ac2b940.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Twist Out</p>
          <a href="/fr/products/twistout-batons-de-siphon-en-bois-1-piece-1-piece-8591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TwistOut Batons de siphon en bois, 1 pièce, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.15 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8591-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J8m1vRhAEziPkXaNj7G0CcnnLbaQaGVEUEsB-4rfjQJXuHcNevwEq1EYP48E8BhN_OigO121Kpu6RF4WiZW16w" />
    <input value="8591" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      100 sur 158 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/low-waste/sans-plastique?format=turbo_stream&amp;page=6">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>