<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/bouillon-de-legumes-a-la-levure-bio-recharge-bio-500-g-14919">
          <img alt="Bouillon de légumes à la levure bio Recharge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6838/file/small-d2c67bae048de2285c348d3aa05b5e9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6838/file/large-2ccf73d1b1031f13a3bec7248468e633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.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/bouillon-de-legumes-a-la-levure-bio-recharge-bio-500-g-14919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon de légumes à la levure bio Recharge Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqleDArHr8f7eJRvc_pixH0fVGk6LbmoIYmEF166Uk-crfDLYVTHNSYJv4ezq53n126230dRzr8b36iEOmRPaw" />
    <input value="14919" 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/bouillon-de-legumes-a-la-levure-bio-pot-bio-200-g-14920">
          <img alt="Bouillon de légumes à la levure bio Pot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6840/file/small-3f99b186a4420e371c9c80ce7de76555.webp 600w, https://assets.fabulous.ch/public/variant_asset/6840/file/medium-5c99fb350c30aa2a42e9ca0d0f52eb20.webp 900w, https://assets.fabulous.ch/public/variant_asset/6840/file/large-aab54e5f98bf008ddfc50e4d9d46c64a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6840/file/medium-5c99fb350c30aa2a42e9ca0d0f52eb20.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/bouillon-de-legumes-a-la-levure-bio-pot-bio-200-g-14920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon de légumes à la levure bio Pot Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-tmFt7e3icrF-Q6r0lKtVXpMLovJprLIqABDC3WqHdF78jRtU221fZmz9JvGLWW_5jSDFJa7dwY9i2fSQi1Uw" />
    <input value="14920" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-14922">
          <img alt="Sauce barbecue aigre-douce 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/6842/file/small-fb04ef736cb7a10080928203ca524c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6842/file/large-c1f3d62f85274f93b32ec31e792e8442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-14922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce barbecue aigre-douce sans gluten Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vquRWE3cFbUk1FN8KjdSA3cvpji0PcgV3tbp0BxY_xQMrz-fJk99R_mleJTqZq0g3V5EjslBvwLkgMVDeIbiMA" />
    <input value="14922" 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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-094c1b11-2e27-4490-9e43-733454edb820-14923">
          <img alt="Sauce barbecue aigre-douce 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/6843/file/small-720d1684b07ee277f042e92f283753ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6843/file/large-830aee4681ca56d000b271d7e88c203d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.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/sauce-barbecue-aigre-douce-sans-gluten-bio-210-ml-094c1b11-2e27-4490-9e43-733454edb820-14923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce barbecue aigre-douce sans gluten Bio, 210 ml</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.33 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Orph5oDmcVUE-hh2wgxRJsJFD9QNyePhsJnEZVEJPliIvs8h63UZp9mLM54CXa4FaDTtYnC1lPaKz-j2NdcjfA" />
    <input value="14923" 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/tomates-passees-demeter-400-ml-14924">
          <img alt="Tomates passées Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6844/file/small-107a90ca6efd7c52821f357f8132b0d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.webp 900w, https://assets.fabulous.ch/public/variant_asset/6844/file/large-d033cb5032c048fb6b3a0ac687b4f314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6844/file/medium-2003ec2e6a1b6cbb73177c6d3df51b90.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/tomates-passees-demeter-400-ml-14924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomates passées Demeter, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tcg9DZZ9MgzlL7vivlQAVgjdlTGL55uktFffEkQZzJD_zJPK_e5a_jhekAp-Bf91oqx3h_ab7LOOAfOBIMfRtA" />
    <input value="14924" 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/tomates-pelees-au-jus-de-tomate-demeter-660-g-14925">
          <img alt="Tomates pelées au jus de tomate Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6845/file/small-82dd849b4823986db28f927833a58abe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6845/file/large-6538e0be33c827257fa52453c4184f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.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/tomates-pelees-au-jus-de-tomate-demeter-660-g-14925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomates pelées au jus de tomate Demeter, 660 g</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 0.71 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1J49bjr7I0UQEQafjhrJegoUkN3_8P8TPCTMhlaK0K1mmpOpUWhLt81gLXdOSzZZoGVya4KMiAQGcuAVMlTNiQ" />
    <input value="14925" 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/cafe-instantane-aux-cereales-cannelle-cardamome-bio-125-g-14926">
          <img alt="Café instantané aux céréales Cannelle &amp; Cardamome Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6846/file/small-49936acab3b0d26177db7adeed06293c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6846/file/medium-cf15b38e7342da613cb46aeb653187bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6846/file/large-38b4cad013083eddaeb00819ba6ad1ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6846/file/medium-cf15b38e7342da613cb46aeb653187bc.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/cafe-instantane-aux-cereales-cannelle-cardamome-bio-125-g-14926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café instantané aux céréales Cannelle &amp; Cardamome Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XUzJnXA1C6D6Fq_dIp55o78uPTDwVOfmj4naF8E-MjHvSGdaG6ZjUidnhDXiz4aAFV_fho0okPG13_aEpeAvFQ" />
    <input value="14926" 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/cafe-instantane-aux-cereales-decafeine-recharges-demeter-200-g-14927">
          <img alt="Café instantané aux céréales décaféiné Recharges Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6847/file/small-58f4c601319ac3d78cc8fa3d5c48a232.webp 600w, https://assets.fabulous.ch/public/variant_asset/6847/file/medium-2b8d3e0860e811c7453f39b90c1d5e7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6847/file/large-f15243c76d06ce748503a2cd451cffd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6847/file/medium-2b8d3e0860e811c7453f39b90c1d5e7f.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/cafe-instantane-aux-cereales-decafeine-recharges-demeter-200-g-14927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café instantané aux céréales décaféiné Recharges Demeter, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iE7kfRz5J4bBDQdnW5UZwXJ-Ng3lldMgrtVWBmu6HAg6Skq6d2pPdBx8LI-bxObi2A_Uu5jppDeUg3qVD2QBLA" />
    <input value="14927" 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/cafe-instantane-epeautre-decafeine-sachet-de-recharge-demeter-175-g-14929">
          <img alt="Café instantané épeautre décaféiné, sachet de recharge Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6848/file/small-edda10c1ab30d2dccad7d595e3fb1e68.webp 600w, https://assets.fabulous.ch/public/variant_asset/6848/file/medium-57cdb54e2ad2170b3b261747926128e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6848/file/large-1ce92b0e496c5a5b00ee9ca1a4b437a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6848/file/medium-57cdb54e2ad2170b3b261747926128e4.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/cafe-instantane-epeautre-decafeine-sachet-de-recharge-demeter-175-g-14929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café instantané épeautre décaféiné, sachet de recharge Demeter, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ojy3espLA5BzAUT4E46xxJgMRvvhuB5EX_8QcJwhXwCIOBm9odhrYq5wbxDT307nMn2kTZzEaVNlqTzj-P9CJA" />
    <input value="14929" 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/cafe-instantane-epeautre-decafeinedose-demeter-75-g-14930">
          <img alt="Café instantané épeautre décaféinédose Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6849/file/small-9e2fc8e49550a1e82c870d34c8f0a7d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6849/file/medium-93e89a7b39cf4a1f87ad81067be1e490.webp 900w, https://assets.fabulous.ch/public/variant_asset/6849/file/large-39f8980f2478359e1f662132032818a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6849/file/medium-93e89a7b39cf4a1f87ad81067be1e490.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/cafe-instantane-epeautre-decafeinedose-demeter-75-g-14930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café instantané épeautre décaféinédose Demeter, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JwLH5sZ_u-R7deLBZPsP0cLal3ob06ip8rxptQ7Is0iVBmkhrezTFqYEySmkqvDyaKt1zGav377I6kUmahaubA" />
    <input value="14930" 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-de-cacao-noble-commerce-equitable-bio-125-g-14931">
          <img alt="Poudre de Cacao noble commerce équitable Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6850/file/small-267f1caeddac328a23d3662101a2d350.webp 600w, https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6850/file/large-92e58db84696774ba18e37b6aba5942d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.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/poudre-de-cacao-noble-commerce-equitable-bio-125-g-14931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Cacao noble commerce équitable Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5dwD43WGDS-m-Qd8r35202MS5F3xqDMO2Bisg2XbYktX2K0kHhVl3XuILJRvL4nwyWMG64zURBniToAQAQV_bw" />
    <input value="14931" 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/nucleotides-hepacell-nt-180-gelules-180-piece-14932">
          <img alt="Nucléotides Hepacell NT, 180 gélules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6851/file/small-83a2592210c8f74709f3715081309fd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6851/file/medium-b6594f4eb0e70fe46bc240fd891995c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6851/file/large-75bb88c5ba28a66afc2ef29c82092a72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6851/file/medium-b6594f4eb0e70fe46bc240fd891995c4.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-hepacell-nt-180-gelules-180-piece-14932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Hepacell NT, 180 gélules, 180 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RCB2KZoEzMa_FMlELP9q8nuVvUbleQ4rBGBERdYDxuP2JNju8ZekNGJl4qzsrpXR0eRf8JgFeTw-NmjWst3bxw" />
    <input value="14932" 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/nucleotides-hepacell-nt-60-gelules-60-piece-14933">
          <img alt="Nucléotides Hepacell NT, 60 gélules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6853/file/small-5ebb8f9580f8d3b1c71d9b393f021ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6853/file/medium-2cee26a049a13d6755ab588ad610ef24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6853/file/large-f7b6666210be1cdeeb1cd7fbb1155b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6853/file/medium-2cee26a049a13d6755ab588ad610ef24.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-hepacell-nt-60-gelules-60-piece-14933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Hepacell NT, 60 gélules, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qc8f1TgrQvjokRGTVNbaL83w5od3JFiRlAovixnzH38by7ESU7gqCjXgOnuUhyUMZ4EEMQpYL4auXAMYfS0CWw" />
    <input value="14933" 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-matcha-60-g-14951">
          <img alt="Conditionneur Bar Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6854/file/small-25e0679e35c8408f950482a18bd384b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6854/file/large-1d53ad9f379f1cd0714b95b8b7aa4825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6854/file/medium-954e9c6e11fbb1cd0ae055e6c0d0321b.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-matcha-60-g-14951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar 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-14951-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KNOSfn9M6qDcBni8AaAn6QBDVZXO-GeDhbdX9SuAB16a1zy5FN-CUgF3U1TB8djKqjK3I7OEEJS_4XtmT14aeg" />
    <input value="14951" 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/conditionneur-bar-noix-de-coco-60-g-14953">
          <img alt="Conditionneur Bar noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6856/file/small-f1b9bd8a41c63e482e5597b3bb31a2cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6856/file/medium-efdac96c2e294e940c9a8050d29ca02c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6856/file/large-4561efc9e56b73300100eced7aa86e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6856/file/medium-efdac96c2e294e940c9a8050d29ca02c.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-noix-de-coco-60-g-14953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar noix de coco, 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-14953-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZjvvrvK9HaLvzKybZ9X4PG5lEV8OttnoA-Pwf-eofYbnEF50FmchFbOGVqtzqjDW8h28wFGrHCaWaNSm0C80g" />
    <input value="14953" 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-calendula-60-g-14954">
          <img alt="Conditionneur Bar Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6857/file/small-5b0eb2a85927ea1db261430df7bb07ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.webp 900w, https://assets.fabulous.ch/public/variant_asset/6857/file/large-ecec737ecfc52be129146aca3af1d87b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6857/file/medium-59ff3df29fd46f0373aa35613c325872.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-calendula-60-g-14954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditionneur Bar 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-14954-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7keJ1eTQn7IfhbNMElJG-osmE2chVgC1rsg_vLCsgupcQycSj0P3QML0mKTSA7nZIVfx0Vwqd6KUnhMv1HKfzg" />
    <input value="14954" 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/substitut-de-bacon-vegetalien-bio-10-g-14970">
          <img alt="Substitut de bacon végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6858/file/small-39e33875b304b98ecdaeb1837b56c65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6858/file/large-1a1e9315e73d2da5bc2b254f12893c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6858/file/medium-488f92fe842eaf7a8eba20010be6f3c7.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">Biovegan</p>
          <a href="/fr/products/substitut-de-bacon-vegetalien-bio-10-g-14970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Substitut de bacon végétalien Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="afQJfbtlOk3UfkuCeyFAl3FEVN3R6hUCrN1jNGqAkP7b8Ke60PZSvwkPYGq7cL-02zW2a6yWYhWWi0-nDl6N2g" />
    <input value="14970" 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/oeufs-brouilles-vegetaliens-avec-substitut-de-bacon-bio-50-g-14971">
          <img alt="Œufs brouillés végétaliens avec substitut de bacon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6860/file/small-0d22aa06da56dd673acd7a8310e82b50.webp 600w, https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6860/file/large-fd0218c94ac196ab0183228beebf4e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.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">Biovegan</p>
          <a href="/fr/products/oeufs-brouilles-vegetaliens-avec-substitut-de-bacon-bio-50-g-14971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Œufs brouillés végétaliens avec substitut de bacon Bio, 50 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 5.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BB3IdZ4BBThpG6lYE9f25Mcpi3DZmzAjvQaeM_FfZxS2GWay9ZJtyrRqgrDThgnHbVhpxqTnRzSHULKglYF6MA" />
    <input value="14971" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/unfished-plantuna-alternative-au-thon-a-tartiner-tube-100-g-14972">
          <img alt="Unfished PlanTuna Alternative au thon à tartiner Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6866/file/small-e7cd82cf471949c5bd77466cdd3573a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6866/file/medium-47d5081fa998ead69822c32860c35a22.webp 900w, https://assets.fabulous.ch/public/variant_asset/6866/file/large-328dab0cc1a145fcd229a8c0060774fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6866/file/medium-47d5081fa998ead69822c32860c35a22.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">Unfished / Verdino Green Foods</p>
          <a href="/fr/products/unfished-plantuna-alternative-au-thon-a-tartiner-tube-100-g-14972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Unfished PlanTuna Alternative au thon à tartiner Tube, 100 g</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 4.70 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/unfished-planzalmon-alternative-au-saumon-a-tartiner-tube-100-g-14973">
          <img alt="Unfished PlanZalmon Alternative au Saumon à Tartiner Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6870/file/small-ee660504b60b4b43b8138d2de0bbb6f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6870/file/medium-a20cb96ad14d1abaeab8a2907e041e0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6870/file/large-75d7c5712bc6a77523c95e3afeba7fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6870/file/medium-a20cb96ad14d1abaeab8a2907e041e0c.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">Unfished / Verdino Green Foods</p>
          <a href="/fr/products/unfished-planzalmon-alternative-au-saumon-a-tartiner-tube-100-g-14973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Unfished PlanZalmon Alternative au Saumon à Tartiner Tube, 100 g</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 4.70 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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">
      2&#39;340 sur 3&#39;168 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/ombar?format=turbo_stream&amp;page=118">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>