<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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/basilikum-gerebelt-bio-15-g-18346">
          <img alt="Basilikum gerebelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9888/file/small-db4f725f08966b50c9e2fc9a7ba77887.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9888/file/medium-d5a34e1228dd5ca4342b6f8b4d0afbf2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9888/file/large-9a7bca4c5c70ff2d31e51dd0d7ae8f46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9888/file/medium-d5a34e1228dd5ca4342b6f8b4d0afbf2.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">Brecht</p>
          <a href="/fr/products/basilikum-gerebelt-bio-15-g-18346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basilikum gerebelt Bio, 15 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 30.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Va2tgMtHVBj9MxWpVjSJ4hgzdQQ-VUNSM3h6Vu3Ax5sObqkVM-W2LJoQNWIbWQE1bZVUC3w_TLvlDn1xFdl8mw" />
    <input value="18346" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bengal-curry-sweet-bio-60-g-18347">
          <img alt="Bengal Curry Sweet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9889/file/small-0ec593205342f35d99e12e650ef02e30.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9889/file/medium-0b5f98c00d744e9a9182545e0cc80797.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9889/file/large-021ab6342740842b1b845f4c8f0c5a29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9889/file/medium-0b5f98c00d744e9a9182545e0cc80797.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">Brecht</p>
          <a href="/fr/products/bengal-curry-sweet-bio-60-g-18347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bengal Curry Sweet Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CbC8_5Jea4MxTYA0CUjYUfjypBzMAqp6r7jzs-zjOLZSc7hqavyJt1ZuoP9EJVCGjVSFE45opZN5zvSUFPqDtg" />
    <input value="18347" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bockshornkleesaat-gemahlen-bio-40-g-18348">
          <img alt="Bockshornkleesaat gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9890/file/small-c1eb961706e4cbeaa8f39e028c2bf850.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9890/file/medium-e36f004999a28163f55346dff02a74ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9890/file/large-70032b1c6d9f4db882ee4408ea7aba57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9890/file/medium-e36f004999a28163f55346dff02a74ee.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">Brecht</p>
          <a href="/fr/products/bockshornkleesaat-gemahlen-bio-40-g-18348">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bockshornkleesaat gemahlen Bio, 40 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 12.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a2YB6C3G_xLk5VBcciCHd_KsqFLAbYXq4WqGK7g_1uEwpQV91WQdJoPGcJc_TQ-ghwqJXYIHigM3HIEMQCZt4Q" />
    <input value="18348" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bockshornkleesaat-gemahlen-nfp-bio-80-g-18349">
          <img alt="Bockshornkleesaat gemahlen NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10622/file/small-f7060edb4af8247f7984282cb619cd23.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10622/file/medium-2ec8da79db095cf77af88c25efc39660.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10622/file/large-f175ba6fea39e9aeb06d508aaebbf2de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10622/file/medium-2ec8da79db095cf77af88c25efc39660.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">Brecht</p>
          <a href="/fr/products/bockshornkleesaat-gemahlen-nfp-bio-80-g-18349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bockshornkleesaat gemahlen NFP Bio, 80 g</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 7.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0q2wvC4G2JA2h7ckHZS-ArBxL5PBYN_L-fnDNCZuABuJbrQp1qQ6pFGkl-9Q-TbVxdcOnIMK0CIvj8QT3ne7Gw" />
    <input value="18349" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/bunte-pfefferkorner-nfp-bio-60-g-18350">
          <img alt="Bunte Pfefferkörner NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10681/file/small-fd7b3bcea732a2a5d5473e974316b69c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10681/file/medium-7a5081e5fea41ff18fd866bd4ce2f098.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10681/file/large-b75bf163c74fa7a385d18fe70a7dbe0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10681/file/medium-7a5081e5fea41ff18fd866bd4ce2f098.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">Brecht</p>
          <a href="/fr/products/bunte-pfefferkorner-nfp-bio-60-g-18350">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bunte Pfefferkörner NFP Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UQrPps34XSr87InqhM4L7WTmUScQR8rGz2d4OfFLxxkKycszNVq_HpvPqSHJo4M6EUBwKFItxS8ZEX8eCVJ8GQ" />
    <input value="18350" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/cayennepfeffer-grob-gemahlen-bio-25-g-18351">
          <img alt="Cayennepfeffer grob gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11328/file/small-761fd2b06fbcf1660437f625723365e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11328/file/medium-b4cbbbc1ccdfd938151853851055a2bd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11328/file/large-f0d113420038cade7eb8e40954f6f7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11328/file/medium-b4cbbbc1ccdfd938151853851055a2bd.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">Brecht</p>
          <a href="/fr/products/cayennepfeffer-grob-gemahlen-bio-25-g-18351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cayennepfeffer grob gemahlen Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4HJjIkqyq1mH1v6eewesE1BPaL-aNSm-rVKu48dYOpS7sWe3shBJbeD13lU2aiTEJelJsNhfJld7JKnEP0GBlA" />
    <input value="18351" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/wok-gewurz-bio-65-g-18352">
          <img alt="Wok Gewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10293/file/small-c1f754a46abbb8b2124ca7f490e0e580.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10293/file/medium-75a58d3ddc32b8910392637bd3edf8c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10293/file/large-df09c10761091eb8a9e883c098985840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10293/file/medium-75a58d3ddc32b8910392637bd3edf8c8.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">Brecht</p>
          <a href="/fr/products/wok-gewurz-bio-65-g-18352">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wok Gewürz Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aJCINAK7pHx1Nlgp3GYVoLD-eqto4nNDgOIgtoFZlg8zU4yh-hlGSBIVeOKRC513xVhbpCqIfKpWlCeReUAtDw" />
    <input value="18352" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/cumin-kreuzkummel-ganz-nfp-bio-65-g-18353">
          <img alt="Cumin Kreuzkümmel ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10630/file/small-abd831233023844b980fe724c88f404d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10630/file/medium-4cf6793b250fa48efd46b49b36212287.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10630/file/large-8244622da926ba29065042f395ac6585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10630/file/medium-4cf6793b250fa48efd46b49b36212287.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">Brecht</p>
          <a href="/fr/products/cumin-kreuzkummel-ganz-nfp-bio-65-g-18353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cumin Kreuzkümmel ganz NFP Bio, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uFJ0icPVSPMplbLlWh2hKrDuFwGa97UTix87U3iWOQbjkXAcO3eqx062ki4XcCn9xUg2DtiduvpdaTx0gI-CBg" />
    <input value="18353" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/cumin-kreuzkummel-gemahlen-bio-35-g-18354">
          <img alt="Cumin Kreuzkümmel gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9891/file/small-f2d5048498f99de124d318b48bdf06b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9891/file/medium-d65a42ee2da835e8a43b73d6fb0353b0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9891/file/large-7e2008a2be2121e24a641231d8200c83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9891/file/medium-d65a42ee2da835e8a43b73d6fb0353b0.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">Brecht</p>
          <a href="/fr/products/cumin-kreuzkummel-gemahlen-bio-35-g-18354">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cumin Kreuzkümmel gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QCkZ9nUtdcD6G-B-CFPCY05a99YwgTP_Z5VTMcYpq1Yb6h1jjY-X9J04wLVFPkq0O_zW2XLrPBax41QWPjAQVg" />
    <input value="18354" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/curry-classic-bio-35-g-18355">
          <img alt="Curry Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9892/file/small-0d619333154c1fbc08ac4867ccba3adf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9892/file/medium-b08535a9f13a1ed2fcfe2115e1def475.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9892/file/large-2e3aa07d19bb0d08545da82646539b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9892/file/medium-b08535a9f13a1ed2fcfe2115e1def475.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">Brecht</p>
          <a href="/fr/products/curry-classic-bio-35-g-18355">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Curry Classic Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qBIj2ovoX_zoApoYbszIHWvwUotoyF0A0fHSNSTXzg3z0SdPc0q9yI8hutMjoUDKHlZzhCqiUukHh9US3M51DQ" />
    <input value="18355" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/curry-classic-nfp-bio-55-g-18356">
          <img alt="Curry Classic NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10623/file/small-cb845325b40aba5560be86651f79f260.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10623/file/medium-d50422d9e009caffcd1344d7e171f1fc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10623/file/large-e232d1a2717542c1432ab226904d45f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10623/file/medium-d50422d9e009caffcd1344d7e171f1fc.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">Brecht</p>
          <a href="/fr/products/curry-classic-nfp-bio-55-g-18356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Curry Classic NFP Bio, 55 g</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 11.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dkq11Rxzu0WLvsur7yrBf5DdFBLCZsQe0SgFV1IwB01VibFA5NFZceyd62CiR0mo5Xs1HYAMy_cHXgJwqim8TQ" />
    <input value="18356" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/delifrut-birnbrotgewurz-bio-30-g-18357">
          <img alt="Delifrut Birnbrotgewürz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9895/file/small-5ae868ab1879b4c15be15066efa1ad21.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9895/file/medium-72d6721e29dd46a4d63e83a348b566fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9895/file/large-76f11d7e8638a693c12ef73c33fd43d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9895/file/medium-72d6721e29dd46a4d63e83a348b566fd.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">Brecht</p>
          <a href="/fr/products/delifrut-birnbrotgewurz-bio-30-g-18357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Delifrut Birnbrotgewürz Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YDtPT8b0rp2uHfakMf7tTZeu23fK52-B42N1jqmDVwU7-EvaPlZMqck-1m98k2Wa4gj6eIiNYGg1FXKpUZrsBQ" />
    <input value="18357" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/dillspitzen-bio-15-g-18358">
          <img alt="Dillspitzen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9894/file/small-9a00458576f6740caeb8fc2893034cb3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9894/file/medium-737a1e55c530dad643ab335c0624af98.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9894/file/large-5a1fbfdeb3971fd585ec6b3359a65aaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9894/file/medium-737a1e55c530dad643ab335c0624af98.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">Brecht</p>
          <a href="/fr/products/dillspitzen-bio-15-g-18358">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dillspitzen Bio, 15 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 32.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dW6hJM-XlgzXlQW3h6AsHGJq0dN5NBd23MkPY-NmFjMuraWxNzV0OLC2JXzKzaTLF8zw3DteGJ8KvwhEG3-tMw" />
    <input value="18358" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/fenchel-ganz-nfp-bio-50-g-18359">
          <img alt="Fenchel ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10624/file/small-16e8cd7cd20766b8c1c82b8f8f7ae35f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10624/file/medium-6484d136fcf4d42a1a18d57b680680b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10624/file/large-3f48fa0d8cceb432ad314ccb7760e8df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10624/file/medium-6484d136fcf4d42a1a18d57b680680b9.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">Brecht</p>
          <a href="/fr/products/fenchel-ganz-nfp-bio-50-g-18359">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fenchel ganz NFP Bio, 50 g</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 12.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GKR65tbstpp0IUMrDENIYCxhloZtnfodgJtAF2RIlDBDZ35zLk5UrhMCY-BBLsC3Wce3iS_39fRW7UcwnFEvMA" />
    <input value="18359" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/fenchel-gemahlen-bio-25-g-18360">
          <img alt="Fenchel gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9893/file/small-c758b61e81f819be23077229a886ec35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9893/file/medium-68f140ccb41431a88096675799860de6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9893/file/large-4fcf26a2d23874cde4962123e8663ee5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9893/file/medium-68f140ccb41431a88096675799860de6.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">Brecht</p>
          <a href="/fr/products/fenchel-gemahlen-bio-25-g-18360">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fenchel gemahlen Bio, 25 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 18.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LRaiYeRjds5PA151atoWytuXanm65A_l-_Pfi_f9Svd21ab0HMGU-iggfr4nt54drjFLdviOAAwthdisD-Tx9w" />
    <input value="18360" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/garam-masala-bio-60-g-18361">
          <img alt="Garam Masala Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9896/file/small-5d713c78d144ada02512ea3acbc0614d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9896/file/medium-7f3c08d9c0ceb95c7b2a3f48710d01cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9896/file/large-a71d593a6ccb3696d27b47c89fdf1a47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9896/file/medium-7f3c08d9c0ceb95c7b2a3f48710d01cd.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">Brecht</p>
          <a href="/fr/products/garam-masala-bio-60-g-18361">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Garam Masala Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xFA5HPPaikcRkzyRv7MSz3ftC4pgCj4fsGKpqWOG1Q-fkz2JC3hoc3awHFry3poYAksqhSJgMfZmFK6Om59uDw" />
    <input value="18361" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/gelbe-senfsaat-gemahlen-glas-bio-35-g-18362">
          <img alt="Gelbe Senfsaat gemahlen Glas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9897/file/small-96d0bcc355db1de8e55b3ebc65ef431f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9897/file/medium-68f1354ddd7b8e3ba079cb67874ec895.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9897/file/large-a72a2b133d199e3630b2cd8ea2594f7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9897/file/medium-68f1354ddd7b8e3ba079cb67874ec895.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">Brecht</p>
          <a href="/fr/products/gelbe-senfsaat-gemahlen-glas-bio-35-g-18362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gelbe Senfsaat gemahlen Glas Bio, 35 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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UrAh5WWbUGX3oJnVAKSo-XHON9OBBrllRZ1LSdW3ZYEJcyVwnTmyUZCDuR5NySAuBGgW3MNstoyT60xuLa7egQ" />
    <input value="18362" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/gelbe-senfsaat-ganz-nfp-bio-90-g-18363">
          <img alt="Gelbe Senfsaat ganz NFP Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/small-d822aa48cc200527aa5b4493ba317e95.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-20b4797620a7e15755c8f86c59aac9f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10684/file/large-f60d61db484f89163740ab1888c62dfc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10684/file/medium-20b4797620a7e15755c8f86c59aac9f8.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">Brecht</p>
          <a href="/fr/products/gelbe-senfsaat-ganz-nfp-bio-90-g-18363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gelbe Senfsaat ganz NFP Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5_f_1KdMwtSaJTLZRoU5Cy2isHqrLQzWSZw-DaWkZaUXNtqqj_RPzVLtAAod5wzWRCrzqjGu9qPUHffzo8qlg" />
    <input value="18363" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/hildegard-krautermischung-bio-23-g-18364">
          <img alt="Hildegard Kräutermischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9898/file/small-c5788b26f11459e2724f200ce2651420.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9898/file/medium-56693aebb7178a50411a831a6f765336.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9898/file/large-e0fa3e42e8c47eea27bc51744b9c51ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9898/file/medium-56693aebb7178a50411a831a6f765336.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">Brecht</p>
          <a href="/fr/products/hildegard-krautermischung-bio-23-g-18364">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hildegard Kräutermischung Bio, 23 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U9wglPttbY2qhMDtGzJY6_YXps9iqV6bH6j4sWXmf9IIHyQBA8-Puc2n4CZWX9A8g7GHwCDDUXLJ3v-Wnf_E0g" />
    <input value="18364" 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%2Fvivani%3Fformat%3Dturbo_stream%26page%3D41">
    <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/ingwer-gemahlen-bio-25-g-18365">
          <img alt="Ingwer gemahlen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9899/file/small-e9e90f3570f40791e37674316df47b9b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9899/file/medium-abf772fbcaaa65b2f614430bf82c3a43.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9899/file/large-a47a869330713e83290f5fa428755019.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9899/file/medium-abf772fbcaaa65b2f614430bf82c3a43.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">Brecht</p>
          <a href="/fr/products/ingwer-gemahlen-bio-25-g-18365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer gemahlen Bio, 25 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 18.00 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>