<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/k-philus-yaourt-au-soja-et-aux-dattes-bio-125-g-14882">
          <img alt="K.Philus Yaourt au soja et aux dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6816/file/small-ec7d63f6e0fe177e20987f62e6089578.webp 600w, https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6816/file/large-48b49868a349e2775fc1066971f60767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.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">K.Philus Bio</p>
          <a href="/fr/products/k-philus-yaourt-au-soja-et-aux-dattes-bio-125-g-14882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">K.Philus Yaourt au soja et aux dattes Bio, 2 x 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </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.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VyvHAaeLdS2FzXQoaqNj9TYS-Kq1DyQr95_L3LYZO2PwZYKV5IDppHTmZFGE7DsPU6fOuAPReMPWeiw1EFI9gg" />
    <input value="14882" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/completeorganics-daikon-kimchi-bio-220-g-10934">
          <img alt="completeorganics DAIKON KIMCHI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5646/file/small-008f7604d23209d0005a3962d6d61a9e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5646/file/medium-0dfbe09aeb7f9118d7b29dab529f7f61.webp 900w, https://assets.fabulous.ch/public/variant_asset/5646/file/large-a54c51f3c8a45aa4792e878c9c9cb674.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5646/file/medium-0dfbe09aeb7f9118d7b29dab529f7f61.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">completeorganics</p>
          <a href="/fr/products/completeorganics-daikon-kimchi-bio-220-g-10934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics DAIKON KIMCHI Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 4.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RhP2ZKyHJh0Yvg8RN00JJ8fFWxMBQG2OXt0_nyMGRjvhXbPw74y6lOmVH2jZAlHdonBtAbeeMWZ_ONh2hU1A2g" />
    <input value="10934" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sir-ail-sauce-315-ml-15416">
          <img alt="Sir Ail Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7043/file/small-12c36c2ffb56841875b1ba5301b03074.webp 600w, https://assets.fabulous.ch/public/variant_asset/7043/file/medium-a0c61d545d3f2fa07c72d204a3e34db7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7043/file/large-74b8cf4f8340323bb2c443904e6e774d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7043/file/medium-a0c61d545d3f2fa07c72d204a3e34db7.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">BUFIS</p>
          <a href="/fr/products/sir-ail-sauce-315-ml-15416">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sir Ail Sauce, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1oms-sd1w19KtrF60-HD-rceIpna8KGlZ0Rqt8BaIZNxx-luhH5f1rudoQM9rpsA0qsUi2wu_U1GoY1eZhEncg" />
    <input value="15416" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lady-cocktail-sauce-315-ml-15417">
          <img alt="Lady Cocktail Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7045/file/small-5e15340e97c09c0404e538b281e6db2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7045/file/medium-7ebe4cc03dc19a1426f46ee55a828b01.webp 900w, https://assets.fabulous.ch/public/variant_asset/7045/file/large-f0cc942222ae7bbfcdd11f20c1e6f77e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7045/file/medium-7ebe4cc03dc19a1426f46ee55a828b01.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">BUFIS</p>
          <a href="/fr/products/lady-cocktail-sauce-315-ml-15417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lady Cocktail Sauce, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oq2SLrf_WFNO8RhQg8e4NTyzHiSqYnyH3OyaTAyvEPyd49e69PTE2r_aCCltiODPWQYoNhy8IG_9CX2lquQWHQ" />
    <input value="15417" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/master-tartar-sauce-315-ml-15418">
          <img alt="Master Tartar Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7046/file/small-863d2dcad6bd8520cb6347136c11a08c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7046/file/medium-922c000c949224f8f8cc584b85f05a83.webp 900w, https://assets.fabulous.ch/public/variant_asset/7046/file/large-cafd670d32e84dfdbfca33e2503cd0f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7046/file/medium-922c000c949224f8f8cc584b85f05a83.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">BUFIS</p>
          <a href="/fr/products/master-tartar-sauce-315-ml-15418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Master Tartar Sauce, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TvL-nXdWvBpRAaY5ULukmV6s_f8VsjWX8hXCUgC_cSrpvLsJNF0gk6AqtkC-9PxjOxnL7aNsaX_T8CW7pvR3yw" />
    <input value="15418" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/prince-curry-sauce-315-ml-15419">
          <img alt="Prince Curry Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7048/file/small-2551bb752b1964f4eb87dde96f067509.webp 600w, https://assets.fabulous.ch/public/variant_asset/7048/file/medium-765e23eaa624c94788632e781f868838.webp 900w, https://assets.fabulous.ch/public/variant_asset/7048/file/large-47223453ba41a1c6c061155cd4244b8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7048/file/medium-765e23eaa624c94788632e781f868838.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">BUFIS</p>
          <a href="/fr/products/prince-curry-sauce-315-ml-15419">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Prince Curry Sauce, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dT7GBiX8sxjpxEECBym4a8bsZb8fMxfVAJXGFKZ0EcjScIOSZvcvkRjvUXvpZuCRo1lTrantSz0hcCH9AD8XKQ" />
    <input value="15419" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/miss-chili-sauce-315-ml-15420">
          <img alt="Miss Chili Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7049/file/small-ad4572fb2ea69546ca904c4c68af8185.webp 600w, https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7049/file/large-18cfc08d78ff829bfda4197259b10dbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7049/file/medium-042211cc3b8374708edca6c1c0c528a2.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">BUFIS</p>
          <a href="/fr/products/miss-chili-sauce-315-ml-15420">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miss Chili Sauce, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="INYIHVp4Qi7u6JxxtPa8lMRnmBRosrmX7DOLYx0xxQ6HmE2JGXPepx_DjAhaueRuodKuBt5s5X_N1myKu3rD7w" />
    <input value="15420" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sheriff-grill-sauce-315-ml-15421">
          <img alt="Sheriff Grill Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7050/file/small-458108b40a4ea23d5fa57791b95ead26.webp 600w, https://assets.fabulous.ch/public/variant_asset/7050/file/medium-7f166b8d64032e1dd2bc6f3171ee4ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7050/file/large-b9cad9b3f3534034e1941d91881f9d95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7050/file/medium-7f166b8d64032e1dd2bc6f3171ee4ad8.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">BUFIS</p>
          <a href="/fr/products/sheriff-grill-sauce-315-ml-15421">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sheriff Grill Sauce, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kahJracDmmiif44mKMxtQEwrAo7ylUb1ewmqLTXRUtE25gw55AgG4VNUnl_GgzW6KZ40nERLGh1a7E3Ek5pUMA" />
    <input value="15421" 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">
    <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/grill-set-barbecue-dips-110-g-15422">
          <img alt="Grill Set Barbecue Dips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7051/file/small-6651f58ae2d3658b1c35fc5490372526.webp 600w, https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7051/file/large-1e642e396b9d93e59a68f8129f90adae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.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">BUFIS</p>
          <a href="/fr/products/grill-set-barbecue-dips-110-g-15422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill Set Barbecue Dips, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </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 12.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x0JAeOcIYGLOS4yH3DcfQaAhVR1FeejcphQqpISXO9xgDAXspAP86z9gnP4yeEe7xZRjD_OntDSH8c1NItw9PQ" />
    <input value="15422" 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">
    <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/sauce-king-spicy-315-ml-17181">
          <img alt="Sauce King Spicy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8008/file/small-149d8a847f06099cf8f5e35d257ce266.webp 600w, https://assets.fabulous.ch/public/variant_asset/8008/file/medium-e60a40b9fad02362696672864467d089.webp 900w, https://assets.fabulous.ch/public/variant_asset/8008/file/large-d648f1b3ea6ea92e3564f31e7513f98c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8008/file/medium-e60a40b9fad02362696672864467d089.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">BUFIS</p>
          <a href="/fr/products/sauce-king-spicy-315-ml-17181">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce King Spicy, 315 ml</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 nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gEzB9KpDNCgemx9-INN9FDA6GY8NLmAEjOCE-Mk5u2InAoRg6Uiooe-wDwfOnCXuVY8vnbvwPOytBWMRb3K9gw" />
    <input value="17181" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/soja-sauce-tamari-strong-bio-1-l-15171">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6950/file/small-c4bf4fbff5a11d45f6250162ec04c766.webp 600w, https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.webp 900w, https://assets.fabulous.ch/public/variant_asset/6950/file/large-51987b450834171311f3de819be94a15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.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">Lima</p>
          <a href="/fr/products/soja-sauce-tamari-strong-bio-1-l-15171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nccqNpvlYDF0lDIh7Gr4C8v8iAWFtPRznQMjDSc8m146iW-i2O78uIW_IlgCJaDxrkm-FzNqqJu85sTkgXedvw" />
    <input value="15171" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/voelkel-jus-de-citron-demeter-200-ml-16576">
          <img alt="Voelkel Jus de Citron Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7638/file/small-6182ba28587a9b3e25c77f1113bcea62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7638/file/medium-633d950877cfc55381c3cb4381380268.webp 900w, https://assets.fabulous.ch/public/variant_asset/7638/file/large-d556adc6e53b5f56960ac528b515e5fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7638/file/medium-633d950877cfc55381c3cb4381380268.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">Voelkel</p>
          <a href="/fr/products/voelkel-jus-de-citron-demeter-200-ml-16576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Jus de Citron Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RaArvwN5cbQel-N8-BRBOh06hMgbz35TEm_f1ZwcoOPi7m4rQHLtPe-88wUWWxnAeI-y2q0RIrszijg8OlemAg" />
    <input value="16576" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noix-brisees-en-gros-bidon-bio-5-kg-9262">
          <img alt="Noix Brisées en gros Bidon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5268/file/small-b896bb01a0144b7df1b91bbf89202d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5268/file/large-5d2f7145f2ccb90b54467e7578ecc7d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.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">Bio Grosshandel</p>
          <a href="/fr/products/noix-brisees-en-gros-bidon-bio-5-kg-9262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix Brisées en gros Bidon Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 94.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5YMmWBVshNHRIqL_siEIuuEN9IzbiSco86A92wL_745CzWPMVmcYWCAJsoZcblBAhLjCnm1Xe8DSRdoypLTpbw" />
    <input value="9262" 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">
    <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/biscuits-noisette-chocolat-praline-bio-135-g-12381">
          <img alt="Biscuits Noisette Chocolat Praline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6205/file/small-efe6cebcbd3e9e6f7c100249a4987f36.webp 600w, https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6205/file/large-1a5bdf09d408c2953e44fb4ed2be1591.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6205/file/medium-b2e66bcf9340e6a7fcb01a53feb0671d.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-noisette-chocolat-praline-bio-135-g-12381">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Noisette Chocolat Praline Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MbsDtjNWNBG0UHohDBpdADN0b8SEoYETjBxZsoLTx2GW9UYicF2omEV7aljiVQX6VsFZ1jJ_3fut-b5bJJjBgA" />
    <input value="12381" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/feves-de-soja-jaune-non-decortiquees-en-gros-biosuisse-25-kg-4019">
          <img alt="Fèves de soja jaune non décortiquées en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2548/file/small-7559e41195003d9c03482a60b66214ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2548/file/large-8f1f85384213104a9cb424c8c138122f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2548/file/medium-35da8c81db7e3abd96b85c5f100683f3.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">Progana / Mühle Rytz</p>
          <a href="/fr/products/feves-de-soja-jaune-non-decortiquees-en-gros-biosuisse-25-kg-4019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fèves de soja jaune non décortiquées en gros BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 145.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D3oJaOYZaz6tb_t_QX32mcba30oAWPSruhN8o2FmigCoNEz8pRL3t1xE6wavMq5jo2_pWLaGqEOb9ptKxy2M4Q" />
    <input value="4019" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/puree-d-amandes-blanches-bio-500-g-605">
          <img alt="Purée d&#39;Amandes Blanches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/557/file/small-830cfc29fa58fbe5ba334828006de27a.webp 600w, https://assets.fabulous.ch/public/variant_asset/557/file/medium-0f33cad93550c9dda23fd8cf720de6fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/557/file/large-e916c25b833aaab0e909d878c6c0d82a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/557/file/medium-0f33cad93550c9dda23fd8cf720de6fe.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/puree-d-amandes-blanches-bio-500-g-605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée d&#39;Amandes Blanches Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GaIXZCbYLthkBEYSJGsvI8IJL_FnRW_4O7YGMZyIAUe-7FLwZdOyUZUvVmvKJHfZp7wZ49GbMxAaU-HYOsMHpg" />
    <input value="605" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/concentre-de-tomate-22-bocal-bio-200-g-3982">
          <img alt="Concentré de tomate 22 % bocal Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2523/file/small-555b483580c6a08d3e7b0b60a16556dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2523/file/large-08e18b943fc9fef26eeb16ccc8bab263.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/concentre-de-tomate-22-bocal-bio-200-g-3982">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré de tomate 22 % bocal Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B_ZyNPK-SXa5o_q28cIy4ymjijT5DWczFPBxi8SeGCaguDegsbXV_0iI6s8fjWoZTBa8Jk_TO9s1FZZiYtUexw" />
    <input value="3982" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/preparation-pour-pain-d-avoine-complet-demeter-500-g-6885">
          <img alt="Préparation pour Pain d&#39;avoine complét Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3982/file/small-722ac982231c166419ee8f48a1b1d047.webp 600w, https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp 900w, https://assets.fabulous.ch/public/variant_asset/3982/file/large-b9ebfaae7b3878f6c09b0563923ec41b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-d-avoine-complet-demeter-500-g-6885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain d&#39;avoine complét Demeter, 500 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 1.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DPtXACfFydL2LbZe05M0J15eEF4t85kuwKSrHjQ87J-rtRKUZM5VWwcGpic93GzdO-smTJstxcbhQUz3knfqfg" />
    <input value="6885" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/preparation-pour-pain-noir-sans-gluten-bio-500-g-16544">
          <img alt="Préparation pour Pain Noir sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7632/file/small-88261c1fa4c54b6a9b6d853011c338a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7632/file/medium-6a7a73bbc1447504097338333e901150.webp 900w, https://assets.fabulous.ch/public/variant_asset/7632/file/large-21a50f860a38ea370ac334f138e36050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7632/file/medium-6a7a73bbc1447504097338333e901150.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-noir-sans-gluten-bio-500-g-16544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain Noir sans gluten Bio, 500 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 1.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5-LLuS5ve9HXnmpDsoUS7dDJQVOoi8umNQcPmZYB-ZhArI4tbWTnWCa1ejpcykoXtXx3QR5Vl04U4uhwMEr_eQ" />
    <input value="16544" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-de-pomme-vegetalien-bio-500-ml-16444">
          <img alt="Vinaigre de pomme végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7564/file/small-ae7fc01ebac7e843b8ae853d74afdc91.webp 600w, https://assets.fabulous.ch/public/variant_asset/7564/file/medium-68056a713898cee0a603c1ef63f2bacd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7564/file/large-1137b02ff0fe21f862be08a8f2782667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7564/file/medium-68056a713898cee0a603c1ef63f2bacd.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">Biofarm</p>
          <a href="/fr/products/vinaigre-de-pomme-vegetalien-bio-500-ml-16444">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre de pomme végétalien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

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

</template></turbo-stream>