<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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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-scharf-bio-35-g-18386">
          <img alt="Paprika scharf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9690/file/small-acb596dcd4f68a806fb5e130c27eb3f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9690/file/medium-50d93d50f7b16931d1200d35dab5cb20.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9690/file/large-36136c49f62b4707adeb60fb9d947601.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9690/file/medium-50d93d50f7b16931d1200d35dab5cb20.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-scharf-bio-35-g-18386">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Paprika scharf 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-18386-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="StURXwDMnYX0QN8XsLpKSfirglklHxM2XFzIx5j1PHK5drFv_Qdnx4cAi-PNlAqCEdJuzjYKyjbsJVMFuRzkng" />
    <input value="18386" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/pastaroma-bio-50-g-18387">
          <img alt="Pastaroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10297/file/small-f4fcca233058c8bc4833c637cf1fbfef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10297/file/medium-189ecb770eeefd58f5eb05856b24a4d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10297/file/large-ac6fcfcc297a1922c9d0bce4635f4504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10297/file/medium-189ecb770eeefd58f5eb05856b24a4d9.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/pastaroma-bio-50-g-18387">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pastaroma Bio, 50 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 11.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sox9qiU4uEMFbk18BvZqAwW5kg97oRwlX0iShWA9jSdBL92a2PNCAXYuGYh72CrI7MB-mGi0xSXvMQlHQdRVyw" />
    <input value="18387" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/persische-mischung-bio-60-g-18388">
          <img alt="Persische Mischung Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9914/file/small-8871947909ee0734b103163dc8afdd56.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9914/file/medium-8625793b43560989193c2c4174845a44.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9914/file/large-b348f55a8eb5017ac2bcda8bc412fee0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9914/file/medium-8625793b43560989193c2c4174845a44.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/persische-mischung-bio-60-g-18388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Persische Mischung Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSytTLTXorJiW2aMzazhT7pmF5s7T_GzF7SgyLKD-yNOjw18SRxY8BEbMniwgqGEUx_7DChaKLOnzTsKk2ojzw" />
    <input value="18388" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/petersilie-gerebelt-bio-10-g-18389">
          <img alt="Petersilie 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/10298/file/small-d84965fee6ea172743b3fef9323ef630.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10298/file/medium-b0897819c005d7392db22171465310dc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10298/file/large-032255a1fea76e05f5734766dd8e6098.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10298/file/medium-b0897819c005d7392db22171465310dc.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/petersilie-gerebelt-bio-10-g-18389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petersilie gerebelt Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="defArKPI6JflT_jw_AuqgDp0kxu9TXUDXmEff2qiMYOGRGCcXgMS1ZYPrASBJepL0w1_jK5YrAPuGIS9S0vpbw" />
    <input value="18389" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/pfeffer-schwarz-ganz-nfp-bio-70-g-18390">
          <img alt="Pfeffer schwarz 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/10628/file/small-8c22e67b2fc9f6237b0abf8cfd9a0a72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10628/file/medium-caf025df1192dafebbd2af765d6e9c1c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10628/file/large-a9ae5195af7dae1e78542e02e1580203.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10628/file/medium-caf025df1192dafebbd2af765d6e9c1c.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/pfeffer-schwarz-ganz-nfp-bio-70-g-18390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pfeffer schwarz ganz NFP Bio, 70 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 9.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sRqkIjix4X5nCxFYVl1wEC4b-Z7Y2I-UWVpWolKaFWRCuQQSxXobPBRLRawrczDbx2IVCcvNVpTpI81gc3PNiA" />
    <input value="18390" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/pizza-krauter-bio-45-g-18391">
          <img alt="Pizza Kräuter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9915/file/small-a46b1f978471bb61b510892c91f565a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9915/file/medium-373a117dfabcc2319ea49d37d83fcb11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9915/file/large-5cf18a536148cf36b9952644724b44a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9915/file/medium-373a117dfabcc2319ea49d37d83fcb11.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/pizza-krauter-bio-45-g-18391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pizza Kräuter Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D4ghukVwg35EYcoQYMHR4xgn6--CdUTVc02kcIiSDSL8K4GKuLt5PDchnuQd75Eo8V4HeJFgndXDND-yqXvVzg" />
    <input value="18391" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/pommes-frites-gewurzsalz-bio-60-g-18392">
          <img alt="Pommes Frites Gewürzsalz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9916/file/small-65f3017f04e2ba284ae6515db162ece2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9916/file/medium-e23391342c36fa9757993a8e74a31d8d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9916/file/large-2b4f91ba56dea017010c81c45e68524b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9916/file/medium-e23391342c36fa9757993a8e74a31d8d.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/pommes-frites-gewurzsalz-bio-60-g-18392">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pommes Frites Gewürzsalz Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sw41kFe7h-44sAvQ5F3mYay6vuM7IekaKfxjH7db5Ce4rZWgqnB9rEvwXySZc6aqRcNSdCg0MBqZhfjdlrI8yw" />
    <input value="18392" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/ras-el-hanout-gewurz-bio-55-g-18393">
          <img alt="Ras el Hanout 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/9917/file/small-67a4a25154fdcd22de27dac8f538c8e9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9917/file/medium-ea44c20bcad62a0749761a239bcd899d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9917/file/large-a9e974b45219571ac9420c7fe74d39f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9917/file/medium-ea44c20bcad62a0749761a239bcd899d.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/ras-el-hanout-gewurz-bio-55-g-18393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ras el Hanout Gewürz Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cmWDvAmU29l_tQwt5g4W4uJmurAkb42QWu0jUcjtKEqBxiOM9F8hmwz1WNmbIFYpCx9WJzd6VJDqlLiT6QTwpg" />
    <input value="18393" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/rosmarin-geschnitten-bio-20-g-18394">
          <img alt="Rosmarin geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9694/file/small-f06c78bd0e230ae931036764da1476a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9694/file/medium-d41f612b2add199d4d95a374b72e14ec.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9694/file/large-b557a99317f270038264b6fd0b4bcf2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9694/file/medium-d41f612b2add199d4d95a374b72e14ec.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/rosmarin-geschnitten-bio-20-g-18394">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosmarin geschnitten Bio, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ikaNbB-BM-PQh6eCWQrviv0oTK9jKD5yfSTwq6_fdVt55S1c4krJoaPH83YkJK9BFFGgOHA953LNXWtpjjattw" />
    <input value="18394" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/salatkrauter-grob-gemahlen-25-g-18395">
          <img alt="Salatkräuter grob gemahlen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10299/file/small-0461f548a21cd353bfd4be6bd51537f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10299/file/medium-d3f2765a7f70809d3029c548c8389e9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10299/file/large-8eea555b3b367f7e33987e841c56b4be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10299/file/medium-d3f2765a7f70809d3029c548c8389e9e.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/salatkrauter-grob-gemahlen-25-g-18395">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salatkräuter grob gemahlen, 25 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 20.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XBrj6rTW3R772KYHHDPcYsb8MF5yYM93kC9DOXjiLxKvuUPaSR0nXIiY8vNhHZypL4XcyWF1FncgVtj7WQv3_g" />
    <input value="18395" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/schwarzkummel-ganz-bio-40-g-18396">
          <img alt="Schwarzkü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/9695/file/small-1ed9e8c010337d4687c743b98d769c6e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9695/file/medium-87db61392f018386321f74bc4a2e8640.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9695/file/large-043eea113f71b5c10266823038a7b0f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9695/file/medium-87db61392f018386321f74bc4a2e8640.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/schwarzkummel-ganz-bio-40-g-18396">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schwarzkümmel ganz 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-18396-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7EAKfJ7U8WJiDNWlB_QBzsOCPcOY2tMRfO8HTqXY0jwf46pMYx8LIBFMgVF62kEFKvvRVIvPChHMlpyMhDEK0A" />
    <input value="18396" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/sternanis-gemahlen-bio-25-g-18397">
          <img alt="Sternanis 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/10300/file/small-6eaf0736c61963b8a5889434cd231f43.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10300/file/medium-57ab8a0781ffb4d9b4545c9c6a1013c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10300/file/large-bd6eaea042568e439968c7c807209312.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10300/file/medium-57ab8a0781ffb4d9b4545c9c6a1013c9.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/sternanis-gemahlen-bio-25-g-18397">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sternanis gemahlen Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nF4YF_XvwzZCYeOn7CJVjbZ3O-zrzVKY625FbL6AxX5v_bgnCCQ5dDEht1ORDBVGXw7Xe_jYi5hbF96un2kdkg" />
    <input value="18397" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/thymian-gerebelt-bio-20-g-18398">
          <img alt="Thymian 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/10723/file/small-7894c7b02e01c4b41f8195a7ed229394.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10723/file/medium-528c36a435c27eb6e1eabb5c3fad6de9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10723/file/large-8f4f3c179a406e48330d98ff52c81915.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10723/file/medium-528c36a435c27eb6e1eabb5c3fad6de9.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/thymian-gerebelt-bio-20-g-18398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thymian gerebelt Bio, 20 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 27.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CcrL0UQ4EtZvcr3pULQvFNZk6DEVRUPEtLtQeYUNqdn6aWvhufPolBwy6R0tmm_fPx0EpgZQmsQEwsu7pORxNQ" />
    <input value="18398" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/wacholderbeeren-ganz-nfp-bio-35-g-18399">
          <img alt="Wacholderbeeren 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/10776/file/small-39a43efe5cb88e0b72e996d5c543b464.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10776/file/medium-37d9a13a03e9ff5d2d84d30e920e23f7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10776/file/large-b82d2f63832b6797f6029519b112bb98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10776/file/medium-37d9a13a03e9ff5d2d84d30e920e23f7.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/wacholderbeeren-ganz-nfp-bio-35-g-18399">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wacholderbeeren ganz NFP Bio, 35 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 15.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lSpaxGrvlY73QJcRgkcaCinRBDY_AFYRyR_gkC7ByZtmifr0lyRvzIQAw-X_aVrBwKjooSwVjxF5ZntSDygRdw" />
    <input value="18399" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/zimt-cassia-gemahlen-bio-35-g-18400">
          <img alt="Zimt Cassia 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/9693/file/small-dcb14cb0c6f3d3b684e84ea5ffbda1f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9693/file/medium-54e02c225e65dde2721f598c82a1b0c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9693/file/large-cf1dbaaa787afa38b218c4ad225c6999.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9693/file/medium-54e02c225e65dde2721f598c82a1b0c8.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/zimt-cassia-gemahlen-bio-35-g-18400">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Cassia 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-18400-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jaZhk32KVVRsUoY5Sm5SVuiC55DDqbmJD6-kjFcdqBd-BcGjgEGvFh8S0s03QBKdAfsLB9C8YIm_1j9OdvRw-w" />
    <input value="18400" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/zimt-ceylon-gemahlen-bio-27-g-18401">
          <img alt="Zimt Ceylon 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/9692/file/small-127a8fd185d2262d1d495c1bc09d3f9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9692/file/medium-4ec6264b58fd707d17d9d3d7dda2e9e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9692/file/large-259ba72c5bf46ed490884bf18e8fb4df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9692/file/medium-4ec6264b58fd707d17d9d3d7dda2e9e7.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/zimt-ceylon-gemahlen-bio-27-g-18401">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen Bio, 27 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 19.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PuA1zs4aGMjqWZYtkyxL-n60Ym7p3Aei7DJYY8grQrPNQ5X-M9HiipkZwtnuAgsxl82O-frJ3qJcS8Oh6cKaXw" />
    <input value="18401" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/zimt-ceylon-gemahlen-nfp-bio-45-g-18402">
          <img alt="Zimt Ceylon 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/10629/file/small-f73c066f264c349b3f6d35b0da093b48.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10629/file/medium-77ec56f3ce37517dbb3643a99ceb68c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10629/file/large-d46155315c592485efa97e1e182aa72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10629/file/medium-77ec56f3ce37517dbb3643a99ceb68c8.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/zimt-ceylon-gemahlen-nfp-bio-45-g-18402">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Ceylon gemahlen NFP Bio, 45 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 13.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="avOeBQKhV1V9gIwsZEcfMw0a7rGMW7vcK0ybZWLo7nyZUD41_2qtFw7A2NgZaV_45GMCJp9OYtybNQCnQwE2kA" />
    <input value="18402" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/zimt-stangen-bio-5-stuck-18403">
          <img alt="Zimt Stangen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/small-b747c28faa54fbc61922ba49ac4a762d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-bc5030f55421054fed5eea6d633d607e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10301/file/large-e24af9a1d5b0de1390fd7872a40d9ee7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10301/file/medium-bc5030f55421054fed5eea6d633d607e.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/zimt-stangen-bio-5-stuck-18403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zimt Stangen Bio, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kVvGpH_k_wpx6PjUyQU8XOmf33zY2mjKonzslv1RtYZi-GaUgi8FSAKorCC0K3yXAOYz68vPscoSBXdU3Lhtag" />
    <input value="18403" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/zitronenpfeffer-grob-gemahlen-bio-40-g-18404">
          <img alt="Zitronenpfeffer 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/9691/file/small-baf2dd44bb45ff83e57b6ae7b8c27af3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9691/file/medium-d4f9a5857116fa7170484c99cf859cdd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9691/file/large-d94affd107617596fbc6857e1ad3a994.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9691/file/medium-d4f9a5857116fa7170484c99cf859cdd.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/zitronenpfeffer-grob-gemahlen-bio-40-g-18404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronenpfeffer grob gemahlen Bio, 40 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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8a5TdKVTo8WI_g35CsHPWHkLjTapurQ0JYvVO2E9eq0CDfNEWJhZh_u-WQ1374-TkHJhobqvbTSV8k75QNSiQQ" />
    <input value="18404" 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%2Flogona%3Fformat%3Dturbo_stream%26page%3D43">
    <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/biotics-g-sachets-30-stuck-18405">
          <img alt="Biotics G Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10081/file/small-3765518d3feb3ae47dcc9e7be2d16a13.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10081/file/medium-7ea2e17f2c6a93a2468b5d42031dec8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10081/file/large-fecc7e60233fa6327e7688cc564a048d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10081/file/medium-7ea2e17f2c6a93a2468b5d42031dec8b.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">Burgerstein</p>
          <a href="/fr/products/biotics-g-sachets-30-stuck-18405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biotics G Sachets, 30 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mrqdGZyPf9cOYldfsr_oY5n-NW_JjyCkTYg167R0qEFpGT0pYUSFlX0iA6vPkaiocIfZ-Nqa-aT98a4plZ1wrQ" />
    <input value="18405" 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">
      860 sur 3&#39;030 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/logona?format=turbo_stream&amp;page=44">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>