<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">
    <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/haricots-gros-verre-demeter-350-g-7663">
          <img alt="Haricots Gros Verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4429/file/small-49b2e09c5702e845b1ef0c497eccf970.webp 600w, https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4429/file/large-5ca40e617650ffaf3d848e2e3975c07f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.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">Nur Puur</p>
          <a href="/fr/products/haricots-gros-verre-demeter-350-g-7663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Gros Verre Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7663-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  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/semoule-de-ble-dur-bio-500-g-7665">
          <img alt="Semoule de blé dur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4432/file/small-c0e376380ff8d3e44d19447cf81c4232.webp 600w, https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4432/file/large-6f87cb9da2d3c67993b54acf5113d348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/semoule-de-ble-dur-bio-500-g-7665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semoule de blé dur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bVKursn2exscr5PJS8_-XLirNnuSVRw2kN_LWzeidl1VPgxgSR4MW-7RJDNJxFKeVsx1lXd3jMUua55GEohL4A" />
    <input value="7665" 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-gingembre-et-baies-demeter-280-ml-7674">
          <img alt="Shot gingembre et baies Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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/shot-gingembre-et-baies-demeter-280-ml-7674">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot gingembre et baies Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l1x4-ELJmWO5OdcRo9VV-G8_6fgp2U7UgN6Kuqcc2gGvMNo2wiHuI0tHYOuh3vk6gViqFsz73ic-at-ngjbnvA" />
    <input value="7674" 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/xylitol-chewing-gum-menthe-verte-17-g-7678">
          <img alt="Xylitol Chewing Gum Menthe Verte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4442/file/small-09f9acae6f8373082db4638d270c8aa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4442/file/medium-4c5960154a35a7d0ef9c7663e8c480b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4442/file/large-942509de25f97186afd170b24cc88928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4442/file/medium-4c5960154a35a7d0ef9c7663e8c480b4.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">Birkengold</p>
          <a href="/fr/products/xylitol-chewing-gum-menthe-verte-17-g-7678">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum Menthe Verte, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B1EcpE4Vl6dHws7G142PG6ZR5Fn4HJhRNF95QsX5gvM_Pb5qzv3g57W8eTzVhiPZSDantx0-CKKK6yxf4NO_Tg" />
    <input value="7678" 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/xylitol-chewing-gum-menthe-poivree-17-g-7679">
          <img alt="Xylitol Chewing Gum Menthe Poivrée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4443/file/small-47d2d8dedfe226158cb56b2b40363e5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4443/file/medium-90d2460979d0531612d6a1df1c88b285.webp 900w, https://assets.fabulous.ch/public/variant_asset/4443/file/large-a6d2fb8c05289c418da9222642e78388.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4443/file/medium-90d2460979d0531612d6a1df1c88b285.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">Birkengold</p>
          <a href="/fr/products/xylitol-chewing-gum-menthe-poivree-17-g-7679">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum Menthe Poivrée, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nQOnAqDImqGjFAAhJ_LkHMEHKqqMlM2QTvgiMLdCs-qlbwXMICDt4VFqt9sl-UjeL2BpRGm2XWPwTHctkmiOVw" />
    <input value="7679" 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/xylitol-chewing-gum-fruits-17-g-7680">
          <img alt="Xylitol Chewing Gum Fruits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4444/file/small-11a1f4c77b3d6aa0140edaf890012ee1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4444/file/medium-f1cbcca4bda5015f5844a25cc2d93e93.webp 900w, https://assets.fabulous.ch/public/variant_asset/4444/file/large-5fcad0210752cc260a6fd65f082ec149.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4444/file/medium-f1cbcca4bda5015f5844a25cc2d93e93.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">Birkengold</p>
          <a href="/fr/products/xylitol-chewing-gum-fruits-17-g-7680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum Fruits, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CTqp01vszPGDVKpKVq8wv_obtmbUFxEweHc3t25puKsxVgsd2wS7sXEqHbBUpJx9FHz1iDE1gcPGw2KqS0OFFg" />
    <input value="7680" 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-cheesana-tomate-bio-170-g-7714">
          <img alt="Pâté végétal Cheesana Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4455/file/small-b73e68a1d4cdbb24b936a154468552ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/4455/file/medium-393018b7474e078ac48476f1fd68a836.webp 900w, https://assets.fabulous.ch/public/variant_asset/4455/file/large-c7f231cf5267aad59dda817c9b9851f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4455/file/medium-393018b7474e078ac48476f1fd68a836.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">Sanchon</p>
          <a href="/fr/products/pate-vegetal-cheesana-tomate-bio-170-g-7714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté végétal Cheesana Tomate Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-cheesana-jalapeno-bio-170-g-7715">
          <img alt="Pâté végétal Cheesana Jalapeno Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4456/file/small-c61d07a5fb56f67de6b91633b02cf207.webp 600w, https://assets.fabulous.ch/public/variant_asset/4456/file/medium-e67d582bcffb947269604590e60b82bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4456/file/large-25c4ceb4eedd55c2340d847224fa5851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4456/file/medium-e67d582bcffb947269604590e60b82bd.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">Sanchon</p>
          <a href="/fr/products/pate-vegetal-cheesana-jalapeno-bio-170-g-7715">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté végétal Cheesana Jalapeno Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VyyTcyXES9_MgD5kA1AlMOA3168A7gpImnSlc7jHkr9vQDG9pSw8nz7-iZ4BW4nyDlCUQeXMmrskwPBune2vAg" />
    <input value="7715" 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">
    <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/pate-vegetal-cheesana-fume-oignon-bio-170-g-7716">
          <img alt="Pâté végétal Cheesana Fumé Oignon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4457/file/small-1815cc4f1b04f2d8b50b16460d15d24e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4457/file/medium-778cb579aec5a7e144cc86eaaf4c2e6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4457/file/large-5eeef122c1c0e2d42ef430c41e60ed15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4457/file/medium-778cb579aec5a7e144cc86eaaf4c2e6c.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">Sanchon</p>
          <a href="/fr/products/pate-vegetal-cheesana-fume-oignon-bio-170-g-7716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté végétal Cheesana Fumé Oignon Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7716-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  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/gelee-de-fruits-au-coing-bio-160-g-7750">
          <img alt="Gelée de fruits au coing bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4474/file/small-f12ed5e45f3217a9f3db26b5183e99a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/4474/file/medium-0b8a3174d34b0cbf268d55e5170fb3a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4474/file/large-062a4783993fc1a272f2b425489c0232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4474/file/medium-0b8a3174d34b0cbf268d55e5170fb3a5.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/gelee-de-fruits-au-coing-bio-160-g-7750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gelée de fruits au coing bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bqowxPxMxQIV1l7MJAjm8ryRzQas4RtZSJ_f0VxXBEpWxpIKfKSyQueo6TYmA0owUvaO6EnDi6r2K4rMeX059w" />
    <input value="7750" 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/d-angelo-tortellini-fourrees-aux-champignons-bio-250-g-7757">
          <img alt="D&#39;Angelo Tortellini fourrées aux Champignons Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4479/file/small-f7b3123b09fb89ca7a910eaf4af3cc89.webp 600w, https://assets.fabulous.ch/public/variant_asset/4479/file/medium-77d84b0753dcef4d5290c6f18e540911.webp 900w, https://assets.fabulous.ch/public/variant_asset/4479/file/large-17e8029f94eb5778e0067474a95ac305.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4479/file/medium-77d84b0753dcef4d5290c6f18e540911.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">D&#39;Angelo Pasteria</p>
          <a href="/fr/products/d-angelo-tortellini-fourrees-aux-champignons-bio-250-g-7757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Tortellini fourrées aux Champignons Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MeogBIByE39yfkU3JrjWyDy57I8V8tAjBO8FXs9nDIMJhoLKAJpkP4AA8s0ks3oK0t6vYfDQQNC6W1BD6k0xPg" />
    <input value="7757" 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/d-angelo-ravioli-farci-avec-rape-vegetal-bio-250-g-7759">
          <img alt="D&#39;Angelo Ravioli farci avec râpé végétal Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4480/file/small-6e1b04cf765b3aa3b599b93cb5dffd87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4480/file/medium-a656ace70d7e568b4d6dff8d846c3f51.webp 900w, https://assets.fabulous.ch/public/variant_asset/4480/file/large-a4c5b9e1c6656ea7fbf3cf39327ebd1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4480/file/medium-a656ace70d7e568b4d6dff8d846c3f51.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">D&#39;Angelo Pasteria</p>
          <a href="/fr/products/d-angelo-ravioli-farci-avec-rape-vegetal-bio-250-g-7759">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Ravioli farci avec râpé végétal Bio, 250 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.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xvQqRVwLdO-WxfMsWli2n-RPBFBKKUeZ1DMsDy2DmLT-mIiL3OMDr2S7RNZYUxpdCihHvq8L12pqh3kSCKmlCQ" />
    <input value="7759" 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">
    <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/jelly-ourson-xylit-sans-sucres-ajoutes-bio-100-g-7768">
          <img alt="Jelly Ourson Xylit Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4490/file/small-479bdb5361738dbb111da3208084c039.webp 600w, https://assets.fabulous.ch/public/variant_asset/4490/file/medium-6a5923036bc63e9a0b6898453618022c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4490/file/large-1569d0de3442d527660dbaed92691a53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4490/file/medium-6a5923036bc63e9a0b6898453618022c.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">Xucker</p>
          <a href="/fr/products/jelly-ourson-xylit-sans-sucres-ajoutes-bio-100-g-7768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jelly Ourson Xylit Sans sucres ajoutés Bio, 100 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 4.95 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7768-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  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/xylit-noir-sans-sucres-ajoutes-80-g-7775">
          <img alt="Xylit Noir Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4512/file/small-f2402bd8a3bd071909c33b863c0251d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4512/file/medium-4bf2312e6782a1dfa80dc9887a866afe.webp 900w, https://assets.fabulous.ch/public/variant_asset/4512/file/large-641346e78a757cb3840103641687d599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4512/file/medium-4bf2312e6782a1dfa80dc9887a866afe.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">Xucker</p>
          <a href="/fr/products/xylit-noir-sans-sucres-ajoutes-80-g-7775">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Noir Sans sucres ajoutés, 80 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 3.63 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7775-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/ongles-nail-polish-you-nique-5-ml-5103dec4-5111-4950-836c-9def7bcae164-7790">
          <img alt="Ongles Nail Polish You-Nique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4526/file/small-4af65255875a29581ab4b2d8982e2493.webp 600w, https://assets.fabulous.ch/public/variant_asset/4526/file/medium-321a726c9538b8e2df497cd6ac2a2fbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4526/file/large-a9dd1353d7afb72e54e797a1bdf086c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4526/file/medium-321a726c9538b8e2df497cd6ac2a2fbf.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">benecos</p>
          <a href="/fr/products/ongles-nail-polish-you-nique-5-ml-5103dec4-5111-4950-836c-9def7bcae164-7790">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ongles Nail Polish You-Nique, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="njLTnw4iVoW67ZnsO2njH-r9lTOfowP6pBYHj1IQRjSmXnFRjsohxUiTLhY5Yk_dBJrW3XqBkwkaolKSdzp7iQ" />
    <input value="7790" 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/ongles-nail-polish-vintage-red-5-ml-7791">
          <img alt="Ongles Nail Polish Vintage Red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4530/file/small-d7ac65118f74603133389f8c6ebc0ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4530/file/medium-c29a69453a5eba145def3deb4f2d13bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4530/file/large-8831c6377379057cef41abd9f91d09e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4530/file/medium-c29a69453a5eba145def3deb4f2d13bc.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">benecos</p>
          <a href="/fr/products/ongles-nail-polish-vintage-red-5-ml-7791">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ongles Nail Polish Vintage Red, 5 ml</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 78.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HsaAeEku64HwMxVBKnKKDsqIt3xRgtrRew0LWEWO_fkmqiK2ycacwQJNorsoeSbMJO_0krSgSiLFuV5FYKTARA" />
    <input value="7791" 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/ongles-nail-polish-cherry-red-5-ml-7792">
          <img alt="Ongles Nail Polish Cherry Red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4534/file/small-25a030eb450f7adc57426ae6ecf7f163.webp 600w, https://assets.fabulous.ch/public/variant_asset/4534/file/medium-e6843a129d8d56ad57047ca9d433dded.webp 900w, https://assets.fabulous.ch/public/variant_asset/4534/file/large-fa700fee01b38b9e74ea70c904d0dc65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4534/file/medium-e6843a129d8d56ad57047ca9d433dded.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">benecos</p>
          <a href="/fr/products/ongles-nail-polish-cherry-red-5-ml-7792">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ongles Nail Polish Cherry Red, 5 ml</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 78.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9gOy38tdi5PdsU0nZqMOP5LXF34ZRlc5DDH4Vkf2OJLObxARS7X80y_P-t1kqKL9fLBUkPxkx8qyha1LYtwFLw" />
    <input value="7792" 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/ongles-nail-polish-oh-lala-5-ml-7793">
          <img alt="Ongles Nail Polish oh lala!" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4536/file/small-6c0c0581455b044d612706dd16a9d90b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4536/file/medium-9df6fed849fee6d2b11446c388adc3e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4536/file/large-17cb0f96470172375fd87e6ef5157b2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4536/file/medium-9df6fed849fee6d2b11446c388adc3e8.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">benecos</p>
          <a href="/fr/products/ongles-nail-polish-oh-lala-5-ml-7793">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ongles Nail Polish oh lala!, 5 ml</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 78.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSKZL8a6XMM0Rzo-UMf6kw3tO00yiAQqYuC8Z4vyyyqFTjvhRlIrg8Y5jcRSzFZR44p4o9eqlNncVOl6rtj2lw" />
    <input value="7793" 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/pinceau-eyeshadow-brush-colour-edition-1pcs-1-piece-7796">
          <img alt="Pinceau Eyeshadow Brush Colour Edition, 1pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4539/file/small-c30639f99e5c83f2f56b0e09f4f9e175.webp 600w, https://assets.fabulous.ch/public/variant_asset/4539/file/medium-7913e7be1e4762459168d456a60cdd52.webp 900w, https://assets.fabulous.ch/public/variant_asset/4539/file/large-26a929be1b1a1ddf5d023ee8c9047909.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4539/file/medium-7913e7be1e4762459168d456a60cdd52.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">benecos</p>
          <a href="/fr/products/pinceau-eyeshadow-brush-colour-edition-1pcs-1-piece-7796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pinceau Eyeshadow Brush Colour Edition, 1pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QGPwfXj6vpG1RrxSJ1xW2DmO_t8bN4WNR8ig3L-kReV4D1Kz-BLJ0Uc4C6glV_oa1-m9Mf4VFX75fPXBmo54WA" />
    <input value="7796" 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/pinceau-levres-lip-brush-colour-edition-1-pcs-1-piece-7797">
          <img alt="Pinceau Lèvres Lip Brush Colour Edition, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4541/file/small-4ce7e34ec24b8bccf8deb6781cb1462e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4541/file/medium-ea4660f8464660d8749b6b95c4feae98.webp 900w, https://assets.fabulous.ch/public/variant_asset/4541/file/large-7603955f012c3ea4f09aa3bd20648ee7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4541/file/medium-ea4660f8464660d8749b6b95c4feae98.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">benecos</p>
          <a href="/fr/products/pinceau-levres-lip-brush-colour-edition-1-pcs-1-piece-7797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pinceau Lèvres Lip Brush Colour Edition, 1 pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

</template></turbo-stream>