<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/flakes-de-millet-brun-sans-gluten-bio-250-g-143">
          <img alt="Flakes de millet brun 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/155/file/small-c6f374d640c57abdd01a03b1488f7c96.webp 600w, https://assets.fabulous.ch/public/variant_asset/155/file/medium-5998bb26ba5039955fc954959d0a9a9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/155/file/large-d44dece7be14a0488b6fc8ebbbad95ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/155/file/medium-5998bb26ba5039955fc954959d0a9a9f.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">Werz</p>
          <a href="/fr/products/flakes-de-millet-brun-sans-gluten-bio-250-g-143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flakes de millet brun sans gluten Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F5gWLZelOgqtWKQsdQIV1vUE_ayL2rSgxOLQ1NJl2OPEuL531zi4Dd__twENrnMws7plmtwfKJcXc8bssn0A-g" />
    <input value="143" 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-entieres-bio-200-g-148">
          <img alt="Noix de Cajou Entières Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/160/file/small-7b760ac2921338f994e2c82a834d29ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/160/file/medium-dd4e4624011bc9b4e8cdf56953db6681.webp 900w, https://assets.fabulous.ch/public/variant_asset/160/file/large-b0ce85e1423898564edb330004b03520.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/160/file/medium-dd4e4624011bc9b4e8cdf56953db6681.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/noix-de-cajou-entieres-bio-200-g-148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de Cajou Entières Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uFAIp8wb60PfJQd_gVJyGnuxSyJtbipmotDQJPc2705rcKD9jIZpRK2CFFL5_hT8PQ_TFDqrtlFxQcYcly43Vw" />
    <input value="148" 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/amandes-brunes-europe-bio-500-g-151">
          <img alt="Amandes brunes Europe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/163/file/small-734a5e179f642a29cbbb75a572bca8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/163/file/medium-eefd58f07db0cdbb2089c9927f67b7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/163/file/large-4a3c3dc43710d9c05b4f209254c3c214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/163/file/medium-eefd58f07db0cdbb2089c9927f67b7fa.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/amandes-brunes-europe-bio-500-g-151">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amandes brunes Europe Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.40
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pain-boulangerie-croute-aux-graines-demeter-450-g-155">
          <img alt="Pain boulangerie Croûte aux graines Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/166/file/small-c73d12a688fc6203a1f5c3f918793b29.webp 600w, https://assets.fabulous.ch/public/variant_asset/166/file/medium-1c60d344ef02ab6119368b7852087f1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/166/file/large-b00755a624427ae4cb9231e37fd6a3ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/166/file/medium-1c60d344ef02ab6119368b7852087f1c.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/pain-boulangerie-croute-aux-graines-demeter-450-g-155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain boulangerie Croûte aux graines Demeter, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B1Jl0Afzt3X9SaEZnTZ7Mi-MjO-G1jcyIvb0aA14xi7Ucs2KR241co_usjTlmh3UaTIU2dETqwXxZ-JQbWAeNw" />
    <input value="155" 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/preparation-pour-crepes-epeautre-bio-180-g-159">
          <img alt="Préparation pour Crêpes épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/171/file/small-a23f31a407f90c4b670243cca4ad7ec9.webp 600w, https://assets.fabulous.ch/public/variant_asset/171/file/medium-1fff09ca16f0d62ddf7b63508640e342.webp 900w, https://assets.fabulous.ch/public/variant_asset/171/file/large-b578c31b344f818a394f6f6e2b279b9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/171/file/medium-1fff09ca16f0d62ddf7b63508640e342.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/preparation-pour-crepes-epeautre-bio-180-g-159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Crêpes épeautre Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r66Tte0RyoUwz58aASZIZzXRJ023Ga5Y0HT-nhpzyWF8jjvvrYxIgkJojDd5ii6Bc2-_e-DcMm8D5eimemsReA" />
    <input value="159" 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/preparation-pour-muffin-au-chocolat-epeautre-demeter-300-g-160">
          <img alt="Préparation pour Muffin au Chocolat épeautre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/172/file/small-9d5c0422934a27b351d3eca01824d604.webp 600w, https://assets.fabulous.ch/public/variant_asset/172/file/medium-81a8417b48ba505c557b5a45ebae39ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/172/file/large-41de3ddd84007767de256c8aca247081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/172/file/medium-81a8417b48ba505c557b5a45ebae39ea.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/preparation-pour-muffin-au-chocolat-epeautre-demeter-300-g-160">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Muffin au Chocolat épeautre Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rke7RPO3Efwx2biXKwrQknMMi6TfG2IHKtwyPByexOuVZxMesyqT-0N-q7pTprZ0NbITkoje_jD5TSQEfIYc8g" />
    <input value="160" 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/preparation-pour-gaufrette-epeautre-bio-200-g-161">
          <img alt="Préparation pour Gaufrette épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/173/file/small-a1515d16a150a2fbca4b4e94b344ca0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/173/file/medium-8538c381d2116a97cce03f79a8470402.webp 900w, https://assets.fabulous.ch/public/variant_asset/173/file/large-beb02af8b0b4b1c9627f7eaa92017b3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/173/file/medium-8538c381d2116a97cce03f79a8470402.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/preparation-pour-gaufrette-epeautre-bio-200-g-161">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Gaufrette épeautre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j041Gkoi4GvA80dOFZuCCDk3aA8zaU7A0Mw12kthIVJcbp1ACr9ibLJUVGNtN-Tuf4nwOWSs0vcDXSPiK3n5Sw" />
    <input value="161" 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/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
          <img alt="Charcuterie Vegan Tranches Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/181/file/small-e8831b968d118cc716fe411911e0b313.webp 600w, https://assets.fabulous.ch/public/variant_asset/181/file/medium-d0719f587981668e6389192316c95540.webp 900w, https://assets.fabulous.ch/public/variant_asset/181/file/large-6f2a4542b3029f9251e3b7a1655ad434.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/181/file/medium-d0719f587981668e6389192316c95540.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">Wheaty</p>
          <a href="/fr/products/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Charcuterie Vegan Tranches Chorizo Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </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 4.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fhq8uW7NCCM7Dy_e8vCaDtJoZ3ymFmAPJapS4Pc5OyatOhTjLlCKJEmoPPOKXPzolNb_SvHT_Dj2O0TYlyHjPw" />
    <input value="171" 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/levure-de-boulanger-sans-gluten-bio-9-g-197">
          <img alt="Levure de boulanger 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/203/file/small-af32a3ad691b0bc7918f050a04260476.webp 600w, https://assets.fabulous.ch/public/variant_asset/203/file/medium-0b865773b7981a936e47b40c6ac5a893.webp 900w, https://assets.fabulous.ch/public/variant_asset/203/file/large-e899c9248a091a076a5fa4e915f27f00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/203/file/medium-0b865773b7981a936e47b40c6ac5a893.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/levure-de-boulanger-sans-gluten-bio-9-g-197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Levure de boulanger sans gluten Bio, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bouillon-vegetal-en-bocal-sans-gluten-200-g-204">
          <img alt="Bouillon végétal en bocal sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/206/file/small-b1442e7d05a8e64fee9e9eded387684f.webp 600w, https://assets.fabulous.ch/public/variant_asset/206/file/medium-0d59316a90f4c89de2ea7ed152720245.webp 900w, https://assets.fabulous.ch/public/variant_asset/206/file/large-3aed1d50684191fb1e698a56c3602bf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/206/file/medium-0d59316a90f4c89de2ea7ed152720245.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/bouillon-vegetal-en-bocal-sans-gluten-200-g-204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon végétal en bocal sans gluten, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5L-1uX3DFwW2UU4hlSslr_yooKYAHM3qAK876x6lLV03nx3jPV6VAsT2XQzth0NJuhY4kFfZUd3TPi3Tfr31RA" />
    <input value="204" 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/bouillon-vegetal-en-sachet-recharge-sans-gluten-500-g-205">
          <img alt="Bouillon végétal en sachet recharge sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/208/file/small-55641c0e589b4b98cb4c5e3e1f95012a.webp 600w, https://assets.fabulous.ch/public/variant_asset/208/file/medium-30c3e137ea90677a9845e879691ec4ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/208/file/large-6ecbf9e0daa2edc50fea348366ffb4b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/208/file/medium-30c3e137ea90677a9845e879691ec4ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/bouillon-vegetal-en-sachet-recharge-sans-gluten-500-g-205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon végétal en sachet recharge sans gluten, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S5nu9VAqOtp4P3KLnlhEdBkyERZFIyW22MCWhC29MwqYuUavELe43QqYYabm9CKSX4yJIBLmuYELUYC8TaXrEw" />
    <input value="205" 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/sesame-non-decortique-bio-250-g-208">
          <img alt="Sésame non décortiqué Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/209/file/small-3d4a70797fe34e17ebd269fcf861a8e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/209/file/medium-ce3833399b147a23937971af4001447d.webp 900w, https://assets.fabulous.ch/public/variant_asset/209/file/large-198b33a5f69aeccc717cf5a2fe0e417b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/209/file/medium-ce3833399b147a23937971af4001447d.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">Davert</p>
          <a href="/fr/products/sesame-non-decortique-bio-250-g-208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sésame non décortiqué Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ofHaPsi9SX9tPeYMO9zuVMmEA5woiIXK0lhY5zjmYw1y0XJkiCDLeB-a9SFDcIiyjzqbqn9NGf0ByU7fWP67FA" />
    <input value="208" 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/cookies-epeautre-et-noisettes-bio-175-g-218">
          <img alt="Cookies Epeautre 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/217/file/small-8749e9279acf87eecdc70514c5787a00.webp 600w, https://assets.fabulous.ch/public/variant_asset/217/file/medium-64bdcd8ebb34e81eac56174491f8ac14.webp 900w, https://assets.fabulous.ch/public/variant_asset/217/file/large-4cec77f4cfebb84ffd4c3f9a4d2a0392.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/217/file/medium-64bdcd8ebb34e81eac56174491f8ac14.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">Bohlsener Mühle</p>
          <a href="/fr/products/cookies-epeautre-et-noisettes-bio-175-g-218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Epeautre et Noisettes Bio, 175 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.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vKnwfuf7JclYoII9oXQhvv32pFV3LTxSXn-p30-i6FJviVgkp2anzioHkRDZ2EdYu0g8YyDooGWN7r_nL7owSw" />
    <input value="218" 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/men-sensitiv-shampooing-douche-3en1-200-ml-237">
          <img alt="Men Sensitiv Shampooing Douche 3en1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/229/file/small-08f14e49776c637286fcd2e47b81bd19.webp 600w, https://assets.fabulous.ch/public/variant_asset/229/file/medium-2ed01ece987b9591e4493e929206fb6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/229/file/large-2641f444cf38dfcdfe08a526b98ba548.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/229/file/medium-2ed01ece987b9591e4493e929206fb6e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/men-sensitiv-shampooing-douche-3en1-200-ml-237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Men Sensitiv Shampooing Douche 3en1, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NDnTlzg78vo40Z2yO5Bo7RinaOtU2jP4TbrWOnRiwdfnGXvNeKZw_Up2jp9DPA4LXhnw3QMfr8-eK8ACFHoZzg" />
    <input value="237" 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/men-sensitiv-baume-apres-rasage-apaisant-100-ml-240">
          <img alt="Men sensitiv Baume Après-Rasage Apaisant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/233/file/small-ac9946f7dacd6e12a9028b41700bc253.webp 600w, https://assets.fabulous.ch/public/variant_asset/233/file/medium-69700a5f2211bef238e321d7ab00cce9.webp 900w, https://assets.fabulous.ch/public/variant_asset/233/file/large-2eee624e2d39af6cd20217b6125a47c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/233/file/medium-69700a5f2211bef238e321d7ab00cce9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/fr/products/men-sensitiv-baume-apres-rasage-apaisant-100-ml-240">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Men sensitiv Baume Après-Rasage Apaisant, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hUcRJDLQy9Llnzu8W-4lodtYPS5Gs2w1ONsXNGuIxj5WZ7l-ck1J1Zc4KJEjQkNHnealGBF28ALrSgEMC5AeJw" />
    <input value="240" 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/fruits-gelifies-frutti-worms-sans-gelatine-bio-100-g-248">
          <img alt="Fruits Gélifiés Frutti Worms sans gelatine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/241/file/small-d3f2a3e7b14342a694ade6aceb196fb2.webp 600w, https://assets.fabulous.ch/public/variant_asset/241/file/medium-a175f4a90ad94a6ab7fa83ac467366c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/241/file/large-d6474bddb72b0bdafd988a4d2d955998.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/241/file/medium-a175f4a90ad94a6ab7fa83ac467366c9.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">Ökovital</p>
          <a href="/fr/products/fruits-gelifies-frutti-worms-sans-gelatine-bio-100-g-248">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruits Gélifiés Frutti Worms sans gelatine Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HErN8Z_K-b2qtLiJaqJB9KWAEvRyPQ3oP9OpDBZfOZXPamWr31d7utgTq6QSDicS4z6KwiX4kd_sQr80dkfhjA" />
    <input value="248" 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/jelly-ourson-sans-gelatine-bio-100-g-249">
          <img alt="Jelly Ourson sans gelatine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/240/file/small-9b646feddd72b26a57dcf12673489ca5.webp 600w, https://assets.fabulous.ch/public/variant_asset/240/file/medium-45162d2a6d855c903f4fab605697f095.webp 900w, https://assets.fabulous.ch/public/variant_asset/240/file/large-3fee5ba9433c05c2886a739c094839a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/240/file/medium-45162d2a6d855c903f4fab605697f095.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">Ökovital</p>
          <a href="/fr/products/jelly-ourson-sans-gelatine-bio-100-g-249">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jelly Ourson sans gelatine Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PJqxx-7wBuYTjLGVpdPoCUaDRQafJrGAa0VoAg9n-rnvuhmdrm2E4WErorjdf47vAD3dMMjjLbe41H46b38ioA" />
    <input value="249" 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/charcuterie-tranches-dinki-velami-bio-100-g-276">
          <img alt="Charcuterie Tranches Dinki Velami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/250/file/small-cfacabfd2e640f0ccf508c6f2cea54b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/250/file/medium-e8e18b93bd1cc5a1a74441538ccefc23.webp 900w, https://assets.fabulous.ch/public/variant_asset/250/file/large-6c9850fb6d6bb00bce85c161852d395c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/250/file/medium-e8e18b93bd1cc5a1a74441538ccefc23.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">Soyana</p>
          <a href="/fr/products/charcuterie-tranches-dinki-velami-bio-100-g-276">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Charcuterie Tranches Dinki Velami Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TY_mb_gKghmAB6nXJvMGL62xYSciW2TklPVD7iCKI0ier041uJcAHvKguvpeX2DJ6w_5EXWe-NNHZFXWQJL7UQ" />
    <input value="276" 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/vitamin-b12-1000-g-vegan-60-capsul-60-piece-277">
          <img alt="Vitamin B12 1000µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/251/file/small-5452515d0ec2d62effb0964920cca650.webp 600w, https://assets.fabulous.ch/public/variant_asset/251/file/medium-e99b5b618e0147f4593dba7b2148662a.webp 900w, https://assets.fabulous.ch/public/variant_asset/251/file/large-ed342ffe292ec2cba38a5ed621a4b2e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/251/file/medium-e99b5b618e0147f4593dba7b2148662a.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">Bjökovit</p>
          <a href="/fr/products/vitamin-b12-1000-g-vegan-60-capsul-60-piece-277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 1000µg, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LK1j7FXMqvmzMMbYvpYzQPqgaDNmMzb4xzE5qad3DhD_jcu2FVEo_sGX1fXGOlWmvB7wBTH2qs8UoC-Rx2_WCQ" />
    <input value="277" 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/ravioli-legumes-bio-670-g-301">
          <img alt="Ravioli Légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/268/file/small-0b9300c4c714113e7274ccdeca9cde62.webp 600w, https://assets.fabulous.ch/public/variant_asset/268/file/medium-ae53029fd4e133db827436bad3fd4f09.webp 900w, https://assets.fabulous.ch/public/variant_asset/268/file/large-095d6246846dad2a820cfc7ab38fab24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/268/file/medium-ae53029fd4e133db827436bad3fd4f09.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">Danival</p>
          <a href="/fr/products/ravioli-legumes-bio-670-g-301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ravioli Légumes Bio, 670 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;200 sur 3&#39;201 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/germline?format=turbo_stream&amp;page=61">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>