<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/ketchup-sans-sucres-ajoutes-bio-330-g-16510">
          <img alt="Ketchup Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7608/file/small-3714da30881decfe667f16dfadf4d2ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7608/file/medium-c1d27b0b69bb02672c00d4083182103a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7608/file/large-176b6c0350faa454478f5d045afd9b69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7608/file/medium-c1d27b0b69bb02672c00d4083182103a.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">Connie&#39;s Kitchen</p>
          <a href="/fr/products/ketchup-sans-sucres-ajoutes-bio-330-g-16510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup Sans sucres ajoutés Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y9j7IMHzm4EHawwrLnruboEvNarOOdPJIm6NNt8EyFXPU-PWA8V1N3EWWRQw1SLpoLy_a0s6TtWpH1jh7f0RpA" />
    <input value="16510" 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/lessive-poudre-concentree-40-95-10-kg-12326">
          <img alt="Lessive Poudre Concentrée 40°- 95°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6190/file/small-8fa52bb148009a958701d872e5db8ca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6190/file/medium-b58811561233de7a22278a0bd1be6262.webp 900w, https://assets.fabulous.ch/public/variant_asset/6190/file/large-45a136540717c5789eea8d75452ae8f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6190/file/medium-b58811561233de7a22278a0bd1be6262.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/lessive-poudre-concentree-40-95-10-kg-12326">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive Poudre Concentrée 40°- 95°, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rIoRma9Vlf0WjxuDmji6Vp7WpXNVW5I6mk4oeEoW92ioAQlvbWN7S2DyTryEl3bRv0UvstBYDyYRP_2veO8umQ" />
    <input value="12326" 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/millet-decortique-en-gros-bio-5-kg-4857">
          <img alt="Millet décortiqué 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/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/millet-decortique-en-gros-bio-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet décortiqué en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vg4HfrpXahgq6wAldlMzi-0tx95SWVhXbEetmdD6HQ5ShR-IeGGErlyWVRpo_P8MzL5NH9daxUvnNnhO4gPE_w" />
    <input value="4857" 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/amaretti-aux-noix-vegan-bio-32-g-5daedd44-36fa-4d6e-8ac1-968b328de4d0-16796">
          <img alt="Amaretti aux noix Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7809/file/small-9b4e0cdfb6911f7cfaa7e1e66b1f17c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7809/file/medium-8c8b17951e96a485b0e6dd4d0bbfacc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7809/file/large-2bfa95df16a205d85eab60d1f6798fd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7809/file/medium-8c8b17951e96a485b0e6dd4d0bbfacc2.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/amaretti-aux-noix-vegan-bio-32-g-5daedd44-36fa-4d6e-8ac1-968b328de4d0-16796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti aux noix Vegan Bio, 2 x 32 g</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 9.22 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="plxFloOZZa7_cpLBnjgPBzLyKcTGhKN9GvGjHQCFfFii111gQa-LGIkPx_6Al8OAE2GjBUOHPmGRgHbKMnylqQ" />
    <input value="16796" 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/concentre-de-tomate-22-bocal-bio-100-g-16531">
          <img alt="Concentré de tomate 22 % bocal Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7621/file/small-76b4ec18a03bad261c8355ecce98faa7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7621/file/medium-003b7519e4d24158e84cfed0a09796b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7621/file/large-68a933e5a2d4af6ddb67c3aa26f87c37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7621/file/medium-003b7519e4d24158e84cfed0a09796b2.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/concentre-de-tomate-22-bocal-bio-100-g-16531">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré de tomate 22 % bocal Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="99fEb7bHeMwIQOPg5SxP37aJiS_Spj3ORG0uDsB2DhzzXNyZdPGWen49tt_7g4NYlxoD7leloNLPHPvZ8o_X7Q" />
    <input value="16531" 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/riz-rouge-de-camargue-nature-bio-500-g-625">
          <img alt="Riz Rouge de Camargue nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/570/file/small-b0dfc32b12a0698b48d7fbf886ac5db1.webp 600w, https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.webp 900w, https://assets.fabulous.ch/public/variant_asset/570/file/large-cf695d1ad98f5e379ee183366a79793d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/570/file/medium-950b25d9cdb911be24281033a6055740.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/riz-rouge-de-camargue-nature-bio-500-g-625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Rouge de Camargue nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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-625-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UhaHnA7ytHy7clgqo-ED7LBx_TotWp5UvADEWvLrWB1WnZ9qzMRays0PDRW9Ts9rkeJ3-6hZA0g3cRGNwBKB7A" />
    <input value="625" 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/yaourt-alternatif-a-la-noix-de-coco-nature-bio-150-g-16613">
          <img alt="Yaourt alternatif à la Noix de Coco Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7668/file/small-a65be204a8d92794f1e8d1344c2fc4d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7668/file/medium-d51f74daa5631c8043f5cffbe461c924.webp 900w, https://assets.fabulous.ch/public/variant_asset/7668/file/large-b6158bd54db32831cfd4c7776a56cfb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7668/file/medium-d51f74daa5631c8043f5cffbe461c924.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">Biedermann Bio Vegan</p>
          <a href="/fr/products/yaourt-alternatif-a-la-noix-de-coco-nature-bio-150-g-16613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yaourt alternatif à la Noix de Coco Nature Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ysAYRbAF0kA58Twki8YKM1BZ2vkyclo4UE0xGYUvDR7OSwCzcjM89k-MaRuVaca0ccpQOLdxxyTbPOTOt9bU7w" />
    <input value="16613" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/tortilla-chips-chili-bio-150-g-16258">
          <img alt="Tortilla Chips Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7488/file/small-40bea0e9520d2ee0b9738fc51d704a6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.webp 900w, https://assets.fabulous.ch/public/variant_asset/7488/file/large-69207ab123bb4ee1b2565c131d55d7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.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">MiAdelita</p>
          <a href="/fr/products/tortilla-chips-chili-bio-150-g-16258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Chili Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HLhbDbj-eoQ5pMs-fX93melxbngMo47w5kgKiWClIPoYM0P7esiUMk_ZngFj0LseyOLkuYmgE-xtOd9eUlz5Cw" />
    <input value="16258" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-pommes-de-terre-fecule-sans-gluten-bio-250-g-514">
          <img alt="Farine de pommes de terre (fécule) 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/462/file/small-5255c4f3dccc38e3d0a5e183b09670cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/462/file/large-a3a4354e26ac508c474be31956d2de13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/462/file/medium-67ef7427c9006c1928d1dcb71ce8b5ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/farine-de-pommes-de-terre-fecule-sans-gluten-bio-250-g-514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de pommes de terre (fécule) sans gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sHNUR_S2H5P7Gvn64zVcVpvPu5J0N_j1eKdtdZ7AD9O0-EyxNoDxJY1nrMX9mpDRulwxU_E0Zenz1riirDnWIg" />
    <input value="514" 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/sel-sel-de-mer-aux-algues-500-g-467">
          <img alt="Sel Sel de mer aux algues" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/421/file/small-f7e89c262de996c8ac04b77d0cc7d5c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/421/file/medium-35ca6d259e07653bb45f94143636a4c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/421/file/large-b0c06a7376767a1f6aab7c057834bd6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/421/file/medium-35ca6d259e07653bb45f94143636a4c1.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/sel-sel-de-mer-aux-algues-500-g-467">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Sel de mer aux algues, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-mais-sans-gluten-demeter-500-g-15924">
          <img alt="Farine de maïs sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7320/file/small-650864016fe7c1eed5ab11811a368a0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7320/file/large-5f1be404711836e9c66f49e167ea39f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/farine-de-mais-sans-gluten-demeter-500-g-15924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de maïs sans gluten Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jgJv3SC_xOOT2n-IulzlVqtdON4T4Mty1n2mnmoTRcOKiXcr4okqVeWnKrek8ynRis6yH5bjVm5dDHNJWOqcMg" />
    <input value="15924" 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/pate-a-tartiner-poivrons-grilles-aux-noix-de-cajou-bio-135-g-10940">
          <img alt="Pâte à tartiner Poivrons grillés aux noix de cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5657/file/small-a631a504eb3de33c5f4390508f9105a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.webp 900w, https://assets.fabulous.ch/public/variant_asset/5657/file/large-00d270e09017f4911fe0adc9f2597677.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.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">Nabio</p>
          <a href="/fr/products/pate-a-tartiner-poivrons-grilles-aux-noix-de-cajou-bio-135-g-10940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Poivrons grillés aux noix de cajou Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CftLK7OeSsNDgbDbWP8z9DxTesU97YbC6A9Bx80ASQANcFPdcaikdTX85eRGUP9zHcDwBLjuG95jfpQQ__mQ8Q" />
    <input value="10940" 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/flocons-epeautre-complete-fin-demeter-425-g-9547">
          <img alt="Flocons épeautre complète Fin Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5362/file/small-d376916ee171bed9e382c09230da0d02.webp 600w, https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.webp 900w, https://assets.fabulous.ch/public/variant_asset/5362/file/large-027cc23982e3110c547c7907d8ef664b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5362/file/medium-f2142de0f59ece867957a992337d7159.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/flocons-epeautre-complete-fin-demeter-425-g-9547">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons épeautre complète Fin Demeter, 425 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 0.99 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vDS3exUwp08wGEx6mxGA1uxeLDie4LqG6PtDNqkBceS4v6-N1wZJ-UZlGUWFvkxRzc2m-RvjJ5pjipbhm_ioFQ" />
    <input value="9547" 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/bougies-pack-de-12-chandelier-2-2-x-21cm-blanc-1-piece-3388">
          <img alt="Bougies Pack de 12 chandelier 2,2 x 21cm Blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2250/file/small-d16811e8af3a98b0f71294c43b00ab88.webp 600w, https://assets.fabulous.ch/public/variant_asset/2250/file/medium-4e6a9bf542e149befaf1e63537900b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/2250/file/large-04364a746e671e6fe9d702ca301ef24a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2250/file/medium-4e6a9bf542e149befaf1e63537900b61.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">eubiona</p>
          <a href="/fr/products/bougies-pack-de-12-chandelier-2-2-x-21cm-blanc-1-piece-3388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bougies Pack de 12 chandelier 2,2 x 21cm Blanc, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bett-r-gaufrette-a-la-creme-de-cacao-et-noisettes-bio-30-g-14620">
          <img alt="Bett&#39;r Gaufrette à la crème de cacao et noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6767/file/small-8c8f1752b71b196f22d0aef0778eca21.webp 600w, https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.webp 900w, https://assets.fabulous.ch/public/variant_asset/6767/file/large-d245751454e07080d85f666ddbdd9047.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6767/file/medium-47607ccc2557308e8de1a317b2e1b623.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/fr/products/bett-r-gaufrette-a-la-creme-de-cacao-et-noisettes-bio-30-g-14620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Gaufrette à la crème de cacao et noisettes Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h-1JQPRuZ1gmbryTDUUgKTxLLrrSqxMJyQcVSdEpxXGDZlG2NliJ7lAT6awT6uyuHdike1eojhVCdsCe49AcgA" />
    <input value="14620" 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-sans-gluten-bio-250-ml-1884">
          <img alt="Sauce Barbecue 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/1478/file/small-93b91151b50eb9f16646bf633c04ec66.webp 600w, https://assets.fabulous.ch/public/variant_asset/1478/file/medium-88644fd55464ff3f2b57ee308c935f36.webp 900w, https://assets.fabulous.ch/public/variant_asset/1478/file/large-8da976946a806bd46e8486f11bf28d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1478/file/medium-88644fd55464ff3f2b57ee308c935f36.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">Byodo</p>
          <a href="/fr/products/sauce-barbecue-sans-gluten-bio-250-ml-1884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Barbecue Sans Gluten Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-aux-basilic-bio-180-g-15074">
          <img alt="Pâté Végétal aux Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6906/file/small-54241ad2961a74bb57adbd149474d38e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6906/file/medium-ecbdc30e071fca98d68b1c2d175d332f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6906/file/large-4d146686c662a35ceccf51bc16dfeeef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6906/file/medium-ecbdc30e071fca98d68b1c2d175d332f.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">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetal-aux-basilic-bio-180-g-15074">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal aux Basilic Bio, 180 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.19 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9edN8ImbQyxe6o1DjDBShWUKhi-VlvPriFDhCV4Riz7xbFUGS62tmiiX2HySn54CRJkM7hCVbvcDITTebOhSzw" />
    <input value="15074" 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/marinade-pour-tofu-bio-130-ml-11844">
          <img alt="Marinade pour Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6047/file/small-cc6a849e11125f0064cf3744eab6d763.webp 600w, https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6047/file/large-6e9f307e0956091961c82bdc898af9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arche</p>
          <a href="/fr/products/marinade-pour-tofu-bio-130-ml-11844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marinade pour Tofu Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="erQflTgeWJx5cmrbDTHlejWKw3FlQ95J20EamnG2uv1-Pwdj-ii2Kg8PP-QTnin9FBlJsOBAQ1VQMM9NQ09jDA" />
    <input value="11844" 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/coussins-croustillants-fourres-a-la-cacahuete-bio-300-g-15906">
          <img alt="Coussins croustillants fourrés à la cacahuète Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7312/file/small-7ac14686210c5233b232a2fa2d10973f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7312/file/medium-c3cb9124dca59d5d359f1a461379d007.webp 900w, https://assets.fabulous.ch/public/variant_asset/7312/file/large-000c4d70a89bfa080fcb726b6d310d36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7312/file/medium-c3cb9124dca59d5d359f1a461379d007.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">turtle Better Breakfast</p>
          <a href="/fr/products/coussins-croustillants-fourres-a-la-cacahuete-bio-300-g-15906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coussins croustillants fourrés à la cacahuète Bio, 300 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 2.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JeOnnF_JWkWtnbfzrwwF7x5fTQjE340nMK4ATPP03tEhaL9qnf-089vg4syxo8loP8zHyUHcEDu739WbwQ0HIA" />
    <input value="15906" 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-rosso-bio-130-g-7167">
          <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/4103/file/small-ff3d961670c64fadb88aaf9496daca85.webp 600w, https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4103/file/large-8b60d6d05f624f9a2fbf83650b852353.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4103/file/medium-71e2cede5b6c5c811fdfef7ee7f43c8b.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">LaSelva</p>
          <a href="/fr/products/pesto-rosso-bio-130-g-7167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TEjyZJYLJxmWNg9UJQXzgTDEzMx6qaEm_RTBQb9Fec5Iw-qSVD3Jr-BLWms7qj8GEVdGDf-qPDp2ZRSWjbygPw" />
    <input value="7167" 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">
      940 sur 3&#39;307 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/natura?format=turbo_stream&amp;page=48">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>