<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/boisson-d-avoine-allegee-bio-1-l-15165">
          <img alt="Boisson d&#39;avoine allégée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6943/file/small-17b6feed4f14f8ef519867dded4710d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6943/file/large-db8943d4fb00fc3100da411e8a64d518.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.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">Allos</p>
          <a href="/fr/products/boisson-d-avoine-allegee-bio-1-l-15165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson d&#39;avoine allégée Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6Etm0gjBOqwnd_TrR5AGFEOTajI0xXCgLe5TT2GjHUPngnjS1_xuvYBfn102kuRePGfwGSWiCK9oGu2vfOXHw" />
    <input value="15165" 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/explore-cuisine-nouilles-d-edamame-bio-200-g-14662">
          <img alt="Explore Cuisine Nouilles d&#39;Edamame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6779/file/small-094ec542404daf9b380c8b94e9c1be4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6779/file/medium-86e8490b31926795f38468f3decffe28.webp 900w, https://assets.fabulous.ch/public/variant_asset/6779/file/large-c4669572a9a9ef07a2345b5d882d2a9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6779/file/medium-86e8490b31926795f38468f3decffe28.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">Explore Cuisine</p>
          <a href="/fr/products/explore-cuisine-nouilles-d-edamame-bio-200-g-14662">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Nouilles d&#39;Edamame Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5q7kyT0ItB7re93lF6FU9dc5_pUnX5ttQkUHW6UA3-12kcCxPnRBTq3nfEvOZV98_sYs_YsaBo1_UtWgJXXEhw" />
    <input value="14662" 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/pate-de-curry-tandoori-sans-gluten-bio-190-g-1339">
          <img alt="Pâte De Curry Tandoori 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/1126/file/small-27d2885a4c0608f56a4a9f89ef12a860.webp 600w, https://assets.fabulous.ch/public/variant_asset/1126/file/medium-deb45b9ae7b28428acd4c9d1c2bc7137.webp 900w, https://assets.fabulous.ch/public/variant_asset/1126/file/large-d1324b682f387ea817c1ac179cf88d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1126/file/medium-deb45b9ae7b28428acd4c9d1c2bc7137.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">Sanchon</p>
          <a href="/fr/products/pate-de-curry-tandoori-sans-gluten-bio-190-g-1339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte De Curry Tandoori Sans Gluten Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TqPqcexAJllkagBsDbPnphjukaXqXKgCLh-OpZ7qiSDenM4J7zzTCSL2ocLUd-wvMRFDzUYZNeITCFxeHp-SSg" />
    <input value="1339" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/puree-de-cacao-noisettes-avec-dattes-bio-250-g-12967">
          <img alt="Purée de Cacao &amp; Noisettes avec Dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6369/file/small-032235e2041dcc4f010030a78daf952a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6369/file/medium-0fc7ed337eeb90996b1f6e2bf18289d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6369/file/large-f5d5549f03f3015d7bdd17c18629b0ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6369/file/medium-0fc7ed337eeb90996b1f6e2bf18289d3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/puree-de-cacao-noisettes-avec-dattes-bio-250-g-12967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de Cacao &amp; Noisettes avec Dattes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IkFBHjZ-KO0dssRfQsGGFO5_-ycUn8pzdbYJpsq1a26yfmVmNQLdvVsuZfGbBY2dx4ApT7jaV5NIodtdSsBwBA" />
    <input value="12967" 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/huile-de-pepins-de-courge-grilles-bio-250-ml-7451">
          <img alt="Huile de pépins de courge grillés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4266/file/small-994540a581d13b784cb047ec79a45b2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4266/file/medium-0a211e7b0653d94cd4d488a5b858e536.webp 900w, https://assets.fabulous.ch/public/variant_asset/4266/file/large-7d79fed3888182f874b3cef207ac497e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4266/file/medium-0a211e7b0653d94cd4d488a5b858e536.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Planète</p>
          <a href="/fr/products/huile-de-pepins-de-courge-grilles-bio-250-ml-7451">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de pépins de courge grillés Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mS4JCk8aP4Wa9fY6Yz0NLBquW2V-nrik5bkxAa1iW5kJES1yTGbK1dxpV5S6-QalM1GJDdLbJUTYruP6LRdA8w" />
    <input value="7451" 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-energetique-lifebar-figue-raw-bio-40-g-16529">
          <img alt="Barre énergétique Lifebar Figue Raw Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7619/file/small-5c72cf1b57ccc29cbaeeaf1d403104aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7619/file/medium-289c52b3dcd648aca8125519553a4d73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7619/file/large-a6522feb8d695234472485d242af3b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7619/file/medium-289c52b3dcd648aca8125519553a4d73.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">Lifefood</p>
          <a href="/fr/products/barre-energetique-lifebar-figue-raw-bio-40-g-16529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre énergétique Lifebar Figue Raw Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S8CosMaOQlgt4kuOHHk8jUgs-lahrLPx3A1YSdQcmqjb_4zIxfK3CGt-6iDFvTcEYdMoPg3pLhHhGoqyVGmBwg" />
    <input value="16529" 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/mayo-veganaise-di-riso-natur-bio-170-g-986">
          <img alt="Mayo Veganaise di Riso NATUR Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.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">Gautschi</p>
          <a href="/fr/products/mayo-veganaise-di-riso-natur-bio-170-g-986">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mayo Veganaise di Riso NATUR Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JOLZa912h46tN9m3CRdDHHnXqwMPUV-_BtpJAcBY-Re03f0T3gpy3uureBnQ00iVUCh5a6MUwl87zZv6QC3ifQ" />
    <input value="986" 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-crue-cacao-nibs-amandes-bio-30-g-15822">
          <img alt="Barre crue Cacao Nibs &amp; Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7220/file/small-6cebbdf9a06ffba7718f48ab95b89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7220/file/large-e0f34227bf44dd955a1709f463fbd284.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-crue-cacao-nibs-amandes-bio-30-g-15822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre crue Cacao Nibs &amp; Amandes Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67tjI-zPumaFPGMzFUUJLR7fBbyX3FLk-GjUJkuNquR7hEdb77NPNsOgwp3MgQKkNyDX1DuZzwTFfwbdy_ixjg" />
    <input value="15822" 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/poudre-d-acai-sans-gluten-bio-80-g-483">
          <img alt="Poudre d&#39;Acai 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/435/file/small-ffddf9ecbe622253977a1cfc678e10b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/435/file/large-35dfb032194b2e12431186ee40ac8455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/435/file/medium-0aa963ee97169f3d0514af45be3ecae1.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">Raab</p>
          <a href="/fr/products/poudre-d-acai-sans-gluten-bio-80-g-483">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d&#39;Acai sans gluten Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dhN1O7E1tQtHexsiG-iAQYFJVLBK9KoKWG-GA_83i77mLFFDsklAWwHnuozCLIvIqLaG2OaxN-pleFT4f0KQ1A" />
    <input value="483" 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/jelly-ourson-mind-sweets-happy-buddha-bear-bio-75-g-5860">
          <img alt="Jelly Ourson mind sweets Happy Buddha Bear Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3368/file/small-8b32020591d210a0af7c6339488523ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3368/file/large-04984b9234aeaeff470e292b5045f5b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3368/file/medium-a941bf49813973ae3bc10ce7b22bd5e4.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">Mind Sweets</p>
          <a href="/fr/products/jelly-ourson-mind-sweets-happy-buddha-bear-bio-75-g-5860">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jelly Ourson mind sweets Happy Buddha Bear Bio, 75 g</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 3.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0_CBhC1aPFv0m2PnDNCeaeoqEu88ZiOkMFNElqiISpVDz6X8LibJC7IHwknVFJXgw9XAh5AjvkQNRJZtKP1R_w" />
    <input value="5860" 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/aioli-vegan-sans-oeuf-demeter-190-ml-7915">
          <img alt="Aioli Vegan Sans œuf, Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4640/file/small-e2d2c35637614e7dd39104ca56b52ec0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.webp 900w, https://assets.fabulous.ch/public/variant_asset/4640/file/large-9a914f09e667a80210af7e47cfc88060.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.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">Naturata</p>
          <a href="/fr/products/aioli-vegan-sans-oeuf-demeter-190-ml-7915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aioli Vegan Sans œuf, Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FkFRxGsYPwE6yVTnEp0xu67c0BAKAm3fiHWTKlqoaC-GfnW8aGTKUXxV9UnLWToyhyMCeKZH8D-1YkHR2t1zRQ" />
    <input value="7915" 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/galettes-de-riz-complet-au-sesame-noir-et-tamari-bio-60-g-15704">
          <img alt="Galettes de riz complet au sésame noir et tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7151/file/small-fc139f856a2338c1e1bea6eadd92a02b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7151/file/medium-856c6dd91e027ef78016e9ea263858b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7151/file/large-b0a9704df461469748e7c8dad823d757.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7151/file/medium-856c6dd91e027ef78016e9ea263858b2.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">NaturKraftWerke</p>
          <a href="/fr/products/galettes-de-riz-complet-au-sesame-noir-et-tamari-bio-60-g-15704">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes de riz complet au sésame noir et tamari Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RzB6ETkku87bR29xU6XdztGfE98_KDids2tNy7gbvWHXD15pOlhOnp3bzt-KYdZH-GDBt5NtpX2OfJ8wOG6mCw" />
    <input value="15704" 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/falafel-a-la-patate-douce-bio-240-g-4488">
          <img alt="Falafel à la patate douce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2775/file/small-dc0d164ce0141fa8513ae34dbb128f06.webp 600w, https://assets.fabulous.ch/public/variant_asset/2775/file/medium-d9e5e155bd41b649ca04808786c5bd8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/2775/file/large-de58139abe8c8ab3ccaedf2f241d5e5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2775/file/medium-d9e5e155bd41b649ca04808786c5bd8a.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">Florentin</p>
          <a href="/fr/products/falafel-a-la-patate-douce-bio-240-g-4488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel à la patate douce Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zSTpXG_7SD79oxrBSIa0g6p5sZC5LPrBDMc1TMlxcExdG80kbIe9brs_u2-RQr8Kg4Zj-BVpZyEx0Oe3SQRrJg" />
    <input value="4488" 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/falafel-mini-sans-gluten-bio-150-g-4487">
          <img alt="Falafel Mini 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/2771/file/small-48eb4b6e91d6faf9cdee4961416ee231.webp 600w, https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2771/file/large-b73679764ca88631c6e7398b6d0a954a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.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">Florentin</p>
          <a href="/fr/products/falafel-mini-sans-gluten-bio-150-g-4487">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Mini Sans Gluten Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZhEJLmp0-uuIJFsTWtOZkHddgHfcyJqxTVt1morCXE5p2BcutUmu-i8MMKUr0XvaCKkaXM2v4r4Ir8t6l4SGw" />
    <input value="4487" 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/spirulina-capsules-vegetal-100-caps-100-piece-973">
          <img alt="Spirulina capsules végétal" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/854/file/small-31bb69ffd2a6a1a8389fd1a532db5ba7.webp 600w, https://assets.fabulous.ch/public/variant_asset/854/file/medium-f899f4f65244b5d31fc672c64e46f511.webp 900w, https://assets.fabulous.ch/public/variant_asset/854/file/large-22acb31d5a38895ed0a99f5dd7533a19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/854/file/medium-f899f4f65244b5d31fc672c64e46f511.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">MORGA</p>
          <a href="/fr/products/spirulina-capsules-vegetal-100-caps-100-piece-973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirulina capsules végétal, 100 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JSdYX9qTApyOlZqyZI3gq5Of35Yioq1jmkS_rPEm24m1GHwn2e_3zMgJOxy9SesiumAN_o7nMIOnU21XcVPA4w" />
    <input value="973" 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/1-l-e202c4df-244a-4a74-9959-ca5f7a34a154-17719">
          <img alt="Lessive liquide aux olives 20°-40° C Laine/Soie (sans parfum)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8612/file/small-f2ca3b09451a74b32d44a8c5fb2a61ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/8612/file/medium-c8b8d8533a8e97646ca5eea5da10d3aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/8612/file/large-e6b5201b8010d903b7d77ca335d72312.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8612/file/medium-c8b8d8533a8e97646ca5eea5da10d3aa.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">Sonett</p>
          <a href="/fr/products/1-l-e202c4df-244a-4a74-9959-ca5f7a34a154-17719">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive liquide aux olives 20°-40° C Laine/Soie (sans parfum), 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WaZfPjJFZ1jmwrgbanJCU7czzzAuYTM_yO4Foyd-D2nJmXtGMTmSCKBeGbWztknanswdWIIkrt_1-ddYpwsUAw" />
    <input value="17719" 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/liquide-vaisselle-mains-citronnelle-1-l-542">
          <img alt="Liquide Vaisselle Mains Citronnelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/494/file/small-97807b91f59f05e664e11d7684efe51d.webp 600w, https://assets.fabulous.ch/public/variant_asset/494/file/medium-bc7f99f8e8383694407f11cbc719f292.webp 900w, https://assets.fabulous.ch/public/variant_asset/494/file/large-ed0a79cd45c327c195cd37217b0e0575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/494/file/medium-bc7f99f8e8383694407f11cbc719f292.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">Sonett</p>
          <a href="/fr/products/liquide-vaisselle-mains-citronnelle-1-l-542">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Liquide Vaisselle Mains Citronnelle, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="64LL3cwDUfNJHcGPgwjrkHZuzLgpqm3NBSm2_GUUL4Z7ve-lz3-kow-BYCFazOAZX5Ee0IXv8C04PmQH5WE07A" />
    <input value="542" 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/gel-douche-soin-sensitive-2en1-sac-de-recharge-500-ml-12297">
          <img alt="Gel Douche Soin Sensitive 2en1 Sac de Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6182/file/small-c59ed44570799a1457b2c7e712a17cad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6182/file/medium-76926cfe00b3cc1d6a9460554de365bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6182/file/large-58f64ef4fc21179203e4b72cc4938009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6182/file/medium-76926cfe00b3cc1d6a9460554de365bc.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">Lavera</p>
          <a href="/fr/products/gel-douche-soin-sensitive-2en1-sac-de-recharge-500-ml-12297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gel Douche Soin Sensitive 2en1 Sac de Recharge, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-Pv42R4qes7obXKcLgCsgpn9N6LIhlDkJIyjWp09sQJoxNyhHVaPnq7x0zL3xKcLsALlymTDzQQZm3GhHUiqaA" />
    <input value="12297" 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/pates-cornettes-soja-et-ble-complet-bio-paquet-bio-500-g-4344">
          <img alt="Pâtes Cornettes soja et blé complet bio paquet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2707/file/small-50fd2d6560da8730888713c516c3dc48.webp 600w, https://assets.fabulous.ch/public/variant_asset/2707/file/medium-8f360b6f402b4c44bac51402211501b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2707/file/large-d1be76201264fb8ddc6e1c483163342c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2707/file/medium-8f360b6f402b4c44bac51402211501b6.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">MORGA</p>
          <a href="/fr/products/pates-cornettes-soja-et-ble-complet-bio-paquet-bio-500-g-4344">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Cornettes soja et blé complet bio paquet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l6vcaxdNgAvMOAqri2Ca0PTySqVMpwFDUw3Blmy2-pQHlPgTFDF1W4qkqwVSpJFZ3Q2YzeDinKNuGhNt7MPh_g" />
    <input value="4344" 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/dr-antonio-martins-cocojuice-pur-jus-de-noix-de-coco-bio-500-ml-7499">
          <img alt="Dr. Antonio Martins CocoJuice Pur Jus de noix de coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4308/file/small-709cb934801d5bdec0fb363c6532e096.webp 600w, https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4308/file/large-de444bbb4fd2e16568de60ef4f767b15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4308/file/medium-819828d1632fc0c84e305242ecae45aa.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">Dr. Antonio Martins</p>
          <a href="/fr/products/dr-antonio-martins-cocojuice-pur-jus-de-noix-de-coco-bio-500-ml-7499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Antonio Martins CocoJuice Pur Jus de noix de coco Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OdodNCCWB-wTy52eH8GHYxKm92IIcNmv5bpJqFemiLup5TlMI-ryvFVXPDDGBYzqO1klCqQ1RE_YrZtT19OT0Q" />
    <input value="7499" 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">
      1&#39;160 sur 3&#39;199 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/naughty-nuts?format=turbo_stream&amp;page=59">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>