<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/toothpaste-powder-mint-30-g-5369">
          <img alt="Toothpaste Powder Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3120/file/small-c279a4657a96fb0a401b58a218afd207.webp 600w, https://assets.fabulous.ch/public/variant_asset/3120/file/medium-4f630842b91f020097a77024d70801a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3120/file/large-f89e0d6627c4de753e1ee1bcf4471e15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3120/file/medium-4f630842b91f020097a77024d70801a5.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-mint-30-g-5369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Powder Mint, 30 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 21.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TKouuhP6l0O7QgDcab3dLPBV4D-ySpL7pZRHFYj1n6Fhvd-H5TzJZRlvSlEjaPxqTQEUTsOU7vnFZ4AVeomAQA" />
    <input value="5369" 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/bread-baking-mix-wunderbrod-nuts-almonds-gluten-free-organic-600-g-5374">
          <img alt="Bread Baking Mix Wunderbrød Nuts &amp; Almonds Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/bread-baking-mix-wunderbrod-nuts-almonds-gluten-free-organic-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Wunderbrød Nuts &amp; Almonds Gluten Free Organic, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eYPKRp8RWMtCRsIWRC0sqptvflr6Z7GX7sapE4EE0KdUlDt7adcG7eBriJsO-A3sJjuKK4u5zZWONW4Tc3jPRg" />
    <input value="5374" 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/bean-sticks-paprika-organic-75-g-5390">
          <img alt="Bean Sticks Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3140/file/small-5d8a41059aa994476806d2b311f26b2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/3140/file/large-266abc3c1bf8bf06e8d0967aa2c96bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.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">de Rit</p>
          <a href="/en/products/bean-sticks-paprika-organic-75-g-5390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bean Sticks Paprika Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LOFagwNrWwXSvzdNb80bCJ6CeV392iMbxyMXFK69WgAB9qu-9a0FI3CSfcAlGDpOI9aNLIwEXxmn0NAUXMFF4Q" />
    <input value="5390" 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/cracker-olive-life-raw-organic-90-g-5393">
          <img alt="Cracker Olive Life Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8823/file/small-800328ef2df4f372ca6762a152ea2f3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.webp 900w, https://assets.fabulous.ch/public/variant_asset/8823/file/large-517118c177e77fbe7531c085a0e8a723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.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">Lifefood</p>
          <a href="/en/products/cracker-olive-life-raw-organic-90-g-5393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Olive Life Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9so3IgT0KkFtk9XHrxW2koh4JrCg4o9O5cQR7UcnN5vb3cYf8jJ0Z8--n0rlwJfUNSzSwdE880yFN9bttVsoeg" />
    <input value="5393" 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">
    <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/xylit-chocolate-spread-cremnux-hazelnuts-nougat-no-added-sugar-180-g-5414">
          <img alt="Xylit Chocolate Spread Cremnux Hazelnuts - Nougat No Added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3155/file/small-52d19d5f952db04850c77dfb238f9b97.webp 600w, https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3155/file/large-c4b555bc7059fd17d05c1f50951970ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3155/file/medium-268e0ec32faf3f1c2ad860ece176a1c8.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">Tautona</p>
          <a href="/en/products/xylit-chocolate-spread-cremnux-hazelnuts-nougat-no-added-sugar-180-g-5414">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Chocolate Spread Cremnux Hazelnuts - Nougat No Added Sugar, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5414-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/xylitol-pastilles-mint-no-added-sugar-30-g-5429">
          <img alt="Xylitol Pastilles Mint No Added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3165/file/small-3f1fc0432573750ca5e4b5e6d4cc1d07.webp 600w, https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3165/file/large-4612442922ff4fd0600bbb039d382bd7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3165/file/medium-1ca5a7e9fa6c94d724196fca96c24c2b.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-pastilles-mint-no-added-sugar-30-g-5429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Pastilles Mint No Added Sugar, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uPlG5rHwGS-NT4JnSK5TdapfuSBOm41n2vgC1wYvGmSV7rfbRzZHCS9iyOoCe3IzFwtNUT9F8WW6C8XX9FMFhQ" />
    <input value="5429" 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/beer-yeast-flakes-with-malt-200-g-5492">
          <img alt="Beer Yeast Flakes with Malt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3178/file/small-216e514ad29c881f5bb5b70874fb113b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3178/file/medium-663b03afa9a90cb0a05be8ff1df18411.webp 900w, https://assets.fabulous.ch/public/variant_asset/3178/file/large-d66eb96a46d42fe10d973a3d0733143b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3178/file/medium-663b03afa9a90cb0a05be8ff1df18411.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/beer-yeast-flakes-with-malt-200-g-5492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beer Yeast Flakes with Malt, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7JLGInG5GXg6T8IrktQ03RoSRDc1-mKml7X7o3lrWmLBhTcfh39HXphiiKbYARWbp0awRkQkHqT3RjyjixdFgw" />
    <input value="5492" 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/vegan-health-daily-oral-spray-25-ml-5499">
          <img alt="Vegan Health Daily Oral Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3182/file/small-8ace8741d7bf4b1bf747c89df11803db.webp 600w, https://assets.fabulous.ch/public/variant_asset/3182/file/medium-25d971434cb64a7a33f72c7864bc32b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3182/file/large-fe6e9f44ee642149d197e3e74867da41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3182/file/medium-25d971434cb64a7a33f72c7864bc32b4.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/vegan-health-daily-oral-spray-25-ml-5499">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Health Daily Oral Spray, 25 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5499-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-rosemary-fine-hair-organic-250-ml-5500">
          <img alt="Shampoo Rosemary Fine Hair Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3184/file/small-bd43371ebb7bd4910b809ad269c3bff3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3184/file/medium-b1b398780c80431f38a8bfb1fe0262d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3184/file/large-1c67aacb115d844f72e62a6ebe500385.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3184/file/medium-b1b398780c80431f38a8bfb1fe0262d7.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">Urtekram</p>
          <a href="/en/products/shampoo-rosemary-fine-hair-organic-250-ml-5500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Rosemary Fine Hair Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6hzRIyHrPxP9V5WU2agVjKKXZb4UB_2hxLcTwK7fzjiv4J5ekHy2u3YFNsZs4EQj96p54mOY_Tn4RtP8Mdg2Q" />
    <input value="5500" 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/eyeliner-liquid-brown-02-2-8ml-1-piece-5502">
          <img alt="Eyeliner Liquid Brown - 02 - 2.8ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3188/file/small-8cc558ae7d74248c05be7ec4b1b5b238.webp 600w, https://assets.fabulous.ch/public/variant_asset/3188/file/medium-318d7c12e5c8ebdebb2eb0ffeaade347.webp 900w, https://assets.fabulous.ch/public/variant_asset/3188/file/large-4ad348e020adbcd9dba465b701523cb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3188/file/medium-318d7c12e5c8ebdebb2eb0ffeaade347.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">Lavera</p>
          <a href="/en/products/eyeliner-liquid-brown-02-2-8ml-1-piece-5502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Liquid Brown - 02 - 2.8ml, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cgRLotlFDWr-RGhLIWEfVwUl8idW5Bnyx2zTqqRDgUZfE7qfL4NTTFxpIsZrtD4RuHEGVic6ZfCnnxSqVj-epw" />
    <input value="5502" 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/eyeliner-liquid-black-01-2-8ml-1-piece-5503">
          <img alt="Eyeliner Liquid Black - 01 - 2.8ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3189/file/small-c014bd573bcf9f3d64c90167bce1fd14.webp 600w, https://assets.fabulous.ch/public/variant_asset/3189/file/medium-1025a9dc195f470f833dba04665aa143.webp 900w, https://assets.fabulous.ch/public/variant_asset/3189/file/large-2ef28637a47b7a2f1593f6583ce3fc3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3189/file/medium-1025a9dc195f470f833dba04665aa143.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">Lavera</p>
          <a href="/en/products/eyeliner-liquid-black-01-2-8ml-1-piece-5503">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyeliner Liquid Black - 01 - 2.8ml, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cqEOdtcsh7p3815jz2Mx9QhyyAIlnjsWZ7tI-KRvGFhftv9LIerZnNXeFO6FthCztSY8c1RARxQHSI_4VhMHuQ" />
    <input value="5503" 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/lovechock-chocolate-sweet-cacao-nibs-sea-salt-raw-organic-70-g-5506">
          <img alt="Lovechock Chocolate Sweet Cacao Nibs &amp; Sea Salt RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3190/file/small-9fe2b7644ba990a9552a08523dee0fcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3190/file/medium-a05e756e7d2f354c1141720f0d3ebf5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3190/file/large-772036f04e0854e411944f0a7bcb621e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3190/file/medium-a05e756e7d2f354c1141720f0d3ebf5f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lovechock</p>
          <a href="/en/products/lovechock-chocolate-sweet-cacao-nibs-sea-salt-raw-organic-70-g-5506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lovechock Chocolate Sweet Cacao Nibs &amp; Sea Salt RAW Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mk9k34Paz9H5GqalhEx8Aa7WUE3jSfgRpXTWoxQskNi3WJXidRyR91s37CjOmV1HE4KkPJKXhBPFhxGj5lCPOQ" />
    <input value="5506" 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">
    <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/xylit-jam-with-organic-strawberry-200-g-5515">
          <img alt="Xylit Jam with Organic Strawberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3200/file/small-9757508f21cefc857b0ad4764d905a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/3200/file/medium-94e2d137fdc2507f0a3a361e3b8935fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/3200/file/large-302cc388b99bf12dd0ddcb4a53e88533.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3200/file/medium-94e2d137fdc2507f0a3a361e3b8935fe.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">Tautona</p>
          <a href="/en/products/xylit-jam-with-organic-strawberry-200-g-5515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Jam with Organic Strawberry, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5515-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">
    <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/xylit-jam-with-organic-raspberry-200-g-5518">
          <img alt="Xylit Jam with Organic Raspberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3198/file/small-37af740881f7b5dfafc6806b76586065.webp 600w, https://assets.fabulous.ch/public/variant_asset/3198/file/medium-d50352c7a56402a5411a6aa51a2a6ce3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3198/file/large-d47211b6a0c9bd5f065247728f292bb7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3198/file/medium-d50352c7a56402a5411a6aa51a2a6ce3.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">Tautona</p>
          <a href="/en/products/xylit-jam-with-organic-raspberry-200-g-5518">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Jam with Organic Raspberry, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5518-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/xylit-jam-with-organic-cherry-200-g-5519">
          <img alt="Xylit Jam with Organic Cherry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3207/file/small-0f67848b57796504f7161bc5c47a9965.webp 600w, https://assets.fabulous.ch/public/variant_asset/3207/file/medium-aeeebc7a6f6686b66a6f748a331ceabb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3207/file/large-dba5c51840b00d708e72b84e1d57f80a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3207/file/medium-aeeebc7a6f6686b66a6f748a331ceabb.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">Tautona</p>
          <a href="/en/products/xylit-jam-with-organic-cherry-200-g-5519">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Jam with Organic Cherry, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5519-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/agave-syrup-organic-250-ml-5541">
          <img alt="Agave Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3215/file/small-f4fc46cf8ff7871a9c3f0ce069021213.webp 600w, https://assets.fabulous.ch/public/variant_asset/3215/file/medium-465b494b68b787f0fcb19f348cbf9a52.webp 900w, https://assets.fabulous.ch/public/variant_asset/3215/file/large-054171b2450d036f8c7e6807ce0ec267.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3215/file/medium-465b494b68b787f0fcb19f348cbf9a52.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/agave-syrup-organic-250-ml-5541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agave Syrup Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3C9ZK9DOWOK8s9L9Eo9T7mSH3OJa-Bb9lghOjIYczXzxOKgWJggGxB6emHBYWnKo2dMokysmav_2-4mMdGDSnQ" />
    <input value="5541" 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/bar-birkengold-chocolate-hazelnuts-fair-100-g-5543">
          <img alt="Bar Birkengold Chocolate Hazelnuts Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3218/file/small-13ff5a609b1d5f171a29ff3d5f6f4e84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3218/file/large-3661c70eea93b078e28ee9c9e17bad17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3218/file/medium-3779e22b3fb52bc29b35a02fd98815b9.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/bar-birkengold-chocolate-hazelnuts-fair-100-g-5543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Birkengold Chocolate Hazelnuts Fair, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XNTSZBELoD5H5L-cXxqTvYY1fKsyFeOOqJJ2J5vHa25xwyNZ583-GOXJ9REVz7L7O2GI2kPLn4zIYbEnabt0jw" />
    <input value="5543" 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/bar-birkengold-dark-chocolate-no-added-sugar-fair-100-g-5544">
          <img alt="Bar Birkengold Dark Chocolate No Added Sugar Fair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3219/file/small-b6f4b394d43407a1f588a74e710e576a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3219/file/large-c674f1d9f77614c3e241d0c365a03050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3219/file/medium-72217078e0f867fcfbffe7d9962d55bd.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/bar-birkengold-dark-chocolate-no-added-sugar-fair-100-g-5544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Birkengold Dark Chocolate No Added Sugar Fair, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KSJS-LSQ0KmyHkZ7DMFN0t49EdMDQWHN-WxfbcYwKy0ENaPFQlaOjxAzDPZGFGyUY2nlonKfHc-Zn5htNEw0zA" />
    <input value="5544" 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/flour-almond-partially-de-oiled-organic-200-g-5545">
          <img alt="Flour Almond Partially de-oiled Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3220/file/small-584dd916d4af09b139542bf076d0901d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3220/file/large-7c49c90559d3cf0a97bec6681b98b283.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/flour-almond-partially-de-oiled-organic-200-g-5545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Almond Partially de-oiled Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GxSr4PP6xAH5GQ7jtxdDtrBhbJmGT31klU7d_hVPj4U2A1rdBTyaJ1s0RG79wmLwDTWY6PeRAWb1vRr-5zOQZA" />
    <input value="5545" 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/flour-coconut-organic-250-g-5546">
          <img alt="Flour Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3223/file/small-b967ba05fa5b79ad9bde34a875b7e6e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3223/file/large-2482cf5da5485f8355fa1da41f3a49f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/flour-coconut-organic-250-g-5546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Coconut Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K8xvOm1aDbGSHykXhHURGKxs6G9lI9cvsJ_R70Tsx7wG254Hm5xTlzAyY5rOoDBeETgcHhT9qy3QbBbvtpDYXQ" />
    <input value="5546" 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;500 of 3&#39;177 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/hemp?format=turbo_stream&amp;page=76">Show more</a>
  </div>
</div>

</template></turbo-stream>