<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/nut-butter-biscuits-a-la-vanille-bio-250-g-6ade27b9-e92b-4c4b-87e6-92f2013ecaab-14340">
          <img alt="Nut Butter Biscuits à la vanille bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6667/file/small-7dfa18c251e80ed8140ba7aec12a513d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6667/file/medium-e2c982f56b62b69d67322c34dc30ecc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6667/file/large-e89f14b0153f07635994ab5e0b47b350.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6667/file/medium-e2c982f56b62b69d67322c34dc30ecc4.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/nut-butter-biscuits-a-la-vanille-bio-250-g-6ade27b9-e92b-4c4b-87e6-92f2013ecaab-14340">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Butter Biscuits à la vanille bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rd06-Gpyrn8tUq0YOnYdTMj7hls6Qp7D34hBdNDcpALQi97OwH9sxSkLExFXvr0C6i8avHEn5ziIU0v2bter0w" />
    <input value="14340" 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/gousses-d-ail-noir-bio-60-g-16236">
          <img alt="Gousses d’Ail Noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7473/file/small-0d596f47322305c9aebd8146c7acef29.webp 600w, https://assets.fabulous.ch/public/variant_asset/7473/file/medium-0ca186dd6e8c4f964051c6e21d3dce77.webp 900w, https://assets.fabulous.ch/public/variant_asset/7473/file/large-2a21017c41c229d8c69320be92adea5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7473/file/medium-0ca186dd6e8c4f964051c6e21d3dce77.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">Amanprana</p>
          <a href="/fr/products/gousses-d-ail-noir-bio-60-g-16236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gousses d’Ail Noir Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-streich-brotzeit-obazda-bio-180-g-7810">
          <img alt="Pâté Végétal Streich Brotzeit &quot;Obazda&quot; , Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4552/file/small-d5f9b8ff1fdaef13e76468f467d94c43.webp 600w, https://assets.fabulous.ch/public/variant_asset/4552/file/medium-39314861c61a743031cfca0d18f96f11.webp 900w, https://assets.fabulous.ch/public/variant_asset/4552/file/large-a369d64272e5b0130f68c16d59e6f21d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4552/file/medium-39314861c61a743031cfca0d18f96f11.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/fr/products/pate-vegetal-streich-brotzeit-obazda-bio-180-g-7810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Streich Brotzeit &quot;Obazda&quot; , Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W7goz1KYnT8JkJDmMEqpelu9S-oiOYakxWjjepG-LVom7sz5-JVfhQ3JLu9dggk0eWnXDWlc_1-Ss-n4L7Uiiw" />
    <input value="7810" 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/dr-mannah-s-herbes-de-provence-le-muri-bio-100-g-1979">
          <img alt="Dr. Mannah&#39;s Herbes de Provence - Le mûri, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1562/file/small-a0f66a324ac60e6daab3450c7328eec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1562/file/medium-fbcbea3a8e0aec23e317776ab0644da0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1562/file/large-0785d715ba129f1355658413511c6bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1562/file/medium-fbcbea3a8e0aec23e317776ab0644da0.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">Happy Cheeze GmbH</p>
          <a href="/fr/products/dr-mannah-s-herbes-de-provence-le-muri-bio-100-g-1979">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannah&#39;s Herbes de Provence - Le mûri, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </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 9.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1979-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/pralinis-lini-s-bites-choco-nougat-bio-46-g-9282">
          <img alt="Pralinis Lini&#39;s Bites Choco Nougat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8770/file/small-2f565a10637b1cb1d7ebb7c733a3c47b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8770/file/medium-65a504bd84d884439c314ff9c11ef298.webp 900w, https://assets.fabulous.ch/public/variant_asset/8770/file/large-2bb0cb7efc71f09daead2e01646cd953.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8770/file/medium-65a504bd84d884439c314ff9c11ef298.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">Lini&#39;s Bites</p>
          <a href="/fr/products/pralinis-lini-s-bites-choco-nougat-bio-46-g-9282">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites Choco Nougat Bio, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QGxyhZbAq4dhHoH3IZ2gxBEBaPd2t2XJLgr45WG6NKg9OpazPM1pPWVHP_5MVQCKM9X0ED3SHDJ50fJn37E7eQ" />
    <input value="9282" 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/cuisine-creme-avoine-bio-250-ml-48">
          <img alt="Cuisine Creme Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/52/file/small-80d1ddc2c95d20d2e6e32412bbcf8bb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/52/file/medium-a6e7759f351a4c924fe7fd95aa3a19e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/52/file/large-908207f64c326726571c051202191486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/52/file/medium-a6e7759f351a4c924fe7fd95aa3a19e4.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/cuisine-creme-avoine-bio-250-ml-48">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Creme Avoine Bio, 250 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.88 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-48-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/wilmersburger-tranches-aux-herbes-sans-gluten-150-g-62">
          <img alt="Wilmersburger Tranches aux Herbes Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/66/file/small-62e2aa61fa72496591941cdd5e824573.webp 600w, https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/66/file/large-571c67150f0e23bffa4b6be89ecff627.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/66/file/medium-af355f94ef85af4c810f9ee53cdfe0e1.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">Wilmersburger</p>
          <a href="/fr/products/wilmersburger-tranches-aux-herbes-sans-gluten-150-g-62">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Tranches aux Herbes Sans Gluten, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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 2.97 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/liquide-vaisselle-mains-argousier-mandarine-1-l-72">
          <img alt="Liquide Vaisselle Mains Argousier-Mandarine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/76/file/small-185a6d130fee9d3135a8faf0b43092c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/76/file/medium-d7e8f5a1519552c672fad2718c00bfb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/76/file/large-6a17d971bc0b94f44bc687b168105294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/76/file/medium-d7e8f5a1519552c672fad2718c00bfb1.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">Almawin</p>
          <a href="/fr/products/liquide-vaisselle-mains-argousier-mandarine-1-l-72">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Liquide Vaisselle Mains Argousier-Mandarine, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eaR7XV6ZoxVNcs9zlQmSUu8NIRYJC_iRsU_Fqj-_vNkE8p9r9JRhr0krcXr4wTIczdm98UJugWrmlM8ogbSzCA" />
    <input value="72" 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/nettoyant-verre-vitres-0-5-l-76">
          <img alt="Nettoyant Verre + Vitres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/84/file/small-297f577739917fb74505194d53a75c15.webp 600w, https://assets.fabulous.ch/public/variant_asset/84/file/medium-c76fbe1e204a14900369a766b55d7879.webp 900w, https://assets.fabulous.ch/public/variant_asset/84/file/large-3e6dbd3b4448edb848e05fdf5bbab316.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/84/file/medium-c76fbe1e204a14900369a766b55d7879.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">Almawin</p>
          <a href="/fr/products/nettoyant-verre-vitres-0-5-l-76">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyant Verre + Vitres, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z83y9vbx91EtnWEQ208JT2i-MIJL6Iqy5__HCTgUcM2ymxbAXPw16ynE3xm2h6kBSmqsZQCN80mwJM2Lhh9_HA" />
    <input value="76" 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/nettoyant-menager-universel-0-5-l-77">
          <img alt="Nettoyant Ménager Universel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/86/file/small-34286215111135b2c6dfbc9a52ab2eaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/86/file/large-899d9d02e0b225c20706af964a065120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/86/file/medium-d2f1bce7978412398d7616c37fce9fee.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">Almawin</p>
          <a href="/fr/products/nettoyant-menager-universel-0-5-l-77">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettoyant Ménager Universel, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jEb-X34RgdNWHlmiak-XKi2VFwB504-YHDEBDIPCYkzxEBpp1BxDaVJH56sHhzdkD0GL5zK29mNL6guOPcltnQ" />
    <input value="77" 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/lessive-concentree-universelle-2-kg-79">
          <img alt="Lessive Concentrée Universelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/89/file/small-12c917a8e222239275ae2948b7a816f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.webp 900w, https://assets.fabulous.ch/public/variant_asset/89/file/large-f04183033212efa54077f1594da81e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/89/file/medium-6f01e0acc18877078abc81041cfa4529.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">Almawin</p>
          <a href="/fr/products/lessive-concentree-universelle-2-kg-79">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lessive Concentrée Universelle, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JaObQumOvTxulX9VX1q2yOoB0f6sMWnP_5zIS9e65uZY9X90Q4N_hmrMwVwykhaGyNVNGedUEDSoR8LJabHpNw" />
    <input value="79" 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/agar-agar-sans-gluten-bio-2-g-90">
          <img alt="Agar Agar 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/98/file/small-bb454f673491642db64eea4358362c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.webp 900w, https://assets.fabulous.ch/public/variant_asset/98/file/large-0374bd33e95401544bf2aa877a483e26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/98/file/medium-3bb833df9cbfde626bc4ed5567e55b84.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">Lima</p>
          <a href="/fr/products/agar-agar-sans-gluten-bio-2-g-90">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Sans Gluten Bio, 6 x 2 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 32.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zOyxRss8GZTA9OohRs5fxt0JtPfs2We2GDKAK1v9BP-xulVwYTHbLsStVCgrBv-I_90oEKe8Hk1P6Yqp5fYLLg" />
    <input value="90" 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/biscuits-bio-bis-choc-orange-choc-orange-bio-85-g-93">
          <img alt="Biscuits Bio Bis Choc Orange Choc&#39;Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/104/file/small-8db3a4f20c2108171c5ad803a0533617.webp 600w, https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.webp 900w, https://assets.fabulous.ch/public/variant_asset/104/file/large-1ce30afb54777d9f34ad8288a545fee4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/104/file/medium-ef1a97b83f17abaf44d25cf92ae79aaa.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/biscuits-bio-bis-choc-orange-choc-orange-bio-85-g-93">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Bio Bis Choc Orange Choc&#39;Orange Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="79ReV6vfn5kjHk4Jt7LeKi8q2IziH_FfP6cDriz6JDGSgrphAdJdIydH8ADaen5kDf5Ea6l6iKRofAkskvEr4A" />
    <input value="93" 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/vegan-passport-parlez-vous-vegan-1-piece-115">
          <img alt="Vegan Passport - Parlez vous Vegan?" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/125/file/small-57e5a5ed7552b485c47e692a0896f212.webp 600w, https://assets.fabulous.ch/public/variant_asset/125/file/medium-5e46fe2da2483b86cdd3da0dbffda1a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/125/file/large-307c07edabac175f700d3dd09681eb2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/125/file/medium-5e46fe2da2483b86cdd3da0dbffda1a0.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">Vegetarian Guides</p>
          <a href="/fr/products/vegan-passport-parlez-vous-vegan-1-piece-115">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Passport - Parlez vous Vegan?, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GfCWZ0l6X_bIZFBMrGLU9GYCl2qmo0sGvQS8tFNzC2FkpnJR43edTMw97kXBqnS6RNYLje3GMv3q37Y27XgEsA" />
    <input value="115" 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/stabilisateur-de-creme-fouettee-bio-6-g-127">
          <img alt="Stabilisateur De Crème Fouettée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/141/file/small-390d51400643519c56f0276e006a02b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/141/file/medium-c5f481cabac819994f7b8068f97ddfd0.webp 900w, https://assets.fabulous.ch/public/variant_asset/141/file/large-a74121545200c2cf3c72f8427b844126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/141/file/medium-c5f481cabac819994f7b8068f97ddfd0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/stabilisateur-de-creme-fouettee-bio-6-g-127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Stabilisateur De Crème Fouettée Bio, 3 x 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1OVT_YVGKax4huxKReOXXWGJ8KlSeOA0BOOG4O_nrIKps7fLL0vrFnzfUkMoKzcTQ11sThkdmc9TOIxiUeyjUw" />
    <input value="127" 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/levure-de-biere-en-paillettes-200-g-138">
          <img alt="Levure de bière en paillettes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/152/file/small-ab6c92ea0118f4f25cee7ffe1bd82539.webp 600w, https://assets.fabulous.ch/public/variant_asset/152/file/medium-cd5d39e3bcbfc2b6d122cf3a5521bf38.webp 900w, https://assets.fabulous.ch/public/variant_asset/152/file/large-43b41e64cbb3f6d457a1526d670ae893.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/152/file/medium-cd5d39e3bcbfc2b6d122cf3a5521bf38.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-biere-en-paillettes-200-g-138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Levure de bière en paillettes, 200 g</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 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-138-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/raifort-en-verre-bio-125-g-139">
          <img alt="Raifort en Verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/154/file/small-4ad19b7e421e836fe5fdfd44f74ff302.webp 600w, https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/154/file/large-7eb000fe158a946dff02c9082dab3dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/154/file/medium-596f96eb919fcf4300c50ea9c7a3c2b0.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/raifort-en-verre-bio-125-g-139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raifort en Verre Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6cGlhRBqmvylgNTj0O_Vbffih_x48Z5G8X5bQjMWKYSUl0GzumdYRqHZauq9J3Uj1TYbGzOU572mpVHAjR0mVQ" />
    <input value="139" 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/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="o5Q6N_2TwpaAYuwsyeccWaquTKLitO7Ny0pTQyvw2bnewt4BV54ALIQ7UiWkL7wXiHrQRanRlzackVnBlfvWaA" />
    <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 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="WTgC-dg3_ZqI3f4XwdMsy5wpKFxxdZCTU6uoSkx2cI0kbubPcjo_IIyEQB6sG4yFvv20uzoQ6WgEcKLI8n1_XA" />
    <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="Fyc06yWv4c84PCdvnaPU9I8-85IpMlbgBWVthwPBmwNqcdDdj6IjdTxlmWbwa3S6repvdWJXLxtSvmcFvcqU0g" />
    <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>



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

</template></turbo-stream>