<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/xucker-erythritol-boite-bio-450-g-11800">
          <img alt="Xucker Erythritol Boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6025/file/small-f0a142d773ee8090d989c37d9f1bbcbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6025/file/medium-1d97dedb6ed64aa74f0eba7671a60f63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6025/file/large-e02449af885b9c74f69eb838f0e9f626.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6025/file/medium-1d97dedb6ed64aa74f0eba7671a60f63.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/xucker-erythritol-boite-bio-450-g-11800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Erythritol Boîte Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11800-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/xucker-xylitol-boite-bio-700-g-11801">
          <img alt="Xucker Xylitol Boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6027/file/small-8c3e86ecc47562a2e780c3938d0c56cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6027/file/medium-8b3c4e66a0eb1960f4271b23e43cb2cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6027/file/large-9b1793893f9923d421004adf8b32aa65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6027/file/medium-8b3c4e66a0eb1960f4271b23e43cb2cd.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/xucker-xylitol-boite-bio-700-g-11801">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Xylitol Boîte Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11801-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">
    <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/xucker-like-sugar-boite-600-g-11807">
          <img alt="Xucker Like Sugar Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6030/file/small-d64067a1eae06009c2b9e3720174274f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6030/file/medium-f520da178d83b323da59613a25b263de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6030/file/large-55193633869859b22e9ddbeadf9a1034.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6030/file/medium-f520da178d83b323da59613a25b263de.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/xucker-like-sugar-boite-600-g-11807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Like Sugar Boîte, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11807-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/marinade-pour-tofu-bio-130-ml-11844">
          <img alt="Marinade pour Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6047/file/small-cc6a849e11125f0064cf3744eab6d763.webp 600w, https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6047/file/large-6e9f307e0956091961c82bdc898af9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.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">Arche</p>
          <a href="/fr/products/marinade-pour-tofu-bio-130-ml-11844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marinade pour Tofu Bio, 130 ml</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 3.54 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c-nSV-gySIwH-32hnGC00iSX8ZsY7jATpnBpuUGDyBi3B4Pg7ND2QYLeRTGvSnegwlNFOinGSwK6rqSGw3r9OA" />
    <input value="11844" 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/oignons-grilles-indonesiens-bio-75-g-11913">
          <img alt="Oignons Grillés Indonésiens Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6071/file/small-03f6387908d6e21ea5696c8ac5aa5e45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.webp 900w, https://assets.fabulous.ch/public/variant_asset/6071/file/large-a7f1aaf05daa5effe05c561566b32f1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.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">Terrasana</p>
          <a href="/fr/products/oignons-grilles-indonesiens-bio-75-g-11913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oignons Grillés Indonésiens Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4D16jLd2V8Ys0qjhFcz4H0wKdXgzTzaNZh1Q_IOxcr0k0ys7s5TpC6n3kHEm5jttqs7B2QJnTZx6w53DAUhHnQ" />
    <input value="11913" 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/smokey-paprika-bio-50-g-11915">
          <img alt="Smokey Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6074/file/small-10be4fb9976c3ff488c780425aa57d82.webp 600w, https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6074/file/large-595a811462a0dd21a72b857e8aef6a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.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">Sonnentor</p>
          <a href="/fr/products/smokey-paprika-bio-50-g-11915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smokey Paprika Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8mPy50a8FjDsXG91biwAqKW_yiD_bPYMOlxYpOQHg6LJ958mfhOlUaUSS3mknNwRFJLibLVyMksN7xdEWkrLg" />
    <input value="11915" 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/graisse-de-coco-bio-1000-ml-11960">
          <img alt="Graisse de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6081/file/small-470a381f1b4e3a75542a78390d5e6319.webp 600w, https://assets.fabulous.ch/public/variant_asset/6081/file/medium-35917323e008e4608d52c629429e9ba7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6081/file/large-eda68d5ab46ad425c34dd8b57fe67bc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6081/file/medium-35917323e008e4608d52c629429e9ba7.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">Dr. Goerg</p>
          <a href="/fr/products/graisse-de-coco-bio-1000-ml-11960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graisse de Coco Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oq4ixQ-bLDyOPO87qoX_M6THAKACFGNeuBF1Yoc_jeNmQHNyC3mS8QsZ16uZrzxBQgO0ATM8GE-kz7hdBca4ww" />
    <input value="11960" 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/pates-avoine-mezzi-rigatoni-bio-250-g-12005">
          <img alt="Pâtes Avoine Mezzi Rigatoni Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6094/file/small-61d198659a15712dde21e0f6a24e69f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6094/file/large-01fdf73b81666e8bc1d10b13edbb8fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.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">felicia</p>
          <a href="/fr/products/pates-avoine-mezzi-rigatoni-bio-250-g-12005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Avoine Mezzi Rigatoni Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iBFfokqXYO9GPj4T0m8Ib_nulfqbiE3QexrLFNBZ6vlM_w4VTnXeIsMbBoPhRcsdHyohW6qgNsFnxAYrUqDf2Q" />
    <input value="12005" 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/pates-avoine-mezzi-rigatoni-bio-250-g-3a340ab8-036e-4696-b559-7997eb526498-12006">
          <img alt="Pâtes Avoine Mezzi Rigatoni Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6100/file/small-364ebe09b0409e5978e9c20c8c451b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6100/file/large-b1fca914956594dad0e86a602688f40a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.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">felicia</p>
          <a href="/fr/products/pates-avoine-mezzi-rigatoni-bio-250-g-3a340ab8-036e-4696-b559-7997eb526498-12006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes Avoine Mezzi Rigatoni Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZ9jtPRXlXEl83M3edsytk0erRnSvE3kK2ILDARiZ49tcTID8LUrvKDWS6dK8fHEq9oZuOOUNvU3vMYzhptSrw" />
    <input value="12006" 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/sirop-d-agave-bio-1450-ml-12020">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6105/file/small-5c5d6c51982e3f1f03ff3ff57eeedb5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6105/file/large-4a97a758cc2b5e7783d591ab471aef89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.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">Allos</p>
          <a href="/fr/products/sirop-d-agave-bio-1450-ml-12020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop d&#39;Agave Bio, 1450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HOmX2CmgqVxoVWXPzLrMu01A84y3Rq-2YL4Tq6Ar4k_YB8ZvLUIXke1wXV__kA_Jq4RHLYZu1Kd8YN6UItLXbw" />
    <input value="12020" 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/sucre-blanc-de-betterave-demeter-500-g-12284">
          <img alt="Sucre blanc de betterave Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6175/file/small-f57f6d483609e27a7a18ab88777caf35.webp 600w, https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6175/file/large-3eaf18cd77eab17725e2a1e32797fd56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6175/file/medium-fa5e7d71273fe2f62358b05fb48cc2f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/sucre-blanc-de-betterave-demeter-500-g-12284">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre blanc de betterave Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CVscyE4vIuMu2364lCVmWr8gfYyp_StasT8_dLR3XPrNtU1_Ss2cLqv-RiinD6UoWeTJLZjVUEut4fJLNo5p2g" />
    <input value="12284" 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/sauce-pour-les-grillade-african-spirit-sans-gluten-bio-210-ml-12327">
          <img alt="Sauce pour les grillade African Spirit 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/6192/file/small-43bdbb6abfdc7f09faeb06dd68679128.webp 600w, https://assets.fabulous.ch/public/variant_asset/6192/file/medium-337b19ca0d3b46aa4d65f4127fe8d537.webp 900w, https://assets.fabulous.ch/public/variant_asset/6192/file/large-ba66a8718529343963be320a4aa88d3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6192/file/medium-337b19ca0d3b46aa4d65f4127fe8d537.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/sauce-pour-les-grillade-african-spirit-sans-gluten-bio-210-ml-12327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce pour les grillade African Spirit Sans Gluten Bio, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fMWB4VwhjxVhDGwod2VOrBo6cZ1P18zERg-Y01NjVJK4K9BWWMMx2OQpVLhET43e_P7FPH7_t9Va0VXs0Zphsg" />
    <input value="12327" 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/piment-moulu-bio-40-g-12367">
          <img alt="Piment moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6199/file/small-f86138dbfdc6ccdfa113e2e0152ae818.webp 600w, https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6199/file/large-26be4f26e7e9e8877336c4c3298905cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.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">Lebensbaum</p>
          <a href="/fr/products/piment-moulu-bio-40-g-12367">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piment moulu Bio, 40 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 9.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YwsUGLqzYsf_YWrhE_zpRvgSUQOXHuJufD4gM2DYH7Gn5UWvvlHcCnpEUnEg1io0HtbloqY2mX9g4O0M4iEqkQ" />
    <input value="12367" 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/passata-puree-de-tomates-bio-680-g-12368">
          <img alt="Passata Purée de Tomates Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6201/file/small-0740258e649347e8d242196f5e4be5de.webp 600w, https://assets.fabulous.ch/public/variant_asset/6201/file/medium-a7c8daa35e8e8493a70b0607511a0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/6201/file/large-c2a1fa5a4113ba9175e88453b00bf9a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6201/file/medium-a7c8daa35e8e8493a70b0607511a0e62.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/passata-puree-de-tomates-bio-680-g-12368">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Passata Purée de Tomates Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f51xpiSkQ_Rw74-1k-dXYC0NOPqsy1Zg_NV7m-3lWOK7cyARIEb9OfXKtyWgzZQSy8mMW53jLXHgC7akbxxtwg" />
    <input value="12368" 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/pesto-de-potiron-au-curry-fleurs-bio-130-g-12369">
          <img alt="Pesto de potiron au curry &amp; fleurs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6202/file/small-fe3d61efedb20621c037b0f9d9ef7bf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.webp 900w, https://assets.fabulous.ch/public/variant_asset/6202/file/large-9c105bd279bf8ed01e2da17a545bc244.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.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">LaSelva</p>
          <a href="/fr/products/pesto-de-potiron-au-curry-fleurs-bio-130-g-12369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto de potiron au curry &amp; fleurs Bio, 130 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 3.54 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Gijt9-QFzk97-YH5rF6StM9_Yz3Z535ksVH0y6bofc0hvIA23Kp9LjK3pfVm7k4NflJLcZP5uiOG4rsrGKU1w" />
    <input value="12369" 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-d-epices-umami-bio-60-g-12383">
          <img alt="Mélange d&#39;épices Umami Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6207/file/small-814aed497bd9333004e68b0eaa347065.webp 600w, https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6207/file/large-e03836e99e046a54016b4efe9c63765d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.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">Sonnentor</p>
          <a href="/fr/products/melange-d-epices-umami-bio-60-g-12383">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange d&#39;épices Umami Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HWr2vkxC4x03WJpZ9Aj27MGrl0XIMCoru9RK4su2Z5nZhKcJSKBd0LJ9osnHIjWeJ28j5PkYUTqnCofdSU9SuQ" />
    <input value="12383" 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/gingembre-moulu-bio-30-g-12488">
          <img alt="Gingembre Moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6252/file/small-5fe8273eb67e144edf186be11a4a7708.webp 600w, https://assets.fabulous.ch/public/variant_asset/6252/file/medium-a1914b3677cdf1671fd45a0d47daff16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6252/file/large-46721dbb3f649a35c9aab52e363020ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6252/file/medium-a1914b3677cdf1671fd45a0d47daff16.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">Sonnentor</p>
          <a href="/fr/products/gingembre-moulu-bio-30-g-12488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingembre Moulu Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2XQVuB9etIWnObFEO6Z9c_g2BOFee8u148yyC5ccJe4dmkQPG7wKSCIcidQIjL4BHvKwQG9TsKT_En80FeUQzg" />
    <input value="12488" 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/spaghetti-a-l-epeautre-clair-bio-500-g-12559">
          <img alt="Spaghetti à l&#39;épeautre clair Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6274/file/small-fc51929f588a98e3a624d8f0b65e2d9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6274/file/medium-684a5dc130741a70a46ca74b36bdfc93.webp 900w, https://assets.fabulous.ch/public/variant_asset/6274/file/large-03265658715d121ce8e743e34ed7319f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6274/file/medium-684a5dc130741a70a46ca74b36bdfc93.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/spaghetti-a-l-epeautre-clair-bio-500-g-12559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti à l&#39;épeautre clair Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F2NW1M9ZlRFftSwO2Uab582tUcYpu84wPQsDV0OHz-7TjQdjy7sr3NqQFJ7qbFiVK2nlZxiTtSEh1c5owX76zg" />
    <input value="12559" 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/trefle-a-quatre-feuilles-moulu-bio-40-g-12856">
          <img alt="Trèfle à quatre feuilles moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6332/file/small-b51ca4f52821564bd59e1808496c956d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6332/file/medium-d9755ba0571d3ef711d989f60cc13c92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6332/file/large-b2cd951c061963b31569fbb4042a2b25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6332/file/medium-d9755ba0571d3ef711d989f60cc13c92.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">Sonnentor</p>
          <a href="/fr/products/trefle-a-quatre-feuilles-moulu-bio-40-g-12856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Trèfle à quatre feuilles moulu Bio, 40 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 10.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m4j6AekA9_Hwwv6oMB-84v_g0x2GasVtU2ivV4mc1mNfZqu27eJJPHXnxjgDNX-QGSRnvLdCvnxPtmJoC2XjQw" />
    <input value="12856" 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/bacon-ish-aroma-bio-40-g-12958">
          <img alt="Bacon`ish Aroma Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6357/file/small-e9bfcb097e975160ca624ec909820806.webp 600w, https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.webp 900w, https://assets.fabulous.ch/public/variant_asset/6357/file/large-7c1891da8799d932b1aef51460e4872a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.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">Uhhmami</p>
          <a href="/fr/products/bacon-ish-aroma-bio-40-g-12958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bacon`ish Aroma Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_UTEmhKHJ6I-C_vcfE3oQ6iJY7Pr3l3AJcRZABTqsyrG0KlbKiiUw3dF39C2_TT6GaRL_6HAmYcSdxbgqqf7A" />
    <input value="12958" 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">
      400 sur 584 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=21">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>