<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/savon-ashwaganda-savon-d-huile-vegetale-100-g-5893">
          <img alt="Savon Ashwaganda Savon d&#39;huile végétale" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3380/file/small-f4cd6a09697c0e8e9c11ce92dd3f1869.webp 600w, https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.webp 900w, https://assets.fabulous.ch/public/variant_asset/3380/file/large-7fc7dc272e86a736dc8887858f82aba8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3380/file/medium-3e57e5923da49a1c9896c426b0739aae.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">apeiron natural care</p>
          <a href="/fr/products/savon-ashwaganda-savon-d-huile-vegetale-100-g-5893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Savon Ashwaganda Savon d&#39;huile végétale, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f3Np77cHYKkj-Hu60bTgytkecUqtbBIXYL2zUPNFpC1ixtDpWShrDW_uAAgC4RV2BTz0zMHD4p2U4C14gpbv1A" />
    <input value="5893" 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/kookie-cat-salted-caramel-almond-biscuits-bio-50-g-5899">
          <img alt="KOOKIE CAT Salted Caramel Almond Biscuits Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3383/file/small-7df06e1390d5ea08c488a6f50eaa6985.webp 600w, https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.webp 900w, https://assets.fabulous.ch/public/variant_asset/3383/file/large-0d546fe058767802e9351f490d4e04db.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3383/file/medium-e073afebd93c4279a7e798403ec16bea.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-salted-caramel-almond-biscuits-bio-50-g-5899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Salted Caramel Almond Biscuits Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Wzm6N3LUVGBFmFwwGO6T3lpMm5kaCq_O9mtXKP1cLjo2V_uM-Ra9c0AGsITNk_zpUu36AjH2jXPhDN00iY7QQ" />
    <input value="5899" 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-alimentaires-completes-au-soja-maccaroni-penne-bio-500-g-5910">
          <img alt="Pâtes alimentaires complètes au soja Maccaroni Penne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3385/file/small-2bf3e30e7c045ef6c1bcfb8716a55491.webp 600w, https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3385/file/large-74b7dccc39aa1a8b324dc0c3bf78559b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3385/file/medium-d37b7d9727a47527ff0d1075295e4f5b.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/pates-alimentaires-completes-au-soja-maccaroni-penne-bio-500-g-5910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes alimentaires complètes au soja Maccaroni Penne Bio, 500 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 0.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PPKKIjA8AQkZTQ_Z7qFvh_QlTzyZPoXkpkp19lBXTYghRzMk3hMKrVVbdGs99Jo7KAfKuvWRdW5SF-veIYQGcQ" />
    <input value="5910" 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/lovechock-chocolat-creamy-noix-de-coco-eclats-de-cacao-raw-bio-40-g-5917">
          <img alt="Lovechock Chocolat creamy noix de coco - éclats de cacao RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3387/file/small-b6592faa9737335bbe8e9c758e6d8359.webp 600w, https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3387/file/large-494c83d308e1e37aba457048ed318c88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3387/file/medium-803e607840e153dbfccd53ac4039983b.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">Lovechock</p>
          <a href="/fr/products/lovechock-chocolat-creamy-noix-de-coco-eclats-de-cacao-raw-bio-40-g-5917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolat creamy noix de coco - éclats de cacao RAW Bio, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1VAHmzUadeM886pLOB6M21xe4tvj52qbxet2B3s2uLTI5b6d2zV-R3Dl0fnrS3lngHxnXY9ImhExtugvCuXzTQ" />
    <input value="5917" 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/lovechock-chocolat-extra-pure-94-raw-bio-40-g-5919">
          <img alt="Lovechock Chocolat Extra Pure 94% RAW Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3391/file/small-284cf01d745f5910174b47e026725457.webp 600w, https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3391/file/large-d11cc55136b44fa61d0c99312d49b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3391/file/medium-5af99dc601d10debbf33a09870a0a89d.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">Lovechock</p>
          <a href="/fr/products/lovechock-chocolat-extra-pure-94-raw-bio-40-g-5919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolat Extra Pure 94% RAW Bio, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BYpNgPlZ4B1AaDvucGEEZpNf10rAglJ5LHAUd2tYfL0YP_SGF3bruQx-QFyjNPHaT31SzKwtovPYLYpfGos3RA" />
    <input value="5919" 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/vivre-sans-plastique-set-pour-la-cuisine-1-piece-5964">
          <img alt="Vivre sans plastique - Set pour la cuisine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3418/file/small-fb8bc44865b0dd580a8816b51feee5e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3418/file/medium-f6fb126a3c19b4c44071ecd6439c7b10.webp 900w, https://assets.fabulous.ch/public/variant_asset/3418/file/large-4bbc1667722b1247a79cbbd0b28ad34d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3418/file/medium-f6fb126a3c19b4c44071ecd6439c7b10.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">energybalance</p>
          <a href="/fr/products/vivre-sans-plastique-set-pour-la-cuisine-1-piece-5964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivre sans plastique - Set pour la cuisine, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sSQL1F2_jWh5MoFf-yOpr26cSow5gZtsFykKKzyEc-KskbLSs5CGzDUk-u0odlwTsr7PClUua-bjdJQDTVc4Gw" />
    <input value="5964" 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/sel-sesame-gomasio-original-bio-225-g-6005">
          <img alt="Sel Sésame Gomasio Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3442/file/small-3c9324c2ec6902bda368be74901ee8e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3442/file/medium-9eb2867239b9b610039d395f038ed5b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3442/file/large-8449e12dde80dbaa0cbce06cf7d53784.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3442/file/medium-9eb2867239b9b610039d395f038ed5b9.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/sel-sesame-gomasio-original-bio-225-g-6005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Sésame Gomasio Original Bio, 225 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 2.71 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-6005-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/sel-sesame-gomasio-original-epandeur-en-verre-bio-100-g-6006">
          <img alt="Sel Sésame Gomasio Original Epandeur en verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3443/file/small-bb2500979f3eae997568c8a7ac8e17cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3443/file/medium-ed9d446e3aba9b1230d2e5245def6259.webp 900w, https://assets.fabulous.ch/public/variant_asset/3443/file/large-e50461e6502960ff69b2ca1d1cda691c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3443/file/medium-ed9d446e3aba9b1230d2e5245def6259.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/sel-sesame-gomasio-original-epandeur-en-verre-bio-100-g-6006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sel Sésame Gomasio Original Epandeur en verre Bio, 100 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 3.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzp9w0v7j3LvwT6LqtuYYco7hxmiRtnG6yYr_yatT8e6j8TFpdSE1qPXRTl5jm3dFhkCn87pKUwfe7XXV34EPg" />
    <input value="6006" 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/puree-de-pommes-sans-sucre-ajoute-bio-700-g-6007">
          <img alt="Purée de pommes Sans sucre ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3444/file/small-f2ec2e0f62f6536eea592fc8d6a627eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3444/file/large-b519d9a6c00f5a8f909151cc9f84b61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3444/file/medium-95a7512f34f1bb842632aa8d02e8d6a6.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/puree-de-pommes-sans-sucre-ajoute-bio-700-g-6007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pommes Sans sucre ajouté Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="caF2Mg6-sgweu5U75q3y0njsfywE1aIABFTEIlokdulsFM804JG5qFKt7ok1-AdupM76qmh6UorwCVoKK_c9EA" />
    <input value="6007" 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-tomate-salsa-piccante-avec-piment-bio-340-g-6019">
          <img alt="Sauce tomate Salsa Piccante avec piment Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3462/file/small-3f08bfd5d81a006d6b2cfd4ea1bc64b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3462/file/medium-c518640a2e120fe6b7d0108ca69bc10b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3462/file/large-796d917932998857cf29ec4f2bdb88fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3462/file/medium-c518640a2e120fe6b7d0108ca69bc10b.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/sauce-tomate-salsa-piccante-avec-piment-bio-340-g-6019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce tomate Salsa Piccante avec piment Bio, 340 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2kXn89G_XfhBBkIqJnG4opzQPqJMQQvqva-qGwmQbLjH8F71P5BWXA0QOZj1JE0eQPK7JCDu-2BJ8jQzeEMnQQ" />
    <input value="6019" 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/sauce-bolognaise-vegan-bio-350-g-6020">
          <img alt="Sauce Bolognaise Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3463/file/small-6c1f14df6beb7e1467c0d3788277a691.webp 600w, https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3463/file/large-18baf336648daf608b781a00c61ecb28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3463/file/medium-71ff495a121de9a35b638110748f02b7.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/sauce-bolognaise-vegan-bio-350-g-6020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Bolognaise Vegan Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Up3oe0MphCTzo9Byyf1P5bQhySlKQwZ0cikar8c1ZwRPKFF9rQaPgL-1q8AaqLpZaANMrybs9v6GdISHtuYs_Q" />
    <input value="6020" 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-habanero-hot-bio-140-ml-6021">
          <img alt="Sauce Habanero Hot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3464/file/small-c919acd494749fe51418b3ac105b135d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.webp 900w, https://assets.fabulous.ch/public/variant_asset/3464/file/large-fda7d2642dadc4d31f95795eb495da15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanchon</p>
          <a href="/fr/products/sauce-habanero-hot-bio-140-ml-6021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Habanero Hot Bio, 140 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-riz-complet-calcium-sans-sucres-ajoutes-bio-1-l-6035">
          <img alt="Boisson Riz Complet Calcium 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/3469/file/small-b46267423c8e1074aec9d94309035948.webp 600w, https://assets.fabulous.ch/public/variant_asset/3469/file/medium-5e765db71fa51400b5c001d454ded20b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3469/file/large-5c7a87633c2cd394db08b7f6b1c05522.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3469/file/medium-5e765db71fa51400b5c001d454ded20b.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">Soyana</p>
          <a href="/fr/products/boisson-riz-complet-calcium-sans-sucres-ajoutes-bio-1-l-6035">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Riz Complet Calcium Sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bambou-bol-de-salade-en-bambou-diametre-30cm-1-piece-6037">
          <img alt="Bambou bol de salade en bambou diamètre 30cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3471/file/small-fa5a09a573fe60b072cd7e702569f7af.webp 600w, https://assets.fabulous.ch/public/variant_asset/3471/file/medium-2eff2fc0d873aa37a306149201425e21.webp 900w, https://assets.fabulous.ch/public/variant_asset/3471/file/large-20322598338320195b57b33580d29d47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3471/file/medium-2eff2fc0d873aa37a306149201425e21.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">Stronghold</p>
          <a href="/fr/products/bambou-bol-de-salade-en-bambou-diametre-30cm-1-piece-6037">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou bol de salade en bambou diamètre 30cm, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tissue-a-la-ciree-vegetalienne-set-1-piece-6040">
          <img alt="Tissue à la cirée Végétalienne Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3472/file/small-c988d95f8e35d236338aa9cec6c08ddb.webp 600w, https://assets.fabulous.ch/public/variant_asset/3472/file/medium-75ceb9d9de5f9ba844fdc3d47c953928.webp 900w, https://assets.fabulous.ch/public/variant_asset/3472/file/large-4e2ae28a5417e6963da331661ce35e46.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3472/file/medium-75ceb9d9de5f9ba844fdc3d47c953928.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">RapNika GmbH</p>
          <a href="/fr/products/tissue-a-la-ciree-vegetalienne-set-1-piece-6040">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tissue à la cirée Végétalienne Set, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yj-Ull0r6z_4EA2eZAuc3Epea4M2lpdz0E3qMDsBKfLXii2QswTgm7QGdiy3XmlglnzuBVo5Z_kkEHQYStJiCw" />
    <input value="6040" 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/fer-spray-buccal-25-ml-6047">
          <img alt="Fer Spray Buccal" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3474/file/small-dcdc618fbaa13a197552ea7464ec5d53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3474/file/medium-e2ca4054bfc899bc19d88fb8d491c1ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/3474/file/large-53b31ce98cf4b865c991163f7b5c9a43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3474/file/medium-e2ca4054bfc899bc19d88fb8d491c1ed.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">BetterYou</p>
          <a href="/fr/products/fer-spray-buccal-25-ml-6047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fer Spray Buccal, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SlF5qdxkrazMHGlJ_TzXVW8apWvIgjG1oCQb1JhhOBhX5MCvMkumCIAKEvsuaSLpszgg7aQtwT9UeYX86bJz4Q" />
    <input value="6047" 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/mangues-bio-100-g-6062">
          <img alt="Mangues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3480/file/small-f471f8285c67a9607338986c53689bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3480/file/medium-0c481316100621b03a01edf731915815.webp 900w, https://assets.fabulous.ch/public/variant_asset/3480/file/large-13a4ace2a57d38f648da7b5d98a5a07c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3480/file/medium-0c481316100621b03a01edf731915815.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/mangues-bio-100-g-6062">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mangues Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6hxiktmvx8vOxSF-ZK-gK4J1efhf1T1i7ZbO2RkAHqCHciMpUm0u2Mtbzcqx0s8citQYY3QpH9_68UTFbdLgw" />
    <input value="6062" 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/graine-de-tournesol-en-gros-biosuisse-25-kg-6079">
          <img alt="Graine de tournesol en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3487/file/small-86053e41f6ed7c06adb959acb4033401.webp 600w, https://assets.fabulous.ch/public/variant_asset/3487/file/medium-008f71936d564fdc2a84a9391486826d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3487/file/large-8e457db4b6dc7dd492fbeaa25fbf158b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3487/file/medium-008f71936d564fdc2a84a9391486826d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/graine-de-tournesol-en-gros-biosuisse-25-kg-6079">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graine de tournesol en gros BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 428.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eRHzWt9YVJ_BB_6cnlEAnrCPQ6GkqiQmw-hY2zQMSG5kpEpcMXdfO40RhS5NBPUibK3GJ8gF1Kw3tcbzRd8Dlw" />
    <input value="6079" 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/flocons-d-avoine-gros-biosuisse-25-kg-6084">
          <img alt="Flocons d&#39;avoine gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3497/file/small-89da8431d310e71ed0f8e5851f2402af.webp 600w, https://assets.fabulous.ch/public/variant_asset/3497/file/medium-459b760298e998e8a0c76a1bd21f0cb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/3497/file/large-eacedc27193ef242d22e45158118c61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3497/file/medium-459b760298e998e8a0c76a1bd21f0cb6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/flocons-d-avoine-gros-biosuisse-25-kg-6084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons d&#39;avoine gros BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 137.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ft6bFyUSkmNIeyabA6x86TgOvHqg9A353wJW2YKoRV1jayIRyz2ZxwRtXSnQ-YlV5Cw5_Mxb_XMrX8jx83sOpA" />
    <input value="6084" 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/dentifrice-a-la-vitamine-b12-vegan-sans-fluor-75-ml-6104">
          <img alt="Dentifrice à la Vitamine B12 Vegan Sans Fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3506/file/small-fb1e9b2c7d83575140f46382c227a83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3506/file/medium-5f5d14f2c54913396e455629df09f698.webp 900w, https://assets.fabulous.ch/public/variant_asset/3506/file/large-f2a4416e01b9d61dd67012c00c1e6ab9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3506/file/medium-5f5d14f2c54913396e455629df09f698.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">Zahnheld</p>
          <a href="/fr/products/dentifrice-a-la-vitamine-b12-vegan-sans-fluor-75-ml-6104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice à la Vitamine B12 Vegan Sans Fluor, 75 ml</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 8.60 / 100 ml
            </p>
        </div>
      </div>

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;780 sur 3&#39;211 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/savon-du-midi?format=turbo_stream&amp;page=90">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>