<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/beurre-de-cacahuete-crunchy-bio-500-g-360">
          <img alt="Beurre de cacahuète crunchy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/317/file/small-d6fc22d1307ec4aca55ad20af5cba06a.webp 600w, https://assets.fabulous.ch/public/variant_asset/317/file/medium-c590770c90eccc5127c53c5acf11028a.webp 900w, https://assets.fabulous.ch/public/variant_asset/317/file/large-7da724ce9ad0ea62ad33212fde9e19cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/317/file/medium-c590770c90eccc5127c53c5acf11028a.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/beurre-de-cacahuete-crunchy-bio-500-g-360">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beurre de cacahuète crunchy Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jCl17J-mq4GKxCauhAEOKfyIZGqUVLnH2pvnvn_25Z9IfunvQ4ubhK5tDLplGpB2SZCibjNbpvjFRnMkVira3A" />
    <input value="360" 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/soja-sauce-tamari-strong-bio-250-ml-361">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/318/file/small-c0f1c8f171b52bef4a8d21ec86d7162d.webp 600w, https://assets.fabulous.ch/public/variant_asset/318/file/medium-238afc121230c42f8b55bcd6d6c10568.webp 900w, https://assets.fabulous.ch/public/variant_asset/318/file/large-f2b406c68bbbf42e31b25909b6d3afec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/318/file/medium-238afc121230c42f8b55bcd6d6c10568.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/soja-sauce-tamari-strong-bio-250-ml-361">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mini-boisson-riz-original-bio-200-ml-364">
          <img alt="Mini Boisson riz original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/319/file/small-f74a2353d57462dab968af3a6724c32b.webp 600w, https://assets.fabulous.ch/public/variant_asset/319/file/medium-07b3649bdaf2bfa4991301917bff7a63.webp 900w, https://assets.fabulous.ch/public/variant_asset/319/file/large-89bdbde81269f7b2caa0691bb0bbe76d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/319/file/medium-07b3649bdaf2bfa4991301917bff7a63.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/mini-boisson-riz-original-bio-200-ml-364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Boisson riz original Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-364-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/vantastic-foods-buttons-chocolat-blanc-500-g-369">
          <img alt="Vantastic Foods Buttons Chocolat Blanc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/324/file/small-c456c811ed80ca8d3cb7433b98d71cc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.webp 900w, https://assets.fabulous.ch/public/variant_asset/324/file/large-fa3b4954aea857ac567d3fdba7580fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/324/file/medium-23e1579b27d1a63f4048c416fd869090.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/fr/products/vantastic-foods-buttons-chocolat-blanc-500-g-369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vantastic Foods Buttons Chocolat Blanc, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P9gY9AeZuyVrBAK6U_lT-FrkkIi1FRPCpzhrLbgPKd_7j4T327SLIE-tKK6y4s2n7_xWjBIaDP245f-3kdMWnA" />
    <input value="369" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-bruschesto-bio-135-g-384">
          <img alt="Pâté Végétal Bruschesto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/335/file/small-218218fd4c4f6954128d609b9bbcc00c.webp 600w, https://assets.fabulous.ch/public/variant_asset/335/file/medium-ef97f987ccb0e07f25ab8f2f3548cfc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/335/file/large-055ea0a83046391686510118c22e6126.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/335/file/medium-ef97f987ccb0e07f25ab8f2f3548cfc1.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-bruschesto-bio-135-g-384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Bruschesto 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-384-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p4zQV4oYvvW5EB83J4voef83gtfq179XVDJ0woTJHV9j20xUVjWO8J25NSPGkHYmSi9E003YoGhL7-BYrRUiHA" />
    <input value="384" 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-basitom-bio-135-g-385">
          <img alt="Pâté Végétal Basitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/336/file/small-5fffdac62f801718a942e6002b0c0ccd.webp 600w, https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp 900w, https://assets.fabulous.ch/public/variant_asset/336/file/large-0e8ee8e49286dcc2a3e306b46a22dddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.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-basitom-bio-135-g-385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Basitom Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pate-vegetal-arrabitom-bio-135-g-386">
          <img alt="Pâté Végétal Arrabitom Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/337/file/small-3cde48496c20e33cc58a5230c5decddd.webp 600w, https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp 900w, https://assets.fabulous.ch/public/variant_asset/337/file/large-2272a757454a3d4591bc663a7cf4bf5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.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-arrabitom-bio-135-g-386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Arrabitom 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-386-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YS4W93qd12b6afOdgMo5Ewrm8EicHAnMwdUVhfK8JBKleYr0prDnY97A2Ylh0adMv_42TDsTFvPeCIEf22AbUQ" />
    <input value="386" 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/jardin-de-fruits-framboise-bio-225-g-387">
          <img alt="Jardin de fruits Framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/340/file/small-e7f854ffeb1eb00437382b3deea0b6b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp 900w, https://assets.fabulous.ch/public/variant_asset/340/file/large-b75165afd175819d2b91140951aecaea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.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/jardin-de-fruits-framboise-bio-225-g-387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de fruits Framboise Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y7BXho48wwF09_GPZTZJMebS-yQLdyaEUSRcHFxzSzyn58uFUhHzBFBe25uELdduU8o9IKx4ObtO-ciGda90fw" />
    <input value="387" 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/jardin-de-fruits-fraise-bio-225-g-388">
          <img alt="Jardin de fruits Fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/339/file/small-c0e97bbb0c8b92a18f104af29d0b810f.webp 600w, https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/339/file/large-855792992f3a81b3ad900def99a8909e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.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/jardin-de-fruits-fraise-bio-225-g-388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de fruits Fraise Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AULQsKGHDPg8a17QvKLK_5t9LcB8k5qTS-ENIxaKYPrFFUyzfao8_RjCdMRduVSgLmXrxNuchaxUPJm5P1ZfuQ" />
    <input value="388" 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-papayango-bio-160-g-390">
          <img alt="Pâté Végétal Papayango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/341/file/small-8ac260f766c0ce85b0f9c03216630a35.webp 600w, https://assets.fabulous.ch/public/variant_asset/341/file/medium-d06500fe4dca575616421fd47b9aa938.webp 900w, https://assets.fabulous.ch/public/variant_asset/341/file/large-be39ed6f290e9c4b93bf32812068bd4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/341/file/medium-d06500fe4dca575616421fd47b9aa938.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-papayango-bio-160-g-390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal Papayango Bio, 160 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.47 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kzpUCVAl_GJAyoPmRj56clQIfye7gfe-UkqevlO1QTdXbcgKjAjMZ2RjqfKnJeQt4RC5IxyO6IFNlwokeml-dA" />
    <input value="390" 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/jardin-de-fruits-oranges-amere-bio-225-g-391">
          <img alt="Jardin de fruits Oranges amère Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/342/file/small-6eb07618177191b9702d8a5ffb44b82f.webp 600w, https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp 900w, https://assets.fabulous.ch/public/variant_asset/342/file/large-47ecbd8467637f94d162b65abfbbf3ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.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/jardin-de-fruits-oranges-amere-bio-225-g-391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de fruits Oranges amère Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5BJzsKQct59HeUN-jCHosxU8nt_bNJMOIz6Q5bRq52MgRe-zeDGHmmPQaWptOnbsoCRY23w7jDE84wR_nbbYIA" />
    <input value="391" 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/ravioriselli-epinards-bio-250-g-398">
          <img alt="Ravioriselli épinards Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/350/file/small-3cb3297e08a33581e35247161c7952ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/350/file/large-16c67608cde2a19cecfe1fe1e12d8d06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.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">Mozzarisella</p>
          <a href="/fr/products/ravioriselli-epinards-bio-250-g-398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ravioriselli épinards Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mmRhbZRuWzYGEZE8dcvXTXOmvvOUAnNYFcmKG7XKZ2VeM_1uSENrMyK4uyiU0EkSxr549zMNbGcKFB6BnBZYJg" />
    <input value="398" 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/lentilles-beluga-bio-500-g-400">
          <img alt="Lentilles Beluga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/353/file/small-45a55a29f7cc8b703de9ad11375b2f9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp 900w, https://assets.fabulous.ch/public/variant_asset/353/file/large-7885d8be9c9b03b10bedd6cb3d57fb96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/lentilles-beluga-bio-500-g-400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentilles Beluga Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ihgQQ8moaGYOsKUNUUd2AzXa99iedUARUvj1KYaj8aVOT4xAFYVYYyoZjxmwXOhcgMIx3Dl6Xy5NJWGzr3_O5g" />
    <input value="400" 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/amandes-de-terre-noix-tigrees-choufa-grille-bio-250-g-402">
          <img alt="Amandes de Terre / Noix Tigrées (Choufa) grillé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/355/file/small-4ea9bacb7f6a133eaea97b8c5bba1682.webp 600w, https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/355/file/large-fb38526ed3eb471fe9039337b8d236f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.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">Govinda</p>
          <a href="/fr/products/amandes-de-terre-noix-tigrees-choufa-grille-bio-250-g-402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amandes de Terre / Noix Tigrées (Choufa) grillé Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T3xKZWFIeDLyuY-tSLLOvopNc33xt__Tk8DuEB_d2IOLK9ZmvWVIN9YQpbmpqVDhP1W1eVa44OyMHXqKNgHnwA" />
    <input value="402" 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/proteines-de-chanvre-bio-400-g-403">
          <img alt="Protéines de chanvre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/357/file/small-08da700939ff8f5cca08eeefa1a9e0b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.webp 900w, https://assets.fabulous.ch/public/variant_asset/357/file/large-4787a22a3e3605c21c1f49a49e8ef417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.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">Govinda</p>
          <a href="/fr/products/proteines-de-chanvre-bio-400-g-403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protéines de chanvre Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R-sm0C_DZwlLQWHbxTB6PEjpCPu-tHHUMQxkkgA8kXWDvLrT8-5XDG_oS88kK-Rj_fHO_xm7busu0fAIKeCuNg" />
    <input value="403" 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/farine-farine-de-pois-chiche-sans-gluten-bio-500-g-404">
          <img alt="Farine farine de pois chiche 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/360/file/small-2be24f5ad1b93336b14dfa74602f1bc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/360/file/large-9a8634854236a5e2ae357dbcb2acd9b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/360/file/medium-039996db40cc9a125870549693a63ccf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/farine-farine-de-pois-chiche-sans-gluten-bio-500-g-404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine farine de pois chiche sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LvYZn5OO-5YTqbpvxNICAfQc0RcdL9w34OCTExuyYaPqoYWcT6PLkzcAkHslyZxeQQQXE7ogwwj_PQeJMm5e4A" />
    <input value="404" 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-chufella-creme-chocolatee-sans-sucres-ajoutes-bio-220-g-413">
          <img alt="Pâte à tartiner Chufella Crème Chocolatée Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/370/file/small-41f05286d3b248f805accb0492c7951f.webp 600w, https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.webp 900w, https://assets.fabulous.ch/public/variant_asset/370/file/large-90360031bac544922372f9a2b13965dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.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">Govinda</p>
          <a href="/fr/products/pate-a-tartiner-chufella-creme-chocolatee-sans-sucres-ajoutes-bio-220-g-413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner Chufella Crème Chocolatée Sans sucres ajoutés Bio, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9TEy7PoKr-y7BHP4X3EHakTkNYSPsIUWTIB2Y1VLOBYxZq7vJief6Z-tWey-apk18fzzgCi_milTXeL5fJcHVQ" />
    <input value="413" 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/biscuits-fourre-choc-aux-pepites-de-chocolat-noir-bio-175-g-417">
          <img alt="Biscuits Fourré Choc&#39; aux pépites de chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/374/file/small-290d7f67618f538c774babeff61a770e.webp 600w, https://assets.fabulous.ch/public/variant_asset/374/file/medium-920c67ec609c7050eef3eff7fa22e16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/374/file/large-db32acc4804b6f0e5e16338148eec371.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/374/file/medium-920c67ec609c7050eef3eff7fa22e16b.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">Moulin du Piver</p>
          <a href="/fr/products/biscuits-fourre-choc-aux-pepites-de-chocolat-noir-bio-175-g-417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Fourré Choc&#39; aux pépites de chocolat noir Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dPLKfeZk8n2ZwkVQG6btljNOuLciQ0cXJq37ugnHHLawpVZ-OknCeL1rb0T6vXPJhlZ-s4VMWCg5cG8gIBsj9Q" />
    <input value="417" 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/vivani-chocolat-noir-nougat-gianduja-bio-80-g-418">
          <img alt="Vivani Chocolat Noir Nougat Gianduja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/376/file/small-e0e7ddae471e9304a882b027be2a3816.webp 600w, https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/376/file/large-88d729e277f9b72e593dcc0c955b11be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.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/vivani-chocolat-noir-nougat-gianduja-bio-80-g-418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolat Noir Nougat Gianduja Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G_F5s6Oo2n9JS7F-D_o9rbIGanEI62tIaWjByMZnqP3fpuWwf4Xqem3im2ru4aPyBx6sda_kdHd2tVVS77uXvg" />
    <input value="418" 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-brune-bio-200-g-419">
          <img alt="Sauce Brune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/375/file/small-9869ce82cf5ee83633f2bfd8b701e447.webp 600w, https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.webp 900w, https://assets.fabulous.ch/public/variant_asset/375/file/large-ad346f129460c8aa1c8c9586eb4e23d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.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">MORGA</p>
          <a href="/fr/products/sauce-brune-bio-200-g-419">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Brune Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jxd1o30BKkMKbWxH12AF3AHx5cKbw7l1SC2PJF02a4vjQOmgoSwaRi7ERlM2e5uDtOkjxjzMpkpX8Bu-dOpUyA" />
    <input value="419" 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">
      120 sur 3&#39;174 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/artisan-grains?format=turbo_stream&amp;page=7">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>