<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/lentilles-beluga-noir-en-gros-bio-5-kg-15514">
          <img alt="Lentilles Beluga noir en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7074/file/small-6caecbafa030408790b6c7ff13de62e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.webp 900w, https://assets.fabulous.ch/public/variant_asset/7074/file/large-8347bb95ff3fd9501aacb76f3d2b0413.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.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">Biofarm</p>
          <a href="/fr/products/lentilles-beluga-noir-en-gros-bio-5-kg-15514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentilles Beluga noir en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RUKQhAb-i4m-eWxYDwQmRTsJzg40mvPF-YFfGOg6fqDwsXcowtztpCLf4fFWM-_8RfrnKFX9K_U6M5pakAiMkQ" />
    <input value="15514" 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-cognicell-nt-60-gelules-60-piece-15518">
          <img alt="Nucléotides Cognicell 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/7075/file/small-7fc74696694d41c1f79cdfefbf5b3407.webp 600w, https://assets.fabulous.ch/public/variant_asset/7075/file/medium-db30b73c1fe5be4e4f4835dfc6b5c2fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7075/file/large-5fe84551fa758adacd62c21e11f236ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7075/file/medium-db30b73c1fe5be4e4f4835dfc6b5c2fc.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-cognicell-nt-60-gelules-60-piece-15518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Cognicell NT, 60 Gélules, 60 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MIpl7Czu2cS3ovQE4OrjCLDsaFAOGKAXyG8GjJEk6o2FeYJA6My_6SsEea253Sqxzh9Bdm9_eCcL3cPO6RYYvA" />
    <input value="15518" 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-cognicell-nt-180-gelules-180-piece-15519">
          <img alt="Nucléotides Cognicell 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/7077/file/small-576ac01003c7320219896272d13ba24e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7077/file/medium-887aa5fc5d5061e3f8616182efc6493c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7077/file/large-717a5acf5d44703f0e111977200f7dac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7077/file/medium-887aa5fc5d5061e3f8616182efc6493c.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-cognicell-nt-180-gelules-180-piece-15519">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nucléotides Cognicell NT, 180 Gélules, 180 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.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-15519-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jpLg2NsReVHQP2BAFilfyKct_CdVpkzNkcwg1wiACx47YQd0HzMffEyZ7elPHpZx2d7VATTBlP1SfuWVcLL5Lw" />
    <input value="15519" 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/baume-actif-a-la-vigne-rouge-125-ml-15520">
          <img alt="Baume Actif à la Vigne Rouge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7076/file/small-1d27e018e17b00a5663555e561c576da.webp 600w, https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7076/file/large-4feb85fb3e2aff619d7bd414bccad58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.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/baume-actif-a-la-vigne-rouge-125-ml-15520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baume Actif à la Vigne Rouge, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JzaLgZ_8AMef5wHdMIzuTyp4O9_TDJKZ02FiuuEjMhaSxWwtW95m6gNBjHRpuyf2VIsS-bJrSqkQ06f4mRHAJw" />
    <input value="15520" 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/garam-masala-cuisine-indienne-bio-40-g-15521">
          <img alt="Garam Masala - Cuisine Indienne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7079/file/small-cff83c4f3b31f9455151d36447120f14.webp 600w, https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7079/file/large-a945f46b6e435c72be4e80db2b8fb0ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.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">Lebensbaum</p>
          <a href="/fr/products/garam-masala-cuisine-indienne-bio-40-g-15521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala - Cuisine Indienne Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LyfTQqFoofConDqUu9h9bChzRf2I0QLXAZ5qWwIIuDaa1DTuZUrH3TQ6tz3i77TVVoBs2-m22ufCLK8ZejpKBw" />
    <input value="15521" 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/garam-masala-epices-bio-55-g-15522">
          <img alt="Garam Masala Épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7078/file/small-53bb91b48a6911c038bc2bf8f3cbeb0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7078/file/large-5e6b76724d6fa4fb4b4057799c14104c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7078/file/medium-6661f2ab8394c153255d92e6017873a5.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">Sonnentor</p>
          <a href="/fr/products/garam-masala-epices-bio-55-g-15522">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala Épices Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3WbIvR9LWEcYOwZBrv4tpWELQwVm9bCt8SAViJha3KJolS8R22k-aoSdi-j3yeQcH_hqIweSaJ0yktDK4Ggukw" />
    <input value="15522" 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/kuvings-auto8-hands-free-noir-extracteur-de-jus-1-piece-15523">
          <img alt="Kuvings AUTO8 Hands-free Noir - Extracteur de jus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7080/file/small-5a6b86e1b37733e2ac4e4fbf616c044b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7080/file/medium-bfb6bfe2123f1bcebcdf723d9d6cffd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7080/file/large-590a94de59a75e212ecaea9da6215c10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7080/file/medium-bfb6bfe2123f1bcebcdf723d9d6cffd9.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">Kuvings</p>
          <a href="/fr/products/kuvings-auto8-hands-free-noir-extracteur-de-jus-1-piece-15523">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings AUTO8 Hands-free Noir - Extracteur de jus, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 395.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O04QKKw2AnDMR9w5lV4t1wEgIN4p3b_axFODA4UGYZiOvfeEaBRkXVDhUZDMaeRuf9MJ-Ei6Z-oH4UZB_TSTqQ" />
    <input value="15523" 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/kuvings-auto8-hands-free-silver-extracteur-de-jus-1-piece-15524">
          <img alt="Kuvings AUTO8 Hands-free Silver - Extracteur de jus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7081/file/small-b83c247caa205d78fd42af75fef35ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7081/file/medium-7a18bf7f5efc78cb4fbafd015a74d265.webp 900w, https://assets.fabulous.ch/public/variant_asset/7081/file/large-0c40886c8f24921d2caadcc74a5ac95c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7081/file/medium-7a18bf7f5efc78cb4fbafd015a74d265.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">Kuvings</p>
          <a href="/fr/products/kuvings-auto8-hands-free-silver-extracteur-de-jus-1-piece-15524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings AUTO8 Hands-free Silver - Extracteur de jus, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 395.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0a45PF9dbnbyUzLxwyRxZCGw9IZkExsH22Zwd6TuMMxkXd6Qm38IW271v1iaE7jdX0PdoAV0wzcY1LU13NzC_Q" />
    <input value="15524" 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/noix-de-cajou-epicees-bio-50-g-15525">
          <img alt="Noix de cajou épicées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7083/file/small-9078f0e2d3d08fc73fdbf79982993cc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7083/file/large-5ea0a450a87098bc04938b49bbe884cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7083/file/medium-63f0d0c0b163872b02bc7740f74abaf4.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">Landgarten</p>
          <a href="/fr/products/noix-de-cajou-epicees-bio-50-g-15525">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de cajou épicées Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="air910w3BkOmveFtcjmJuKGjKeWxJVU7h4Y0fNQwIMzf2Rp7iBVgbjobbMQrDkAB31AAw9BCjQtENPE-rALS_Q" />
    <input value="15525" 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/noix-de-cajou-coco-curry-bio-50-g-15526">
          <img alt="Noix de cajou Coco-Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7082/file/small-e58911c3537f6f5868282935709d6f8d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7082/file/medium-27c698088b7beaf32a401aa6dc6faae0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7082/file/large-8c4c1f133dbec3537f2d1bcf311a799c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7082/file/medium-27c698088b7beaf32a401aa6dc6faae0.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">Landgarten</p>
          <a href="/fr/products/noix-de-cajou-coco-curry-bio-50-g-15526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de cajou Coco-Curry Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k1_f7A9t2L2tv8-4I3WsKGi2emn46nl1OQsHaRD1s3wmrDhAy0--kDEZQhF6QmWRFkVTT5mNoUX6ucIraMdBTQ" />
    <input value="15526" 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/noix-de-cajou-wasabi-bio-50-g-15527">
          <img alt="Noix de cajou Wasabi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7085/file/small-5803ea4b66d550395235216ba0c95513.webp 600w, https://assets.fabulous.ch/public/variant_asset/7085/file/medium-29577cdd311f218b7a3d3343945a4306.webp 900w, https://assets.fabulous.ch/public/variant_asset/7085/file/large-e4e680c1bb5cc6ea4cdf6b30178e5293.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7085/file/medium-29577cdd311f218b7a3d3343945a4306.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">Landgarten</p>
          <a href="/fr/products/noix-de-cajou-wasabi-bio-50-g-15527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de cajou Wasabi Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RkZPUN4jrZUS_2OMd4j9R87EdGVJZrbWwOXH6pJp_-bztaj8GgHLuI5Z7iUuvzT-sDddQygBbuYDVwKo6lsN1w" />
    <input value="15527" 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/tartinade-de-lentilles-rouges-aux-herbes-italiennes-bio-140-g-15534">
          <img alt="Tartinade de Lentilles Rouges aux Herbes Italiennes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7092/file/small-9e28793b3ac109c094aa775242a8c42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7092/file/large-5f07a86081f23a64c6bab571df81c51d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7092/file/medium-a403584083ed6dd14de59564170150d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/tartinade-de-lentilles-rouges-aux-herbes-italiennes-bio-140-g-15534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartinade de Lentilles Rouges aux Herbes Italiennes Bio, 140 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 2.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vluGo2z7GiO3gdRkKwafnbeQxbKQ4_DLBRZXnV02D-QLqGEPqNl8DisnWc1yMVYkyWPslPGEKPvGpJLfJQT91Q" />
    <input value="15534" 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/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="nbB8fGn8rEquwJi4-6IM2ykU6WiP2l8Ng8I8nPKyVNooQ5vQrd7KZzJmFRGilcViV-fATu69hz1AcPneioCm6w" />
    <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  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-aux-cepes-bio-120-g-15545">
          <img alt="Pesto aux cèpes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7095/file/small-e6c4d4e2c6c9d179ec02848e267ba5ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp 900w, https://assets.fabulous.ch/public/variant_asset/7095/file/large-7894a8fcbfe799775d5c6ae154e7bc02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.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-aux-cepes-bio-120-g-15545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto aux cèpes Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="avKtec5Yf9Vw_8zzyeh3Mk2a_wTxk2diNMVJx9VfNevfAUrVCnoZ-OxZQVqQ376LM2nWIpD0v1L3d4yFrW3H2g" />
    <input value="15545" 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/pesto-rosso-bio-120-g-00075d11-d03c-4a40-9e7b-a09ebd62ae2a-15546">
          <img alt="Pesto Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7098/file/small-8b3b4146bddd200415d6e326fd2ddc16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7098/file/large-115d62ca6dd6f92bd10486293f7e1452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.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-rosso-bio-120-g-00075d11-d03c-4a40-9e7b-a09ebd62ae2a-15546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso 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-15546-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LuWroAMZ92Z5HA7gpRYWMeBGM6Horve6rQBJhZNs26mbFkwMxzuRS-W6g0n8Id-InrUah4nJL4pusozH614pmA" />
    <input value="15546" 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/yarrah-chien-croquettes-vegan-bio-2-kg-15563">
          <img alt="Yarrah Chien Croquettes Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7103/file/small-4f638d8413492dabf21b6fcf1ea0c28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7103/file/large-e80579978975767b02320acd293e67bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.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">Yarrah</p>
          <a href="/fr/products/yarrah-chien-croquettes-vegan-bio-2-kg-15563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Chien Croquettes Vegan Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1CVq4lSLeicWl9g5AL-eaM2NtDGROq5eYUon05s15SJh1o1OkKkcCooxVZBZiFfRs36dF_Bddm6i-OKR4wcXEw" />
    <input value="15563" 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/yarrah-chien-croquettes-sans-cereales-vegan-bio-2-kg-15565">
          <img alt="Yarrah Chien Croquettes sans céréales Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7105/file/small-691f2c4e9291cca827cc004943cf91e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7105/file/medium-4ea366d76006c8579c35e04419995cd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7105/file/large-3c1d99d4608cee4954f002a102105f6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7105/file/medium-4ea366d76006c8579c35e04419995cd7.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">Yarrah</p>
          <a href="/fr/products/yarrah-chien-croquettes-sans-cereales-vegan-bio-2-kg-15565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Chien Croquettes sans céréales Vegan Bio, 2 kg</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 1.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VQIpHrWlgfz1HrA8R3O5ElS-7j1AHI0zASbk0HuhixLg8c6ycYfn0Wm4PZUeRHCrKk3HGyF7VQPClCGSA5N5Iw" />
    <input value="15565" 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/liquide-vaisselle-citron-bidon-gros-20-l-15567">
          <img alt="Liquide Vaisselle Citron Bidon gros" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7107/file/small-844741c88fbf0d41607b81e9899a3ba0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7107/file/large-10df6903fd07a9fb0fe5b1dc1b3c270d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/fr/products/liquide-vaisselle-citron-bidon-gros-20-l-15567">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Liquide Vaisselle Citron Bidon gros, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 92.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PA9xlEj_qD9rRL4gL2EhZGFB5IjJvLHDOTq328uJeqeJ_JY4jN3OEvfiM4l2VujdH7LNrqjbafP6iHKZs7uIlg" />
    <input value="15567" 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/graines-de-lin-bio-500-g-15568">
          <img alt="Graines de Lin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7110/file/small-c012945d283952678a997d8340c0cc46.webp 600w, https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.webp 900w, https://assets.fabulous.ch/public/variant_asset/7110/file/large-6df97132fdd561d9667ad429ad1625ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.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/graines-de-lin-bio-500-g-15568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de Lin Bio, 500 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 0.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MfjqJVsBu8iI4socX6FZLxsbHSzbpVUrQHgYxuaKs4OECw2JnyPd5RRER7UGlpCWZeg0CrrCjRuDyt2EnrhBsg" />
    <input value="15568" 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/ferment-a-yaourt-my-yo-lactopro-inuline-bio-6-sachets-25-g-15576">
          <img alt="Ferment à yaourt My.Yo LactoPro + Inuline Bio (6 sachets)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7113/file/small-0cd75e8d628cb7bfa35acca6df68bbbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7113/file/large-7a9c889002072afbd7058b8afc235f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.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">my.yo</p>
          <a href="/fr/products/ferment-a-yaourt-my-yo-lactopro-inuline-bio-6-sachets-25-g-15576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ferment à yaourt My.Yo LactoPro + Inuline Bio (6 sachets), 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K9Y_hCTW0nYCyoDaGxYLAiBBjD5IQBrG86hLOlbJU9GeJdgo4PS0W55sDXNCIcK7XrKlGCknwvYwGo54Lvuh4A" />
    <input value="15576" 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">
      2&#39;520 sur 3&#39;171 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/the-lekker-company?format=turbo_stream&amp;page=127">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>