<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/riz-entier-a-grains-ronds-en-gros-bio-25-kg-10307">
          <img alt="Riz entier à grains ronds en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5544/file/small-1327a7c676f560abbb9e93c22bf1f2cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5544/file/medium-3cc3880c070d2df3dd0eed11777e0d0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5544/file/large-e23b84e8759765be881c05c0261ea152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5544/file/medium-3cc3880c070d2df3dd0eed11777e0d0b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/riz-entier-a-grains-ronds-en-gros-bio-25-kg-10307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz entier à grains ronds en gros Bio, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 151.55
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/riz-complet-grain-long-en-gros-bio-25-kg-10308">
          <img alt="Riz Complet Grain Long en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5545/file/small-98e789c179a00e27d711f12d0ae6c4a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5545/file/medium-0a9f59fb14e4c4cca551a65036f1e8f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5545/file/large-d1fcb3031825a69ca71ba3f0c8f08ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5545/file/medium-0a9f59fb14e4c4cca551a65036f1e8f8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/riz-complet-grain-long-en-gros-bio-25-kg-10308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Complet Grain Long en gros Bio, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 244.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRmI7qCXUj8IZYpm8Pdhav1JnnJ3HiKlypnSlLVmPkYTZ_0paO2zjbYBwPPPPFUk9J54BcHuoocmReVSN8yU_Q" />
    <input value="10308" 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/cacahuetes-grillees-au-sel-de-mer-bio-150-g-10309">
          <img alt="Cacahuètes grillées au sel de mer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5546/file/small-46ef6e8de92f89c7d92de00763fc121f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5546/file/medium-9bf795788a364d62c2f9c4a1252668e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5546/file/large-a8eaa8b624595c596997d04c9f084903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5546/file/medium-9bf795788a364d62c2f9c4a1252668e2.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">Pakka</p>
          <a href="/fr/products/cacahuetes-grillees-au-sel-de-mer-bio-150-g-10309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cacahuètes grillées au sel de mer Bio, 150 g</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 2.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dDuPNAKKcDpJAZYUf6eGjz16VztSdkzb1AQcHvP3Flb6RfrzyvCRiPdl3IFAbLLBNK2xTOSGzPk42CvYcV287Q" />
    <input value="10309" 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-vegetale-pomme-et-raifort-mepfel-bio-135-g-10320">
          <img alt="Pâté Végétale Pomme et Raifort Mepfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5549/file/small-de440b51ad334ca8475d7dc15b2c0770.webp 600w, https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/5549/file/large-4ab2ad1a6a33a287cc9f8651a28e5dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.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-vegetale-pomme-et-raifort-mepfel-bio-135-g-10320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétale Pomme et Raifort Mepfel Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IGL-_fL6CHSyblTxeiWtODK43jxHND7tL4lMbMoSOPCuHIs6OoDpxgwKHmRF7pl2O284S_HEvs_DVXuqSLiSSw" />
    <input value="10320" 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-vegetale-poivrons-et-courgettes-papucchini-bio-135-g-10321">
          <img alt="Pâté Végétale Poivrons et Courgettes Papucchini  Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5551/file/small-9ffd78a7c8381eadbfb03ea59179e983.webp 600w, https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/5551/file/large-767cda88a28bcac994cbcba0bcb27896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5551/file/medium-4822a8de8dfca0cc00eb7d1532546e69.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-vegetale-poivrons-et-courgettes-papucchini-bio-135-g-10321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétale Poivrons et Courgettes Papucchini  Bio, 135 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.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z0Ah8U5D1xrilGm2yOVeH3bbd3NutJX48AvWiRhhdIlBPlQ2hjk2qFzwIyP3LmpRfwyRBNhEFdoc1-FPmsveMg" />
    <input value="10321" 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-aubergine-sans-gluten-bio-180-g-10322">
          <img alt="Pâté Végétal aubergine 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/5552/file/small-bcd945f5562d06c24d0d57f74269111b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5552/file/medium-0a860d3e375440419ccd44759b90c577.webp 900w, https://assets.fabulous.ch/public/variant_asset/5552/file/large-158396af7fce77652db51aef04e001ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5552/file/medium-0a860d3e375440419ccd44759b90c577.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-aubergine-sans-gluten-bio-180-g-10322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal aubergine sans gluten 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-10322-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SZ55fKxzu0Q5vhXqzm7uzJamt6qK6wED1OFK6k1iu-rH4Ay7ZAla9ofaX3_xpdqCn3FR3TwbgSE4PX0sz8gRUQ" />
    <input value="10322" 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-a-tartiner-vegetalien-tomate-olive-sans-gluten-bio-180-g-10323">
          <img alt="Pâté à tartiner Végétalien Tomate - Olive 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/5553/file/small-ec825872fe07127a5a1654b63da880ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.webp 900w, https://assets.fabulous.ch/public/variant_asset/5553/file/large-e9792e5273edec64471321f5c8b5aa71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5553/file/medium-a6f834555529a5b4616fc48ba64a0210.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-a-tartiner-vegetalien-tomate-olive-sans-gluten-bio-180-g-10323">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté à tartiner Végétalien Tomate - Olive sans gluten 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-10323-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kG1wyCRLkkF1mqHmRazzbrLR4PeH36D0R8QQ94ZQqiQeEwUP7DFz88v-63N6Z8cguwYGgDEvINarGCcxBPoAnw" />
    <input value="10323" 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/petits-pois-jaunes-bio-500-g-10342">
          <img alt="Petits Pois Jaunes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5557/file/small-199050d73921049f726a2adea9bcb6d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5557/file/large-015cc647c89a9de31033536bfd5200da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.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/petits-pois-jaunes-bio-500-g-10342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits Pois Jaunes Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bKxoAxz7lDBYUixOhgliColuOutIY5_Yir2nD2Ytvlni0h3E1IF1guY2Ztu5wlZEgLncnP6TH_pmYZDJ5IcU4g" />
    <input value="10342" 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/petits-pois-jaunes-en-gros-biosuisse-5-kg-10343">
          <img alt="Petits Pois Jaunes en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5559/file/small-54789dc50d91a31ccff36094d225eea7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5559/file/large-3411c336244873c52fa35ad706482efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.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/petits-pois-jaunes-en-gros-biosuisse-5-kg-10343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits Pois Jaunes en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hLYu23cWTkkNRcgY6JyAD9NjKql5vWUS1IPHWWFhP-MKyFscv2yv-7Mhgo3XV7RB2rTM3s9N5TA4X_Cf48uVWA" />
    <input value="10343" 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/melange-de-noix-grillees-au-sel-de-mer-bio-100-g-10345">
          <img alt="Mélange de noix grillées au sel de mer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5558/file/small-310687a6d7388fcb0c8038123c48be48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.webp 900w, https://assets.fabulous.ch/public/variant_asset/5558/file/large-117dd0ee8d8c8013b18e7fa072daae01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.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">Pakka</p>
          <a href="/fr/products/melange-de-noix-grillees-au-sel-de-mer-bio-100-g-10345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange de noix grillées au sel de mer Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qNmaVKR-s_kHWJJNJCgUdxzrOhYhLZC2a9oecS-2mEkmp--TbARSS7k82Ngb4yA5FTzcYZfdEJSHBim3rRwy8g" />
    <input value="10345" 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/ichoc-classic-alternative-vegetalien-au-chocolat-au-lait-bio-80-g-10350">
          <img alt="iChoc Classic Alternative Végétalien au chocolat au lait Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5564/file/small-a5c27657a8802fb0e9103da04bd857f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5564/file/medium-ad7b081b29ae2a13cea46db1d2d6a49c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5564/file/large-cb5702c15dc970ead7134b641a475e25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5564/file/medium-ad7b081b29ae2a13cea46db1d2d6a49c.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">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-classic-alternative-vegetalien-au-chocolat-au-lait-bio-80-g-10350">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Classic Alternative Végétalien au chocolat au lait Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tzn-Gk-Vwfbx04FEjbbmL2gxAjy3sSoSEosD_k0gYr05R4vdh-8gRE-3y9GyfdJhYebkSwFBqjD-VzQ4z4rIBg" />
    <input value="10350" 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/doisy-dam-gouttes-de-chocolat-d-d-80-g-10351">
          <img alt="Doisy &amp; Dam Gouttes de chocolat D&amp;D" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5563/file/small-e3951797f68049c11e99464911c9db7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5563/file/medium-766644582a79f8a5ce29315a2f685101.webp 900w, https://assets.fabulous.ch/public/variant_asset/5563/file/large-e47754aab1b135c4cafdb9de45669fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5563/file/medium-766644582a79f8a5ce29315a2f685101.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">Doisy&amp;Dam</p>
          <a href="/fr/products/doisy-dam-gouttes-de-chocolat-d-d-80-g-10351">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Doisy &amp; Dam Gouttes de chocolat D&amp;D, 80 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 6.19 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10351-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/graines-de-chia-en-gros-bio-5-kg-10378">
          <img alt="Graines de chia en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5566/file/small-8711c9b896c146bbf21a5e7660748a7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5566/file/large-e60ff0b402ec1ab3e91065a47050b1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/graines-de-chia-en-gros-bio-5-kg-10378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de chia en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 82.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TJnmxB3fzhS8ZSk-ANQlQJxxEOK8eKqzKuTHivRPu9fC55MD1aUvpgIBY6s_HxEOlab2lQqIKpHGOPBMduURbA" />
    <input value="10378" 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/unfished-plantuna-a-l-huile-d-olive-150-g-10392">
          <img alt="Unfished PlanTuna à l&#39;huile d&#39;olive" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5568/file/small-bd2943a969a2828116bd0c1b65ab5705.webp 600w, https://assets.fabulous.ch/public/variant_asset/5568/file/medium-96c325c0412e300fe45d1c8c3faa6e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/5568/file/large-3094dc15090c783cb2cc6f39cb98eb72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5568/file/medium-96c325c0412e300fe45d1c8c3faa6e37.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">Unfished / Verdino Green Foods</p>
          <a href="/fr/products/unfished-plantuna-a-l-huile-d-olive-150-g-10392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Unfished PlanTuna à l&#39;huile d&#39;olive, 150 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 3.30 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10392-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/d-angelo-strozzapreti-pasta-a-l-epeautre-bio-250-g-10393">
          <img alt="D&#39;Angelo Strozzapreti Pasta à l&#39;épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5569/file/small-892557f20ac7523ff9b38d3e63b6b1d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5569/file/large-4958341bfca4bb5af30c827dc6fe1e69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.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-strozzapreti-pasta-a-l-epeautre-bio-250-g-10393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">D&#39;Angelo Strozzapreti Pasta à l&#39;épeautre 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-10393-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="92vvu5a_R2oUHPV63NbBzuy5RkqGkhKABUdc3SvJBrh5FZp8XsWm2Kp4v-_jHfWA5W6gPTBikqLpm2sbqWOsAw" />
    <input value="10393" 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/ichoc-white-nougat-crisp-rice-choc-chocolat-bio-80-g-d31901c2-f749-4fa6-a743-be6e555988a1-10414">
          <img alt="iChoc White Nougat Crisp - Rice Choc Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5572/file/small-b17d2f3652b818c8731a8292a72100f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5572/file/medium-edae170dbe701efa25309bf2de0b8ce3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5572/file/large-a59232cf9b6c88e9b01d9c844b177404.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5572/file/medium-edae170dbe701efa25309bf2de0b8ce3.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">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-white-nougat-crisp-rice-choc-chocolat-bio-80-g-d31901c2-f749-4fa6-a743-be6e555988a1-10414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc White Nougat Crisp - Rice Choc Chocolat Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zvLinvMsTugQN0x1itPIBaPxy9RUbQj-b6jeiB-awDVAjJdZO1avWq5TBuC1GPxLqiYto-KdiNyDdOlOnTBqjg" />
    <input value="10414" 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/ichoc-choco-cookie-bio-80-g-10415">
          <img alt="iChoc Choco Cookie - Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5573/file/small-89c6cdc62fd48c52e36af511816ca65a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5573/file/medium-1fde5ec8ab2e4c73d2e8ee868d2f663d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5573/file/large-eae968acfb05605af789834e630640d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5573/file/medium-1fde5ec8ab2e4c73d2e8ee868d2f663d.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">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-choco-cookie-bio-80-g-10415">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Choco Cookie - Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GII3meEULcENrzui5WgX-DBkcYn9ONluKVpZ8BqGs3KW_EJeKW7Mc7PLcTfaoyO2ObOX_kvIWUzFhm42mCwZyQ" />
    <input value="10415" 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/ichoc-salty-pretzel-bio-80-g-10417">
          <img alt="iChoc Salty Pretzel - Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5575/file/small-30cc1aa16e5b8b590f7029b261d591f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5575/file/medium-aefbaea39f27c4ce901f184303064fd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5575/file/large-c63091ff7f74e1db19161355f9ff278b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5575/file/medium-aefbaea39f27c4ce901f184303064fd3.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">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-salty-pretzel-bio-80-g-10417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Salty Pretzel - Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aMUhkfd2FeZ7gupIb5erEi-sbmPS4Aky-DozXV8ku-Dmu1RWPwz0VMXmoN1QXJ9cJnuIFGQQiRAU5gSb3Y4RWw" />
    <input value="10417" 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/boisson-epeautre-spelt-natural-bio-1-l-10490">
          <img alt="Boisson Épeautre Spelt Natural Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5578/file/small-ee45494349e9728d02d26a43f527294a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5578/file/medium-aff072394b86492d5e9fe43c6ed32722.webp 900w, https://assets.fabulous.ch/public/variant_asset/5578/file/large-1339c255b8141b6aa3661928fc3fc49b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5578/file/medium-aff072394b86492d5e9fe43c6ed32722.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/boisson-epeautre-spelt-natural-bio-1-l-10490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Épeautre Spelt Natural Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OqTynTkmeAUIXtNEYTjaBYxwCdaWzGa0bheDUwSweQO02oda8VyZt7Y6mdFe8-5LhafvoSA85paCy7SVhhrTuA" />
    <input value="10490" 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/la-raclette-vegan-nature-bio-200-g-10491">
          <img alt="La Raclette Vegan NATURE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5587/file/small-a30ec2cfca1446b90613efd6985eff56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.webp 900w, https://assets.fabulous.ch/public/variant_asset/5587/file/large-2466a8b9eb6e97afc1adc8d7558f6c1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.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">New Roots</p>
          <a href="/fr/products/la-raclette-vegan-nature-bio-200-g-10491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Raclette Vegan NATURE Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </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.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10491-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>



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

</template></turbo-stream>