<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/burger-noix-de-cajou-et-haricots-noirs-bio-160-g-16608">
          <img alt="Burger noix de cajou et haricots noirs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7663/file/small-012d22620156dd9debec1c1dc0d5e0fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7663/file/medium-4a693e30c6e05bdb0fbe036087204b3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7663/file/large-2edece486dcf0caf32f92fa7cf85f425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7663/file/medium-4a693e30c6e05bdb0fbe036087204b3c.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">Soto</p>
          <a href="/fr/products/burger-noix-de-cajou-et-haricots-noirs-bio-160-g-16608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger noix de cajou et haricots noirs Bio, 160 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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3DtxxtuE5dqS6PJASUuTh7DOh786OVVjgY9wxr6mxnKuVX6KZHqRq9Xpzr8pzuA71mRhf38pdl8G2z1aJQClww" />
    <input value="16608" 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-kimchi-doux-bio-230-g-10931">
          <img alt="completeorganics KIMCHI DOUX Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5638/file/small-029eb0775c13a83fbb10c854bd3828c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5638/file/medium-e0fabbb31e8e4e877ff43621dfb056ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/5638/file/large-10d7365bc87a5ebda35c503012348ff8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5638/file/medium-e0fabbb31e8e4e877ff43621dfb056ba.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-kimchi-doux-bio-230-g-10931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics KIMCHI DOUX Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mhNlcAHfpYi282l8LR92LVd2nfkvP-4aVDwK759Qj6bofWo8viHR-fHyVYNNmgWRMdx7OWovzSbTaEdzBPbsFw" />
    <input value="10931" 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/tortelloni-epinards-bio-250-g-9541">
          <img alt="Tortelloni épinards Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5360/file/small-0d4e6ef48b4aa2b653dbca91b7ee6516.webp 600w, https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5360/file/large-ad82585b314c8f9b2c6bebf2a621c480.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5360/file/medium-e00dd2b5c9b805c167a8ba765e5307ab.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">Pural</p>
          <a href="/fr/products/tortelloni-epinards-bio-250-g-9541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortelloni épinards Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iAV5FYeReybgUh1fB3fos5c5w9i8eUC5t_YH2yVuZAX6a3ZZOG8PV6dTIaBn8psP8ZMlGPlpY4UwokpHvsgHtA" />
    <input value="9541" 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/spatzle-pates-fraiches-bio-500-g-4547">
          <img alt="Spätzle Pâtes Fraïches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2796/file/small-7bfa42dbb249b63a282a2f145c5d5442.webp 600w, https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2796/file/large-323b6e0ebb6b9386ab89487cde51ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.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">Pural</p>
          <a href="/fr/products/spatzle-pates-fraiches-bio-500-g-4547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Pâtes Fraïches Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 0.99 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6zVfGT6nQ2QaWHS6CzNrFs8YqDaT1mBnNGyUg6NWPvWZW1BVgVk3FV1ZSEVrthiqqbJO9tbGQ1uzONkfOPBdRA" />
    <input value="4547" 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/tempeh-nature-bio-200-g-c3f87ec2-3824-4549-b15d-9ef74a3c0bb2-17199">
          <img alt="Tempeh Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8025/file/small-4e9e60d12c958a290cf590a565dc4da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.webp 900w, https://assets.fabulous.ch/public/variant_asset/8025/file/large-14dbdf28579f4b55f925e86cfd745430.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.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">Tempehmanufaktur</p>
          <a href="/fr/products/tempeh-nature-bio-200-g-c3f87ec2-3824-4549-b15d-9ef74a3c0bb2-17199">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QAT5dVqqKg_lMXZbUcNeI1IR0gJkdV21qNe8WX2JOpAyavY55VRefqIwSqQxRi2fNLs0wiFlfokvg_HF5i9ZIQ" />
    <input value="17199" 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/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
          <img alt="Déodorant Crème Royal No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3931/file/small-7f052faa6c21c831de005cc0af641b3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3931/file/large-aaa3f74c44af1f4e978e5ef11435df5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3931/file/medium-5f230c13f4fa02a5315a8b43c17edbfc.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-royal-no-bullsh-t-sansplastique-50-ml-6813">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Royal No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yg-O3RKTC5l3DnhenlKdK6SXlek1O_lbZ5O9Wrx0RFy4YYGRrW1_6DAPRKH-1-6Xwj1zKXAr2mfgx_DGJ9In7Q" />
    <input value="6813" 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/deodorant-creme-mojito-no-bullsh-t-sansplastique-50-ml-6997">
          <img alt="Déodorant Crème Mojito No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4047/file/small-806669f5b8b6b2c911b5c61707cfa6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4047/file/large-814b45c3d7bc93a9835c4ba9dfe0197a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4047/file/medium-109052557fc71956beb95ba11a5945b6.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-mojito-no-bullsh-t-sansplastique-50-ml-6997">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Mojito No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1vw1PoJP9j_69XrujtbnCw0cX5rmHTW2ZPQAJa7uvt-kkjpyPbGCTr30RhHuU5S3a7a5WqMNForjoE25NUjdbg" />
    <input value="6997" 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/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
          <img alt="Déodorant Crème Modest No Bullsh!t #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3932/file/small-08f53c773cd74c33e6a15ffc64a36831.webp 600w, https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3932/file/large-e27055bdec37bd188cf60b1462c9b053.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3932/file/medium-ce921c2fc4698c326e2c160f3c83cc2d.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">No Bullsh!t</p>
          <a href="/fr/products/deodorant-creme-modest-no-bullsh-t-sansplastique-50-ml-6814">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déodorant Crème Modest No Bullsh!t #sansplastique, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wgkhR9LvWrZONP8uJ2xlI_v4P57CYRTt_mrrur8Tl7ewZy4LbREuxwk1w9FH6RafnVLZXodxN9F5PqYmJLX0Bg" />
    <input value="6814" 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/jay-joy-albert-alternative-vegetale-au-camembert-bio-90-g-16506">
          <img alt="Jay &amp; Joy ALBERT Alternative végétale au Camembert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7603/file/small-efb2763d5e71d32f41cd49550914d3e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7603/file/medium-ab0c0e87668fbd61bf8e9233bc5594f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7603/file/large-141cb22c510a8a2fe3f616c9f3e19afd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7603/file/medium-ab0c0e87668fbd61bf8e9233bc5594f9.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-albert-alternative-vegetale-au-camembert-bio-90-g-16506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy ALBERT Alternative végétale au Camembert Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 8.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pE6Mu_r1lVrsRxZXq7H-68li-qCv8BvXRgIgdYf7J2rWIIP3RQvhK6tGKqjLNI1Xr8gcYOrgOOvBVm3pHF1E2w" />
    <input value="16506" 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/jay-joy-juliette-alternative-vegetale-au-fromage-rape-bio-150-g-11965">
          <img alt="Jay &amp; Joy JULIETTE Alternative végétale au fromage râpé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6083/file/small-8be85b58627bb1c749ebff50fbc4d78a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6083/file/medium-a0c39dacaadff25d54f5f3b12bf01283.webp 900w, https://assets.fabulous.ch/public/variant_asset/6083/file/large-1a39433c88b196e30da283dc89c6b0ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6083/file/medium-a0c39dacaadff25d54f5f3b12bf01283.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-juliette-alternative-vegetale-au-fromage-rape-bio-150-g-11965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JULIETTE Alternative végétale au fromage râpé Bio, 150 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 3.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Zp2qjBxBq-ehdwsFh-diD_VsaCw4AtpmpXT5KSG_bSP9Hnmj49y3tmE4NN2mu40WX9XYPXwKFUdwZ54PyCeBQ" />
    <input value="11965" 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/jay-joy-jil-alternative-vegetale-au-fromage-de-chevre-bio-120-g-10683">
          <img alt="Jay &amp; Joy JIL - Alternative végétale au fromage de chèvre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5619/file/small-cb06e0abe992171c35faf0752f37dcb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5619/file/medium-b24ce0aba072439190e4641d8434e3d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5619/file/large-db967ee66f71b398a56a4c98a6b21f14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5619/file/medium-b24ce0aba072439190e4641d8434e3d1.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-jil-alternative-vegetale-au-fromage-de-chevre-bio-120-g-10683">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JIL - Alternative végétale au fromage de chèvre Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 6.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gs8ZP8_c_Eo6QV2aGsBQvKWt39baqv18PXH8kwqsC5rwoRZzcCKIO31AYWV6RSMAwwc5Fp-63kC6JbEPkQpoKw" />
    <input value="10683" 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/jay-joy-jean-jacques-alternative-vegetalien-au-maroilles-bio-100-g-10682">
          <img alt="Jay &amp; Joy JEAN-JACQUES Alternative végétalien au maroilles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5617/file/small-b5a793d344ec1b07472b5bdc7649c6a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5617/file/medium-b838446ad1d3d64527ea19fddf05c3c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5617/file/large-9464e1cd626cfba28e9d6f5c844eda53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5617/file/medium-b838446ad1d3d64527ea19fddf05c3c5.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-jean-jacques-alternative-vegetalien-au-maroilles-bio-100-g-10682">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JEAN-JACQUES Alternative végétalien au maroilles Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 7.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IWAi7Ho-bku8IdXzVtyI5SZINRAIWr5S0igaUP-zv15TDi2gxcAaOvsg6Qw2WftZQOLT0E1KnW5VfFfMZBXc7w" />
    <input value="10682" 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/jay-joy-josephine-alternative-vegetale-au-camembert-bio-90-g-10681">
          <img alt="Jay &amp; Joy JOSÉPHINE Alternative végétale au camembert Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5614/file/small-884c432e92e56ef84f476705a9f3a679.webp 600w, https://assets.fabulous.ch/public/variant_asset/5614/file/medium-f89b9f4a3381965d95a1a7952649ac91.webp 900w, https://assets.fabulous.ch/public/variant_asset/5614/file/large-9eab343b9ab50bdc27943f7374e83928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5614/file/medium-f89b9f4a3381965d95a1a7952649ac91.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-josephine-alternative-vegetale-au-camembert-bio-90-g-10681">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JOSÉPHINE Alternative végétale au camembert Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 8.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="elcjNCJqQK0LcwVsN3TZVqx-_yZNJ3iOo_Fhc3gBZRYIOSx4nZQ03ExyOZNX8arqytQZ5gg3W7IkpSzv46cGpw" />
    <input value="10681" 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/jay-joy-jeanne-alternative-vegetale-au-bleu-roquefort-bio-90-g-10680">
          <img alt="Jay &amp; Joy JEANNE - Alternative végétale au bleu/roquefort Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5613/file/small-a8b91bd999ff4fee48bc0330ccb6418e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5613/file/medium-5480e4a434d759f38ccf0f0ae71b0b5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5613/file/large-4cc8ffc80a42260abe6cd0c24941dd39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5613/file/medium-5480e4a434d759f38ccf0f0ae71b0b5a.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-jeanne-alternative-vegetale-au-bleu-roquefort-bio-90-g-10680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JEANNE - Alternative végétale au bleu/roquefort Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 8.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fQJ3JKQOU_nvyv8JoKzM3UX3kDrlHXd6JgoFYLDenaIPbHhoG_AniKjLw_bAKb9hI112-qANVEahXkj8K3j-Ew" />
    <input value="10680" 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/soyananda-nature-alternative-vegan-de-yoghurt-bio-400-g-17966">
          <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/8905/file/small-4a5c5195e97b3a7ddc071e25b03c8af6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.webp 900w, https://assets.fabulous.ch/public/variant_asset/8905/file/large-10c83611da84de471f7c0fce87064ab2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8905/file/medium-67c2734754c5ff909254b96798651028.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-400-g-17966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda nature Alternative vegan de yoghurt Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 0.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Qfvq6NmMSY4Pp7KY0mNDq5qXXR63dJ4gkW-xE7W_G6faeDnHJhFV38_ojUDzP6yyMC7tD_N8UQFEfNY1XCf3w" />
    <input value="17966" 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/jus-de-citron-vert-100-pur-jus-bio-700-ml-15976">
          <img alt="Jus de citron vert 100 % pur jus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7375/file/small-c0333d30f75a6546ba9e376d2a2d3f60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7375/file/large-d7c2cd047f073da0e918dcb68286ceac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.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">Beutelsbacher</p>
          <a href="/fr/products/jus-de-citron-vert-100-pur-jus-bio-700-ml-15976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus de citron vert 100 % pur jus Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eSZ9KMwePwuOaw5XCESVQO6bIHZ6u9qBLXgsfIa1RrkLSHJkc-BLeslqMqhoweb8iDHGtj-r-b2qLGHgHRMlCA" />
    <input value="15976" 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/boisson-swiss-cereal-drink-a-l-avoine-bio-1-l-4c94b5ab-c953-4b3f-9591-fff15fbe13b4-15157">
          <img alt="Boisson Swiss Cereal-Drink à l&#39;avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6942/file/small-723735e920969979486fdb0abf887ca5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6942/file/medium-add5e3be7ae215ab8ce8fd4d84d133e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6942/file/large-2e51c656682a5ca576d107a7de275a39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6942/file/medium-add5e3be7ae215ab8ce8fd4d84d133e8.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/boisson-swiss-cereal-drink-a-l-avoine-bio-1-l-4c94b5ab-c953-4b3f-9591-fff15fbe13b4-15157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Swiss Cereal-Drink à l&#39;avoine Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U9ORquVPAHQAHu7wplVP9iQn0s0F1rKHW-vjDCahLJwhvZ7mWrF0BUcf0g_G0DxKQo00DUDGkbvcv66QvQdPLQ" />
    <input value="15157" 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/sel-regenerant-fin-1-kg-18013">
          <img alt="Sel Régénérant fin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8935/file/small-8fbaf9d6f332bb598d41eb2e8a0fdbfb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8935/file/medium-806526f5689b26db6c037cc37fdbb38c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8935/file/large-dd23cb8dd78937fb53b77f602d93356e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8935/file/medium-806526f5689b26db6c037cc37fdbb38c.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">Reosal</p>
          <a href="/fr/products/sel-regenerant-fin-1-kg-18013">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Régénérant fin, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VUYIs6Z6NsWFPT-OeOyc-vmx8nYq0PBw_VVfF9cd0hQnKAf_GYRCtMI8A3EYae9GnxsUtm_A00x6ARKLTLuxpQ" />
    <input value="18013" 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/tortilla-chips-paprika-bio-150-g-16259">
          <img alt="Tortilla Chips Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7489/file/small-1afee12b17b7c4e77a1f96b76da77f8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.webp 900w, https://assets.fabulous.ch/public/variant_asset/7489/file/large-1dd2eadf78b9332919fc2a9611b6961b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7489/file/medium-f33fc7597168351bba79d53e1218cb99.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">MiAdelita</p>
          <a href="/fr/products/tortilla-chips-paprika-bio-150-g-16259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Paprika Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FXfMk5cp0aK_6turHUkdwOwJntervXf-ld88byzjrjZnGcPfKNel0_jr51R9zG58iqN4F-6tVMISi3Hzt0XNhw" />
    <input value="16259" 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/sucre-de-datte-bio-250-g-16877">
          <img alt="Sucre de Datte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7874/file/small-87237bfcfecb25bdaffaa17ce6428788.webp 600w, https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7874/file/large-97400904cc7eb77b124348280f21ce7f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7874/file/medium-6bcb48f3d20f70e8c533544b8c78f79d.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/sucre-de-datte-bio-250-g-16877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre de Datte Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

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

</template></turbo-stream>