<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="/en/products/rapunzel-coconut-milk-vegan-chocolate-organic-80-g-7598">
          <img alt="Rapunzel Coconut Milk Vegan Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4385/file/small-feca33cbfd36889f3af6cf2dc9c2e20e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4385/file/large-08b077a2955635c5c36cc04335a5e39a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4385/file/medium-de3dbede6538e9944939d576ba37205b.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="/en/products/rapunzel-coconut-milk-vegan-chocolate-organic-80-g-7598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Coconut Milk Vegan Chocolate Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W-DKmWH-wje5IGRSqYmqK4BOy5fJ_mWHWoEfkIzFgBqvssy3e8PNa510DC7DCGgz9ICF3KaW0wcw0mY5UX0ztg" />
    <input value="7598" 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>
          Add to cart
</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="/en/products/blackstrap-molasses-organic-300-g-7615">
          <img alt="Blackstrap Molasses Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4402/file/small-4e0c883f2e467b5210673c084491ba63.webp 600w, https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4402/file/large-310eec6c8019f68180d5fb3b6a0a510b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.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">VITAM</p>
          <a href="/en/products/blackstrap-molasses-organic-300-g-7615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Blackstrap Molasses Organic, 300 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 1.77 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3GunQ-zvEOkPwyZqtyDp47vrdNIMNNGeh-S9VB4c9dMoOaFt9tIftSuXThbdoSv7zyU6mWNcZx7tt8T9w6RGfw" />
    <input value="7615" 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>
          Add to cart
</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="/en/products/lazzaretti-couscous-green-peas-organic-400-g-7633">
          <img alt="Lazzaretti Couscous Green Peas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4419/file/small-a67d358c166f63443d0a3938f505a702.webp 600w, https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.webp 900w, https://assets.fabulous.ch/public/variant_asset/4419/file/large-a803bcb868717e1853235c9ee9450c22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-couscous-green-peas-organic-400-g-7633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous Green Peas Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kpTHMeVuSvhJJtgSeFY2qGn9aYVB7Bw6a1J9wSfSecxmxsEf_1NFpG1ysG4S1_SwHTMnzi6EqroBAQRo-mrKYA" />
    <input value="7633" 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>
          Add to cart
</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="/en/products/lazzaretti-couscous-chickpeas-organic-400-g-7634">
          <img alt="Lazzaretti Couscous Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4418/file/small-59dae71294f4e2b2587d21e6d5cc2283.webp 600w, https://assets.fabulous.ch/public/variant_asset/4418/file/medium-3f61b4fa36e55ca30161e36f0e4f5728.webp 900w, https://assets.fabulous.ch/public/variant_asset/4418/file/large-418f08f27576f463da4ef3fc3ada54df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4418/file/medium-3f61b4fa36e55ca30161e36f0e4f5728.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-couscous-chickpeas-organic-400-g-7634">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous Chickpeas Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GwPZMOJsUVgYdJcwpYw4FpMac4wYyBvwNjEOXusyHNPvUd8e-FFeBDwg_0zPDfoO59Q9x3egrXBcYnf3Noqvfw" />
    <input value="7634" 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>
          Add to cart
</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="/en/products/lazzaretti-couscous-red-lentils-organic-400-g-7635">
          <img alt="Lazzaretti Couscous Red Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4420/file/small-8145b1b0bb2a3951a766683ff7806d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/4420/file/medium-f641adaa5f6bf97e929e67b8ebd8e9d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4420/file/large-0b72cbbb6c53a5a5b91874856f36139b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4420/file/medium-f641adaa5f6bf97e929e67b8ebd8e9d6.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">Lazzaretti</p>
          <a href="/en/products/lazzaretti-couscous-red-lentils-organic-400-g-7635">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous Red Lentils Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BP6-vyI6mIDHtGPzOHvkRgly-nxKwZWa9Rs003qZwirwrLiROAeX3OPgC49S-iZefby0NyWpIxqfSE16pyFxhg" />
    <input value="7635" 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>
          Add to cart
</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="/en/products/gherkins-cornichon-no-added-sugar-glas-jar-organic-370-ml-7636">
          <img alt="Gherkins (Cornichon) No Added Sugar Glas Jar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4422/file/small-35c1e314f440c422aa2c7f39ff187a19.webp 600w, https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.webp 900w, https://assets.fabulous.ch/public/variant_asset/4422/file/large-489bdc554d50d9e670851823efaf33a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.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">Marschland Naturkost</p>
          <a href="/en/products/gherkins-cornichon-no-added-sugar-glas-jar-organic-370-ml-7636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gherkins (Cornichon) No Added Sugar Glas Jar Organic, 370 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WV0x5PhTfU3hpM1La4UkzI3q7Tj-eLmeBLtZ8jLBE3KtDzfK4m5yEcXwpTcBBObU-SSjc5EQDx5u6CBb73mg3g" />
    <input value="7636" 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>
          Add to cart
</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="/en/products/dr-mannahs-chakalaka-organic-100-g-7653">
          <img alt="Dr. Mannahs Chakalaka Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4427/file/small-0396aef43626db65ab4ddd2e3420de0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4427/file/medium-f80bbc6286083f877c2f2a827a24fafc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4427/file/large-5a0510d413e85a8a8fdeb483b82bc222.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4427/file/medium-f80bbc6286083f877c2f2a827a24fafc.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">Happy Cheeze GmbH</p>
          <a href="/en/products/dr-mannahs-chakalaka-organic-100-g-7653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannahs Chakalaka Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nav6O1Dxt4d3lRGwvpzENKSG-wNwNAVfspNGO12QhFbB-fwVSsy421PBeczUHQYs0Ei1SB9cs9_YwD-SgCg3-g" />
    <input value="7653" 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>
          Add to cart
</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">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/big-beans-glas-jar-demeter-350-g-7663">
          <img alt="Big Beans Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4429/file/small-49b2e09c5702e845b1ef0c497eccf970.webp 600w, https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4429/file/large-5ca40e617650ffaf3d848e2e3975c07f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.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">Nur Puur</p>
          <a href="/en/products/big-beans-glas-jar-demeter-350-g-7663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Big Beans Glas Jar Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coffee-instant-lupin-decaffeinated-refill-organic-200-g-7664">
          <img alt="Coffee Instant Lupin decaffeinated Refill Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4430/file/small-32dc7efa4166e1b284e40aeb68232023.webp 600w, https://assets.fabulous.ch/public/variant_asset/4430/file/medium-11879105970a2f4af528042bd1bad04f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4430/file/large-284df53a523ae27b7e9357fcd40855fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4430/file/medium-11879105970a2f4af528042bd1bad04f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/coffee-instant-lupin-decaffeinated-refill-organic-200-g-7664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Instant Lupin decaffeinated Refill Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</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="/en/products/durum-wheat-semolina-organic-500-g-7665">
          <img alt="Durum Wheat Semolina Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4432/file/small-c0e376380ff8d3e44d19447cf81c4232.webp 600w, https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4432/file/large-6f87cb9da2d3c67993b54acf5113d348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.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="/en/products/durum-wheat-semolina-organic-500-g-7665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Durum Wheat Semolina Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OW6yl5wRQIrvu4XmEZ_6WpgQWk_yHtg8vI_byMzxBPHNPLS5hixP1svv7Zp7HjhC7N4UBJ12brzW3KJhEUm3XQ" />
    <input value="7665" 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>
          Add to cart
</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="/en/products/toothpaste-powder-orange-refill-100-g-7671">
          <img alt="Toothpaste Powder Orange Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4435/file/small-03bd63a41838b8927d05cd70afba7617.webp 600w, https://assets.fabulous.ch/public/variant_asset/4435/file/medium-0a99be85aac235a13480eee3830d9721.webp 900w, https://assets.fabulous.ch/public/variant_asset/4435/file/large-29a5a2c908133db393a1f1232e21befb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4435/file/medium-0a99be85aac235a13480eee3830d9721.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">Birkengold</p>
          <a href="/en/products/toothpaste-powder-orange-refill-100-g-7671">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Powder Orange Refill, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aVta9elh4nwFcZO99SBrrq_Y7h0CERN0MYLxYmxM1D-dCVzb81ztICEl-8Gfoam22xagVm15pfRb0YjLsfRnkw" />
    <input value="7671" 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>
          Add to cart
</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="/en/products/rice-paper-organic-150-g-bde74f5c-b460-4800-bab9-0070f1630fec-7672">
          <img alt="Rice Paper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4436/file/small-093b870132e087c67403c863f06bdcba.webp 600w, https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp 900w, https://assets.fabulous.ch/public/variant_asset/4436/file/large-1bdd00535bda194aee0e068e224a6f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Terrasana</p>
          <a href="/en/products/rice-paper-organic-150-g-bde74f5c-b460-4800-bab9-0070f1630fec-7672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Paper Organic, 150 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 3.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kRyQE3Y-Vj0NSgMj_qtWRuDaJx9htaYLr_8IadvzKMplTpY9bANZYSkea1-UKpRelBRpVA7dEIvFrHHABkubZg" />
    <input value="7672" 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>
          Add to cart
</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="/en/products/le-pain-des-fleurs-cacao-organic-160-g-7673">
          <img alt="Le pain des fleurs Cacao Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4437/file/small-6d4651619a8c22f02d99a1277983f471.webp 600w, https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4437/file/large-0c40d9999f281e683f6c4be14da553cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.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">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-cacao-organic-160-g-7673">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Cacao Organic, 160 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 3.66 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9nutlsmv1AZ8PKtHeJzWHXtxbqlzsXwp5AKtj0gnTqsCKau405LbWlhowzsSHRQFD78g4hzZyqmOUdQmlZ_9Bw" />
    <input value="7673" 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>
          Add to cart
</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="/en/products/shot-ginger-berries-demeter-280-ml-7674">
          <img alt="Shot Ginger &amp; Berries Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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">Voelkel</p>
          <a href="/en/products/shot-ginger-berries-demeter-280-ml-7674">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ginger &amp; Berries Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6fw6HpzcZOe3oTF7K3qoxcWWJAaWxA3Ekw8zmnXf4MUdrjwwhuFru5P1WQdB-2rdsVhqTfmsu0T5XEozqGdTaQ" />
    <input value="7674" 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>
          Add to cart
</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="/en/products/shot-ginger-turmeric-orange-juice-demeter-280-ml-7675">
          <img alt="Shot Ginger &amp; Turmeric, Orange Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4439/file/small-20afb3e8d0cb4e581833c979c329d60c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4439/file/medium-294337ed9b6fb25be18af5934da22ec3.webp 900w, https://assets.fabulous.ch/public/variant_asset/4439/file/large-ae963ab71293005ebbd3ad87a972fdcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4439/file/medium-294337ed9b6fb25be18af5934da22ec3.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">Voelkel</p>
          <a href="/en/products/shot-ginger-turmeric-orange-juice-demeter-280-ml-7675">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ginger &amp; Turmeric, Orange Juice Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E5bFZ44ikW_gRsNHJfzbLlHbqIpys5XcmJVgwnkXP6DnxMNJlB-eM8QSqztPfRk2JRXmwR3bI1zyxhlrpK-MDA" />
    <input value="7675" 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>
          Add to cart
</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="/en/products/shot-ginger-with-apple-juice-demeter-280-ml-7676">
          <img alt="Shot Ginger with Apple Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4440/file/small-41adf2ddbb7a7e221668418d75092d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4440/file/large-b48ef514f020148922706bae4093a79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.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">Voelkel</p>
          <a href="/en/products/shot-ginger-with-apple-juice-demeter-280-ml-7676">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shot Ginger with Apple Juice Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DfnVqCaTKPrHX7v5e0p5DNAG59ZZbOQgO4KurRHOg8H5q9OGPK4npuML04URy7sUpMipnTYEUqBR0dcEzHYwbQ" />
    <input value="7676" 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>
          Add to cart
</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="/en/products/xylitol-chewing-gum-green-mint-17-g-7678">
          <img alt="Xylitol Chewing Gum Green Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4442/file/small-09f9acae6f8373082db4638d270c8aa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4442/file/medium-4c5960154a35a7d0ef9c7663e8c480b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4442/file/large-942509de25f97186afd170b24cc88928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4442/file/medium-4c5960154a35a7d0ef9c7663e8c480b4.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">Birkengold</p>
          <a href="/en/products/xylitol-chewing-gum-green-mint-17-g-7678">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum Green Mint, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L_foGshPohS1sr0ZJS0gK9eFygFsyv4WE4_HrRYJ07fbpe400nKtSJHm1WVPrOIzo0uESgOiSJZ53L4Ey7FgGw" />
    <input value="7678" 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>
          Add to cart
</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="/en/products/xylitol-chewing-gum-peppermint-17-g-7679">
          <img alt="Xylitol Chewing Gum Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4443/file/small-47d2d8dedfe226158cb56b2b40363e5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4443/file/medium-90d2460979d0531612d6a1df1c88b285.webp 900w, https://assets.fabulous.ch/public/variant_asset/4443/file/large-a6d2fb8c05289c418da9222642e78388.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4443/file/medium-90d2460979d0531612d6a1df1c88b285.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">Birkengold</p>
          <a href="/en/products/xylitol-chewing-gum-peppermint-17-g-7679">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum Peppermint, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pGgZ6kv7jczYBfJAlFvXdU4BRm9GmruNJkeXDm41MQNQOh_EUcaCkPxRmjz-2hVtOs8IJCnyDQ1MFO6ns42Crw" />
    <input value="7679" 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>
          Add to cart
</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="/en/products/xylitol-chewing-gum-fruit-17-g-7680">
          <img alt="Xylitol Chewing Gum Fruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4444/file/small-11a1f4c77b3d6aa0140edaf890012ee1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4444/file/medium-f1cbcca4bda5015f5844a25cc2d93e93.webp 900w, https://assets.fabulous.ch/public/variant_asset/4444/file/large-5fcad0210752cc260a6fd65f082ec149.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4444/file/medium-f1cbcca4bda5015f5844a25cc2d93e93.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">Birkengold</p>
          <a href="/en/products/xylitol-chewing-gum-fruit-17-g-7680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum Fruit, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L0RU1u7bm-RRnWuDqCCT2MT2URuiHFFb6sjqdhPf41_bFlL49OaUuHXJA__CoVHAsDgfUM1059uAm5PfzmdQ8w" />
    <input value="7680" 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>
          Add to cart
</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="/en/products/vitamin-c-oral-spray-50-ml-7693">
          <img alt="Vitamin C Oral Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4445/file/small-b82fab7d9c7d0bac6e977c0d2eb464fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4445/file/medium-d4811766ea6eb0fa1a4e3c1166734073.webp 900w, https://assets.fabulous.ch/public/variant_asset/4445/file/large-aed62e5369899fef123f4e033a3ea7c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4445/file/medium-d4811766ea6eb0fa1a4e3c1166734073.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="/en/products/vitamin-c-oral-spray-50-ml-7693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin C Oral Spray, 50 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 33.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CFsD68EXBsxMycTQCqxJsdxPewGmilPoYhcLnOIlVJn8CQXF2yoJkGidrKxgLYupqIE1Ssni5WgIRHI1P53nNQ" />
    <input value="7693" 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>
          Add to cart
</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;280 of 3&#39;185 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/products?format=turbo_stream&amp;page=65&amp;q=d%C3%B6rrger%C3%A4t">Show more</a>
  </div>
</div>

</template></turbo-stream>