<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/chips-de-chou-kale-moutarde-sans-gluten-bio-30-g-15955">
          <img alt="Chips de chou kale Moutarde 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/7345/file/small-d6552f63d7e812c28e7a1ce5367316e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7345/file/medium-72e08b265a5a2b1504cb9c560f073a2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7345/file/large-37975bdae951cb8ecc40d11656511023.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7345/file/medium-72e08b265a5a2b1504cb9c560f073a2d.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/chips-de-chou-kale-moutarde-sans-gluten-bio-30-g-15955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de chou kale Moutarde Sans gluten Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kirOKdGE8lLAlwmgIr-oYMq5CI_KmqnZj7I_RSHh42seCTElQiiA1fuvznt7BkB-hE3ba5zGYQXN9Ean51q4Yw" />
    <input value="15955" 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/germes-de-ble-partiellement-deshuiles-bio-200-g-15959">
          <img alt="Germes de Blé partiellement déshuilés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7348/file/small-a883f1aafffa0474b94a0f81aed16725.webp 600w, https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7348/file/large-c8b84396e7fc4ad1e67b2d3491780bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.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/germes-de-ble-partiellement-deshuiles-bio-200-g-15959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Germes de Blé partiellement déshuilés Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JJbwK3kxAv-vcMcqEOSdVSPwJTNquT8eboVSjzSbhyGotQ8n6p1weJRIAPFJXXVLbQT21zzl98Iswytt8iDcKQ" />
    <input value="15959" 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/barre-energetique-orange-cacao-sans-gluten-bio-50-g-15960">
          <img alt="Barre Énergétique Orange Cacao 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/7347/file/small-c6d676042496aa904e6b296cda640ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.webp 900w, https://assets.fabulous.ch/public/variant_asset/7347/file/large-2500bc29da34a91770e30aed3951e504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.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">Raw Bite</p>
          <a href="/fr/products/barre-energetique-orange-cacao-sans-gluten-bio-50-g-15960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Énergétique Orange Cacao Sans Gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZOdotqyqa0tLmrrGxIqR81rAf46S2zgebXscopz7QUvoxJe6PwYZzHCifR2dM3ntFDSsasSH8MIvPWVAWkAaQw" />
    <input value="15960" 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/equilibre-legumes-100-pur-jus-demeter-750-ml-15978">
          <img alt="Équilibre Légumes 100% pur jus Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7378/file/small-bb8755e041207048a2c72077529bec2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.webp 900w, https://assets.fabulous.ch/public/variant_asset/7378/file/large-fee6ba29d12cb5b23310e7c9e0f5710b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.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">Voelkel</p>
          <a href="/fr/products/equilibre-legumes-100-pur-jus-demeter-750-ml-15978">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Équilibre Légumes 100% pur jus Demeter, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r44gtCommDX_5BVuqdQJQQuhz1Qd72TVuthxh81879gjrd-4uYrqssTc0rXwbeFfRVUcsEuzrAn4nghlC8e00A" />
    <input value="15978" 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/365-boisson-energisante-wild-berry-bio-330-ml-16026">
          <img alt="365 Boisson énergisante Wild Berry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7407/file/small-572bbe07e04371b3383b79d08d59f1d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7407/file/medium-63351f1ee9cd22c305b3779c17101d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7407/file/large-f4597025a42424baa88d839c14d0edd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7407/file/medium-63351f1ee9cd22c305b3779c17101d7b.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">Eos Bio</p>
          <a href="/fr/products/365-boisson-energisante-wild-berry-bio-330-ml-16026">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">365 Boisson énergisante Wild Berry Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WLZz35ehj9x_HfSSkTmVtVC3w3t6Wo6UG5E1I1j7n9LUlYzTBA39W0QlM0nIgH2rHkMQnywGRkhZ10zBnkDE2g" />
    <input value="16026" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/texture-de-lentilles-100-g-16051">
          <img alt="Texturé de Lentilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7408/file/small-651a7521a0503ac5fcee5169f8e468db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7408/file/large-7e1961c9d821ee91a585cbaa3a180f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.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">Vantastic</p>
          <a href="/fr/products/texture-de-lentilles-100-g-16051">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Texturé de Lentilles, 100 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 4.20 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div class="border-gray-200 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/peanut-caramel-choc-bar-bio-40-g-16054">
          <img alt="Peanut Caramel Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7411/file/small-0abcc5117ede8e8c49b6ff28120ac022.webp 600w, https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.webp 900w, https://assets.fabulous.ch/public/variant_asset/7411/file/large-ee13cda5eccb5ba08a7f85af10412de2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.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">Vantastic</p>
          <a href="/fr/products/peanut-caramel-choc-bar-bio-40-g-16054">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Caramel Choc Bar Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IyRB7Ap4whsSiv3jHcZXF-bZ45fZJgBhTp2coWVAh7avB77gmdSwnCmyOjhEf78JqC0wc496yL0M2-VDo_vcvg" />
    <input value="16054" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coconut-choc-bar-bio-40-g-16055">
          <img alt="Coconut Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7413/file/small-a95f80af5912b63efcc886b74509bcd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.webp 900w, https://assets.fabulous.ch/public/variant_asset/7413/file/large-f00a3d69e652c8a24497544bff8ce9ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.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">Vantastic</p>
          <a href="/fr/products/coconut-choc-bar-bio-40-g-16055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Choc Bar Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

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

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


  

  <div class="border-gray-200 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/almond-choc-bar-bio-40-g-16056">
          <img alt="Almond Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7412/file/small-ef760adb3de2dcb38103852b4832465b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7412/file/medium-3c21fbb943eed507b5761ae88fbf01fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7412/file/large-9128eff5ee88e0689ce94cd06a224da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7412/file/medium-3c21fbb943eed507b5761ae88fbf01fe.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">Vantastic</p>
          <a href="/fr/products/almond-choc-bar-bio-40-g-16056">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Choc Bar Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UAS7MKwE161VB7qjPrlACXqeO8bdZK-q198dmu5poPPcJ0Q8P6ilKm4_fXhnAKgXNGroIos4Z3aVmWR4KNL7-w" />
    <input value="16056" 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/miso-ramen-cup-chili-bio-85-g-16069">
          <img alt="Miso Ramen Cup Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7418/file/small-35d4c8d06b5e4354570be1fc7f9fb2b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7418/file/medium-627ad0b0212305ab6285cd067bc55b0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7418/file/large-7ba02593922d4c3b40ec25832886c170.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7418/file/medium-627ad0b0212305ab6285cd067bc55b0f.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">King Soba</p>
          <a href="/fr/products/miso-ramen-cup-chili-bio-85-g-16069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Ramen Cup Chili Bio, 85 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 4.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2XFMNTyzP8xHSLCEwfXt0v40pF7ObL7sr_m2wTU0DsRVUrM5rx9NS3xwd1-YTAXMsMB3upgwdjDtv88j849VzA" />
    <input value="16069" 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/no-butter-no-chicken-bio-330-g-16073">
          <img alt="No Butter No Chicken Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7423/file/small-5e4b973ab1e222b24b5b9384a9bd4878.webp 600w, https://assets.fabulous.ch/public/variant_asset/7423/file/medium-a53afe7092bef0f59fb1c8ddc3efc7c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7423/file/large-aa941c728c1e912376a84f13472f1bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7423/file/medium-a53afe7092bef0f59fb1c8ddc3efc7c3.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/no-butter-no-chicken-bio-330-g-16073">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">No Butter No Chicken Bio, 330 g</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 1.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y40tL0EtL0hBpcBP7GStnrKW1_9Xp7pKeRlbvadCs9DvrtIj0oFdz3qdB5S13UWA_GIEGwH7cpY7XyJfYfno2A" />
    <input value="16073" 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/curry-thai-au-riz-bio-330-g-16074">
          <img alt="Curry Thaï au Riz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7424/file/small-b9f3e9e9c265c7cf91483c6b4311abbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7424/file/medium-a42e9f82760d6a14e641bf6e1770f74b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7424/file/large-12fc732e3947e4b2936c1fca68e0b21c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7424/file/medium-a42e9f82760d6a14e641bf6e1770f74b.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/curry-thai-au-riz-bio-330-g-16074">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curry Thaï au Riz Bio, 330 g</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 1.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t3bKQRrb_X8hT0vEGm6I8fbt_nNXe_A5A7PC2SvK5Z47VTVNiXeP-Bp3jB9D12DvuBktlwEnOOVB9bs77XG-lg" />
    <input value="16074" 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/chili-sin-carne-bio-365-g-16076">
          <img alt="Chili sin Carne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7427/file/small-0886a9482394c3caaa426fd69b4e8572.webp 600w, https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7427/file/large-b583922999280fdf4c9941142213144c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7427/file/medium-d6b070655c166476746b8accfa8700e4.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/chili-sin-carne-bio-365-g-16076">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili sin Carne Bio, 365 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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWGxsRJLBlkGHWjyCea9-oGl8-UVt81YzxC7fhsS5VyFQk69ged03j0lrylQX1Xkz1EgAUPrBYSNVsKc3am-VA" />
    <input value="16076" 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/salade-de-celeri-bio-320-g-16103">
          <img alt="Salade de Céleri Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7430/file/small-3518a10e1fe41bbf52fedc772da5899e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7430/file/large-d44da59387db4674f5e63e88416d4d81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7430/file/medium-76cba138fb2aa850f64c7953299363d5.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">Marschland Naturkost</p>
          <a href="/fr/products/salade-de-celeri-bio-320-g-16103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salade de Céleri Bio, 320 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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZeDnXeLYxiyNwXIGD29muC-JF-CGk0r7ZfXdT6mfsyHpwxhRcXS0q7b5td1W1o6mYX3EBNDPgicns6StbyToKQ" />
    <input value="16103" 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/shot-original-kanne-rejuvelac-bio-40-ml-16105">
          <img alt="Shot Original Kanne Rejuvelac Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7432/file/small-bed93c77a74ead08ac2692137f4aa52c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.webp 900w, https://assets.fabulous.ch/public/variant_asset/7432/file/large-252813222ade321026deb754c9b66b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7432/file/medium-7a6e1326dbcb6292aeaa2baa3990c642.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">Kanne Brottrunk</p>
          <a href="/fr/products/shot-original-kanne-rejuvelac-bio-40-ml-16105">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Original Kanne Rejuvelac Bio, 40 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="50Ha6E9hoWUG8JJQPwd3E-jwH11mWU7hAnzdAjNdkHtrYiXk3M3T4j3IVYtmvp8NpgTMuTAFhj1AOqTg9ebLcw" />
    <input value="16105" 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/cuisine-riz-bio-200-ml-16139">
          <img alt="Cuisine Riz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7439/file/small-356951eb45f2e67697bb4e4d8c6f28ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7439/file/large-710e8dd03d0d9110010a65fff89c4cf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7439/file/medium-89f2023410bf4eaf2a79419df906a9c9.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">Natumi</p>
          <a href="/fr/products/cuisine-riz-bio-200-ml-16139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Riz Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O5oSrV_2EGGd8q4ZOdS5T-iDgajRuXPUopjkW958Qvq3ue2hzFpi5qbKacJgbVFRpndSTIfluwjg3p25GMcZ8g" />
    <input value="16139" 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-d-avoine-uht-bio-500-ml-16140">
          <img alt="Concentré d’Avoine UHT Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7445/file/small-b643236336a76fe1b60f1bc6155fd41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7445/file/large-2cd3ee0a56df64f1cef9379b93505c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7445/file/medium-3165e8a7c5f86de72cad72c0d50fe15b.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">Natumi</p>
          <a href="/fr/products/concentre-d-avoine-uht-bio-500-ml-16140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré d’Avoine UHT Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z3ARL5Wccy4jDqIWYt1Pw37sJaN8568GhbyM07Mpgd9DU-4jBjABqRg2Zc07ZKfdMBj2Ryq7Z9rH-vUxdZLa1w" />
    <input value="16140" 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/mummy-meegz-vegan-m-z-gems-80-g-16194">
          <img alt="Mummy Meegz Vegan M’z Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7452/file/small-5e6260e8add69a26973fe7f35e97fc24.webp 600w, https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7452/file/large-3b9b7381e7e5d4efd0f4a5ab827ee095.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7452/file/medium-330c0c3093d63a6380ff7672b97c876f.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">Mummy Meagz</p>
          <a href="/fr/products/mummy-meegz-vegan-m-z-gems-80-g-16194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="InCx7JTt6B27Vg4FVGBqWVN2BbUa_SR3oW14jFfk0c6uU07gB0GamoBuyd4N2YJHHYLWUUyh7KvjKwFukV-Kxg" />
    <input value="16194" 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/gigantes-haricots-geants-a-la-sauce-tomate-bio-400-g-16238">
          <img alt="Gigantes - Haricots Géants à la Sauce Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7475/file/small-1714c30cdc9c5d89d9fb1bf01fde24b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7475/file/medium-2f82db3cb59c305ea02a01d39590e35c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7475/file/large-dde556e0badbb64d7b80f1df9f1036c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7475/file/medium-2f82db3cb59c305ea02a01d39590e35c.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/gigantes-haricots-geants-a-la-sauce-tomate-bio-400-g-16238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gigantes - Haricots Géants à la Sauce Tomate Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yq4qB47zYuxcaPJWZjCOZBsdS3XNms6fhX9PkmHWGYlGjdULHV8Qa2dQNY0_iWZ6VemYkZvGBkPHOTZwp21CgQ" />
    <input value="16238" 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/boisson-avoine-popcorn-barista-edition-1-l-16241">
          <img alt="Boisson Avoine Popcorn - Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7478/file/small-d4f1b0576b65189e95de1c5d08f8ec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7478/file/large-26cfa5f13987ceaf6a590e8af47b4714.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.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">Oatly</p>
          <a href="/fr/products/boisson-avoine-popcorn-barista-edition-1-l-16241">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Avoine Popcorn - Barista Edition, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J2Ba8ilvqqxcV4XM99n474Ln1CrS7WzzGAeSR8Mu72WrQ6X-usPYK2dvQheuYBDxzBMHzoSxpC9aQeulBZW0bQ" />
    <input value="16241" 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;100 sur 1&#39;235 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=56">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>