<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/smoothie-ananas-banane-bio-250-ml-16663">
          <img alt="Smoothie Ananas Banane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7711/file/small-3ffccc09560889387bc257d5196204a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7711/file/medium-c4d0ea9fdf22dcb9718f2720fa452f0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7711/file/large-d20fb904400641c6618842a1c09553a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7711/file/medium-c4d0ea9fdf22dcb9718f2720fa452f0e.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">Biotta</p>
          <a href="/fr/products/smoothie-ananas-banane-bio-250-ml-16663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Ananas Banane Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </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 1.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x0CtTkUEmz4924BYmQjigC3GFPfc9jqGxi7uXFHjocB45EceCDqnRppKTuMcD6ICEOJ2xav7MCBrii2QoiLPqA" />
    <input value="16663" 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/smoothie-goyave-citron-bio-250-ml-16664">
          <img alt="Smoothie Goyave Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7712/file/small-593326cef36f5140130939ee61d72a31.webp 600w, https://assets.fabulous.ch/public/variant_asset/7712/file/medium-5ec299e49ac4e9c4d7f78d422562d68d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7712/file/large-66e79c9367b8a5d6a76b3efa4d68ccee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7712/file/medium-5ec299e49ac4e9c4d7f78d422562d68d.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">Biotta</p>
          <a href="/fr/products/smoothie-goyave-citron-bio-250-ml-16664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Goyave Citron Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </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 1.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="af5xf88jzr64ppeO3ZSLyozCrthfCOEGHt2jMELhaLnWWpsvgh3yxh83WTVYk8tIsebM6igF66CzeWD8sSAG0Q" />
    <input value="16664" 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/smoothie-grenade-carotte-goyave-bio-250-ml-16665">
          <img alt="Smoothie Grenade Carotte Goyave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7713/file/small-66b8efe00bb0b59f7514b529b4917fca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7713/file/medium-bbb557a5ab00e51386190b5c417a18c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7713/file/large-cf52f27a1dd4ff5a2aec51170f085a01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7713/file/medium-bbb557a5ab00e51386190b5c417a18c8.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">Biotta</p>
          <a href="/fr/products/smoothie-grenade-carotte-goyave-bio-250-ml-16665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Grenade Carotte Goyave Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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 1.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyacxJLKyB8qFkTdFGTa_ePwqNRGdqv7CG4QyhKPqGM8gnaU3_T0Z42HimaRY5p_3tTK5jF7oV2lytMG4U7GCw" />
    <input value="16665" 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/smoothie-mangue-carotte-gingembre-bio-250-ml-16666">
          <img alt="Smoothie Mangue Carotte Gingembre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7715/file/small-3d4650a05771da338e691780d124e3d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7715/file/medium-9d6032b86a9c73dc01fbd84a4c32a042.webp 900w, https://assets.fabulous.ch/public/variant_asset/7715/file/large-40be5a11ac6781e28d7783212465faed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7715/file/medium-9d6032b86a9c73dc01fbd84a4c32a042.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">Biotta</p>
          <a href="/fr/products/smoothie-mangue-carotte-gingembre-bio-250-ml-16666">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Mangue Carotte Gingembre Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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 1.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-bFysZ-RZ4HouCVVtkjvtlj0tS25WLVgDjVHbJH9Z3RGFZjh0q9b-U8p6-4zT680ZdDXH85Vv8ajkYSgYjwJHA" />
    <input value="16666" 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/smoothie-orange-carotte-spiruline-bio-250-ml-16667">
          <img alt="Smoothie Orange Carotte Spiruline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7714/file/small-0f76291dc4a0535c6a1a06300762e50c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7714/file/medium-9bc1925994954cf106db36c657c28bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7714/file/large-6d2567f46698aa147520350dcc3ebb66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7714/file/medium-9bc1925994954cf106db36c657c28bb4.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">Biotta</p>
          <a href="/fr/products/smoothie-orange-carotte-spiruline-bio-250-ml-16667">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Orange Carotte Spiruline Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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 1.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wr8if1JIa5ZKRjAmL-Gp5x_kXR8AHhpjsqTxyNYajuh9G8gvH3ZX7u3X_p2q5ullIsA_LXcTEMUfADIEJdvggA" />
    <input value="16667" 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/tablette-de-chocolat-aux-dattes-72-bio-90-g-16668">
          <img alt="Tablette de Chocolat aux Dattes 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7716/file/small-1922d063f122bbfac2c5e41c9fffd7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.webp 900w, https://assets.fabulous.ch/public/variant_asset/7716/file/large-344fb4c0e6aa0b4c30a921d6bd92fad5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7716/file/medium-0a792fc7f3082513f6921436da4fb040.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">BioeCacao</p>
          <a href="/fr/products/tablette-de-chocolat-aux-dattes-72-bio-90-g-16668">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat aux Dattes 72% Bio, 90 g</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 5.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wlIQreuhQ2a3uqncVgDnnrOIznDvdho_gPBEUtnSIRZ99vr9pp9_HhArZ2fTB6ccjqysQph7EJktVIeeKhNPfg" />
    <input value="16668" 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/tablette-de-chocolat-aux-dattes-dark-cream-81-bio-90-g-16669">
          <img alt="Tablette de Chocolat aux Dattes Dark Cream 81% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7717/file/small-91c183b42fa7f059efaa35d8c04af28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7717/file/medium-a0ffe6f14f04958d7f683d34242e0157.webp 900w, https://assets.fabulous.ch/public/variant_asset/7717/file/large-4b4b17b6079a208cfec3811a530f4e41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7717/file/medium-a0ffe6f14f04958d7f683d34242e0157.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">BioeCacao</p>
          <a href="/fr/products/tablette-de-chocolat-aux-dattes-dark-cream-81-bio-90-g-16669">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat aux Dattes Dark Cream 81% Bio, 90 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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="94SLwoQ1DERwjZXDPq7NLmacH7YVKhVwl_1WnMhHiP5IIGGSyQswPNccW3i7qY2sW7h9hGInH9Y6WZVQO4bmlg" />
    <input value="16669" 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/extrait-liquide-de-champignon-medicinal-chaga-bio-100-ml-16706">
          <img alt="Extrait liquide de champignon médicinal Chaga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.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">NaturKraftWerke</p>
          <a href="/fr/products/extrait-liquide-de-champignon-medicinal-chaga-bio-100-ml-16706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Chaga Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KW3anSbs_q-oUqUnA7JKmC-tqOch2rOH-TpoBxiLnI-WyTDNa9LC1w_Da5yGtQoaEonK1VbXuSFUnqvL60ry5w" />
    <input value="16706" 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/extrait-liquide-de-champignon-medicinal-reishi-bio-100-ml-16707">
          <img alt="Extrait liquide de champignon médicinal Reishi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7737/file/small-76ade331eb64c1572b36ec89e847dbcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7737/file/medium-011f7d5f132e69b19eeebadc35532e5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7737/file/large-aa2d7ef16bfce9be0a20efc1ba57ccaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7737/file/medium-011f7d5f132e69b19eeebadc35532e5e.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">NaturKraftWerke</p>
          <a href="/fr/products/extrait-liquide-de-champignon-medicinal-reishi-bio-100-ml-16707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Reishi Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-SQBUx561q04EraFdEYqJ6GYcol_6VMnlsnE5nHr5-FGgOsDU0Tq1Z-DeD7xQWqlnLwQuwjkWYE7bQcqgiqJiQ" />
    <input value="16707" 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/extrait-liquide-de-champignon-medicinal-cordyceps-bio-100-ml-16708">
          <img alt="Extrait liquide de champignon médicinal Cordyceps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7740/file/small-edc6b9c657391104e4d86ba1bbbc4605.webp 600w, https://assets.fabulous.ch/public/variant_asset/7740/file/medium-a87ec0314eb51360495ea379f61c8423.webp 900w, https://assets.fabulous.ch/public/variant_asset/7740/file/large-d92a7d4fba93e1e88f3b35ce3c8a5edf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7740/file/medium-a87ec0314eb51360495ea379f61c8423.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">NaturKraftWerke</p>
          <a href="/fr/products/extrait-liquide-de-champignon-medicinal-cordyceps-bio-100-ml-16708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Cordyceps Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tHfvF_LpIHioEmg93RGNgAXN73VaaPqIPFf4v--Ggo0L0wVHv9ccAA-DpoZYFs0COOmNRy1l8C6R8ztzHEfs5Q" />
    <input value="16708" 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/poudre-de-champignon-medicinal-reishi-bio-50-g-16709">
          <img alt="Poudre de champignon médicinal Reishi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7746/file/small-572db49b5cb78c52d2b54a458eae16e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7746/file/medium-9f566ab73e12a71c63b6683a8bf7a733.webp 900w, https://assets.fabulous.ch/public/variant_asset/7746/file/large-508d77481e481100905906990e867dce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7746/file/medium-9f566ab73e12a71c63b6683a8bf7a733.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-champignon-medicinal-reishi-bio-50-g-16709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de champignon médicinal Reishi Bio, 50 g</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 60.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aT5DFfht7w-3MMeOr7xAguNmqCn3kFamOMXj--OCuILWmqlFtVPTdxChCTUquwAA3kLKG4CdXACVYSA3EEPW6g" />
    <input value="16709" 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/poudre-de-champignon-medicinal-cordyceps-bio-50-g-16711">
          <img alt="Poudre de champignon médicinal Cordyceps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7751/file/small-e8b08ef0a999fd39d1559d20c6041003.webp 600w, https://assets.fabulous.ch/public/variant_asset/7751/file/medium-4c881be5d03dc354b99c8397951a97b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7751/file/large-1756aee71db85ba1f56eb5b57b58808a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7751/file/medium-4c881be5d03dc354b99c8397951a97b5.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-champignon-medicinal-cordyceps-bio-50-g-16711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de champignon médicinal Cordyceps Bio, 50 g</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 60.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M8y6-PUxkS20Zkj5X8qe1iYkc0NOrUaUcRRRJhf11bqMaFCouA-tVRP3hkLazd5UGwARcTmgTDLcsJLq5DS70g" />
    <input value="16711" 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/nouilles-biang-biang-bio-300-g-16714">
          <img alt="Nouilles Biang Biang Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/fr/products/nouilles-biang-biang-bio-300-g-16714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nouilles Biang Biang Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="czG1SciMg9bZQi3hDjHWGpIfg86jCeIGw8y_M2zyoojMlV8ZhbK_rn7T41qLNpaYrzvh_NQE6KBuaHz_nzPM4A" />
    <input value="16714" 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/huile-de-nigelle-demeter-100-ml-16724">
          <img alt="Huile de Nigelle Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7758/file/small-7f99eb8581609eb6efe4046e038138d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.webp 900w, https://assets.fabulous.ch/public/variant_asset/7758/file/large-1cae23c03604dc2791421718b64c1c04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7758/file/medium-1b0b00fe6e6d5780fad9cb6a8fac8ece.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">NaturKraftWerke</p>
          <a href="/fr/products/huile-de-nigelle-demeter-100-ml-16724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de Nigelle Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lv6S3i7sRy2LEQgeeoAxQOO2gt1cS4XL5zzN5AvDldqRWniOY9J7VSyAxqX_h3HC3pLg7ytGj21KmA4o-AL7sg" />
    <input value="16724" 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/ma-pate-de-vanille-bourbon-bio-50-g-16734">
          <img alt="Ma pâte de vanille Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7760/file/small-0a3f5ff58c43c488210bcd5a7c1263f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7760/file/large-91cf661aaabf06d426d9e61a150c11ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7760/file/medium-d1ce44a8367f017c37e7380fe2113efc.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">Biovegan</p>
          <a href="/fr/products/ma-pate-de-vanille-bourbon-bio-50-g-16734">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma pâte de vanille Bourbon Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-iRnvWE9M2AkoWpvRD7PxGZNNt3IrtzTk3JPIWZHaiRFgI3tLAMPGIMwpNTBOY9GW2lU77-j1nU-1oztlYYETA" />
    <input value="16734" 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/ma-sauce-carbonara-vegane-bio-27-g-16735">
          <img alt="Ma Sauce Carbonara Végane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7763/file/small-e2462ca481c37d87e8f41070301d0c7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7763/file/large-52a36b94dab345049ed67e651055a8bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7763/file/medium-e6b8c28c28994ec859f09347a747bdbf.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">Biovegan</p>
          <a href="/fr/products/ma-sauce-carbonara-vegane-bio-27-g-16735">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma Sauce Carbonara Végane Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nCqIEOaIbfAW7T4CxkUcfhlL8hUNfCUKpoF4syl2Cj0jjmJAq7ZRiLF88LlDQlz8JG-QJ3pxL6wLJbt_2rdkVQ" />
    <input value="16735" 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/poudre-d-asafoetida-bio-40-g-16737">
          <img alt="Poudre d’Asafoetida Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7764/file/small-6e7928fb870c97fea39d895f5c925942.webp 600w, https://assets.fabulous.ch/public/variant_asset/7764/file/medium-8e647257b5305a6869d3896766edca62.webp 900w, https://assets.fabulous.ch/public/variant_asset/7764/file/large-da91e9dc351f9b47f3e98e7a3e045225.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7764/file/medium-8e647257b5305a6869d3896766edca62.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-d-asafoetida-bio-40-g-16737">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d’Asafoetida Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1yJuTefwHWoqYMqZzWmZbHxIQkWEegDNYJ7ZJLfyZLNohoQdqs4hEo3xBCJIbtnuQWwgd_N3CmvNOhroRDMK2w" />
    <input value="16737" 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/poudre-de-galanga-bio-25-g-16738">
          <img alt="Poudre de Galanga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7765/file/small-c133bd16c9263aed564c96f7bc8d1a40.webp 600w, https://assets.fabulous.ch/public/variant_asset/7765/file/medium-87e647ea07278be515b7f0c2233e1d64.webp 900w, https://assets.fabulous.ch/public/variant_asset/7765/file/large-8a5b534d091c10359fb705cbdba4948b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7765/file/medium-87e647ea07278be515b7f0c2233e1d64.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-galanga-bio-25-g-16738">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Galanga Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="arnE8VRxqRfgAVBzAQatbnuWS1_mkuEZsOR0LDt8dgnVHS6hGU-Vb0eQnsiEAe3sRrIpbZGf678dQLfgyL0YYQ" />
    <input value="16738" 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/papier-en-vlies-pour-jardin-a-germes-biosnacky-25-pieces-25-piece-16740">
          <img alt="Papier en Vlies pour Jardin à Germes bioSnacky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7767/file/small-5e18951506750593e61fc8e614644357.webp 600w, https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp 900w, https://assets.fabulous.ch/public/variant_asset/7767/file/large-fe7505ff47441abb815e9ed6267f3e32.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7767/file/medium-bd7ca80602dc5cf07e2ecea9288afc98.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/papier-en-vlies-pour-jardin-a-germes-biosnacky-25-pieces-25-piece-16740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Papier en Vlies pour Jardin à Germes bioSnacky, 25 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C9Q_vrAoH7fJtwf6p-273pXx8ZUh-sd-4sRxAijps0C0cNXu_RYjz24myUEi6vtcqNWTp1b3zdhPYLLO2yjdKA" />
    <input value="16740" 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/gousses-de-vanille-bourbon-bio-2-pieces-2-piece-16757">
          <img alt="Gousses de Vanille Bourbon Bio, 2 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7770/file/small-b8d8886efde9f2d3f077882cee99ac70.webp 600w, https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7770/file/large-1b5605b73e859c91ad72d0f94d594aff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7770/file/medium-9a7ee8337f8cf8aac062adb17de4e3a5.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">Biovegan</p>
          <a href="/fr/products/gousses-de-vanille-bourbon-bio-2-pieces-2-piece-16757">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gousses de Vanille Bourbon Bio, 2 pièces, 2 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eE8EjL8uor8wpTXwBRw1Kr9VAnc2QsFbUEZBK6yh9XPH6-7c8hCex5c0-0uAG3WognFgRUFPy_394oLnX2CbGw" />
    <input value="16757" 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">
      2&#39;980 sur 3&#39;216 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/premsoul?format=turbo_stream&amp;page=150">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>