<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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/500-g-c20764aa-8193-4ea7-b08a-71851ed644a4-18706">
          <img alt="Seigle demeter bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9634/file/small-acde27b1563b8c0d4f8b0b3a92c12bfe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9634/file/medium-4882fe39615f89de96b9e89ee9b971b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9634/file/large-0ee68afc6ea539b7fca6238fdd7a60ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9634/file/medium-4882fe39615f89de96b9e89ee9b971b3.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">MORGA</p>
          <a href="/fr/products/500-g-c20764aa-8193-4ea7-b08a-71851ed644a4-18706">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seigle demeter bio, 500 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 0.78 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18706&quot;],&quot;content_name&quot;:&quot;Seigle demeter bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18706&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z4TUIzxT_-kIBzDZskiZBJwF08EgarrhPN5WmU6vDWK44B1q1u5s8F0rb7IQHATnjgWkMz8gvXIEiA_XsRXsKg" />
    <input value="18706" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/200-g-6de2d611-c058-49b0-8281-44b2c5ce6018-18723">
          <img alt="Germes de blé naturellement purs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9675/file/small-e7361caad5cd8d4f4ab99e71fe656b3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9675/file/medium-a986b7b59bf48d94eb43d1feb8724067.webp 900w, https://assets.fabulous.ch/public/variant_asset/9675/file/large-e63634eedb1e075da7163b632b82128f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9675/file/medium-a986b7b59bf48d94eb43d1feb8724067.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">MORGA</p>
          <a href="/fr/products/200-g-6de2d611-c058-49b0-8281-44b2c5ce6018-18723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Germes de blé naturellement purs, 200 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 2.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18723&quot;],&quot;content_name&quot;:&quot;Germes de blé naturellement purs, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18723&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sAsXvoxaIyfOQ_X-RWjK0zTOvN8cfgLfYPpB7HvLJbZvb973ZuewPptvqpXnPFcwJs7LLQM0BUxYrBiihHHE_g" />
    <input value="18723" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/350-g-2cd37b16-e3a6-4623-90a3-6fbe0fd9e30d-18720">
          <img alt="Flocons de soja complet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9676/file/small-49135ecf896b86855a16d399ce88222e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9676/file/medium-129a223c5c9c4635e588cd99da0414e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9676/file/large-741122ec22bcba5d4cf5ad1ff548e1cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9676/file/medium-129a223c5c9c4635e588cd99da0414e4.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">MORGA</p>
          <a href="/fr/products/350-g-2cd37b16-e3a6-4623-90a3-6fbe0fd9e30d-18720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocons de soja complet Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18720&quot;],&quot;content_name&quot;:&quot;Flocons de soja complet Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18720&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7bb21gIYpTuIa55roICtIsRqY54ToImPIBYXmo-VSscy0j-f6KU2It1HwQAC1DDB1moUbAzqjhwYQE7UcC-rjw" />
    <input value="18720" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/500-g-4552dc60-861e-4fdd-b1a6-14eb86919918-18683">
          <img alt="Avoine demeter bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9633/file/small-17461a94d37026ec42a327d2597c3cf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9633/file/medium-246449b9babe0e9bf9032769ee987753.webp 900w, https://assets.fabulous.ch/public/variant_asset/9633/file/large-cefd1ca1c34e3b368039bd575b4246ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9633/file/medium-246449b9babe0e9bf9032769ee987753.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">MORGA</p>
          <a href="/fr/products/500-g-4552dc60-861e-4fdd-b1a6-14eb86919918-18683">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Avoine demeter bio, 500 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 0.78 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18683&quot;],&quot;content_name&quot;:&quot;Avoine demeter bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18683&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XtRG3-OqYHUeOJn1DOXsTZ5PgBGYwWJHcnXAmK6DmtCBsI-WCRfzbEsUxp6usXGujE_344eLZdRKI5nWUTl7mA" />
    <input value="18683" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/100-ml-469cd48b-f34c-49df-bb4b-11bdef241d0d-18715">
          <img alt="Assaisonnement au soja" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9626/file/small-2c85c88d4ae7233d2301716b24055fad.webp 600w, https://assets.fabulous.ch/public/variant_asset/9626/file/medium-fecc2ff2ee558ba4870962c4708cc860.webp 900w, https://assets.fabulous.ch/public/variant_asset/9626/file/large-34fbbfa5b1ff0d88dc8dabf043fd30e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9626/file/medium-fecc2ff2ee558ba4870962c4708cc860.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">MORGA</p>
          <a href="/fr/products/100-ml-469cd48b-f34c-49df-bb4b-11bdef241d0d-18715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Assaisonnement au soja, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18715&quot;],&quot;content_name&quot;:&quot;Assaisonnement au soja, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18715&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AZWt4b2e2z-Ynee6kVsLxMOBV4rQIHDHx6J6dlJbyrDe8WSoVyNIJs2xuNEzD5Yn0YEgeM9qd1T_9CM4reEr-A" />
    <input value="18715" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/350-g-484cb9d0-6c8c-4b7d-81ce-9fb88f7596da-18713">
          <img alt="Farine de soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9257/file/small-8884754dde393113cdae62757aa37b9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9257/file/medium-0f6fb2bbca9334f0523c7af0f2920440.webp 900w, https://assets.fabulous.ch/public/variant_asset/9257/file/large-42b041946a55197ede3470184cc5fc23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9257/file/medium-0f6fb2bbca9334f0523c7af0f2920440.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">MORGA</p>
          <a href="/fr/products/350-g-484cb9d0-6c8c-4b7d-81ce-9fb88f7596da-18713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine de soja Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18713&quot;],&quot;content_name&quot;:&quot;Farine de soja Bio, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18713&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zxi8X1Arx-U34pBZNZskKwFUyF0gh1k4EBQVbEZls9gQfHUWupZU_GLOzzKXz7nIE1S_rz_NXqsoQkwiud9SkA" />
    <input value="18713" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/750-g-b676ef2e-dc45-4a42-b876-542756b49ff7-18716">
          <img alt="Sel de mer alimentaire gros conventionnel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9671/file/small-7ed0c4227d2e804c4c009db16b20cad9.webp 600w, https://assets.fabulous.ch/public/variant_asset/9671/file/medium-cf15651b3948b5cfff7ea0bc1519c64c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9671/file/large-2daf58d660c7919633a2bd3ee918e0dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9671/file/medium-cf15651b3948b5cfff7ea0bc1519c64c.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">MORGA</p>
          <a href="/fr/products/750-g-b676ef2e-dc45-4a42-b876-542756b49ff7-18716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel de mer alimentaire gros conventionnel, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18716&quot;],&quot;content_name&quot;:&quot;Sel de mer alimentaire gros conventionnel, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18716&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lAsUkT7PXlX8ZajgLP0eFAwFy-h8XHLDBrmwnLPedwJLb93Y1HLNTKlJ94uOqYP3HgW8GmMWdVA-7-nSTGSWSg" />
    <input value="18716" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/750-g-cba104a6-a579-46ba-9b9b-5d0be6e3d6b8-18698">
          <img alt="Sel marin fin conventionnel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9659/file/small-b6d89bb6f12ccbde3c552ea37d392170.webp 600w, https://assets.fabulous.ch/public/variant_asset/9659/file/medium-5bf4607fcd81b8758b2f2f56203ea0d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9659/file/large-09562ad34d5b83480b7d5dcf16f7a2ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9659/file/medium-5bf4607fcd81b8758b2f2f56203ea0d1.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">MORGA</p>
          <a href="/fr/products/750-g-cba104a6-a579-46ba-9b9b-5d0be6e3d6b8-18698">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel marin fin conventionnel, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18698&quot;],&quot;content_name&quot;:&quot;Sel marin fin conventionnel, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18698&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wubv1n0V9IhOdTKJ-oh32MRz8PzM0QPmDv-eRxXCqlIdgiafl6hnkRtZbeJY3Oo71nOHDtObBHU2qccJ6nhLGg" />
    <input value="18698" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/80-g-ec89e729-9687-435c-865d-c7e4f71990df-18656">
          <img alt="Arodor assaisonnement en poudre sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9636/file/small-8b9bb7156928da30c21a84d50c2142b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9636/file/medium-a79e2ce25df3ce627d1f26c20536bc83.webp 900w, https://assets.fabulous.ch/public/variant_asset/9636/file/large-c03d2255cbc6aaa0987aeb6e1e52d87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9636/file/medium-a79e2ce25df3ce627d1f26c20536bc83.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">MORGA</p>
          <a href="/fr/products/80-g-ec89e729-9687-435c-865d-c7e4f71990df-18656">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arodor assaisonnement en poudre sachet Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18656&quot;],&quot;content_name&quot;:&quot;Arodor assaisonnement en poudre sachet Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18656&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OMkJ-8jN6UJ4_SYfhjhe17PqMSkM0PSVT0Astw9SqtrnrcCyInB6Wy3ReXQkbMM0oepG2xOa8wZ3FnX58OhLkg" />
    <input value="18656" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/22-g-18658">
          <img alt="Poudre à lever sans phosphate conventionnelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9248/file/small-f3099f2c961f8365d68f85674bbe4ecb.webp 600w, https://assets.fabulous.ch/public/variant_asset/9248/file/medium-b0dddf8af4b210186e9318601123c020.webp 900w, https://assets.fabulous.ch/public/variant_asset/9248/file/large-5e1bb940ef47668f1b174d2372dbbe94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9248/file/medium-b0dddf8af4b210186e9318601123c020.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">MORGA</p>
          <a href="/fr/products/22-g-18658">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre à lever sans phosphate conventionnelle, 22 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 8.18 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18658&quot;],&quot;content_name&quot;:&quot;Poudre à lever sans phosphate conventionnelle, 22 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18658&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_aG8EDOBsN96Nnu0wHLNfbXMqJQN7jLLsNPKwQWQm5sixXVZ2Twjxi8aJN9iJlCep8zfZhKkNViIhZOP-ip60w" />
    <input value="18658" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/500-g-60e6cc2f-2b41-4eff-a69e-3817d0679db6-18719">
          <img alt="Dextrose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9674/file/small-50dfcd32bcc5616845e4166bf54443a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9674/file/medium-ac820305a6ee1e35ae9b9582b23eae5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9674/file/large-a55f6f27049cec300a1b8b28a286d72c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9674/file/medium-ac820305a6ee1e35ae9b9582b23eae5c.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">MORGA</p>
          <a href="/fr/products/500-g-60e6cc2f-2b41-4eff-a69e-3817d0679db6-18719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dextrose, 500 g</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 0.96 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18719&quot;],&quot;content_name&quot;:&quot;Dextrose, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18719&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k_WNhiYrHr-oBdLspD4FoeRaRC25kmKARfggqUhEuOxMkUTPzJaNpv0pjYcGaphC9loz36bYZRN9rnnnt_5ZpA" />
    <input value="18719" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/10-g-addd6e57-64d1-4525-b7e0-1fb8d8479f42-18654">
          <img alt="Agar agar conventionnel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9246/file/small-bd9dbba5430a416edbfee9ee7a1723f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9246/file/medium-e9c3e507e984a010da4e1c1ddebb3f3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9246/file/large-7fa7013dc3ebb1daa39b5123ddfc023c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9246/file/medium-e9c3e507e984a010da4e1c1ddebb3f3d.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">MORGA</p>
          <a href="/fr/products/10-g-addd6e57-64d1-4525-b7e0-1fb8d8479f42-18654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agar agar conventionnel, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18654&quot;],&quot;content_name&quot;:&quot;Agar agar conventionnel, 10 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18654&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oyy3a-iXLQp5iGTdqFnfs-IYdzrtpzEgbbUWzbA6yZV8SH4iAiq-EyykO7YKDUJQ8BgAyPLtNrNV40-DT4Ao3Q" />
    <input value="18654" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/20-g-2f095b6b-bcff-470a-af98-b683e51db9bd-19990">
          <img alt="Sucre vanillé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10682/file/small-d3601ce1a301d6c0ab714f7399ea2ffe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10682/file/large-b708df67b6c5c39e3444022c555d0b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10682/file/medium-2eeefcff1e0a90bbe08a2125ce455ccd.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">MORGA</p>
          <a href="/fr/products/20-g-2f095b6b-bcff-470a-af98-b683e51db9bd-19990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sucre vanillé, 20 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 19.75 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19990&quot;],&quot;content_name&quot;:&quot;Sucre vanillé, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19990&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ui7m_NaKJoYDV3V1o6NXQRXq7GsrESPBdrNnUX3Z0zqNSi-1PDe1n1Z7Kh4B98qiB-qbmTRbJFJO5T4fgmMycg" />
    <input value="19990" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/90-g-0ae2abd2-e27a-4c3e-8af7-905c44c314c7-18665">
          <img alt="Crème chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9627/file/small-97a63bc1eb45f424cf8e361efb0ec796.webp 600w, https://assets.fabulous.ch/public/variant_asset/9627/file/medium-45b86cda08ce28eec321730875e43f6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9627/file/large-d3bbf9411c658a30e90022f2741eb6ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9627/file/medium-45b86cda08ce28eec321730875e43f6b.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">MORGA</p>
          <a href="/fr/products/90-g-0ae2abd2-e27a-4c3e-8af7-905c44c314c7-18665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crème chocolat Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18665&quot;],&quot;content_name&quot;:&quot;Crème chocolat Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18665&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bMHBLnWYg1gaFGUEK5dfEJkXz-mda2jZKGMa6lwGIeazpQhnnyUQQU84Om-Jw8Lzixe4G4Ihb0oQNUOko7zArg" />
    <input value="18665" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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/25-pieces-a8632167-8f70-4104-85d4-4ca9a68846b8-18714">
          <img alt="Dés de soja pour bouillon clair bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9670/file/small-2398f31d9e0bacf8373797fa3b8d3050.webp 600w, https://assets.fabulous.ch/public/variant_asset/9670/file/medium-b9ec440c9318d6c068f30a6821f940ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/9670/file/large-fe4beee6a41a5b5592a676e023e0701e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9670/file/medium-b9ec440c9318d6c068f30a6821f940ce.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">MORGA</p>
          <a href="/fr/products/25-pieces-a8632167-8f70-4104-85d4-4ca9a68846b8-18714">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dés de soja pour bouillon clair bio, 25 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18714&quot;],&quot;content_name&quot;:&quot;Dés de soja pour bouillon clair bio, 25 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18714&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B9n6PaAR1G9PxOFMr4O5j7Jz6pRfEnyPWPveQtPifnDYvTN0SqxHdhrovicN1yRsoHOdZkBYexxgrYcMLFifOA" />
    <input value="18714" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coconaut-eau-de-coco-pure-avec-jus-de-mangue-320-ml-22152">
          <img alt="Coconaut eau de coco pure avec jus de mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11676/file/small-2b302ccc3ca231025fe18a714287bd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11676/file/medium-ada8193a0a8d1f76921c5ee5740338e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11676/file/large-d4a06d47a545f65b39a9bf67c825b489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11676/file/medium-ada8193a0a8d1f76921c5ee5740338e8.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">COCONAUT® Schweiz</p>
          <a href="/fr/products/coconaut-eau-de-coco-pure-avec-jus-de-mangue-320-ml-22152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut eau de coco pure avec jus de mangue, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22152&quot;],&quot;content_name&quot;:&quot;Coconaut eau de coco pure avec jus de mangue, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jWJvo4tuqqzhNj1ce5dis9le1ByzbdVqsyvmEtf07OhSBqbqYdM5tbQaYjfZw_9Qy16j7qwn0vmLfb9cKE4NoA" />
    <input value="22152" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coconaut-eau-de-coco-avec-jus-de-pasteque-320-ml-22151">
          <img alt="Coconaut eau de coco avec jus de pastèque" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11675/file/small-cad3e6c43e799aa1f2be86fd5ab2b9b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11675/file/medium-acd623d0629d5200e344ba2f45527a78.webp 900w, https://assets.fabulous.ch/public/variant_asset/11675/file/large-89ecfae645ed35597efef1497cbfb15b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11675/file/medium-acd623d0629d5200e344ba2f45527a78.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">COCONAUT® Schweiz</p>
          <a href="/fr/products/coconaut-eau-de-coco-avec-jus-de-pasteque-320-ml-22151">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut eau de coco avec jus de pastèque, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22151&quot;],&quot;content_name&quot;:&quot;Coconaut eau de coco avec jus de pastèque, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22151&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gcMikrqB6oHzpExUz4nfm5U6B2gdJHrfD3oHWU67OT9ep-vbUDx5mKaIEz9t3UJ4hzpwmgJufUw3LF4XsQHYdw" />
    <input value="22151" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coconaut-eau-de-coco-avc-jus-de-yuzu-320-ml-22153">
          <img alt="Coconaut eau de coco avc jus de yuzu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11677/file/small-60fe543b1cc1f677f2b4eb7ddd215b1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11677/file/medium-c34c0d55bf05364c09dde838a5b069ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/11677/file/large-d0309dc83e3387aa8d515f19e37e10c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11677/file/medium-c34c0d55bf05364c09dde838a5b069ef.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">COCONAUT® Schweiz</p>
          <a href="/fr/products/coconaut-eau-de-coco-avc-jus-de-yuzu-320-ml-22153">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut eau de coco avc jus de yuzu, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22153&quot;],&quot;content_name&quot;:&quot;Coconaut eau de coco avc jus de yuzu, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22153&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4hIdR21S1aRk3xYbZHebEnniyTD3YPx4D9rG043yvJ89dtQOh-9GvTHzSXDGIwbxa-K-wugq--s3jJ-dckhd1w" />
    <input value="22153" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coconaut-eau-de-coco-avec-jus-de-peche-blanche-320-ml-22155">
          <img alt="Coconaut eau de coco avec jus de pêche blanche" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11678/file/small-9fdb3c5e19ad5ed187cdb6630c6aa683.webp 600w, https://assets.fabulous.ch/public/variant_asset/11678/file/medium-808fe7617517a86b26b51d13c5ddbb8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11678/file/large-9406bba80fcf27d8be8b161a4864f576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11678/file/medium-808fe7617517a86b26b51d13c5ddbb8c.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">COCONAUT® Schweiz</p>
          <a href="/fr/products/coconaut-eau-de-coco-avec-jus-de-peche-blanche-320-ml-22155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut eau de coco avec jus de pêche blanche, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22155&quot;],&quot;content_name&quot;:&quot;Coconaut eau de coco avec jus de pêche blanche, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22155&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M21R7J3imq9NK1pdiiLjXtIzsdj7i8UlNcSJg954DWbsCZild18JthgHBTYodn69wDPGKuTBwrYNktDNIcLsLg" />
    <input value="22155" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D16">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coconaut-eau-de-coco-petillante-320-ml-22149">
          <img alt="Coconaut eau de coco pétillante" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11673/file/small-a8030fee7e17c1852206f1a57fb1bcc6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11673/file/medium-5aa3b9c6e44b9583d01ab821552524e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11673/file/large-baaacbd0376e87f64e0efe1dbbf44ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11673/file/medium-5aa3b9c6e44b9583d01ab821552524e2.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">COCONAUT® Schweiz</p>
          <a href="/fr/products/coconaut-eau-de-coco-petillante-320-ml-22149">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut eau de coco pétillante, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22149&quot;],&quot;content_name&quot;:&quot;Coconaut eau de coco pétillante, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22149&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cIIp66DlqDDa-svR5ZH7dLN-wrnTfOJx8AJSPoLigU-v5uCiSlg7KY_WlLpHxWaXoX61S8w25eLIVAtwfVhgBw" />
    <input value="22149" 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">
      320 sur 1&#39;329 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=17">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>