<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/bloomy-allure-parfum-pour-cheveux-50-ml-17897">
          <img alt="Bloomy Allure - Parfum pour cheveux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8874/file/small-8f9a6388e62c15bed2c96feb21203ce2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8874/file/medium-e6c9e07fdcb34e139789c4a480aaa8c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8874/file/large-357c4fc5f23b65488b8f1391979ea152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8874/file/medium-e6c9e07fdcb34e139789c4a480aaa8c6.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">Chey Haircare</p>
          <a href="/fr/products/bloomy-allure-parfum-pour-cheveux-50-ml-17897">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bloomy Allure - Parfum pour cheveux, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1eTuBrOAW3qd3fJpKRwup6ogbSZwJrbJlyFzn-ObM5W3o_WBeHIodIYBXH833_Sf5kl_eC5_bb0kQ6pVVtrCTw" />
    <input value="17897" 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/conditionneur-bar-eau-de-riz-proteines-60-g-17896">
          <img alt="Conditionneur Bar Eau de Riz &amp; Protéines" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8873/file/small-b12f6fbdecd760afa46bf0527851b3c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8873/file/medium-8db5f6834a1f16dc00908903d7fec6f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8873/file/large-88e1148adf9eba919342d09a8fc64cb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8873/file/medium-8db5f6834a1f16dc00908903d7fec6f0.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">Chey Haircare</p>
          <a href="/fr/products/conditionneur-bar-eau-de-riz-proteines-60-g-17896">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar Eau de Riz &amp; Protéines, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DmOC-dgX3pe1rbDQqoxhKV4KGSGVoMG9fom2epKd2w5sJJl-E-Wtma5xHsa0T7sREmMLf8v5GsnN62-wJ9wq1A" />
    <input value="17896" 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/shampooing-savon-capillaire-sans-sulfates-matcha-60-g-12394">
          <img alt="Shampooing savon capillaire sans sulfates Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6218/file/small-d116900752c6877bd3b6b87941af567c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6218/file/large-dbcc0ad972ac14072862215bd631bb88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-matcha-60-g-12394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y5E6MJOvoFPtxf1y-f2y4Ev0PUWSW6evfVBzgqv21Dqp1iG3WF3TXfYZU2TnPmjYB50vG8wCfNvOMqpIHrcl4A" />
    <input value="12394" 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/shampooing-savon-capillaire-sans-sulfates-calendula-60-g-12392">
          <img alt="Shampooing savon capillaire sans sulfates Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6216/file/small-17baae074c2c555efe9f21eaf2526528.webp 600w, https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6216/file/large-86fa9afe2ce5c8016212a95f0d0d67e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-calendula-60-g-12392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CeYIaUZAsvpETEFxnFaXp_kmjD6taza3rC6YF2eBr6VroRPujbLB9F-Q72eClU2ftU-eYPMy7cMfTEHd0sBefw" />
    <input value="12392" 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/shampooing-savon-capillaire-sans-sulfates-d-aloe-vera-60-g-12390">
          <img alt="Shampooing savon capillaire sans sulfates d&#39;aloe vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6214/file/small-d238443ced0fce4e3cac20aaf0a05372.webp 600w, https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6214/file/large-e808bb2b45ba267df9ad443dc3399184.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.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">Chey Haircare</p>
          <a href="/fr/products/shampooing-savon-capillaire-sans-sulfates-d-aloe-vera-60-g-12390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing savon capillaire sans sulfates d&#39;aloe vera, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5O-PXP12RsUkVIDx8SwMyit4Vql3R9nmWOvaRrPcfn-GqJTbNoQ1yz-ILufv79byZxFE9ykeApLriQOMBp2PpQ" />
    <input value="12390" 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/elixir-capillaire-nourrissant-30-ml-14869">
          <img alt="Élixir Capillaire Nourrissant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6809/file/small-31824e617cb6704081de47d1a6a28794.webp 600w, https://assets.fabulous.ch/public/variant_asset/6809/file/medium-789aa42bde013a514b0e1757101e2bbc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6809/file/large-f97323806b1b516eb04941ac23800f90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6809/file/medium-789aa42bde013a514b0e1757101e2bbc.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">Chey Haircare</p>
          <a href="/fr/products/elixir-capillaire-nourrissant-30-ml-14869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Élixir Capillaire Nourrissant, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWNsVrZ1q_XH5yvl6fu2pOI4Nlk0kmBgKdk1U3S1YK1rJHfRfYfY-9w7hfP3OGycrlEkB2rLuxSau-yZwfSRdw" />
    <input value="14869" 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/traitement-hydratant-pour-cheveux-200-ml-14866">
          <img alt="Traitement hydratant pour cheveux" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6803/file/small-cdcac232592cbbb7e5044579227fd2ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/6803/file/medium-5b24ed654e3c724de10544270de33438.webp 900w, https://assets.fabulous.ch/public/variant_asset/6803/file/large-a3c98f9302ed6311370f3824694e44a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6803/file/medium-5b24ed654e3c724de10544270de33438.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">Chey Haircare</p>
          <a href="/fr/products/traitement-hydratant-pour-cheveux-200-ml-14866">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Traitement hydratant pour cheveux, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nTiELuecPcJ9BPTj3id6PICyHRcdp77q8mL5ZD0mA3D_f5-pLG5OzGbYWvXA5KAEzNsPSUP-ZZ5BACCuiGfyqg" />
    <input value="14866" 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/sojade-so-soya-fraise-bio-400-g-11792">
          <img alt="Sojade So Soya! Fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6021/file/small-dbc375ddfe6a0f63f580748d479949c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6021/file/medium-894e1fe4909f67498617d6ba94a1f0fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6021/file/large-3d8922664d25d69c95d3d4e4686f45ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6021/file/medium-894e1fe4909f67498617d6ba94a1f0fd.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-fraise-bio-400-g-11792">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Fraise Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v7SHZxOKOzbMpqBd_b6cU6ZljFF4oguNbRJbZhIvirHd85zg2HhIONd6DkvjfUZr6gyeDyb70PnecIKsp257aw" />
    <input value="11792" 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/beef-ish-bouillon-bio-40-g-12963">
          <img alt="Beef`ish Bouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6362/file/small-3c1090409a4695413f5324e16273c181.webp 600w, https://assets.fabulous.ch/public/variant_asset/6362/file/medium-ffd829818a1dcc6b3f4da41ca73e6208.webp 900w, https://assets.fabulous.ch/public/variant_asset/6362/file/large-a954880642b52ee57fecebef72c11491.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6362/file/medium-ffd829818a1dcc6b3f4da41ca73e6208.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">Uhhmami</p>
          <a href="/fr/products/beef-ish-bouillon-bio-40-g-12963">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beef`ish Bouillon Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="td3NUoODvaGfRz99WUD6cQgCbWdt25cvquPAPBGQ0rXXmtbVSHHOr4SbkWtHgyBJRGt_OTOCTFsZgRn2pNEjbw" />
    <input value="12963" 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/extrait-liquide-de-champignon-medicinal-criniere-de-lion-bio-100-ml-16705">
          <img alt="Extrait liquide de champignon médicinal Crinière de lion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7735/file/small-0e6ee1251e89efb3c1721a667371c5b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7735/file/medium-8c215076faa378143e929c4f05799167.webp 900w, https://assets.fabulous.ch/public/variant_asset/7735/file/large-e29e7ffe6859ef442a228332ebd0af8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7735/file/medium-8c215076faa378143e929c4f05799167.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/extrait-liquide-de-champignon-medicinal-criniere-de-lion-bio-100-ml-16705">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Crinière de lion Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IZZu7aKKjUA92uNiyZcMYXrlQzKdCKYfWrH22VZWtHJD0XVqaXj-TiYGTXTXVNZZNoxRbMNRfWvp0y8T4xdFqA" />
    <input value="16705" 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/fer-capsules-vegetal-100-capsules-100-piece-970">
          <img alt="Fer 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/851/file/small-b5140f36de82df08e59b446ca4dc8ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/851/file/medium-8fe7473cf6a7b3f302a780c82fa4d7b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/851/file/large-c3012162f59eb4842b8e1d1334718698.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/851/file/medium-8fe7473cf6a7b3f302a780c82fa4d7b0.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/fer-capsules-vegetal-100-capsules-100-piece-970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fer Capsules Végétal, 100 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </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-970-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rQSPsZrIFo5TDLadMYcXvGgbZzIB7CbOb90LNnQMHnnPQ5Q2UTplgEjQGIsvRM2EJHJ1bF-1_brcv9L8wU3vow" />
    <input value="970" 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/chlorella-caps-vegetal-100-capsules-100-piece-971">
          <img alt="Chlorella caps. 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/852/file/small-7a9bc40712168b29b401b645e6e198b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.webp 900w, https://assets.fabulous.ch/public/variant_asset/852/file/large-c0a53a6c2e19a441f590434b346536eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.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/chlorella-caps-vegetal-100-capsules-100-piece-971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella caps. végétal, 100 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f24yTI3EBxhEyqKv3bSpFCln3bB8avyy_oFMb59-5EwdKSnLRjZ0Fl8WDLnDd3MsZQ7P7iIzJ8ZN45WlKj8Vlg" />
    <input value="971" 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/explore-cuisine-spaghetti-aux-haricots-noirs-bio-200-g-14857">
          <img alt="Explore Cuisine Spaghetti aux Haricots Noirs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6800/file/small-5af3eb8bfe8d9f6f2885a0cab3fd602e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6800/file/large-c8e77cceeb34dd0cbbffd761cf2c0cf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.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-spaghetti-aux-haricots-noirs-bio-200-g-14857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Spaghetti aux Haricots Noirs 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-14857-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UcMd0KF2C-xTWH9uisCX4Qpz7KU12nJ1SMpWeC3fyIozhAZXaoR44kiE0XiUA03ZRhr--2uDqQH7qI-ymJ45UA" />
    <input value="14857" 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/krunchy-low-sugar-no-choco-bio-375-g-17121">
          <img alt="Krunchy Low Sugar (NO) CHOCO Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7961/file/small-c7268cca8a87c034c279abff94c8b6aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7961/file/medium-5c9c00dc7ee0df40613497203dea611e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7961/file/large-bfcaa89c1d3a75acaae7fe6d78561e44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7961/file/medium-5c9c00dc7ee0df40613497203dea611e.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">Barnhouse Naturprodukte</p>
          <a href="/fr/products/krunchy-low-sugar-no-choco-bio-375-g-17121">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Low Sugar (NO) CHOCO Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NGYi0kzDLJ5AznErZF5fPzU2HyJ4Q265HHDreY0Z3RtWITlVhzFfkFsS3z16nYUHeV8NfCYatc2vEjKzOFgswQ" />
    <input value="17121" 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/protein-chunks-hache-fin-bio-125-g-13449">
          <img alt="Protein Chunks haché fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6518/file/small-c9dc76ceec7ed61c2d612edeb02ddfbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6518/file/large-405ba728d63ba4681b0b09acc98cf8ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.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/protein-chunks-hache-fin-bio-125-g-13449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks haché fin Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j8ZH_CKTR4q0ily1ow9y6n6YFsY0XdFw116jSYTn7w7tgVx76WE0hK9W8qO9zKjSMvEEmGoECgRkPHqDMaYe1A" />
    <input value="13449" 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/pesto-verde-bio-120-g-15544">
          <img alt="Pesto Verde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7096/file/small-77ee89e046babd78c863e7a5d557d5e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7096/file/large-392ab8582870175e2f0797d3dbe1fb95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.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/pesto-verde-bio-120-g-15544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Verde Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BiIYJi0J0KbxJc4dVGFPY_mLtz1GYCLL5SEkYAVBfKNkZQOh5vujqOr5YAtKopVbteKlYxg5-b9WQ_2qsACNeQ" />
    <input value="15544" 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/farine-de-souchet-torrefiee-bio-200-g-17205">
          <img alt="Farine de Souchet Torréfiée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8035/file/small-4ec75a1004461869d40052b66f713b77.webp 600w, https://assets.fabulous.ch/public/variant_asset/8035/file/medium-6527189c981f48099718f4dc41f85947.webp 900w, https://assets.fabulous.ch/public/variant_asset/8035/file/large-53be2c9aee4ea50d65f976345e2f3897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8035/file/medium-6527189c981f48099718f4dc41f85947.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/farine-de-souchet-torrefiee-bio-200-g-17205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Souchet Torréfiée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GcikT2PPwqXeUpnSDIzULAWreyh9TwBpGSV9P8Al9aZ7j7_IqD2xq8WON8QSTw4UScJpdiMW2x2qR6T1dWQEfA" />
    <input value="17205" 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/flocons-de-millet-demeter-500-g-15155">
          <img alt="Flocons de millet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6938/file/small-aff58e1f9aae9fd1b655c527195d00f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6938/file/medium-468926895bc4b3ebb204e28ad4b2bfc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6938/file/large-5d2fa60d86eac12efb51fddcad0ae7d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6938/file/medium-468926895bc4b3ebb204e28ad4b2bfc1.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">Vanadis</p>
          <a href="/fr/products/flocons-de-millet-demeter-500-g-15155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de millet Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lovdQQy3qIDDjC--8MPKi5Z514HoxvhZnT4C2xvP6C70zMbGx0XbjthQgajuABCz2hDF37afIy0uXNsRro4Z9A" />
    <input value="15155" 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/proteine-de-riz-bio-400-g-17500">
          <img alt="Protéine de Riz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8157/file/small-b649d9b19db1353ecb3d5681ad558409.webp 600w, https://assets.fabulous.ch/public/variant_asset/8157/file/medium-ec2321b27e1f137a52e172b48b7f34f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8157/file/large-506bc4b0a171ea699b08768d6d10f793.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8157/file/medium-ec2321b27e1f137a52e172b48b7f34f6.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/proteine-de-riz-bio-400-g-17500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protéine de Riz Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TNvV5Hny1HEs0OFr_N1vyDRdtvF4oPHYr2X3NinWpz4unM5jsgCnfzcMT33iHrXweDSkryb5KqwcBy78nJdW5A" />
    <input value="17500" 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/pain-croustillant-croq-avoine-sesame-chia-sans-gluten-bio-160-g-6151">
          <img alt="Pain Croustillant Croq&#39; Avoine Sésame Chia 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/3536/file/small-0adde340737380b3bee547951cd98821.webp 600w, https://assets.fabulous.ch/public/variant_asset/3536/file/medium-1a36e049c671ef2598e8ff45662b5a98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3536/file/large-c7699bb1b86dff2faa759168c0266603.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3536/file/medium-1a36e049c671ef2598e8ff45662b5a98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/pain-croustillant-croq-avoine-sesame-chia-sans-gluten-bio-160-g-6151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain Croustillant Croq&#39; Avoine Sésame Chia Sans Gluten Bio, 160 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 3.06 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e0gn4RAPXvS4Q2FtO_oBjS3tCKLliNzrI-9cW9S2vt4ZDzxm2_0t-qOfz3slOdu1YYQa_LvRB5-QjYWRYfdPBA" />
    <input value="6151" 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;020 sur 3&#39;209 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/spa-vivent?format=turbo_stream&amp;page=52">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>