<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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/tempeh-nature-suisse-bio-300-g-16645">
          <img alt="Tempeh Nature Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7704/file/small-c389be89eae3c14ab787dee6cb6c8597.webp 600w, https://assets.fabulous.ch/public/variant_asset/7704/file/medium-3ebaea2c026ffb8e8dcd8e736c1e5ffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7704/file/large-28eeba0b6c0f870b5758152703e7a215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7704/file/medium-3ebaea2c026ffb8e8dcd8e736c1e5ffb.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">Futur</p>
          <a href="/fr/products/tempeh-nature-suisse-bio-300-g-16645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Nature Suisse Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </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 3.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UKJ_MQNaiEpvjnpXoGlAsH5qLo4HLXFDNlt06V9Cz7-Z85Y70ZSpoBJhQvPTKUiB-HHCjiXGJRh8qSNHyJrd5g" />
    <input value="16645" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/tofu-fume-bio-140-g-108">
          <img alt="Tofu fumé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/118/file/small-08059504fa3d36efd22cddda3033305e.webp 600w, https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/118/file/large-ba5f160d0cba188260069f041306e72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.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">Engel-Tofu</p>
          <a href="/fr/products/tofu-fume-bio-140-g-108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu fumé Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </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.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iMN3CLBckheux73OJQMoG0Pwi7HzGM63c49-mO6gl51Bkp4CYpKz_dMohWpWQyAqxetnsdHzmuw5fSk2eXiFxA" />
    <input value="108" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/new-roots-black-poivre-bio-115-g-7744">
          <img alt="New Roots Black Poivre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4468/file/small-92a5ab6083e11ba69b8e4857624e9a30.webp 600w, https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4468/file/large-747044413759e79f161992ebff7d46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.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">New Roots</p>
          <a href="/fr/products/new-roots-black-poivre-bio-115-g-7744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Black Poivre Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </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 6.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NdJE6vvIo0xYubmtMRS6rlLz_tI4x25gWPD_wcoZB-X8g63gKQaCpiVWgQlCVLKf1OgS0hosOjsSAqhvXcEVvA" />
    <input value="7744" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/soyananda-nature-alternative-vegan-de-yoghurt-bio-400-g-17966">
          <img alt="Soyananda nature Alternative vegan de yoghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8905/file/small-4a5c5195e97b3a7ddc071e25b03c8af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.webp 900w, https://assets.fabulous.ch/public/variant_asset/8905/file/large-10c83611da84de471f7c0fce87064ab2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.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">Soyana</p>
          <a href="/fr/products/soyananda-nature-alternative-vegan-de-yoghurt-bio-400-g-17966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda nature Alternative vegan de yoghurt Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </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 0.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D-JXb4CvbJDljM3oMnqc60BU6ZTAKZns9WviVSJxNV3Gs75lUmFNephj9UxBOpTaxk8FlOLCzbe_mbX7taknBA" />
    <input value="17966" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/the-infusion-lovely-liquorice-spearmint-bio-20-sachets-20-sachet-12111">
          <img alt="Thé Infusion Lovely Liquorice &amp; Spearmint Bio, 20 sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6132/file/small-7dad9b4916d4f46f59f22876b1cc68b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6132/file/medium-d60ae11a1a90234b7b17df3bd58634da.webp 900w, https://assets.fabulous.ch/public/variant_asset/6132/file/large-815105f12d72a747c845fa807b030304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6132/file/medium-d60ae11a1a90234b7b17df3bd58634da.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">Cupper</p>
          <a href="/fr/products/the-infusion-lovely-liquorice-spearmint-bio-20-sachets-20-sachet-12111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Infusion Lovely Liquorice &amp; Spearmint Bio, 20 sachets, 20 sachets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F28g9d5ph_VvLCrbHtFTSbUx9BRDX2YREh6ebyyTXYvePsn_DKemHxLDEn9tkVt4MyoYFGG0MkpY7MnBu0tP0g" />
    <input value="12111" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/ma-sauce-carbonara-vegane-bio-27-g-16735">
          <img alt="Ma Sauce Carbonara Végane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7763/file/small-e2462ca481c37d87e8f41070301d0c7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7763/file/large-52a36b94dab345049ed67e651055a8bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.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">Biovegan</p>
          <a href="/fr/products/ma-sauce-carbonara-vegane-bio-27-g-16735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ma Sauce Carbonara Végane Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JwPSlLpw8pqw_Lv3fk8R4fBZaSlBCa2uK9qDubiGCSTuUjueaL7TcM0Tg1MNDxnQdkKFKWPi-fVhKNQXL14bfQ" />
    <input value="16735" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/barres-lini-s-bites-noix-de-cajou-chocolat-bio-40-g-6492">
          <img alt="Barres Lini&#39;s Bites Noix de Cajou Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3720/file/small-ba48a5c85063a6de82c153ba07636063.webp 600w, https://assets.fabulous.ch/public/variant_asset/3720/file/medium-0df8cf0519f19f84e0e95e178b6d4c0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3720/file/large-904650ea70bb9c5fe8069e2d6b434198.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3720/file/medium-0df8cf0519f19f84e0e95e178b6d4c0b.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">Lini&#39;s Bites</p>
          <a href="/fr/products/barres-lini-s-bites-noix-de-cajou-chocolat-bio-40-g-6492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barres Lini&#39;s Bites Noix de Cajou Chocolat Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yzhdEi9Vt5OtsNlVbjd7eFDgnTBTfULwdeK4HVerMuQCabQY_ZuWedBf4fEdd3NJ1vtxMHGWFqs_EO-zwHMgvQ" />
    <input value="6492" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/barre-de-chocolat-brownie-bio-40-g-14433">
          <img alt="Barre de chocolat Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6683/file/small-76a25fdb64faa6925fef2397a2e6426d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.webp 900w, https://assets.fabulous.ch/public/variant_asset/6683/file/large-6dad189a8cedad29903c2686bb919f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.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">the vegan cow</p>
          <a href="/fr/products/barre-de-chocolat-brownie-bio-40-g-14433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre de chocolat Brownie Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jn-J3XAxyBWXuNQ8ZJqjSLj2qrPogcilhG69psRXy49HLmDXov_p_-pX7JgX2qt5Pu1Gs8pqnP7OnOoIU4_Z1g" />
    <input value="14433" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/pate-a-tartiner-patate-douce-au-romarin-bio-135-g-10939">
          <img alt="Pâte à tartiner Patate douce au romarin bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5655/file/small-534f96859fcf6c4ab376429612852063.webp 600w, https://assets.fabulous.ch/public/variant_asset/5655/file/medium-a7ecea8dfa933a607012b7d225069c9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5655/file/large-c50bb012880ed3ad3a9eaea41aacc6ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5655/file/medium-a7ecea8dfa933a607012b7d225069c9a.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">Nabio</p>
          <a href="/fr/products/pate-a-tartiner-patate-douce-au-romarin-bio-135-g-10939">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte à tartiner Patate douce au romarin bio, 135 g</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.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qvf0BswIW77i6azsWIPNvAMPpGuMuY7gHhlhGUoZCpSLph0MHsZ6VJ8GlEgrw8WNhRRIa65S2rtU6za33cEYzQ" />
    <input value="10939" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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-chia-qualite-crudites-bio-200-g-1815">
          <img alt="Graines de chia qualité crudités Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1412/file/small-c1f0ccdf7203cf8c2744d80edeabfc32.webp 600w, https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1412/file/large-90fbaa9e3aeee05e82d9c9852b274bce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.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/graines-de-chia-qualite-crudites-bio-200-g-1815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de chia qualité crudités Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZhBq-1_SFyY7xU3d85cWchEZGzY9Il4u-8RKlorZDICvQYPxjRw2zEYqdXmA1x5DlwL3Nh_JCnWxNh04HQEe2Q" />
    <input value="1815" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/tablette-chocolat-dattes-nougat-bio-50-85-g-15626">
          <img alt="Tablette Chocolat Dattes Nougat Bio 50 %" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7132/file/small-024226832985f5e26b5a40036ebc6959.webp 600w, https://assets.fabulous.ch/public/variant_asset/7132/file/medium-9e0025e24962c791f3c25492ad054e78.webp 900w, https://assets.fabulous.ch/public/variant_asset/7132/file/large-8474552770107bd627cdfe6e65448b0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7132/file/medium-9e0025e24962c791f3c25492ad054e78.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">MAKRi</p>
          <a href="/fr/products/tablette-chocolat-dattes-nougat-bio-50-85-g-15626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tablette Chocolat Dattes Nougat Bio 50 %, 85 g</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 8.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x_sNSWruTBSw_pJvVDbfpP5NeijeB_UWLxMOm7Q7kZoOquRDuCBt_s0RqssndteVeFaWKPzsoU1l4Vk1I-ODww" />
    <input value="15626" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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-lupin-decafeine-recharge-bio-200-g-7664">
          <img alt="Café Instantané Lupin décaféiné Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4430/file/small-32dc7efa4166e1b284e40aeb68232023.webp 600w, https://assets.fabulous.ch/public/variant_asset/4430/file/medium-11879105970a2f4af528042bd1bad04f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4430/file/large-284df53a523ae27b7e9357fcd40855fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4430/file/medium-11879105970a2f4af528042bd1bad04f.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-lupin-decafeine-recharge-bio-200-g-7664">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café Instantané Lupin décaféiné Recharge Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vG1VcICc50VAvU85QN_eNp534qmibTUEnmsMMN9DM0B1PLx6UlLGrz1Sd50zn9YHGGwOqYCGYV_UmVueSJshGQ" />
    <input value="7664" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/xylitol-pastilles-menthe-sans-sucres-ajoutes-30-g-5429">
          <img alt="Xylitol Pastilles Menthe Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3165/file/small-3f1fc0432573750ca5e4b5e6d4cc1d07.webp 600w, https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3165/file/large-4612442922ff4fd0600bbb039d382bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.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">Birkengold</p>
          <a href="/fr/products/xylitol-pastilles-menthe-sans-sucres-ajoutes-30-g-5429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylitol Pastilles Menthe Sans sucres ajoutés, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zk3AO32ApVAvRbqq-YIA_BW89NSyet4fDG4ZPwL3FAYHHCkxr06EulKqgg6KwgjNk6cY1JCRikRGnE6RlS8GXw" />
    <input value="5429" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-5430">
          <img alt="Xylitol Pastilles Orange Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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">Birkengold</p>
          <a href="/fr/products/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-5430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylitol Pastilles Orange Sans sucres ajoutés, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fUIR9lIkQ9qU3HajY5OcshbwhSQ74fa8NF-AT3ct4j60E_j8gOpiMOkzTgcQ05SDkOtpJBkKoud-rdfh4PXwZw" />
    <input value="5430" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/morceaux-de-petits-pois-et-de-haricots-bio-100-g-9919">
          <img alt="Morceaux de petits pois et de haricots Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5458/file/small-87b0d07ab3c4fc73e2bf5aca29f64f4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5458/file/medium-f68f1c8b98a87e472638e09032ca5b4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5458/file/large-59433704c30cff0c755973130af98a84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5458/file/medium-f68f1c8b98a87e472638e09032ca5b4d.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">Davert</p>
          <a href="/fr/products/morceaux-de-petits-pois-et-de-haricots-bio-100-g-9919">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Morceaux de petits pois et de haricots Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GnOWTG4fLAxusViv2WaUFbw-qdlxowpwbxqIIcHabLDTIn9GvNEN5hNeYAuqJpwkOiVF2VNIXisl6N-PVgJ-6Q" />
    <input value="9919" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/son-d-avoine-sans-gluten-demeter-300-g-6193">
          <img alt="Son d&#39;avoine Sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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">Bauckhof</p>
          <a href="/fr/products/son-d-avoine-sans-gluten-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Son d&#39;avoine Sans gluten Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3AkqZMGBIJnXmnlDMzDT4T80q_XHRe75Td00TnjUUrgVWMNuE08Bc6p1QedAcNvQuS9H9eWuuqIHL2Pg7wxA4Q" />
    <input value="6193" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/boisson-a-la-noix-de-coco-0-sucre-bio-1-l-11324">
          <img alt="Boisson à la noix de coco 0% sucre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5802/file/small-4cf01beebea90de82bb82d94c198ee42.webp 600w, https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5802/file/large-c34b83da1d7808de27aef37e95f1ca06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.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/boisson-a-la-noix-de-coco-0-sucre-bio-1-l-11324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson à la noix de coco 0% sucre Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PiN6wBvRltVeELVJxyEhrmC7QdsG0LK53f8DsqjrVBv3cpPKyR-3PyP_je20YSmf5qCt2yQ75uKXDVQcPzNGQg" />
    <input value="11324" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/alternative-vegetalienne-au-sere-nature-bio-190-g-9920">
          <img alt="Alternative végétalienne au Séré NATURE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5459/file/small-7f93710160da8b9bc56c3950e522c454.webp 600w, https://assets.fabulous.ch/public/variant_asset/5459/file/medium-3387309648b859cc836ec8c06d11a117.webp 900w, https://assets.fabulous.ch/public/variant_asset/5459/file/large-c341282f635452fe68d14fe7b30d3880.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5459/file/medium-3387309648b859cc836ec8c06d11a117.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">Harvest Moon</p>
          <a href="/fr/products/alternative-vegetalienne-au-sere-nature-bio-190-g-9920">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative végétalienne au Séré NATURE Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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 2.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kITS9lkej7nwdY4_Brd-bGC0ftErqy1nMpNfogjgE01Z1Tv8i9CuU42atpt193Zd5q-S0QlAeTx4YQgMnzgBFA" />
    <input value="9920" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/saucisse-vegetalien-merguez-2-0-bio-120-g-16083">
          <img alt="Saucisse Végétalien Merguez 2.0 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7428/file/small-e7d345121af4fb38230501e9953056d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7428/file/large-7a1838a58aba231a8558ad734d46ebd9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7428/file/medium-e9e974b430257ad58616cc450a9ba5c0.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">Wheaty</p>
          <a href="/fr/products/saucisse-vegetalien-merguez-2-0-bio-120-g-16083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Saucisse Végétalien Merguez 2.0 Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </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 2.79 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wguFLWbTBEl8I0IrTY4iiYF_8eeZt5XobU_xLX4wtMALWmwntB0lowHMeo8-ziq4B2Qd57tcwbMnvaaD6eimmQ" />
    <input value="16083" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D7">
    <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/burger-de-tempeh-paprika-fume-bio-200-g-17203">
          <img alt="Burger de Tempeh Paprika Fumé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8033/file/small-cb532bba367502ba63962a71c28324cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.webp 900w, https://assets.fabulous.ch/public/variant_asset/8033/file/large-721b330455e233064663e2912e86bde9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.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">Tempehmanufaktur</p>
          <a href="/fr/products/burger-de-tempeh-paprika-fume-bio-200-g-17203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Burger de Tempeh Paprika Fumé Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YZQC3j3jPsOUlk6ujnHFRIbBJj5U1-_orkqemf6fAYKoxevU7y0fKel5dgr9Mc11ANrKPnY8u7PkuMk3aUcT2w" />
    <input value="17203" 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">
      140 sur 3&#39;362 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/muca?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>