<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/torchons-de-vaisselle-sansplastique-bio-2pcs-1-piece-9781">
          <img alt="Torchons de vaisselle #sansplastique Bio, 2pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5428/file/small-63e1a44ef6c932b3e6b571f3a9e622aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.webp 900w, https://assets.fabulous.ch/public/variant_asset/5428/file/large-7d3427fda2e1cc46d9cdb09680cc3335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.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">memo</p>
          <a href="/fr/products/torchons-de-vaisselle-sansplastique-bio-2pcs-1-piece-9781">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Torchons de vaisselle #sansplastique Bio, 2pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AkYTrToeG9sQx3bRkbhoxiK7QWSYkcCmhb894GgitgFVnwOd_107NZT0DwT4daCnYr30NzikrHYVt_fS43GmUg" />
    <input value="9781" 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/haricot-blancs-en-gros-bio-2-5-kg-10192">
          <img alt="Haricot Blancs en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5500/file/small-fa4736821b3489e9c2a4cfe5b3a51d19.webp 600w, https://assets.fabulous.ch/public/variant_asset/5500/file/medium-3a18b47f482a0dd91067501b64834520.webp 900w, https://assets.fabulous.ch/public/variant_asset/5500/file/large-96b417925af8b390784dd806a30a464e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5500/file/medium-3a18b47f482a0dd91067501b64834520.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">Bio Grosshandel</p>
          <a href="/fr/products/haricot-blancs-en-gros-bio-2-5-kg-10192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricot Blancs en gros Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mr8umNGAE4SbI2Qrq165a_MT0OBnHb1m2cHQvWwVUVfNZj6oFMMzah8QHf7Ck3EKsxVls8co0bZJyRqP50ZBBA" />
    <input value="10192" 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/riz-entier-a-grains-ronds-en-gros-bio-25-kg-10307">
          <img alt="Riz entier à grains ronds en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5544/file/small-1327a7c676f560abbb9e93c22bf1f2cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5544/file/medium-3cc3880c070d2df3dd0eed11777e0d0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5544/file/large-e23b84e8759765be881c05c0261ea152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5544/file/medium-3cc3880c070d2df3dd0eed11777e0d0b.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">Bio Grosshandel</p>
          <a href="/fr/products/riz-entier-a-grains-ronds-en-gros-bio-25-kg-10307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz entier à grains ronds en gros Bio, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 151.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vvZfrxtwlVYe6tfiHXJd-HMBkOnJq9B804XrX41AowDpL0-f3jO1uJrZrjd0v5WZMwclummevKxDjSFtBhOzUw" />
    <input value="10307" 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/riz-complet-grain-long-en-gros-bio-25-kg-10308">
          <img alt="Riz Complet Grain Long en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5545/file/small-98e789c179a00e27d711f12d0ae6c4a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5545/file/medium-0a9f59fb14e4c4cca551a65036f1e8f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5545/file/large-d1fcb3031825a69ca71ba3f0c8f08ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5545/file/medium-0a9f59fb14e4c4cca551a65036f1e8f8.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">Bio Grosshandel</p>
          <a href="/fr/products/riz-complet-grain-long-en-gros-bio-25-kg-10308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Complet Grain Long en gros Bio, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 244.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sGCWECg_pJf1cHS5RAHjy90xgptfCn19nl_CTdwNFK_nuYYg7XyEeXFDDWwtzCuqnTc3yP8_Ea0OVwh_V14E_A" />
    <input value="10308" 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/graines-de-chia-en-gros-bio-5-kg-10378">
          <img alt="Graines de chia en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5566/file/small-8711c9b896c146bbf21a5e7660748a7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5566/file/large-e60ff0b402ec1ab3e91065a47050b1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.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">Bio Grosshandel</p>
          <a href="/fr/products/graines-de-chia-en-gros-bio-5-kg-10378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de chia en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 82.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qjFFtKn4QPGyqj4FmgerO9V7_myrWPx6kYF8ESUSdCP96FWEbLtgHzaZR9DzymNalX1LPwttkKoBibYjrkFkcA" />
    <input value="10378" 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/haricots-borlotti-en-gros-biosuisse-5-kg-10617">
          <img alt="Haricots Borlotti en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5593/file/small-f3d9a20e6a6793cbbcc292f47fd572a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5593/file/medium-fe6dff27487db46be8dc229558f23a1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5593/file/large-3b9b5b450a593d2d34e5b57a991a763f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5593/file/medium-fe6dff27487db46be8dc229558f23a1b.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">Alce Nero</p>
          <a href="/fr/products/haricots-borlotti-en-gros-biosuisse-5-kg-10617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Borlotti en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 95.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cy1AU__uE8OpOn3PAJqOdio9g7qY1plqQRNFjjaT9L4k9FBjOq0zLS0JBBppV0YXajs26Tjj9brRG4-8vcDk7Q" />
    <input value="10617" 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/no-bullsh-t-solid-parfum-soleil-15-ml-11153">
          <img alt="No Bullsh!t Solid Parfum Soleil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5713/file/small-674af5c9647025942b17e8d7c3d81d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5713/file/large-5cc1f2905937cb0d9b62e835c1dc286a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.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">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-solid-parfum-soleil-15-ml-11153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Soleil, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DsYbK-HsMVJbWfUdGhY43G5gUXbl7D3zpEXpUdhlW0VZHwsbJK8RvN9qjMhz2_C9LmbkJUXZUSM0TSNjUzZLFg" />
    <input value="11153" 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/no-bullsh-t-solid-parfum-terre-15-ml-11207">
          <img alt="No Bullsh!t Solid Parfum Terre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5735/file/small-3b0d38c02450fb9756024d8f04adcd77.webp 600w, https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5735/file/large-6e9d0c2e5cf94fc9b5b26c4343560be5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.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">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-solid-parfum-terre-15-ml-11207">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Terre, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D4OftoXV2gbdkde4jNxAtsJMvfLKbWxmOfDr-h5dVQFYWo-GQJb66Fmirm3lEYjXgkoIoWpYALap-CHIlQ5FUg" />
    <input value="11207" 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/no-bullsh-t-solid-parfum-venus-15-ml-11208">
          <img alt="No Bullsh!t Solid Parfum Vénus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5736/file/small-34bea04280e2a75c3f92402f804b9c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.webp 900w, https://assets.fabulous.ch/public/variant_asset/5736/file/large-6fdef2dd0c5747dce80f47b200c32242.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.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">No Bullsh!t</p>
          <a href="/fr/products/no-bullsh-t-solid-parfum-venus-15-ml-11208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Bullsh!t Solid Parfum Vénus, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oqW7YiZCuBchfRkewYhqXO4Tv25x38eM29K_R05gKOT1fKtS4wGY-aVOYMuoRaI9rhUKPdHqq1xL2nV1xTM4tw" />
    <input value="11208" 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/sirop-d-agave-bio-1450-ml-12020">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6105/file/small-5c5d6c51982e3f1f03ff3ff57eeedb5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6105/file/large-4a97a758cc2b5e7783d591ab471aef89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.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">Allos</p>
          <a href="/fr/products/sirop-d-agave-bio-1450-ml-12020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop d&#39;Agave Bio, 1450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUXd_8BIXlqqazmJvElFIQXxdLSkts9taVrWE75Rmd3ynM3PBQt-tC5YQFzVhI1ARffB5wSDo735UhwhNQKJjg" />
    <input value="12020" 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/lingettes-eponges-3-pieces-3-piece-12151">
          <img alt="Lingettes Éponges, 3 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6144/file/small-92bca60ccf7e5af497625cc02fcef5e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6144/file/medium-4abf7c91b7980c0dd3010c60f7843404.webp 900w, https://assets.fabulous.ch/public/variant_asset/6144/file/large-6d4482221d4093d5f7f79fd535efa6b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6144/file/medium-4abf7c91b7980c0dd3010c60f7843404.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">memo</p>
          <a href="/fr/products/lingettes-eponges-3-pieces-3-piece-12151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lingettes Éponges, 3 pièces, 3 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l4S4fKtkuZkUdjVU1bj4egmo5SUe1nr08a1tr1Rzf3vAXahMbieZd5BFTIG8dTAbSa5Qdr7jFiRhpaed3yBvKA" />
    <input value="12151" 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/pot-de-shampoing-en-aluminium-1-piece-12387">
          <img alt="Pot de shampoing en aluminium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6212/file/small-2e3c032b47679de81a239a871bc4ea5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6212/file/large-ea85ac781471a04724a65609d355b9dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.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">Chey Haircare</p>
          <a href="/fr/products/pot-de-shampoing-en-aluminium-1-piece-12387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pot de shampoing en aluminium, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12387-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">
    <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/shampooing-savon-pour-cheveux-sans-sulfates-de-noix-de-coco-60-g-12388">
          <img alt="Shampooing savon pour cheveux sans sulfates de noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6213/file/small-b18eea85520508d1003577c8c2a245cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6213/file/large-2fa294b826d5064e8383506b4856b2a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-pour-cheveux-sans-sulfates-de-noix-de-coco-60-g-12388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon pour cheveux sans sulfates de noix de coco, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12388-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">
    <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/shampooing-savon-capillaire-sans-sulfates-d-aloe-vera-60-g-12390">
          <img alt="Shampooing savon capillaire sans sulfates d&#39;aloe vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6214/file/small-d238443ced0fce4e3cac20aaf0a05372.webp 600w, https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6214/file/large-e808bb2b45ba267df9ad443dc3399184.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-d-aloe-vera-60-g-12390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates d&#39;aloe vera, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12390-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">
    <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/shampooing-savon-capillaire-sans-sulfates-calendula-60-g-12392">
          <img alt="Shampooing savon capillaire sans sulfates Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6216/file/small-17baae074c2c555efe9f21eaf2526528.webp 600w, https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6216/file/large-86fa9afe2ce5c8016212a95f0d0d67e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-calendula-60-g-12392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12392-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">
    <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/shampooing-savon-capillaire-sans-sulfates-matcha-60-g-12394">
          <img alt="Shampooing savon capillaire sans sulfates Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6218/file/small-d116900752c6877bd3b6b87941af567c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6218/file/large-dbcc0ad972ac14072862215bd631bb88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-matcha-60-g-12394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12394-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/shampooing-sec-43-g-12395">
          <img alt="Shampooing sec" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6220/file/small-8314a40c1e3f8a9b0a18bf11c5c9709d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6220/file/medium-25622a333565fe7596513062f5246fe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6220/file/large-5b571a228e1845c899d0c0b21b19b041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6220/file/medium-25622a333565fe7596513062f5246fe5.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-sec-43-g-12395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing sec, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-BJfmkNxX11MpdcKOrw_hoFP0o1O88d0BFVoN30_te2vy0-qhjJ_s8iWrt9TcffnwUln3u7Gq6SUXaIF9mylvg" />
    <input value="12395" 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/sauce-soja-tamari-bio-18-l-13582">
          <img alt="Sauce soja Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6554/file/small-e89b4a7ca43a3d74cb6b0c273af30c06.webp 600w, https://assets.fabulous.ch/public/variant_asset/6554/file/medium-7b3bcea04fbcff1ae7bec914daee3bff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6554/file/large-a9fe415cb1548c6248df9d7f1293989d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6554/file/medium-7b3bcea04fbcff1ae7bec914daee3bff.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">Bio Grosshandel</p>
          <a href="/fr/products/sauce-soja-tamari-bio-18-l-13582">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce soja Tamari Bio, 18 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 304.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iUx4QQ4qtKwAXj2TzPmO24I7iJtNfbizyk-YRPlOcOvelWhxy2mUQoRtREalNEa6wj09yO1I1GNaR1J2ch1guA" />
    <input value="13582" 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/bluefarm-forever-bottle-1-piece-14362">
          <img alt="BlueFarm Forever Bottle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6668/file/small-0ecebaa50705e8141993a510f0ef53f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.webp 900w, https://assets.fabulous.ch/public/variant_asset/6668/file/large-d9e352978b8800052b160edffd6be2c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.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">BlueFarm</p>
          <a href="/fr/products/bluefarm-forever-bottle-1-piece-14362">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">BlueFarm Forever Bottle, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pPJpJ5ZGhoGYCAx8Jq1D6Pe9HHYousZWoylDnafGd1LzK3kXUwWmbxw7dalPYIuJt7upJYiPqoYzIYmvLJVnAQ" />
    <input value="14362" 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/birnel-biofarm-chaudiere-biosuisse-5-kg-14613">
          <img alt="Birnel Biofarm Chaudière BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6765/file/small-7ad5e0812981f50e4f43cd3d4e6ba8bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6765/file/large-8b7fcc276a918f8a244b5d2e6f175656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.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">Biofarm</p>
          <a href="/fr/products/birnel-biofarm-chaudiere-biosuisse-5-kg-14613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birnel Biofarm Chaudière BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rKOdtDJSvpDrCOJJQq-1VqaKcZsgpixxkXJ9pKmBSBT7eo2E9xGefm87m5wrYn035ozEyICTQKEBereWItJYRw" />
    <input value="14613" 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">
      200 sur 267 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/low-waste?format=turbo_stream&amp;page=11">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>