<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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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-nfp-bio-40-g-18366">
          <img alt="Ingwer 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/10625/file/small-cbd51cdf79e4bb01cd988411f5c4ea1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10625/file/medium-2a0974e51f7b45932118e16f7fc0543a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10625/file/large-2e7b794f2509cad38785f61017eb0bb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10625/file/medium-2a0974e51f7b45932118e16f7fc0543a.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-nfp-bio-40-g-18366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ingwer gemahlen NFP Bio, 40 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 15.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1E1C8IGqu6v71hqp1Osfaghc7cgooO3T2N2Cp8ur56zMXrSMEic_5Kgoy6QV6nIf2jyvRmROPU5k6frQUS8hHw" />
    <input value="18366" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kardamom-ganz-nfp-bio-40-g-18367">
          <img alt="Kardamom 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/10626/file/small-c5dfceadde7535030556a5da38a611d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-6367b8e50e11a3b58fae9a47a8c23bac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/large-1fa2e88d1e1210a11d34e68e2ea5ffd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-6367b8e50e11a3b58fae9a47a8c23bac.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/kardamom-ganz-nfp-bio-40-g-18367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom ganz NFP Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sDipTFKwiJmA2iCORsKpUkmJlR6ewgL3yaIQlBsaiXOoK18wwT0M1tMk8YOHw8Qnm-nXkNIs0mp1lmjjgZ5PwA" />
    <input value="18367" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kardamom-gemahlen-bio-30-g-18368">
          <img alt="Kardamom 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/9900/file/small-b9aaf915c11edd6d25379ddbeb8c606a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9900/file/medium-5b761636b8deb08db4f3bba33fcd86ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9900/file/large-0051138d132bdc3559aa97ffde6d26a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9900/file/medium-5b761636b8deb08db4f3bba33fcd86ea.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/kardamom-gemahlen-bio-30-g-18368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom gemahlen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WZDsq7jOfad2CvrHaG2lzubHrrHdDUTV3Y05l0GgueNBgxrXK0P56CX0K8qpbMi7NKfsP5HjlEhhuUHg2yR_UA" />
    <input value="18368" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kardamom-gemahlen-nfp-bio-55-g-18369">
          <img alt="Kardamom 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/10627/file/small-6d397f8f0a4c76d1c040a8207fff9f4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-9ebe3945e73c1a86265455a789003e63.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/large-62a0d2b9614328e47a34d7db98a68801.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-9ebe3945e73c1a86265455a789003e63.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/kardamom-gemahlen-nfp-bio-55-g-18369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kardamom gemahlen NFP Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q-GC5BP8AMcSqZgErEDFdkAXBrFvjzz77EdkaQp2Lhyz8nSYgHGEiEFXSQltQagDkndEPyNh7GZQcxwekPLorw" />
    <input value="18369" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/knoblauchpulver-bio-40-g-18370">
          <img alt="Knoblauchpulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9903/file/small-0c6ddcad55d4d8977c072b8184b29f1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9903/file/medium-6ae55a565e575f7af48b245273432c87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9903/file/large-2cbf751a8030977b3a73a79addf572d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9903/file/medium-6ae55a565e575f7af48b245273432c87.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/knoblauchpulver-bio-40-g-18370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Knoblauchpulver Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dqy5NWmbXdZOMpMOlvLRjm662tHczJ-3rhS5P6usqTcWv09J-hbZmR3MQgNX87z7vNqYX5AiTyoSIMFIMShvhA" />
    <input value="18370" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/koriander-ganz-nfp-bio-40-g-18371">
          <img alt="Koriander 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/10603/file/small-bba2ade14fe6490e273bc59aef8cc855.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10603/file/medium-dc8fb41668502c2dfcced2ef8eb8b387.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10603/file/large-4ee562c1f4afe5c07a46648fb423965a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10603/file/medium-dc8fb41668502c2dfcced2ef8eb8b387.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/koriander-ganz-nfp-bio-40-g-18371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Koriander ganz NFP Bio, 40 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 13.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1q3AiupTy05p0RoRio4PIbf1kEopzu3XNX7mKLMrCuXOvjb2ed5PATovyxxLj2JUZZXSxGUgPUqJSp5fKa_MVg" />
    <input value="18371" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/koriander-gemahlen-bio-25-g-18372">
          <img alt="Koriander 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/9901/file/small-3788a4098c76492bb2c4cecc98e6aa02.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9901/file/medium-77025fb16f2326bc4222305b7a1f2a78.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9901/file/large-d0128ab5ab6ff8e51115c076e92a55ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9901/file/medium-77025fb16f2326bc4222305b7a1f2a78.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/koriander-gemahlen-bio-25-g-18372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Koriander 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-18372-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dJHDBjcjuPidD8HYx_-IvFtRYBkXyIheiTi9GEbUNWZsgjV6pK48t87xENUG_uXJiTEil1smWMM1DMVv3FDz1Q" />
    <input value="18372" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/krauter-der-provence-bio-20-g-18373">
          <img alt="Kräuter der Provence Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9902/file/small-f129d0e88e2d31d0bec0cfd1d47d009d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9902/file/medium-ba3f00d257f2f8033f3f6e308dbe2fd2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9902/file/large-0cb6ebfd0b8ea14a10ceffbac3fdf961.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9902/file/medium-ba3f00d257f2f8033f3f6e308dbe2fd2.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/krauter-der-provence-bio-20-g-18373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kräuter der Provence Bio, 20 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 24.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u6-5Y3URfXedx-MPW7pbS0BkftyVUrOgbaXyIuWDNgajvE8f5pz5OM45MgKauzY-kgQ8Utm8Yz3RkYpVfwfwtQ" />
    <input value="18373" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kummel-ganz-bio-40-g-18374">
          <img alt="Kümmel ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9904/file/small-8ef3251e0f93c2fad5f8fafd7b603b13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9904/file/medium-4c5ea14e667d5e56f932f536988120e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9904/file/large-cd0edb409ddabb9a1839808e1907a61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9904/file/medium-4c5ea14e667d5e56f932f536988120e7.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/kummel-ganz-bio-40-g-18374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kümmel ganz 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-18374-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hZjNiZTvDGZXyRZIaxKhV8WytaofR_0_OiIQQIlKcBOdizv1B2KIKQQ3x0WqE8wiF9L3JFOpLaKGFmg3E862oA" />
    <input value="18374" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kummel-gemahlen-bio-30-g-18375">
          <img alt="Kü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/9906/file/small-dd6e0518829a14a0cf4064d32467e7fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9906/file/medium-1fdd23b3d697abb72b5c8dc7a3372efb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9906/file/large-60557ed71154cff72aee1d6cf6b91811.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9906/file/medium-1fdd23b3d697abb72b5c8dc7a3372efb.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/kummel-gemahlen-bio-30-g-18375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kümmel gemahlen Bio, 30 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 16.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YH7Rcvc1DZ8mXuhWVDW6iPBbQQ0SAXafmvetdkrbTxR4bScOZLiJ0HWgOVuVNNf9IjsDg17vpgImw9UB0F-Jpw" />
    <input value="18375" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kurkuma-gemahlen-bio-42-g-18376">
          <img alt="Kurkuma 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/9905/file/small-3bf97b5800792096d5ec2ba8bc4fd2e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9905/file/medium-c509a4be3ee79e90a87ff9b9749bec7c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9905/file/large-d2bc0fb4e8a3b902fc3f3f3261989731.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9905/file/medium-c509a4be3ee79e90a87ff9b9749bec7c.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/kurkuma-gemahlen-bio-42-g-18376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kurkuma gemahlen Bio, 42 g</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 10.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6ZbwEmEUWGqmDigH4EWoJALpNkxx-VK21aE8kZktV5PxhQZu8pncJfXw-QohRMVR0Il0wj0XgitplUTmA6mRIA" />
    <input value="18376" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/kurkuma-gemahlen-nfp-bio-60-g-18377">
          <img alt="Kurkuma 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/10682/file/small-73810a54c7f931c57f4e131eba9b77a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-657a8a556c1289d3d3abf88be7ea25bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10682/file/large-6a28914c1dff1abb4909ea2dd8dcfc62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10682/file/medium-657a8a556c1289d3d3abf88be7ea25bf.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/kurkuma-gemahlen-nfp-bio-60-g-18377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kurkuma gemahlen NFP Bio, 60 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 8.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oa8UY18AjW8--av7qzjVVwIngbxINk36msCkMkrUueIhvOIfzI0JIG0HevZqObgi0EfDMgTYnWcm9NxF0FB_UQ" />
    <input value="18377" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/majoran-gerebelt-bio-8-g-18378">
          <img alt="Majoran 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/9907/file/small-a4e29a6dc48098a0c6e4bce3ef1df5a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9907/file/medium-08bb4d139a3cc375341e484e88377300.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9907/file/large-2d9482913a8c5707fdaec8eaa8a4b958.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9907/file/medium-08bb4d139a3cc375341e484e88377300.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/majoran-gerebelt-bio-8-g-18378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Majoran gerebelt Bio, 8 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 61.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DuigTp864k97bdGquZ4SpiKxCe5XG_pGHUZjNhWlfAEW-1YyDLdmACiTAKd4n3_T8NFLYBv1KtuhchtBjyG6sg" />
    <input value="18378" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/muskatblute-gemahlen-bio-30-g-18379">
          <img alt="Muskatblüte 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/10294/file/small-c5e0446a8d66318c5094468350ff4416.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-e4b20377de6703686189fb0242f5ca00.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10294/file/large-48eb35e3b74af704e0f73e8603878332.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10294/file/medium-e4b20377de6703686189fb0242f5ca00.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/muskatblute-gemahlen-bio-30-g-18379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muskatblüte gemahlen Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="goXuJK9eNODozkP-8AIaLEAW6pfmHP32Aqg3YGyndDealhhYPNOwr7swkvMxA3dZknaoGaryLWu-nE8X9iOyhA" />
    <input value="18379" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/muskatnuss-gemahlen-bio-35-g-18380">
          <img alt="Muskatnuss 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/9908/file/small-a233c3378563e7d1072598ca26ec56e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9908/file/medium-29bdb9953c1b658f4a4a6594d6adeb94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9908/file/large-bcd5956db1eb75a0d256c123ff0dba93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9908/file/medium-29bdb9953c1b658f4a4a6594d6adeb94.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/muskatnuss-gemahlen-bio-35-g-18380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muskatnuss gemahlen Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xewnx02wlxy0M7lnpufCCBn6v0AlSlFJbDKraCWW-IlF_9G73j0TU-fNaGpn5q99y5r9zmmkgdTQBtMfvxI-Og" />
    <input value="18380" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/nelken-ganz-bio-30-g-18381">
          <img alt="Nelken ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9909/file/small-414697dfdd142b66997bf8d2556b5b6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9909/file/medium-ff52a6191319a5d519a59fd81199f4fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9909/file/large-d7e66f54ce64e4fadcd3611aafa6e44b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9909/file/medium-ff52a6191319a5d519a59fd81199f4fa.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/nelken-ganz-bio-30-g-18381">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nelken ganz Bio, 30 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 17.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RrOcA32l8zrTMxIMtYpDZt-8YgfapOXw_X9TsILeIRNeoGp_7ih3dYDNwwF0iy4TDdwgiZZKNW1BSyvHGFrnoA" />
    <input value="18381" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/nelken-gemahlen-bio-35-g-18382">
          <img alt="Nelken 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/9910/file/small-79f5d953573f01a0d96b5d09c5d728d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9910/file/medium-03185558cd2415d2c2d391856b6c3c09.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9910/file/large-a2ce195302f2f27ac9e0fb70c9b3c9a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9910/file/medium-03185558cd2415d2c2d391856b6c3c09.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/nelken-gemahlen-bio-35-g-18382">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nelken gemahlen 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-18382-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TpWJ3uHbON-6WdcQRXn8hbFEzd6ihfg1z_YYMwaN4lFWhn-icla8kOmnBh2EeJHwYySPUO5rKKhzwmBEnAkk4g" />
    <input value="18382" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/oregano-gerebelt-bio-10-g-18383">
          <img alt="Oregano 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/10295/file/small-1e2bc6afe018c813f50d09f5f33c55da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-d60ebbe8fd52df25c362bd1fd7c48e81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10295/file/large-b30919bfab0b8f587d44dfe46c9b49fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10295/file/medium-d60ebbe8fd52df25c362bd1fd7c48e81.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/oregano-gerebelt-bio-10-g-18383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oregano gerebelt Bio, 10 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 49.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8ky3HZkgCiOQvhTsx4P6inwiFJ_YMG-SP6el2TCIrILqX0FhCq2ObMNAxeEGgpf_rkJWEZTevw-Dk92uqgxqMQ" />
    <input value="18383" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/paprika-edelsuss-bio-45-g-18384">
          <img alt="Paprika edelsüss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9912/file/small-f4ebf9640209f15e314532132811e2d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9912/file/medium-f643c779f62cc1e800617948224be638.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9912/file/large-2a527c238509ade75532c77699722342.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9912/file/medium-f643c779f62cc1e800617948224be638.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/paprika-edelsuss-bio-45-g-18384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika edelsüss Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Fci5JtguLvjQ2snL4-7767JD_lRQKU4JbHHtlxGv1vMRNSYCO089LC9uirujtaafKlNdx2udaWZhb_BxsJ56A" />
    <input value="18384" 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%2Flesirupierdeberne%3Fformat%3Dturbo_stream%26page%3D42">
    <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/paprika-gerauchert-bio-40-g-18385">
          <img alt="Paprika geräuchert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9913/file/small-1eb042c6c1d3910ad235f21a0c733b24.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9913/file/medium-e6742efc7be863c7e2d662160d4d5875.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9913/file/large-dd296fdfb3a6518c821d30feb299ea4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9913/file/medium-e6742efc7be863c7e2d662160d4d5875.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/paprika-gerauchert-bio-40-g-18385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika geräuchert Bio, 40 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 16.00 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>