<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/farine-de-sarrasin-sans-gluten-bio-500-g-768">
          <img alt="Farine de sarrasin 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/718/file/small-7aa99cd6cec1b0d0d52de5706a5aa085.webp 600w, https://assets.fabulous.ch/public/variant_asset/718/file/medium-07f4aa213c038f9690a783c4b58e64cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/718/file/large-64b8555f174487a2dedc4dbe98589810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/718/file/medium-07f4aa213c038f9690a783c4b58e64cf.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/farine-de-sarrasin-sans-gluten-bio-500-g-768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de sarrasin sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9STxFqQM4NCgdQZjZbgdv_5tYgzjyGIAJ5fBPFDU7p-cEZU-2pQzNR8Xx-BO-xiJzn23CWBEKxVckuR0BJQUpw" />
    <input value="768" 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/miso-ramen-cup-classic-bio-85-g-16058">
          <img alt="Miso Ramen Cup Classic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7417/file/small-7ac53e02e3af5d3fe36d89d6ad1aa2b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7417/file/medium-baf685520836739871ce0ddb03f91fd5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7417/file/large-ba571e861ae262e9bea16826755c66f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7417/file/medium-baf685520836739871ce0ddb03f91fd5.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">King Soba</p>
          <a href="/fr/products/miso-ramen-cup-classic-bio-85-g-16058">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Ramen Cup Classic Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6BX-M_WdW9dJv5znZSpJVBVmDuJ6ww-6DRNfN0mmKhKBIJobiwWIMvbdXWROaUxiJXbb5_lPRq92Fnp_HebQKg" />
    <input value="16058" 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/gel-douche-pamplemousse-bio-500-ml-12311">
          <img alt="Gel Douche Pamplemousse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6188/file/small-7a749e3c5c79a684251e7b386a9f2681.webp 600w, https://assets.fabulous.ch/public/variant_asset/6188/file/medium-540fe890593d71d1e41dcde4c81a92f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6188/file/large-0b582b65604961455e11ed673dd3fb1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6188/file/medium-540fe890593d71d1e41dcde4c81a92f4.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">benecos</p>
          <a href="/fr/products/gel-douche-pamplemousse-bio-500-ml-12311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Pamplemousse Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BAdqikqbiDUl4_c0BHmDp-R5ChkZYkkyZ74DmjgKbnZtMg6iNANb0JqBNrcvOoaR1GnfHJruACccuybSbEqUTg" />
    <input value="12311" 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/lupin-gyros-bio-200-g-293">
          <img alt="Lupin Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/265/file/small-6c34fb0e7e9361e2e258dbaadda01b78.webp 600w, https://assets.fabulous.ch/public/variant_asset/265/file/medium-38262836c493f5492221939d21cefa19.webp 900w, https://assets.fabulous.ch/public/variant_asset/265/file/large-99cde4e12c3f8a9fa659b3f9210f64f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/265/file/medium-38262836c493f5492221939d21cefa19.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alberts</p>
          <a href="/fr/products/lupin-gyros-bio-200-g-293">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupin Gyros Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SuG1BxJeb5KNaJVthWHtNJ5ygo8AOHrb_ZtfK7oDLqEj1NEvbMa8dzIKVO6uIugCrmJXioO0M86Gnnpj7kPUmQ" />
    <input value="293" 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/vegan-saucisse-mini-weenies-10-saucisses-bio-10-piece-29">
          <img alt="Vegan Saucisse Mini - Weenies 10 Saucisses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/30/file/small-6a5a9bbe0b24a5894b9cb3526bc9f1fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/30/file/medium-9f99662346b3ee6b8d680a3784c93c6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/30/file/large-e16343a0eb4d3e75104dd72617c53d3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/30/file/medium-9f99662346b3ee6b8d680a3784c93c6b.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">Wheaty</p>
          <a href="/fr/products/vegan-saucisse-mini-weenies-10-saucisses-bio-10-piece-29">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Saucisse Mini - Weenies 10 Saucisses Bio, 10 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 0.61 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zio6XgHCMf86S866O_pTxrYw3H1-7_yL5x-Nr89F9_mnH152f1riGoUpDzkQuVbwhiAJeP1jtZ6cGqjnmwUNwQ" />
    <input value="29" 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/pastilles-lave-vaisselle-tabs-25-pcs-25-piece-75">
          <img alt="Pastilles lave-vaisselle (Tabs)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/83/file/small-49a73ec26ed2a0e7dddbbd2d687c84ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/83/file/medium-b95064513a268f0e2b5b8ab87291b5da.webp 900w, https://assets.fabulous.ch/public/variant_asset/83/file/large-33f9852b51ce63348a0508e757852ba0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/83/file/medium-b95064513a268f0e2b5b8ab87291b5da.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">Almawin</p>
          <a href="/fr/products/pastilles-lave-vaisselle-tabs-25-pcs-25-piece-75">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pastilles lave-vaisselle (Tabs), 25 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xb0dmEo9vzPUnGfsYg-TJiXkSfWfu4z-wAcl1pteSxs0iHmwNKVs1mv-pm9JTJYQFfSc8Bw3xeu7AgCezx6xIw" />
    <input value="75" 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/beurre-de-cacahuete-crunchy-avec-sel-gemme-bio-250-g-2015">
          <img alt="Beurre de cacahuète crunchy avec Sel gemme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1585/file/small-9d6ff5498cfb7964fb5d8c9651b60d7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1585/file/medium-8535ee8c9a0ac7ef0876e5f07fcf47c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1585/file/large-4155035fa42a2ce99fcb9a421c74f6c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1585/file/medium-8535ee8c9a0ac7ef0876e5f07fcf47c7.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">Terrasana</p>
          <a href="/fr/products/beurre-de-cacahuete-crunchy-avec-sel-gemme-bio-250-g-2015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beurre de cacahuète crunchy avec Sel gemme Bio, 250 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 2.08 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gf-yC7aSShM4slwjjssnt60ldAugiAZ76t5wq6o3lijoytYjyAqZ9ofQnaCliCKBnTWhDiMET26R21Xj_ndsEA" />
    <input value="2015" 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/torchons-de-vaisselle-sansplastique-bio-2pcs-1-piece-9781">
          <img alt="Torchons de vaisselle #sansplastique Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5428/file/small-63e1a44ef6c932b3e6b571f3a9e622aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.webp 900w, https://assets.fabulous.ch/public/variant_asset/5428/file/large-7d3427fda2e1cc46d9cdb09680cc3335.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5428/file/medium-1609406b1b687bd0acd8a243326ea141.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">memo</p>
          <a href="/fr/products/torchons-de-vaisselle-sansplastique-bio-2pcs-1-piece-9781">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Torchons de vaisselle #sansplastique Bio, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a36La1tdvtU4sBBc29uaGeLVYdc1Ll6ILgXp_lgeH74CS-9DJcVtMIfS0d_wmJ8v0sW00raiF51VAMy2DF7lhg" />
    <input value="9781" 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/cotton-tige-sans-plastic-en-bambou-et-coton-100-piece-1823">
          <img alt="Cotton Tige sans Plastic | En Bambou et Coton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1422/file/small-53c0aa3f40a4c5e4d15ca309a269d43a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1422/file/medium-353fa9731577f133089e10a616f5d308.webp 900w, https://assets.fabulous.ch/public/variant_asset/1422/file/large-74f8197e27a7cd6d78a1090ae6ce13dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1422/file/medium-353fa9731577f133089e10a616f5d308.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">Hydrophil</p>
          <a href="/fr/products/cotton-tige-sans-plastic-en-bambou-et-coton-100-piece-1823">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cotton Tige sans Plastic | En Bambou et Coton, 100 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_OKON84I8uoXho1_1EKK99Vod6szuPJor8_hDNy7uUiV1-ofsJAhD6jkTPz_AY_B5XiirrA0u33UysREiPtDcA" />
    <input value="1823" 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/barre-chocolatee-cacahuete-caramel-sale-bio-40-g-14432">
          <img alt="Barre chocolatée cacahuète caramel salé bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6680/file/small-692a1125e0d81777ac2a7d3aef090be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6680/file/medium-593ca2591f80863a254b124d4e5d5cf7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6680/file/large-4805af467df9a4a409abc6578dd85052.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6680/file/medium-593ca2591f80863a254b124d4e5d5cf7.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">the vegan cow</p>
          <a href="/fr/products/barre-chocolatee-cacahuete-caramel-sale-bio-40-g-14432">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre chocolatée cacahuète caramel salé bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MCzzwIDmszrOC2fl6ufRpTJ6g_79ZeiKfeBAN-N0UgZZGZfo_n5g33FppmbBpNSTAmpW-37poZ8G5WV_tzSoPg" />
    <input value="14432" 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/tablette-chocolat-noir-datte-amande-68-bio-85-g-15630">
          <img alt="Tablette Chocolat Noir Datte Amande 68% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7137/file/small-e11050e40fa054ca154bd4655aa01f0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7137/file/medium-23137ae4c3db8813828d159b3a923414.webp 900w, https://assets.fabulous.ch/public/variant_asset/7137/file/large-95aec34617520109b06e474ef96661fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7137/file/medium-23137ae4c3db8813828d159b3a923414.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">MAKRi</p>
          <a href="/fr/products/tablette-chocolat-noir-datte-amande-68-bio-85-g-15630">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Chocolat Noir Datte Amande 68% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-f1EBXOeUiTfY3j_gRhKBTjwpqDPXcenRWhUpBnK4_CQyCAtDQaBwWABuXyqW08zCOBzpUzRjrI-bXHsTYoZyA" />
    <input value="15630" 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/tablette-chocolat-dattes-nougat-bio-50-85-g-15626">
          <img alt="Tablette Chocolat Dattes Nougat Bio 50 %" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7132/file/small-024226832985f5e26b5a40036ebc6959.webp 600w, https://assets.fabulous.ch/public/variant_asset/7132/file/medium-9e0025e24962c791f3c25492ad054e78.webp 900w, https://assets.fabulous.ch/public/variant_asset/7132/file/large-8474552770107bd627cdfe6e65448b0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7132/file/medium-9e0025e24962c791f3c25492ad054e78.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">MAKRi</p>
          <a href="/fr/products/tablette-chocolat-dattes-nougat-bio-50-85-g-15626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Chocolat Dattes Nougat Bio 50 %, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mv64EsxBhuZhDS7lY3AwwEvNz20VZFPwQUlTXnWA8ojzy9w6stlVA95v72ZIMzX2e90aaJboGuU6THYWIcAIsA" />
    <input value="15626" 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/sauce-lupine-alternative-a-la-sauce-soja-sans-gluten-bio-100-ml-6519">
          <img alt="Sauce Lupine Alternative à la Sauce Soja 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/3736/file/small-6fc1c65fd1439287d56f5ca7bb83a659.webp 600w, https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3736/file/large-c2e9509264d7a414cacded271a4a9e8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Alberts</p>
          <a href="/fr/products/sauce-lupine-alternative-a-la-sauce-soja-sans-gluten-bio-100-ml-6519">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Lupine Alternative à la Sauce Soja Sans Gluten Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mfP1F2N3PzH7HlWYzWGmzs5UOKHLGDnmLbNVJrSqJfLwxpE_He_s1ER8lBvmIqP4_kTtpEiUcPNWtnBu4Orfyg" />
    <input value="6519" 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/savon-d-huiles-vegetales-savon-de-marseille-300-g-5659">
          <img alt="Savon d&#39;huiles Végétales &quot;Savon de Marseille&quot;" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3268/file/small-303e555a02a215c7d4d6a045a6edbef0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3268/file/medium-d85dbd0fd08ef58f0c296129bee2d433.webp 900w, https://assets.fabulous.ch/public/variant_asset/3268/file/large-46a8cf069c0e5b2a651c0b5b4917cc01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3268/file/medium-d85dbd0fd08ef58f0c296129bee2d433.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">Savon du Midi</p>
          <a href="/fr/products/savon-d-huiles-vegetales-savon-de-marseille-300-g-5659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon d&#39;huiles Végétales &quot;Savon de Marseille&quot;, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RJWfvTfDdRSD_X1_Ng_UQz_kvWgbMgG_pUzgXOSrDbwtoPuVSVum8TyfvPwdTNF1D_RobZi-SKreScUUsOv3hA" />
    <input value="5659" 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/porte-savon-en-bois-d-olivier-moyen-sansplastique-1pcs-1-piece-7306">
          <img alt="Porte-savon en bois d&#39;olivier MOYEN #sansplastique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4161/file/small-43cc5cc24980cf541cf31101d68a2bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4161/file/medium-f715f9dfe364856fd312a314fa19375a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4161/file/large-baf0ed07b0a49ccd13312f554c1aaad9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4161/file/medium-f715f9dfe364856fd312a314fa19375a.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">Spa Vivent</p>
          <a href="/fr/products/porte-savon-en-bois-d-olivier-moyen-sansplastique-1pcs-1-piece-7306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Porte-savon en bois d&#39;olivier MOYEN #sansplastique, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sfc4NWARlbv6BDzNB00t4b8blOX9NhMHpvcd0_5ohSogwlwdHolGXkVm_U4sDijXjwtB4H66WhLd8jibqih_Eg" />
    <input value="7306" 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/farine-de-lupin-doux-sans-gluten-bio-300-g-521">
          <img alt="Farine de Lupin Doux 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/470/file/small-e5fa3fb4d60276edc97532137529a596.webp 600w, https://assets.fabulous.ch/public/variant_asset/470/file/medium-89d1d05c23b23fc725e6c1dbdadcb76f.webp 900w, https://assets.fabulous.ch/public/variant_asset/470/file/large-44255e53b9728e7cdc575d3a7686dbd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/470/file/medium-89d1d05c23b23fc725e6c1dbdadcb76f.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">Govinda</p>
          <a href="/fr/products/farine-de-lupin-doux-sans-gluten-bio-300-g-521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Lupin Doux Sans Gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ys5L9NWARomKGkCFm3QTho2ksoiY9HW1uOqKutTk91QL-y_cqxiVbDV4gQawNxawvbRnjRt4PKDD76_ygKQNbA" />
    <input value="521" 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/tartelettes-framboise-sans-gluten-bio-130-g-6751">
          <img alt="Tartelettes Framboise 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/3907/file/small-5415d517289cea16b3e532c631ffcde2.webp 600w, https://assets.fabulous.ch/public/variant_asset/3907/file/medium-dddcc5cfe921f74b48c9ac87a12e6bfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3907/file/large-18fb6cc52334e54bb857cf1a99f678ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3907/file/medium-dddcc5cfe921f74b48c9ac87a12e6bfd.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">Céliane</p>
          <a href="/fr/products/tartelettes-framboise-sans-gluten-bio-130-g-6751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartelettes Framboise Sans Gluten Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJY8GI1lusWaQ0mMRACfwXef3Ii-Ksn2gOwV4WshqprNo1gw8_1pICUhiA9vQ5r3R48JjT2mgOP76TCpP2FQog" />
    <input value="6751" 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/algues-marines-dulse-rouge-bio-30-g-2867">
          <img alt="Algues Marines Dulse Rouge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2029/file/small-8d3a1a88ede2ffc3fbc582dbe6fed765.webp 600w, https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2029/file/large-0000c63845044580f2ce16fe85ff93f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2029/file/medium-cfa07ae9c59f784b554d14f5fcdd411e.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">Arche</p>
          <a href="/fr/products/algues-marines-dulse-rouge-bio-30-g-2867">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Algues Marines Dulse Rouge Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1cgfyPIrIXuGQcMqRIilNIg-zB-iChECrw0JU4mcNf28_XvgjLPynjkjAqlvy6ACuC4ZGiGGWBfUCCwb3dzPxQ" />
    <input value="2867" 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/bett-r-cups-puree-de-cacahuete-box-bio-13-g-14612">
          <img alt="Bett&#39;r Cups Purée de cacahuète Box Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6766/file/small-92fe10cfdc8ff7001afc809dd86ea31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6766/file/medium-85f16ce1c62188f34cee2e400799fc30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6766/file/large-da207a87a1949ed1b9fc702c8ac74656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6766/file/medium-85f16ce1c62188f34cee2e400799fc30.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">bett&#39;r</p>
          <a href="/fr/products/bett-r-cups-puree-de-cacahuete-box-bio-13-g-14612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Cups Purée de cacahuète Box Bio, 12 x 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_pd18UWZI7bmHsCnSN4ahBBpQF8nPq0PQb9i7qJFvAqXohHZOwHwU1l8ASRjnR-yIHmVWqSy5Bo6ukem9gVGMg" />
    <input value="14612" 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/gyros-vegetalien-bio-200-g-26">
          <img alt="Gyros 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/18/file/small-05ba5a42eaed2e99501d6908711e09c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/18/file/medium-6a9157d693ccea90b22cc628a7313f3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/18/file/large-268df521f364c3ca3433fde779e8b2ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/18/file/medium-6a9157d693ccea90b22cc628a7313f3e.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">Wheaty</p>
          <a href="/fr/products/gyros-vegetalien-bio-200-g-26">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gyros végétalien Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

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

</template></turbo-stream>