<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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/soyananda-nature-alternative-vegan-de-yoghurt-bio-1-kg-8359">
          <img alt="Soyananda nature Alternative vegan de yoghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4922/file/small-270747a3c5815f05f457e662cc64c1f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4922/file/medium-097e2d5b88aff75a92ed6ac842d301e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4922/file/large-b607df5ece93000bf265cb55d2aed486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4922/file/medium-097e2d5b88aff75a92ed6ac842d301e8.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">Soyana</p>
          <a href="/fr/products/soyananda-nature-alternative-vegan-de-yoghurt-bio-1-kg-8359">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyananda nature Alternative vegan de yoghurt Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z6YMSPAhihOpXCO81PrG8ZYGIdIAox6eddtXHXrO-0nUfixWxVwfOBJeA3KAv3xm8OM-m6rtDAmBkF16R_EsSw" />
    <input value="8359" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/42-g-ac0d0ca3-b87c-4b9d-9edb-bccfda743b46-18582">
          <img alt="Levure fraîche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11193/file/small-8e5b3fe3d3f29c32709ef18b960c50d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11193/file/medium-86ff2bb5b940adc8e7d8319b56bf474c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11193/file/large-6dc94f5232c6ae8528dc208ea19beb81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11193/file/medium-86ff2bb5b940adc8e7d8319b56bf474c.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">Bioreal</p>
          <a href="/fr/products/42-g-ac0d0ca3-b87c-4b9d-9edb-bccfda743b46-18582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Levure fraîche Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.10
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5wrH24xgSb28wN5wRzy6Xbsa3bS_Rfnw_QbkpdJ3BC9U0ufFuR3clgfC_r4TeQDK3f_C_RUL62cJTe7C70jTLQ" />
    <input value="18582" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/greek-taste-a-base-de-soja-bio-150-g-20256">
          <img alt="Greek Taste à base de soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11429/file/small-29ba3117275af2c0adeac97f074bdc8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11429/file/medium-a63853fa0ce3318f68a23667f20fe3ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/11429/file/large-972bff1b832e5f97c61c32d49099b4e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11429/file/medium-a63853fa0ce3318f68a23667f20fe3ae.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">Züger</p>
          <a href="/fr/products/greek-taste-a-base-de-soja-bio-150-g-20256">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Greek Taste à base de soja Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YpQOs7e9R3WF5RSKb57XJshh0aw7EbjMOQIzkonHJWzRTC6tgsDSXj7nNEQ7222xroTO5ZFfqlvNSTn1tPjybg" />
    <input value="20256" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/broccoli-bites-brocoli-en-panure-epicee-bio-180-g-17775">
          <img alt="Broccoli Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8721/file/small-41650ef52e55c95096efe7ee887fbccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8721/file/large-27ea92b2d215fe27e42984663851e79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.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">Wild Foods</p>
          <a href="/fr/products/broccoli-bites-brocoli-en-panure-epicee-bio-180-g-17775">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Broccoli Bites Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6dgWPgpMj-keDOkujc-13OpTNjWsKRyKxiwPiJmopAFaADYgPzEawqUOyeDZig9LjLYpfAZnDh0yZwXvpJdzAw" />
    <input value="17775" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/new-roots-ail-fines-herbes-extra-creamy-bio-140-g-5135">
          <img alt="New Roots Ail &amp; Fines Herbes Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3022/file/small-752d8812fb96e507e11b4955d8bb1a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3022/file/medium-a372906159ab340bf0c59f11b31c61cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3022/file/large-fc88bc903a4d451661be18ef7cc2f877.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3022/file/medium-a372906159ab340bf0c59f11b31c61cf.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">New Roots</p>
          <a href="/fr/products/new-roots-ail-fines-herbes-extra-creamy-bio-140-g-5135">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Ail &amp; Fines Herbes Extra Creamy Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u3TPLxTW8swOggefDCYVzMn-S8bgELsg1KAXeFIsnioIrO8xIatn57WAJ1FYY69brxtUj0peqbcg6x0fbxNJKA" />
    <input value="5135" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/lupin-filets-bio-100-g-291">
          <img alt="Lupin Filets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/263/file/small-00fb88970bcf78f058741f4ad95e91b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/263/file/large-902176a7403fb66823c98d4084db7a77.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/263/file/medium-2a2c1ef14841d15c4de3eb26de4f6bb3.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">Alberts</p>
          <a href="/fr/products/lupin-filets-bio-100-g-291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lupin Filets Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QUAWx_EvJAbx2BGXR72l0UMGyFSGuh02Hvnur5uGmVHymDbZxFKxLUraMVkT-B9GJePXHSz0D6HqsuTIprlOUw" />
    <input value="291" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/new-roots-stracciatella-alternative-vegetalien-au-yaourt-bio-140-g-10590">
          <img alt="New Roots STRACCIATELLA Alternative Végétalien au yaourt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5584/file/small-3a6ac97322915542da135c47439c94c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5584/file/medium-3afd121cf8a34f26ccd5c2b81117887c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5584/file/large-379cf0d18ee74b7cab7b241814bc986f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5584/file/medium-3afd121cf8a34f26ccd5c2b81117887c.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">New Roots</p>
          <a href="/fr/products/new-roots-stracciatella-alternative-vegetalien-au-yaourt-bio-140-g-10590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots STRACCIATELLA Alternative Végétalien au yaourt Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e-vsZelovf2RFEdg7yrXq87jx_3B-13tBe65BVX9aivIM8x73BUo1ioWZ667b208qAbYtGu1T3rxpbNiaMK9KQ" />
    <input value="10590" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/new-roots-le-ciboulette-extra-cremeuse-bio-115-g-15138">
          <img alt="New Roots Le Ciboulette Extra Crémeuse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6937/file/small-6dfb9a44aade8d6223b5bbd0f00bd1dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6937/file/large-ef98308e5c18fdfebbbeed57ae74dbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.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">New Roots</p>
          <a href="/fr/products/new-roots-le-ciboulette-extra-cremeuse-bio-115-g-15138">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots Le Ciboulette Extra Crémeuse Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0CnalWbqRR1Tn_WBSfFAPg32fydbVLcdK8O1wfOj9iFj8fqLU5fQNuid1U8dtPqpaxNgbvEapYrfiL-mzpwhIw" />
    <input value="15138" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-nature-bio-200-g-708fbef3-b4aa-4c5b-9705-9a006f21d94f-15935">
          <img alt="Tofu nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7329/file/small-8651a28eb2b90d446453a7069aa9b594.webp 600w, https://assets.fabulous.ch/public/variant_asset/7329/file/medium-75312d11d24e6b3d0f69f30696bca167.webp 900w, https://assets.fabulous.ch/public/variant_asset/7329/file/large-7953de4eb2c7091d8369ce3c9d3e6cbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7329/file/medium-75312d11d24e6b3d0f69f30696bca167.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">Engel-Tofu</p>
          <a href="/fr/products/tofu-nature-bio-200-g-708fbef3-b4aa-4c5b-9705-9a006f21d94f-15935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NICSEdgDvnoShCFt5TaLFktEXUPrhPi76Cc2W1y2tnOHWLIP7X4rUamGAaOxczGBLaFCCkHK6iwcbDw8YYlhcQ" />
    <input value="15935" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-fume-bio-140-g-108">
          <img alt="Tofu fumé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/118/file/small-08059504fa3d36efd22cddda3033305e.webp 600w, https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/118/file/large-ba5f160d0cba188260069f041306e72d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/118/file/medium-68e2192ede5e8efba6310d7cb62f28d2.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">Engel-Tofu</p>
          <a href="/fr/products/tofu-fume-bio-140-g-108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu fumé Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2N-1wiNAkqw7qc4PNIVNZdvAcuVyX4IROHCt70Fy0f5rB5XcFj0Hh4Cr7sFgwPfyvSVtrNgRkIbMO6eIfE0G_A" />
    <input value="108" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/lupi-herbes-ail-bio-170-g-15406">
          <img alt="LUPI – Herbes &amp; Ail Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7041/file/small-545500dd2be89c7212a935fd0e47665c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.webp 900w, https://assets.fabulous.ch/public/variant_asset/7041/file/large-9d8fc9097a29dd415df7784550db6ac7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.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">Yellow Sunshine</p>
          <a href="/fr/products/lupi-herbes-ail-bio-170-g-15406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LUPI – Herbes &amp; Ail Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-W2caBl2zuEnF2akPNvRvCzf2w9hyIBbhmrqAi2cFyBKtbx2LAtbypwVRmponmsrSjrERsuGksxyIeBlEKPAIg" />
    <input value="15406" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/tofu-nature-suisse-bio-250-g-16642">
          <img alt="Tofu Nature Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7701/file/small-b0401c085ac50fb272564cafa40d575d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7701/file/medium-ea07c0338de109aefd3a0584455ff324.webp 900w, https://assets.fabulous.ch/public/variant_asset/7701/file/large-42975b80df6b7edc54984b653e3d3282.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7701/file/medium-ea07c0338de109aefd3a0584455ff324.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">Futur</p>
          <a href="/fr/products/tofu-nature-suisse-bio-250-g-16642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Nature Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7fN-ueFCu8YQdslPlMF6Vl-MrXoR0qvLShr_OWtlZpNeK16n1D8u7at06YHAhMDBOWmyM7ucuVy-UfVeVlqxkQ" />
    <input value="16642" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/tempeh-au-soja-fume-pasteurise-bio-150-g-17378">
          <img alt="Tempeh au soja fumé pasteurisé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8105/file/small-da209042bcec063e44ef4bbb0503fada.webp 600w, https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8105/file/large-bfc84ea56129ede8a8550a3dc4fe8cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-fume-pasteurise-bio-150-g-17378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh au soja fumé pasteurisé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GJ2vpIct9F3v8tZnwkR5UZcvgqg3MWqvVqp48JC9IzurRY-6slBhdlTw9qmWAcPG8cqd4Z1_eDii4XKXrYL0OQ" />
    <input value="17378" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/veggi-filata-nature-tranches-bio-150-g-13575">
          <img alt="Veggi Filata Nature tranches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6553/file/small-fc5a129c6e670f6f0783fb7270ddbc85.webp 600w, https://assets.fabulous.ch/public/variant_asset/6553/file/medium-e94db5100ea1c05774d5523e0c828b95.webp 900w, https://assets.fabulous.ch/public/variant_asset/6553/file/large-19ad4a42833e9ac07687a82f8d2b6c71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6553/file/medium-e94db5100ea1c05774d5523e0c828b95.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">Veggi filata</p>
          <a href="/fr/products/veggi-filata-nature-tranches-bio-150-g-13575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Veggi Filata Nature tranches Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RewXO1DfE6GeR8MoK8EDf32sp4rftftxjeRk0ORzVXX2NDclZaKGiiVF4-Z_hLnoG0m4w3X76eZ5r2632UyCdw" />
    <input value="13575" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/alternative-vegetalienne-a-la-creme-et-au-fromage-grille-nature-bio-200-g-11767">
          <img alt="Alternative Végétalienne à la Crème et au Fromage grillé Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6011/file/small-528e6f03457f4074ba66b3de5b58a85b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6011/file/medium-6007ae2a91e313ad8c4903970827410f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6011/file/large-a5dd70322835ad0a1d5d2a1ce76161f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6011/file/medium-6007ae2a91e313ad8c4903970827410f.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">Soyana</p>
          <a href="/fr/products/alternative-vegetalienne-a-la-creme-et-au-fromage-grille-nature-bio-200-g-11767">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative Végétalienne à la Crème et au Fromage grillé Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="53kSZZf82iRZhvgtc0UltYEC7HQDD7YA_59TgyJvm_VUoTJ7ooFPD-KE2OMnAJ8i5-fzPalBpJcL1FnkH1BM9w" />
    <input value="11767" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/filona-creme-fraiche-nature-bio-150-g-15103">
          <img alt="Filona crème fraîche nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6925/file/small-220e1d088572541a9138f2db62cd4853.webp 600w, https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.webp 900w, https://assets.fabulous.ch/public/variant_asset/6925/file/large-a92826f494d80db71f26f28f3bfa99d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.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">Züger</p>
          <a href="/fr/products/filona-creme-fraiche-nature-bio-150-g-15103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Filona crème fraîche nature Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FwHPR435N2uPOyVR-vY5afzG7_9u18nHOoiqBPbRk1Sk2e9ZuISiQDQ5BZ-us4P-miPwtsSZ21DOw6Bjy-5EVg" />
    <input value="15103" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
          <img alt="Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8089/file/small-6b2a66175e8a98275849e4702933c975.webp 600w, https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8089/file/large-d6ccaf54b5801e3b71f13b1e10768a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.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">Soyana</p>
          <a href="/fr/products/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="23Z8EzqbdNwy6JNKlPK1_q9_F20nhHyhKCSO6NLHtHxorlwND-bh94nqs4TAtw9pyZoIJI3Kbjbcb4SP7_hjfg" />
    <input value="17331" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/tofu-aux-legumes-suisse-bio-250-g-17390">
          <img alt="Tofu aux légumes Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8112/file/small-3ef3f74981fec2155cb8e47483264549.webp 600w, https://assets.fabulous.ch/public/variant_asset/8112/file/medium-3c94fbc61a6e95b8265f2c11bc61becc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8112/file/large-fc6afb473ad38418a890f26fa6e6e24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8112/file/medium-3c94fbc61a6e95b8265f2c11bc61becc.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">Futur</p>
          <a href="/fr/products/tofu-aux-legumes-suisse-bio-250-g-17390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu aux légumes Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gwmqurWRgJpidOw37yKLf0nj5MgaiQWf3bvfQFTHTtww0YqkgOwVsdl2zPm7ZzHoLwb7gbDHFwgp8NUnafiZ3g" />
    <input value="17390" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/tofu-marine-suisse-bio-250-g-17389">
          <img alt="Tofu mariné Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8111/file/small-af69e07baa7d4513b6eeb874cda506f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.webp 900w, https://assets.fabulous.ch/public/variant_asset/8111/file/large-3564ec085fb8618da95bc92a70448cfe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8111/file/medium-fa09592d2dca655a3c7f37e290fd8761.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">Futur</p>
          <a href="/fr/products/tofu-marine-suisse-bio-250-g-17389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu mariné Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LsjDPdH27qQlXjoiGEg6JUOsQWoG9X2TTwwOcrFDEmmdEOMj5It7j55cGuxMDYCyJUleI6y7bwS7RwQVjHzFaw" />
    <input value="17389" 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%2Fbergland%3Fformat%3Dturbo_stream%26page%3D5">
    <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/alternative-vegan-a-l-oeuf-a-l-omelette-bio-200-g-7f59c302-849e-4646-9601-0a77bc524141-6950">
          <img alt="Alternative Vegan à l&#39;oeuf &amp; à l&#39;omelette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4019/file/small-b39f72ef55fdec28906cae5d39216a1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4019/file/large-403bbf30942d50ea0e88c8958afd58b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.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">Soyana</p>
          <a href="/fr/products/alternative-vegan-a-l-oeuf-a-l-omelette-bio-200-g-7f59c302-849e-4646-9601-0a77bc524141-6950">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative Vegan à l&#39;oeuf &amp; à l&#39;omelette Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.60 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>