<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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/corn-pasta-penne-organic-250-g-17824">
          <img alt="Corn Pasta Penne Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8843/file/small-4412940b4f8b249ec1f06a377b5560f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8843/file/medium-7ad87b2be4cedbbaa3f6d1981459281d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8843/file/large-d97526b0f67a07d3eb618ea6e2faa361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8843/file/medium-7ad87b2be4cedbbaa3f6d1981459281d.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">Pasta d&#39;Alba</p>
          <a href="/en/products/corn-pasta-penne-organic-250-g-17824">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Pasta Penne Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hHZ4pde-H__RJstsr_hjAI-HKL0Ti4RdwYavN0mB-IuKVtQVos-jz-ETW3L-Tzcg5CJ7-a0GIELXFGNnj6t4_A" />
    <input value="17824" 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-pastilles-orange-no-added-sugar-30-g-5430">
          <img alt="Xylitol pastilles orange 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/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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-orange-no-added-sugar-30-g-5430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol pastilles orange 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-5430-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jq77rZbEsJhqnPcq1E-t6c-1KHVQk_PIzVp02zXg5b8ojlcd47UMqFqpZzSF-PnJpBB7Me4eV9fbyLiL88plyA" />
    <input value="5430" 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/bett-r-waffle-with-cashew-strawberry-cream-with-no-added-sugar-organic-30-g-15003">
          <img alt="Bett&#39;r Waffle with Cashew Strawberry Cream with no added sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6880/file/small-4863fbd79554302a694281edec061447.webp 600w, https://assets.fabulous.ch/public/variant_asset/6880/file/medium-ffb1901e23ba09ef8238e9014f45aecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6880/file/large-faf87a6c4b9643a4d3a04fd42c72e294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6880/file/medium-ffb1901e23ba09ef8238e9014f45aecb.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">bett&#39;r</p>
          <a href="/en/products/bett-r-waffle-with-cashew-strawberry-cream-with-no-added-sugar-organic-30-g-15003">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Waffle with Cashew Strawberry Cream with no added sugar Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BzJ99Xpp7Iq85ou-021xs7pdPThG7awLaK8t3eV-Ms4JEtFFDxhQuozTG6CC2iWT0fhufPhgCBR-PeGNI1SyuQ" />
    <input value="15003" 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/sausage-vegan-country-style-organic-150-g-680">
          <img alt="Sausage Vegan Country Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/624/file/small-8a4ff09a7b7032693b42a03de32cd23d.webp 600w, https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/624/file/large-0d1b06cf37797a3fed84e19dbe685f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.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">Wheaty</p>
          <a href="/en/products/sausage-vegan-country-style-organic-150-g-680">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Country Style Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </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 3.37 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TmaFsbdjSSHLNG7zXRUnpr9clBiY30k4E2pBB5mEknBARikBwhL1EfsB_u0MonOG1PnHXCZS7ScF-I1XX64SBw" />
    <input value="680" 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/coconut-milk-with-yoghurt-cultures-stracciatella-organic-275-g-13479">
          <img alt="Coconut Milk with Yoghurt Cultures Stracciatella Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6526/file/small-73456be1ae0a6484713d98fad507fa47.webp 600w, https://assets.fabulous.ch/public/variant_asset/6526/file/medium-354d7ace404cd9300beb81f1cadddcfa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6526/file/large-680fafb2bc326aa397baee8a8c73a931.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6526/file/medium-354d7ace404cd9300beb81f1cadddcfa.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">Harvest Moon</p>
          <a href="/en/products/coconut-milk-with-yoghurt-cultures-stracciatella-organic-275-g-13479">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk with Yoghurt Cultures Stracciatella Organic, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </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 1.71 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13479-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/pate-herb-garlic-tartex-organic-200-g-2045">
          <img alt="Pate Herb &amp; Garlic Tartex Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1605/file/small-08b29d5a900fe5d9a78227d49db7df54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1605/file/large-d8e2b5ed1de5f5223a5af0f04fab39b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.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">Tartex</p>
          <a href="/en/products/pate-herb-garlic-tartex-organic-200-g-2045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pate Herb &amp; Garlic Tartex Organic, 200 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 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SSEPZpYiTelmkwxHcIJaPMDWOKZmVlyU2OP--S6cfXVHAaPW41Px2VamnFkhNQ4cq3Nr4tjb-IvOcTKp6Lb9Ag" />
    <input value="2045" 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/waffles-lemon-organic-190-g-4140">
          <img alt="Waffles Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2612/file/small-d5910c5a61181b10c6ed081ffc861de1.webp 600w, https://assets.fabulous.ch/public/variant_asset/2612/file/medium-f21fd61baeaa96aab72788427a289d55.webp 900w, https://assets.fabulous.ch/public/variant_asset/2612/file/large-d4c0a3300399442c27ca590a19670321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2612/file/medium-f21fd61baeaa96aab72788427a289d55.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">Bisson</p>
          <a href="/en/products/waffles-lemon-organic-190-g-4140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Waffles Lemon Organic, 190 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 3.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LXzUALjjO0KiT8uQ4DjscUeo9QMOWL2M5_2N60KJjIgjXHiwzZKHcpJ6W46xj7hRLA2mR7DVGZPxb0G7hKMM_w" />
    <input value="4140" 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/coffee-wild-coffee-kaffa-decaffeinato-ground-organic-fairtrade-220-g-16586">
          <img alt="Coffee Wild Coffee Kaffa Decaffeinato Ground Organic Fairtrade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7647/file/small-1cd1f5fd7fc82cd1913d695f8a8a0cb6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7647/file/medium-6731009e74234804d99df1da7cf72c51.webp 900w, https://assets.fabulous.ch/public/variant_asset/7647/file/large-4254fcc8e040fdd787f124e20640f113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7647/file/medium-6731009e74234804d99df1da7cf72c51.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">Original Food</p>
          <a href="/en/products/coffee-wild-coffee-kaffa-decaffeinato-ground-organic-fairtrade-220-g-16586">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Wild Coffee Kaffa Decaffeinato Ground Organic Fairtrade, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LGS9biUkW3QYSuXUwm9wZy3Wt_3LKUoPC1YRuemKVfgiRBHeUFXnRCh_dcqT2CRHRnPkuXWk7hAdxN3pL6DVjw" />
    <input value="16586" 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/chia-seeds-bulk-buy-organic-5-kg-10378">
          <img alt="Chia Seeds Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5566/file/small-8711c9b896c146bbf21a5e7660748a7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5566/file/large-e60ff0b402ec1ab3e91065a47050b1f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5566/file/medium-3cb7fa9641921642c633d872cee11ef9.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">Bio Grosshandel</p>
          <a href="/en/products/chia-seeds-bulk-buy-organic-5-kg-10378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chia Seeds Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 82.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UXq3C3XGnHjlqzYgR_YRpZUZ-BqiclEXz2RlHHyJRHFfWhu7ALcgSNWepj4WQUWF_ryrXhz_9QjZ9qlMuqPEBg" />
    <input value="10378" 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/forest-rye-crispbread-organic-150-g-16530">
          <img alt="Forest Rye Crispbread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7620/file/small-fb43fccb9c3b144d2ff76fe7ff8e3e53.webp 600w, https://assets.fabulous.ch/public/variant_asset/7620/file/medium-51a17b27342e705bd930549957118ccf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7620/file/large-e232dc6218d9b4fba9b4ce83704db3cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7620/file/medium-51a17b27342e705bd930549957118ccf.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">eigenbrötler Backwerke GmbH</p>
          <a href="/en/products/forest-rye-crispbread-organic-150-g-16530">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Forest Rye Crispbread Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IB4pqUwF-tc7cb39dzdINtLLa77oi7kQWzU_plkyh-EuPoUZOXRG5wtELeMmgBwWuW44-lYGHQ9Np_P2nxgHlg" />
    <input value="16530" 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/coffee-caffe-irlanda-crema-beans-demeter-250-g-9465">
          <img alt="Coffee Caffè Irlanda CREMA Beans Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5327/file/small-a425de21dd48f08d003874c5e21fdaac.webp 600w, https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5327/file/large-49d0fea87b3043f3e64f5f0d33aa10fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5327/file/medium-59c171af2731f1477ec65f9c5f79efd3.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">Henauer Kaffee</p>
          <a href="/en/products/coffee-caffe-irlanda-crema-beans-demeter-250-g-9465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Caffè Irlanda CREMA Beans Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qYflu0Yxhy1xmq_U--v5jMzYTF-LGwbncmTyHw91G2inp0kLM0A7HUGvP8qqXK2sp30fGzWWovhk9j5PyV-bHw" />
    <input value="9465" 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/natural-tempeh-switzerland-organic-300-g-16645">
          <img alt="Natural Tempeh Switzerland Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7704/file/small-c389be89eae3c14ab787dee6cb6c8597.webp 600w, https://assets.fabulous.ch/public/variant_asset/7704/file/medium-3ebaea2c026ffb8e8dcd8e736c1e5ffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7704/file/large-28eeba0b6c0f870b5758152703e7a215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7704/file/medium-3ebaea2c026ffb8e8dcd8e736c1e5ffb.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">Futur</p>
          <a href="/en/products/natural-tempeh-switzerland-organic-300-g-16645">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natural Tempeh Switzerland Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </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 3.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3ceGEAhcVN5m7AEonr-ZHg3mxocTbFLiJzcO9XTl5ljT5yqgfS3o7lbZkTbPCM0-ZkOVw63h9v0xpcKlss9mLw" />
    <input value="16645" 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/soy-tempeh-natural-pasteurized-organic-200-g-17377">
          <img alt="Soy Tempeh Natural Pasteurized Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8103/file/small-5b55089590ad664b632c2c7b80c6896f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8103/file/large-72703d7ad2951da4787a005138634aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-natural-pasteurized-organic-200-g-17377">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Natural Pasteurized Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XWoEo13lI_EK1EEZnEhxrIWy-YyQ-3IMGDXHIti6n_dTSqgTKJSfwTrh0QfN_yWM7heqyC521hMOpwtyHpAfgA" />
    <input value="17377" 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/apero-sticks-organic-200-g-9385">
          <img alt="Apero Sticks Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5317/file/small-0f4638b0e5459a5f8469709cda294965.webp 600w, https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.webp 900w, https://assets.fabulous.ch/public/variant_asset/5317/file/large-f465092b28279055dc17e683dc799a20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5317/file/medium-22d03dd8bffc462fa4e774a6cc7f4970.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">Mayka</p>
          <a href="/en/products/apero-sticks-organic-200-g-9385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apero Sticks Organic, 200 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 1.35 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LBcklqbo5KfWsuAn5fzE95k_ZXR2j_xmy3_bztf627siN4gm05lYl-aHcDm0S5DX8po2MMgCWHnd7ReeEdBbzA" />
    <input value="9385" 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/candles-pack-of-12-dinner-candle-2-2-x-21cm-ivory-1-piece-3387">
          <img alt="Candles Pack of 12 Dinner Candle 2,2 x 21cm Ivory" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2252/file/small-1c03480fde1c4295c16bf9664a5f64a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2252/file/medium-9e13e5c558ea679da88203ff253492b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2252/file/large-532ba6c727b963ea5145ff02d76d3963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2252/file/medium-9e13e5c558ea679da88203ff253492b8.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">eubiona</p>
          <a href="/en/products/candles-pack-of-12-dinner-candle-2-2-x-21cm-ivory-1-piece-3387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candles Pack of 12 Dinner Candle 2,2 x 21cm Ivory, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PY1qYaoipBMjcLbjqgVMPar8NF71HszTBaZwSTETuCczrcbR31MYIxNFJv37shgdwVlnGkuTaMwTNLwZ9zk4UA" />
    <input value="3387" 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/spread-herbes-tomato-gluten-free-organic-180-g-8698">
          <img alt="Spread Herbes Tomato 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/5059/file/small-a6c317a8da652ead0e03f639be477540.webp 600w, https://assets.fabulous.ch/public/variant_asset/5059/file/medium-20de4714562d8c9959dbf316e91c77c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5059/file/large-5b3f397f66a5f13d52b6140f6a3487ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5059/file/medium-20de4714562d8c9959dbf316e91c77c1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/spread-herbes-tomato-gluten-free-organic-180-g-8698">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Herbes Tomato Gluten Free Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4QEtlVUtJsQwSy_SI_6LkQcqtTu40KQNnVZIwn8-AW3vIYElIFya9AB-v8xySd-xbI_mfwZdABKLxISSuRSBGg" />
    <input value="8698" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/udon-noodles-organic-300-g-16712">
          <img alt="Udon Noodles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7753/file/small-dbf6fbfc1571216e145ba1a4ef847651.webp 600w, https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7753/file/large-e9ef4891901e49876ab0b69b29ea9d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7753/file/medium-e7698a563a4db583935c8f9cc15322c2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Just Taste</p>
          <a href="/en/products/udon-noodles-organic-300-g-16712">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Udon Noodles Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TKDE-JkMi-zTUWzGF-ndevitK89CPAn0cQIXu6g5LNxCgGhI7H033ONk_NhGXolakwh4i_yxretnkNvrbhOsqw" />
    <input value="16712" 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/black-bean-spaghetti-organic-250-g-17164">
          <img alt="Black Bean Spaghetti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7995/file/small-16078e5fd04fc61b26bdaac82cc6c86d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.webp 900w, https://assets.fabulous.ch/public/variant_asset/7995/file/large-aa0089f78f35fd5f587e221b878d4f36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7995/file/medium-8de401327d78331f0f68146595eb7c73.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Just Taste</p>
          <a href="/en/products/black-bean-spaghetti-organic-250-g-17164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Bean Spaghetti Organic, 250 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 2.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SOXsHdxz2pfXik-bD_LWZ7euIeYGx_9_aVBMvGRm9VdGxUCtqQJmp-e_34VeRYJH3AtyorhKW2B_woDsokx1IA" />
    <input value="17164" 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/spread-horseradish-apple-mepfel-organic-135-g-10320">
          <img alt="Spread Horseradish &amp; Apple Mepfel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5549/file/small-de440b51ad334ca8475d7dc15b2c0770.webp 600w, https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/5549/file/large-4ab2ad1a6a33a287cc9f8651a28e5dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/spread-horseradish-apple-mepfel-organic-135-g-10320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Horseradish &amp; Apple Mepfel Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1H_3T5Uw2HU69tavCqhTXpvJ55adZiGtSAYmnd70HtfaX1v_4EFkRQrDRrFbHwd-8Gy00iPrhbJelOrNGN6eoA" />
    <input value="10320" 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/candles-pack-of-48-tea-light-without-holder-white-1-piece-3392">
          <img alt="Candles Pack of 48 Tea Light without holder - white" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2254/file/small-a0ddb33ba5f9541fed82e2cd58f6fc40.webp 600w, https://assets.fabulous.ch/public/variant_asset/2254/file/medium-fa50ee0b7ad8c9c8b5a8e3918227b219.webp 900w, https://assets.fabulous.ch/public/variant_asset/2254/file/large-9bf006ed7349d11932af41bc81d0702a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2254/file/medium-fa50ee0b7ad8c9c8b5a8e3918227b219.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">eubiona</p>
          <a href="/en/products/candles-pack-of-48-tea-light-without-holder-white-1-piece-3392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Candles Pack of 48 Tea Light without holder - white, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

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

</template></turbo-stream>