<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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/riz-rouge-de-camargue-nature-bio-500-g-625">
          <img alt="Riz Rouge de Camargue nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/570/file/small-b0dfc32b12a0698b48d7fbf886ac5db1.webp 600w, https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp 900w, https://assets.fabulous.ch/public/variant_asset/570/file/large-cf695d1ad98f5e379ee183366a79793d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/riz-rouge-de-camargue-nature-bio-500-g-625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Riz Rouge de Camargue nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;625&quot;],&quot;content_name&quot;:&quot;Riz Rouge de Camargue nature Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;625&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I5GiHADU321fYYkcb5Y2uENkyBPCVtUzMJHDZT-Ju_N_YjGsctS3BvZzJUhcDHf-b-FEWMRIrcJTPnkcMJ5nnw" />
    <input value="625" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/tortilla-chips-chili-bio-150-g-16258">
          <img alt="Tortilla Chips Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7488/file/small-40bea0e9520d2ee0b9738fc51d704a6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.webp 900w, https://assets.fabulous.ch/public/variant_asset/7488/file/large-69207ab123bb4ee1b2565c131d55d7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.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">MiAdelita</p>
          <a href="/fr/products/tortilla-chips-chili-bio-150-g-16258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortilla Chips Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16258&quot;],&quot;content_name&quot;:&quot;Tortilla Chips Chili Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16258&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Va5RlmfOTcGLUXngpiE5JvmH7H5F14-VLPCsrPHQogwJXcImFc4lqiJD1bSVu3hg1QJgNUPJ92RPXxbV_sd-YA" />
    <input value="16258" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/sel-sel-de-mer-aux-algues-500-g-467">
          <img alt="Sel Sel de mer aux algues" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/421/file/small-f7e89c262de996c8ac04b77d0cc7d5c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/421/file/medium-35ca6d259e07653bb45f94143636a4c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/421/file/large-b0c06a7376767a1f6aab7c057834bd6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/421/file/medium-35ca6d259e07653bb45f94143636a4c1.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/sel-sel-de-mer-aux-algues-500-g-467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel Sel de mer aux algues, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;467&quot;],&quot;content_name&quot;:&quot;Sel Sel de mer aux algues, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;467&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PZe7SOpNeNhgXxFwMFPQhLfimi_e_6iEBwceLOmLG8JhZCj4mE0Qs8lNvSQDyZHCm2cWZNjh0HVkqKRV5pzHrg" />
    <input value="467" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/farine-de-mais-sans-gluten-demeter-500-g-15924">
          <img alt="Farine de maïs 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/7320/file/small-650864016fe7c1eed5ab11811a368a0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7320/file/large-5f1be404711836e9c66f49e167ea39f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.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/farine-de-mais-sans-gluten-demeter-500-g-15924">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine de maïs sans gluten Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15924&quot;],&quot;content_name&quot;:&quot;Farine de maïs sans gluten Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15924&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AVfQxIGPN_87XnXWGp4grszA4uCLUI5-H8zH2rOmBXRdpEN0849flJJM2YIpBGHo4EVuq41O9o98Y32jvLHZGA" />
    <input value="15924" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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-poivrons-grilles-aux-noix-de-cajou-bio-135-g-10940">
          <img alt="Pâte à tartiner Poivrons grillés aux noix de cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5657/file/small-a631a504eb3de33c5f4390508f9105a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.webp 900w, https://assets.fabulous.ch/public/variant_asset/5657/file/large-00d270e09017f4911fe0adc9f2597677.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.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-poivrons-grilles-aux-noix-de-cajou-bio-135-g-10940">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte à tartiner Poivrons grillés aux noix de cajou Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10940&quot;],&quot;content_name&quot;:&quot;Pâte à tartiner Poivrons grillés aux noix de cajou Bio, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10940&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xmWVHqsxk600909Uz9Kd0ZADrpMSpcB8mUppmS4LGUqalgau2TH7xp3l4wD8SNyXvIYi2BS7uI365dPgIRzFJg" />
    <input value="10940" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/flocons-epeautre-complete-fin-demeter-425-g-9547">
          <img alt="Flocons épeautre complète Fin Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5362/file/small-d376916ee171bed9e382c09230da0d02.webp 600w, https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.webp 900w, https://assets.fabulous.ch/public/variant_asset/5362/file/large-027cc23982e3110c547c7907d8ef664b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.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/flocons-epeautre-complete-fin-demeter-425-g-9547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocons épeautre complète Fin Demeter, 425 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 0.99 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9547&quot;],&quot;content_name&quot;:&quot;Flocons épeautre complète Fin Demeter, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9547&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5U1DUnxqiuoGx_mRlS4VQspxeyM5MyoYT8-j7fLDYWy5vtDiDmriga_VVcWmtFQE5vT3aD8tUuksYBmU_dS9AA" />
    <input value="9547" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/bougies-pack-de-12-chandelier-2-2-x-21cm-blanc-1-piece-3388">
          <img alt="Bougies Pack de 12 chandelier 2,2 x 21cm Blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2250/file/small-d16811e8af3a98b0f71294c43b00ab88.webp 600w, https://assets.fabulous.ch/public/variant_asset/2250/file/medium-4e6a9bf542e149befaf1e63537900b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/2250/file/large-04364a746e671e6fe9d702ca301ef24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2250/file/medium-4e6a9bf542e149befaf1e63537900b61.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">eubiona</p>
          <a href="/fr/products/bougies-pack-de-12-chandelier-2-2-x-21cm-blanc-1-piece-3388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bougies Pack de 12 chandelier 2,2 x 21cm Blanc, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3388&quot;],&quot;content_name&quot;:&quot;Bougies Pack de 12 chandelier 2,2 x 21cm Blanc, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3388&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O0ZXrI08T2qbvFKoakVokeAe6H1IoEmLlboj3nJf1GpntcQc_zwnATKu_vxZ3ynXzJtkNk6-MXr2FZmnfUgIBg" />
    <input value="3388" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/bett-r-gaufrette-a-la-creme-de-cacao-et-noisettes-bio-30-g-14620">
          <img alt="Bett&#39;r Gaufrette à la crème de cacao et noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6767/file/small-8c8f1752b71b196f22d0aef0778eca21.webp 600w, https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/6767/file/large-d245751454e07080d85f666ddbdd9047.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.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">bett&#39;r</p>
          <a href="/fr/products/bett-r-gaufrette-a-la-creme-de-cacao-et-noisettes-bio-30-g-14620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bett&#39;r Gaufrette à la crème de cacao et noisettes Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14620&quot;],&quot;content_name&quot;:&quot;Bett&#39;r Gaufrette à la crème de cacao et noisettes Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14620&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="biTDt7rCOCBOJ4l_VBvjCZlS0fnVCIHhBujfTxTHfDcy11AHyMJQS-c1JStngaJPtdddstMW-RBlR2U2G9CgWw" />
    <input value="14620" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/sauce-barbecue-sans-gluten-bio-250-ml-1884">
          <img alt="Sauce Barbecue Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1478/file/small-93b91151b50eb9f16646bf633c04ec66.webp 600w, https://assets.fabulous.ch/public/variant_asset/1478/file/medium-88644fd55464ff3f2b57ee308c935f36.webp 900w, https://assets.fabulous.ch/public/variant_asset/1478/file/large-8da976946a806bd46e8486f11bf28d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1478/file/medium-88644fd55464ff3f2b57ee308c935f36.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Byodo</p>
          <a href="/fr/products/sauce-barbecue-sans-gluten-bio-250-ml-1884">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Barbecue Sans Gluten Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1884&quot;],&quot;content_name&quot;:&quot;Sauce Barbecue Sans Gluten Bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1884&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0qRDPhDavUgDUVhG3uSNEGWyxnpSMNb5GF7WSjCR1aiOV9COYtrVI6pD9BLtfsxWSTdKMVQurgh78WwzP4YJxA" />
    <input value="1884" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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-vegetal-aux-basilic-bio-180-g-15074">
          <img alt="Pâté Végétal aux Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6906/file/small-54241ad2961a74bb57adbd149474d38e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6906/file/medium-ecbdc30e071fca98d68b1c2d175d332f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6906/file/large-4d146686c662a35ceccf51bc16dfeeef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6906/file/medium-ecbdc30e071fca98d68b1c2d175d332f.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">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetal-aux-basilic-bio-180-g-15074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâté Végétal aux Basilic Bio, 180 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 2.19 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15074&quot;],&quot;content_name&quot;:&quot;Pâté Végétal aux Basilic Bio, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15074&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="ajT_i9hN3PeEKcUt2XytcwoZsTmdiVW7oN7WgQCW5PU2x2w7qk20nC07aXnq5uw1Jpw9cpuXLUrDcWz4D4E4mQ" />
    <input value="15074" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/marinade-pour-tofu-bio-130-ml-11844">
          <img alt="Marinade pour Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6047/file/small-cc6a849e11125f0064cf3744eab6d763.webp 600w, https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6047/file/large-6e9f307e0956091961c82bdc898af9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.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">Arche</p>
          <a href="/fr/products/marinade-pour-tofu-bio-130-ml-11844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marinade pour Tofu Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11844&quot;],&quot;content_name&quot;:&quot;Marinade pour Tofu Bio, 130 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11844&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GgtuZccT5iwsE9S5YHpPnx8lnGn26tf2Rl8mC1jLIVxG-P3VtROOR4UBeO1T4A7ZM6AQIvD0rwcl8JxyV9z9MA" />
    <input value="11844" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/coussins-croustillants-fourres-a-la-cacahuete-bio-300-g-15906">
          <img alt="Coussins croustillants fourrés à la cacahuète Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7312/file/small-7ac14686210c5233b232a2fa2d10973f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7312/file/medium-c3cb9124dca59d5d359f1a461379d007.webp 900w, https://assets.fabulous.ch/public/variant_asset/7312/file/large-000c4d70a89bfa080fcb726b6d310d36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7312/file/medium-c3cb9124dca59d5d359f1a461379d007.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">turtle Better Breakfast</p>
          <a href="/fr/products/coussins-croustillants-fourres-a-la-cacahuete-bio-300-g-15906">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coussins croustillants fourrés à la cacahuète Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15906&quot;],&quot;content_name&quot;:&quot;Coussins croustillants fourrés à la cacahuète Bio, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15906&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UROBhgCfD-78STIpm3ApEF9gqqZZ4xLuvTaizCpN_skN4BI2cp9nhVVbnn2o6mhWc-Um7V_9ah_emRi1JVoipQ" />
    <input value="15906" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/moutarde-en-grains-bio-125-ml-5603">
          <img alt="Moutarde en grains Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3246/file/small-f987f16a795baac32f94f32632b465fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3246/file/large-34db751be55071a9c9207945a916f72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3246/file/medium-3c1bc999fffcc70e1356233169f2780d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Byodo</p>
          <a href="/fr/products/moutarde-en-grains-bio-125-ml-5603">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moutarde en grains Bio, 125 ml</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 2.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5603&quot;],&quot;content_name&quot;:&quot;Moutarde en grains Bio, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5603&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="katJ_VwMEte3v8gtIAulzFt-DCDVl2dMg3qzr3uZky_NWNpNLgx6vB6tZHkTkeSKd_uAa9OJH73g1QnWdI5PQw" />
    <input value="5603" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/flocons-de-proteines-de-chanvre-bio-150-g-8088">
          <img alt="Flocons de protéines de chanvre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4740/file/small-eca068fcb9f2f0a4dbe9ad9a72ef6a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/4740/file/medium-815672937b017394f699d70348ae0b63.webp 900w, https://assets.fabulous.ch/public/variant_asset/4740/file/large-bf4f1c9730119030eceff64b9e528e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4740/file/medium-815672937b017394f699d70348ae0b63.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">Hanf&amp;Natur</p>
          <a href="/fr/products/flocons-de-proteines-de-chanvre-bio-150-g-8088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocons de protéines de chanvre Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8088&quot;],&quot;content_name&quot;:&quot;Flocons de protéines de chanvre Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8088&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fS_3xKwnMCGCpKKhKaSUmyw49FPJnpal8rZcYCmWoeQh3GR03idYSiu2DvUaPtXdAL14GM-A7lSRGeYZJoF9iA" />
    <input value="8088" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/poudre-de-caroube-bio-250-g-965">
          <img alt="Poudre de Caroube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/843/file/small-1ecdd0fcc160daf080df867526a8b542.webp 600w, https://assets.fabulous.ch/public/variant_asset/843/file/medium-bd5972ec872c9efe299c8a8ea6b8e9a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/843/file/large-818b9be832db1c7dad9a99e922141c2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/843/file/medium-bd5972ec872c9efe299c8a8ea6b8e9a0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/poudre-de-caroube-bio-250-g-965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre de Caroube Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;965&quot;],&quot;content_name&quot;:&quot;Poudre de Caroube Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;965&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jQ-COsj8WH-e4tTS1XC78u3PgJmtqIKRXyMhoCLNrh_R_BGKuvwwFDfweIbm6vq0wUoM0qu2-mA8jJvZLdpycw" />
    <input value="965" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/desinfectant-pour-mains-recharge-1-l-3979">
          <img alt="Désinfectant pour mains Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2520/file/small-c38f5b729d2fce060af6c0993b66c93b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2520/file/medium-d4d06c26d9e3325c3e0a0dee225cd554.webp 900w, https://assets.fabulous.ch/public/variant_asset/2520/file/large-9fc8b9d63a49d07ab3c45219eae4ac31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2520/file/medium-d4d06c26d9e3325c3e0a0dee225cd554.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/fr/products/desinfectant-pour-mains-recharge-1-l-3979">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Désinfectant pour mains Recharge, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3979&quot;],&quot;content_name&quot;:&quot;Désinfectant pour mains Recharge, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3979&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zFIezaGc55oKKhdTkVQ5Jzgs6pW91RLmXqJIJ2yf45qQoY1905yP8aM4uweiznhhFKlm3rvLahc9DfJeY4g_9g" />
    <input value="3979" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/chips-de-pois-chiche-sel-marin-sachet-bio-75-g-4241">
          <img alt="Chips de pois chiche sel marin sachet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9005/file/small-e441b71fcfed2502a9bbb8c0fbceddc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9005/file/medium-a8fd8b4eb3f74bb15ac77ec793a3cc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/9005/file/large-9032da10bc866cb66c72ce858488e7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9005/file/medium-a8fd8b4eb3f74bb15ac77ec793a3cc98.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">de Rit</p>
          <a href="/fr/products/chips-de-pois-chiche-sel-marin-sachet-bio-75-g-4241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips de pois chiche sel marin sachet Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4241&quot;],&quot;content_name&quot;:&quot;Chips de pois chiche sel marin sachet Bio, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4241&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nB5Y9aMblhdj2dMJOIgM8E8TGF0IKcs25ILkfSUmZ7TA7ctF0Rv-fMrLf10LEk22Y5aUFg43s8eHLV4EKjG72A" />
    <input value="4241" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/haricots-blancs-jumbo-bio-500-g-9569">
          <img alt="Haricots blancs Jumbo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5368/file/small-9b50ab94faaf6435767f2c85d9fbd4ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5368/file/large-e583369a4553fdef2e21089257f0e0be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/haricots-blancs-jumbo-bio-500-g-9569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haricots blancs Jumbo Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9569&quot;],&quot;content_name&quot;:&quot;Haricots blancs Jumbo Bio, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9569&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JEO6SRVkRu15H62fBZBNegZDUGmwVhEogs3-ORDft4l4sCn5Z2QuhtANAcs2Cgw8KsbcIrZIadnhYkRAH8hr5Q" />
    <input value="9569" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
          <img alt="Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1338/file/small-245fc7cbbd4f8e0e8c75ae76ee5bf66a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.webp 900w, https://assets.fabulous.ch/public/variant_asset/1338/file/large-3715a9c65e93c2e5502ed2a575ca14fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1338/file/medium-d7707368f69cdd5c43716fd4c7cc5c37.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">Natracare</p>
          <a href="/fr/products/serviettes-ultra-extra-pads-normal-avec-ailettes-12-pcs-12-piece-1680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs, 12 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1680&quot;],&quot;content_name&quot;:&quot;Serviettes  Ultra Extra Pads Normal avec Ailettes, 12 pcs, 12 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jBftUYLbpo_xmDLmuCRa18TPcYkgUMhABvTch-9Rb-rQ5H7h8NvO5FiKnrKLvhuR6Er9wiZOsLFlW2b-4Eazhg" />
    <input value="1680" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D80">
    <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/condimento-balsamique-blanc-superiore-bio-500-ml-17139">
          <img alt="Condimento Balsamique Blanc &quot;Superiore&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7987/file/small-5b42868b22355a313fe2d5bad218b191.webp 600w, https://assets.fabulous.ch/public/variant_asset/7987/file/medium-168c65c625767585f2f80d655a916e66.webp 900w, https://assets.fabulous.ch/public/variant_asset/7987/file/large-8331bc33048b1084fefaccce4965e2a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7987/file/medium-168c65c625767585f2f80d655a916e66.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">Terra Verde</p>
          <a href="/fr/products/condimento-balsamique-blanc-superiore-bio-500-ml-17139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Condimento Balsamique Blanc &quot;Superiore&quot; Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17139&quot;],&quot;content_name&quot;:&quot;Condimento Balsamique Blanc \&quot;Superiore\&quot; Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17139&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MgqeTi_hh2cJsdktBL2dm9mkyIIczXqrPS1PWR9EKrVu-Q3-XeHvDKCjdXk3J9zd9SFEyRrTAlpegvUgEFP22Q" />
    <input value="17139" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;600 sur 3&#39;522 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/jooti?format=turbo_stream&amp;page=81">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>