<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/muesli-oreiller-aux-cereales-fourre-aux-noisettes-sans-gluten-bio-300-g-11167">
          <img alt="Muesli Oreiller aux céréales fourré aux noisettes sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5717/file/small-cc1c5855a20193b9e4111be62e2b51fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5717/file/medium-9dc7e4305ee2f893f9abbe2fbb7248bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5717/file/large-b8432116381076c25821d73715468a4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5717/file/medium-9dc7e4305ee2f893f9abbe2fbb7248bc.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">turtle Better Breakfast</p>
          <a href="/fr/products/muesli-oreiller-aux-cereales-fourre-aux-noisettes-sans-gluten-bio-300-g-11167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muesli Oreiller aux céréales fourré aux noisettes sans gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JMfVqakWjmV_pflknbpjl0Qx3bUblMfaonjnKYACcd0YG9VdaACqLHZ4HtORh190L6RlxcgSkE3jqZ3PLV2xGg" />
    <input value="11167" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/spray-detachant-100-ml-11742">
          <img alt="Spray détachant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6001/file/small-934922df0a4692524a42a8a7c4e1b5b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/6001/file/large-a27ae8a92033028b5b7853d0f1e73315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.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">Sonett</p>
          <a href="/fr/products/spray-detachant-100-ml-11742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spray détachant, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yOXDDgUQqrAlO4CrOXkb-1laiOGuiDxrvYRllgB3Xi30OcP6xAaO-SzmZxw1RCcYMs8wkX0Oa_z8VR9wrSie6g" />
    <input value="11742" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/blanchissant-et-antitaches-450-g-6998">
          <img alt="Blanchissant et Antitaches" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4048/file/small-34b94a0d34b160e89677d413ca82fef1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4048/file/large-d19806104d8e45cad03bca5f43ec37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.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">Sonett</p>
          <a href="/fr/products/blanchissant-et-antitaches-450-g-6998">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blanchissant et Antitaches, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ewZTZDa65tP05SwjlAFjGi0qX32QRG8Klw8oGjXkKAlH2lOQ96zCmv04y5SYPF_5Rr_nDUPCOJ3W3lL8mLvozg" />
    <input value="6998" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nettoyant-tout-usage-1-l-538">
          <img alt="Nettoyant tout usage" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/485/file/small-39444f697aab1bdcd9e433cd82fbe00b.webp 600w, https://assets.fabulous.ch/public/variant_asset/485/file/medium-d68bde4a00b5a3ed72bf062cf1954900.webp 900w, https://assets.fabulous.ch/public/variant_asset/485/file/large-c64af2737527d20bbaebad92502b37d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/485/file/medium-d68bde4a00b5a3ed72bf062cf1954900.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">Sonett</p>
          <a href="/fr/products/nettoyant-tout-usage-1-l-538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nettoyant tout usage, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TkqXSuwSrq0EHiHT6ByWHHVRqIl0Jrk8L6XjVrxesjhylpe-LQSK5A3DxmTkIar_HsQQ-aeg7qtudJmwEQFy_w" />
    <input value="538" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sirop-d-erable-grade-c-bio-1000-ml-15175">
          <img alt="Sirop d&#39;Érable Grade C+ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6955/file/small-b1f8305588e8f5d25767728f7009c539.webp 600w, https://assets.fabulous.ch/public/variant_asset/6955/file/medium-8e7ea61cc2f98bfb7703d7045fa03199.webp 900w, https://assets.fabulous.ch/public/variant_asset/6955/file/large-77c5e0de12b523256b05182caff5bfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6955/file/medium-8e7ea61cc2f98bfb7703d7045fa03199.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">Madal Bal</p>
          <a href="/fr/products/sirop-d-erable-grade-c-bio-1000-ml-15175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop d&#39;Érable Grade C+ Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cyMXNs2InOGUEvUq1vqchHy301Kc10dfUsYZNEPvK7xP_xfCDJ64qJ3PEp3ax6BnFyJrIk9REMgTF2PS7rDrew" />
    <input value="15175" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/desinfectant-pour-surfaces-500-ml-3980">
          <img alt="Désinfectant pour surfaces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9138/file/small-c1c02b9e549da13569757d24a1e09d51.webp 600w, https://assets.fabulous.ch/public/variant_asset/9138/file/medium-e6af80d3ad91fe2776b181ecc01883f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/9138/file/large-9847534cc242adb37687778430fb5d16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9138/file/medium-e6af80d3ad91fe2776b181ecc01883f9.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">Sonett</p>
          <a href="/fr/products/desinfectant-pour-surfaces-500-ml-3980">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Désinfectant pour surfaces, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vwp2MJRPSPI8lC-sdXODv0YOZ6DYmBoRFM46U5jlZ5dr1nbEVVlsuzVJyBt5Tr9cLZvf0AseTYZVH0C1NbqnUA" />
    <input value="3980" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/carrot-bites-bio-180-g-17776">
          <img alt="Carrot Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8722/file/small-0606bc23056772714dd7776144d9d34b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8722/file/large-fbdc74aca773b07513f3bf775a9c694e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.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">Wild Foods</p>
          <a href="/fr/products/carrot-bites-bio-180-g-17776">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Carrot Bites Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hSa_EEUP55zMkJbKkDmIQehvzpqg820JcIDLJ4cbC3a5-r_khBnD1cVNcX2cBLSig_p26nN1Op4xUbHBKkTLsQ" />
    <input value="17776" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/creme-solaire-fps-30-60-ml-14014">
          <img alt="Crème solaire FPS 30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6639/file/small-3ec791d60bbc83f4a65804bd0e17d23a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6639/file/medium-ff237f63766fdf4c2c3b12b193c7c12d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6639/file/large-0d7bba726f521ef92eee71f1ed6bc4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6639/file/medium-ff237f63766fdf4c2c3b12b193c7c12d.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">Speick</p>
          <a href="/fr/products/creme-solaire-fps-30-60-ml-14014">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème solaire FPS 30, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KBWScVF5zLeE5i0QBbQVb5giOibrIpv_TKmBOdtOxz4UyZKFkG_o_o07yqcJiSmM87eCVjikzGgNePvfdhEH-Q" />
    <input value="14014" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cafe-sauvage-medium-grains-kaffa-bio-1-kg-7271">
          <img alt="Café sauvage medium grains &#39;Kaffa&#39; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4121/file/small-d792691de32c9fb69e8c1bae619243b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.webp 900w, https://assets.fabulous.ch/public/variant_asset/4121/file/large-eac1c89dbf35027b2ce9aa783367fe7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.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">Original Food</p>
          <a href="/fr/products/cafe-sauvage-medium-grains-kaffa-bio-1-kg-7271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café sauvage medium grains &#39;Kaffa&#39; Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5kBx23qwFDXtEgjFUToQFmwXwiOT06k3-MVIXsnjaN7anHEvu6YwfOTP73JdByz1B4J6U0BV_qC5FDK4ZLyoGQ" />
    <input value="7271" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/puree-de-noisettes-bio-500-g-9581">
          <img alt="Purée De Noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5377/file/small-a1e822b410d645fa70f8ea6e4ea23ae7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5377/file/large-7c6a554926a896133ecd47dfdf9fae72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.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">Rapunzel</p>
          <a href="/fr/products/puree-de-noisettes-bio-500-g-9581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purée De Noisettes Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dttOk1HKgWm6afN8X6MdhZK88sYjT8EuivwSsSC7QS1KB05nkNylILO0FMtTniFm-SlKtvDJlrnLLWhXjeSB6g" />
    <input value="9581" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-ume-su-vinaigre-de-prunes-bio-250-ml-7967">
          <img alt="Vinaigre Ume Su Vinaigre de Prunes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4667/file/small-77a95b1f89ffe8c9d26f79932573e743.webp 600w, https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4667/file/large-520dfa3135b0816ad808052e5fd78b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.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">Lima</p>
          <a href="/fr/products/vinaigre-ume-su-vinaigre-de-prunes-bio-250-ml-7967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vinaigre Ume Su Vinaigre de Prunes Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ne6rU4cA_9TXYUAnjsvA8UhtrSAl72wP5MbdHTtMyXkJMqunRhbbnd68p5CC9vwSI_gVUPZpO5ilF6f7lhMJvg" />
    <input value="7967" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cafe-instantane-aux-cereales-cannelle-cardamome-bio-125-g-14926">
          <img alt="Café instantané aux céréales Cannelle &amp; Cardamome Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8848/file/small-50690724ae41d4992b3e30b5beeb2761.webp 600w, https://assets.fabulous.ch/public/variant_asset/8848/file/medium-a17397b7d4a510618f90265f7a458c9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8848/file/large-bfaad4f76474a61d889451597376789d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8848/file/medium-a17397b7d4a510618f90265f7a458c9f.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">Naturata</p>
          <a href="/fr/products/cafe-instantane-aux-cereales-cannelle-cardamome-bio-125-g-14926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café instantané aux céréales Cannelle &amp; Cardamome Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="siIsmFYevec8n1Z26elMxuU9ev4HZfUyeJd5jEqHjxmO_ixslwiZrjVCscHl1HAljqjCjtTjoqU5RgNq59hP3g" />
    <input value="14926" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/moutarde-dijon-bio-125-ml-5605">
          <img alt="Moutarde Dijon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3248/file/small-4c8fb10910f815298b8601791f6d0a79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3248/file/large-847d6c7f77afa831a93463f6f7e6a517.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.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">Byodo</p>
          <a href="/fr/products/moutarde-dijon-bio-125-ml-5605">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moutarde Dijon Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q6Xdnk_kjB4TvKSAMD0_F_JqDuKvw3Cosk45b0GcUKp_ed1qjvKoVxphQzc8AAP0mf-2knxFJz_zn0OJ7MOQbQ" />
    <input value="5605" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/proteines-de-chanvre-bio-400-g-403">
          <img alt="Protéines de chanvre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/357/file/small-08da700939ff8f5cca08eeefa1a9e0b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.webp 900w, https://assets.fabulous.ch/public/variant_asset/357/file/large-4787a22a3e3605c21c1f49a49e8ef417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.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">Govinda</p>
          <a href="/fr/products/proteines-de-chanvre-bio-400-g-403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protéines de chanvre Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EVl1uWSfuqDVfSiRjqLcNl8WsiobNbtkK1Nl16mZaBIthXVNpYme6dygzyaCn-DVNIMKWsiz7PNqgh8xBMao1Q" />
    <input value="403" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/savon-liquide-doux-basis-sensitiv-250-ml-6907">
          <img alt="Savon Liquide Doux &#39;Basis Sensitiv&#39;" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3999/file/small-22cafa12a071ea67bffcf2a94b58fb61.webp 600w, https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3999/file/large-dd174a16b33fba7287dbf8fbefe4d4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3999/file/medium-3ef8776ea067194d81c84446d359f2a4.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">Lavera</p>
          <a href="/fr/products/savon-liquide-doux-basis-sensitiv-250-ml-6907">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Savon Liquide Doux &#39;Basis Sensitiv&#39;, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ilkdkBYiW2jtux3KcsW_2jFVD5Ue3lPX6VHG58APoN62hR1k1zR_IeRm-n1--IM5WsC35c1YBECogLwBbVBgGQ" />
    <input value="6907" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/liquide-vaisselle-mains-citronnelle-500-ml-71">
          <img alt="Liquide Vaisselle Mains Citronnelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/75/file/small-d51aafddc2530f03aadc331b751fd90b.webp 600w, https://assets.fabulous.ch/public/variant_asset/75/file/medium-ea6b2a51c98c1eefddcc7add7a48fa65.webp 900w, https://assets.fabulous.ch/public/variant_asset/75/file/large-bdeb056f9a762e5c325f04f58c1c02fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/75/file/medium-ea6b2a51c98c1eefddcc7add7a48fa65.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">Almawin</p>
          <a href="/fr/products/liquide-vaisselle-mains-citronnelle-500-ml-71">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquide Vaisselle Mains Citronnelle, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wJjg3YvRtXIXEAjtWrj0jBJ5S1tMzvTE3hlO8uze2vH8ROApSseROx7N71pWhchveezzK59Io1OfyDQUQYEaNg" />
    <input value="71" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mascara-volume-black-9-ml-532">
          <img alt="Mascara Volume Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/480/file/small-b0e376ddb55ed16cf1a5e36bb7baadcd.webp 600w, https://assets.fabulous.ch/public/variant_asset/480/file/medium-5a06fb8e5e855a7c64eaee65c35a71c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/480/file/large-c2376ec7b26623560888cb5d275ab4c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/480/file/medium-5a06fb8e5e855a7c64eaee65c35a71c7.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">Lavera</p>
          <a href="/fr/products/mascara-volume-black-9-ml-532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Volume Black, 9 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lv-dC3f0Z9uUbTDnmlQk6aW5HZa0YOer1GWLwKPvX2aqI53_tuJDkp2w11CWaRgKziyl5mfmsDyVtPEmDrCfoQ" />
    <input value="532" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/riz-long-grain-etuve-fairtrade-vrac-bio-5-kg-17208">
          <img alt="Riz Long Grain Étuvé Fairtrade Vrac Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8039/file/small-99b497c0523f90decdbd78e7713fcad4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8039/file/medium-bf69343994e7b6b6606799c522c097e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8039/file/large-dcde41e7bee257add4da2dc3b02a1582.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8039/file/medium-bf69343994e7b6b6606799c522c097e2.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-long-grain-etuve-fairtrade-vrac-bio-5-kg-17208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riz Long Grain Étuvé Fairtrade Vrac Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GV96TsMEwPjTHdLyXroaEx48qUqyxcxfCfT1LWANmbglg3q6AhLksdrANUVShybwdakROmFDm8hIJY_LzVJZfw" />
    <input value="17208" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/graines-de-lupin-doux-demeter-400-g-2485">
          <img alt="Graines de Lupin Doux Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1814/file/small-ff7593963236dd610bc5a8f8bfdb48d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1814/file/medium-40f1e52bc28bc876a84a99a9bcf28f9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1814/file/large-6c6d1abfaef065c3f7c0ab595fbb1082.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1814/file/medium-40f1e52bc28bc876a84a99a9bcf28f9a.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">NaturKraftWerke</p>
          <a href="/fr/products/graines-de-lupin-doux-demeter-400-g-2485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de Lupin Doux Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qs_unnLfo2n5a_O6_Tp2rIUujRyL9cKO5XecGOpVZhx-E-5qs8mHIPC2FA3xB0pP7rs1bFhzlRmkpub-Rwqm2w" />
    <input value="2485" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fdiy-mach-s-selber%2Ftofu%3Fformat%3Dturbo_stream%26page%3D67">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/beurre-de-cacahuete-fin-terrasana-bio-500-g-2214">
          <img alt="Beurre de cacahuète fin Terrasana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1660/file/small-9b2c04d585f430a999c4ccb1a29d536c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1660/file/large-bccf0d7e7f9c44ecd340d7d92e8ad3ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.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">Terrasana</p>
          <a href="/fr/products/beurre-de-cacahuete-fin-terrasana-bio-500-g-2214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beurre de cacahuète fin Terrasana Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TXL6MDGwjzcDD-vfHiojxINMdXcIddnLtaH7uXWJ8htxrvrE8KarfgrSDGgSFx8n6NnNB9vzjlz0cIFf2NYy3A" />
    <input value="2214" 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">
      1&#39;340 sur 3&#39;264 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/diy-mach-s-selber/tofu?format=turbo_stream&amp;page=68">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>