<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/new-roots-soft-white-vegan-alternative-to-camembert-organic-120-g-5133">
          <img alt="New Roots Soft White Vegan Alternative to Camembert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3021/file/small-266d2ca5b53f511ce4d3f746e17fa28e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3021/file/medium-eabf78cfb985671e7e7eb2451f761401.webp 900w, https://assets.fabulous.ch/public/variant_asset/3021/file/large-26d82f5680f960d0f71af7e3f1180a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3021/file/medium-eabf78cfb985671e7e7eb2451f761401.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">New Roots</p>
          <a href="/en/products/new-roots-soft-white-vegan-alternative-to-camembert-organic-120-g-5133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Soft White Vegan Alternative to Camembert Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </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 6.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E4uII5vln3C-qoc5GIxDwZtoGZkr5J0_p0AyAufq6-PQR5kH5PYw_HcMXcYDeZmRG-vUHfwnGn2Z8liP63wGqw" />
    <input value="5133" 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/new-roots-garlic-fine-herbs-extra-creamy-bio-140-g-5135">
          <img alt="New Roots Garlic &amp; Fine Herbs Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3022/file/small-752d8812fb96e507e11b4955d8bb1a27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3022/file/medium-a372906159ab340bf0c59f11b31c61cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/3022/file/large-fc88bc903a4d451661be18ef7cc2f877.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3022/file/medium-a372906159ab340bf0c59f11b31c61cf.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">New Roots</p>
          <a href="/en/products/new-roots-garlic-fine-herbs-extra-creamy-bio-140-g-5135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Garlic &amp; Fine Herbs Extra Creamy Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gj5FkpNoL78kDISVI24MjU3jl_s4ET_k0jjbdWK--wLZ8lS27HuAM-2qXmo4m9bdzWBaf-_SuKbsirH4bigWSg" />
    <input value="5135" 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/new-roots-horseradish-extra-creamy-bio-140-g-5136">
          <img alt="New Roots Horseradish Extra Creamy Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3024/file/small-99cb2d9a2af69020d2406d665b2414de.webp 600w, https://assets.fabulous.ch/public/variant_asset/3024/file/medium-d9fded482e5fd5539cd1fb765f6bf315.webp 900w, https://assets.fabulous.ch/public/variant_asset/3024/file/large-7df87e5bb78e68c8bd0dcde23c9fde53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3024/file/medium-d9fded482e5fd5539cd1fb765f6bf315.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">New Roots</p>
          <a href="/en/products/new-roots-horseradish-extra-creamy-bio-140-g-5136">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Horseradish Extra Creamy Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="58_R1dxBRpOq8iGDzlKCIyjpfyfAOaW77622MkeOjfgkA8Dxo1LpH2NU-3zVp1hzqGqyoxf6IvnRH9y_SxhgsA" />
    <input value="5136" 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/baking-mix-brownies-gluten-free-organic-400-g-3029b04a-a23b-4b42-9376-d12518959797-5143">
          <img alt="Baking Mix Brownies 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/3025/file/small-3b4bb4597d8026fa469e4412bae393ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3025/file/large-008fdd2c0b16175122d442a975dcb352.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.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/baking-mix-brownies-gluten-free-organic-400-g-3029b04a-a23b-4b42-9376-d12518959797-5143">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Brownies Gluten Free Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qD6PkZkwqFwukraVrq7SQGnNCax5Im9mWt1E4TeX6lBr8p615iMH0Oc0bGq1WwgQ6U7EKK7h6CRkby5sOwEHGA" />
    <input value="5143" 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/tea-english-breakfast-tea-fairtrade-organic-20-bags-20-bag-5157">
          <img alt="Tea English Breakfast Tea Fairtrade Organic, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3030/file/small-1019b4227cd56390f902a5a4fe7bd7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/3030/file/medium-2ffc349c3348e0d13afd1678396b3947.webp 900w, https://assets.fabulous.ch/public/variant_asset/3030/file/large-c8813ce06669b7aaf10d49a97ae6abef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3030/file/medium-2ffc349c3348e0d13afd1678396b3947.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">Cupper</p>
          <a href="/en/products/tea-english-breakfast-tea-fairtrade-organic-20-bags-20-bag-5157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea English Breakfast Tea Fairtrade Organic, 20 Bags, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wYfCU5vbiKck4iO7aogYv2O5x2KV1m9r9KYqcO6XV84CS9N35MgnK-1E-URxfcLv4zoK5kIV6CnKFED94gG6hg" />
    <input value="5157" 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/tea-infusion-little-dreamer-organic-20-bags-20-bag-5159">
          <img alt="Tea Infusion Little Dreamer Organic, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3032/file/small-bf6a95d8501dd7e7a7624ac42a150152.webp 600w, https://assets.fabulous.ch/public/variant_asset/3032/file/medium-3cc9f6a05c1b8401bce10a57b7820be7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3032/file/large-8c8da73d5df549e966622b08346984ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3032/file/medium-3cc9f6a05c1b8401bce10a57b7820be7.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">Cupper</p>
          <a href="/en/products/tea-infusion-little-dreamer-organic-20-bags-20-bag-5159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Infusion Little Dreamer Organic, 20 Bags, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6RkZqpQTrW7EhcPE1EFcWtXjsVNPNgBnfey2elQZPocq1QiO6wAC4g0jGTvPtIYKVWB815j1hyVDXtz3WI_Tzw" />
    <input value="5159" 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/sticker-leder-pelz-ohne-haare-1-piece-5161">
          <img alt="Sticker: Leder- Pelz ohne Haare" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3036/file/small-dac9034a91098295fc98d3c7e1811629.webp 600w, https://assets.fabulous.ch/public/variant_asset/3036/file/medium-9160f384923ce86feae96d1e32fceeb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3036/file/large-47f654cf633212a638f2f0af5b93199d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3036/file/medium-9160f384923ce86feae96d1e32fceeb7.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">Swissveg</p>
          <a href="/en/products/sticker-leder-pelz-ohne-haare-1-piece-5161">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sticker: Leder- Pelz ohne Haare, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sq1ZJ_mKjcta0T4yu04eOhJL8EvCBiEatJHFXhZo1v9xYUgDhpkiR5N35M2gu8Rqksg9zxXFpliKI6_TGv47tw" />
    <input value="5161" 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/tea-infusion-good-morning-organic-20-tea-bags-20-bag-5162">
          <img alt="Tea Infusion Good Morning Organic, 20 Tea Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3037/file/small-646b35a10126a24f746a8b2107abc6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3037/file/large-9667f577d41754586046226077add4dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3037/file/medium-c93f5b695417d44b782d1a75c1fb21a0.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">Cupper</p>
          <a href="/en/products/tea-infusion-good-morning-organic-20-tea-bags-20-bag-5162">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Infusion Good Morning Organic, 20 Tea Bags, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cE12LhNt3pM8S9PIHvUbycM0TL7dgfbRtF2o80uXAzyzgWcKbH5xH_XtCTcFAMGZQ7eBOgpCcZOK78J-RwHudA" />
    <input value="5162" 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/tea-infusion-be-happy-fairtrade-organic-20-bags-20-bag-5163">
          <img alt="Tea Infusion Be Happy Fairtrade Organic, 20 Bags" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3038/file/small-fc3650e9fb33c0fa8033e43b8862247f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3038/file/medium-c34d0f87741916fe4d572a7c6d48957e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3038/file/large-f99662ab04097464c27154d8fb0c1ee3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3038/file/medium-c34d0f87741916fe4d572a7c6d48957e.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">Cupper</p>
          <a href="/en/products/tea-infusion-be-happy-fairtrade-organic-20-bags-20-bag-5163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Infusion Be Happy Fairtrade Organic, 20 Bags, 20 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HgnWgIr0weqWkjGvf99OIRlNsT-C5n55D_1wQE5h4grdxcek9eduZl8061BkKpRxmc58u1Ul-TsxTxrNQvcPQg" />
    <input value="5163" 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/tee-infusion-good-mood-loose-organic-50-g-5165">
          <img alt="Tee Infusion Good Mood loose Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3040/file/small-ab473adb69ad4f4f269028324f7d56ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3040/file/large-78ff69e10af18139f12e3bf6cece0081.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3040/file/medium-5a66cf6a339b98afc71b18ad0a3578b1.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">Sonnentor</p>
          <a href="/en/products/tee-infusion-good-mood-loose-organic-50-g-5165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Infusion Good Mood loose Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vrebWhkT5zfxAXN_ngayXaju7qN9IrypAoWq55J4g4Z9e4p-ZgBIuzinqYCF82gNKG0jJ6rhO-s8N8Bqnu5uzg" />
    <input value="5165" 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-diced-250-g-5172">
          <img alt="Soy Diced" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3044/file/small-0ed881142a6bc1acd406a6595cc6bf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.webp 900w, https://assets.fabulous.ch/public/variant_asset/3044/file/large-530fe15cbda27cd2be19d71c1d3e5d2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3044/file/medium-9350701eed378cf779cbcfa17fde6054.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">Vantastic</p>
          <a href="/en/products/soy-diced-250-g-5172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Diced, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7m5yXFm3AaeYQds_9WZefWBbTOI_1JhP-pXQyxPvWBgtomN4JqSuK1HnAcDuk4Qt4NiBZugXHw3EJ7pGH3m1UA" />
    <input value="5172" 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/schlagfix-whip-cream-no-added-sugar-25-fat-1000-ml-5228">
          <img alt="Schlagfix Whip Cream No Added Sugar 25% Fat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3057/file/small-acfcbedfabd0b608082af2a57bf80d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3057/file/large-d650082d3db4034a6f801754ca5e9be0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3057/file/medium-758a46c929d7e68ac6b9f06cbc6c6eb5.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">Schlagfix</p>
          <a href="/en/products/schlagfix-whip-cream-no-added-sugar-25-fat-1000-ml-5228">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Whip Cream No Added Sugar 25% Fat, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DsK-aGPZMCTWSBbfBZvfzOB65yByYdljzDAncrpeDLzNDq9MHMqfqB_uzCAebgWcYPkqpKWiXiHygk3_tsjh9A" />
    <input value="5228" 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-alternative-yannoh-instant-organic-250-g-5236">
          <img alt="Coffee Alternative Yannoh Instant, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3059/file/small-bfeb4b9f08c6abe3f321abb13f5f3616.webp 600w, https://assets.fabulous.ch/public/variant_asset/3059/file/medium-14dfb8a5865502e9ea825caabc87eaa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3059/file/large-82249d100f70b7ca106869ad067b47ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3059/file/medium-14dfb8a5865502e9ea825caabc87eaa4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/en/products/coffee-alternative-yannoh-instant-organic-250-g-5236">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Alternative Yannoh Instant, Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qQU6z1tru5YTA2tJ2aEPxGMk4O-DIYbCaaACFzQFbY1qySvrJHgUGtqlsbbCVNWU46cta1TiAYBXEmiaOJOAxQ" />
    <input value="5236" 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-lupin-pino-grounded-organic-500-g-5237">
          <img alt="Coffee Lupin Pino Grounded Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3060/file/small-f4fdab17149f63b35c3be9fa64f7d352.webp 600w, https://assets.fabulous.ch/public/variant_asset/3060/file/medium-45936fb9ffbff9789cf674c384cf4660.webp 900w, https://assets.fabulous.ch/public/variant_asset/3060/file/large-a2923ddb7ef8717c30bc666144a6c26b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3060/file/medium-45936fb9ffbff9789cf674c384cf4660.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">Kornkreis</p>
          <a href="/en/products/coffee-lupin-pino-grounded-organic-500-g-5237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Lupin Pino Grounded Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7S-WlkGLRKyKIcrr2VccOZZzU9Z_zZvKZ-2BeRPQD70u44eyPpjrIEOHEBTCosZpFvCeUqgOHIhZX-v0H0bi9Q" />
    <input value="5237" 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/natto-fermented-soy-beans-180-g-5255">
          <img alt="Natto Fermented Soy Beans" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3061/file/small-4509320d9ed79de8993356c0d4fe93a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3061/file/large-b07a7020f574487dacf3822c2654c5e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/en/products/natto-fermented-soy-beans-180-g-5255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natto Fermented Soy Beans, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mO8VW-Exl7zpsQW2429qK9Im0hopn3YPqnoa94KG1kdbIwR_niI4MCAX30n4mrB7UqUfnv5c8U2UyHB6jhA7Dw" />
    <input value="5255" 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/cookies-pecan-with-chocolate-bits-organic-175-g-5259">
          <img alt="Cookies Pecan with Chocolate Bits Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3065/file/small-5eb296343d93b3f43ab36798593b6358.webp 600w, https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3065/file/large-ea9fbac718581838b28a6eed0b59f867.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3065/file/medium-a46a43815ca59d1cc97b252f18c2a3c9.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">Moulin du Piver</p>
          <a href="/en/products/cookies-pecan-with-chocolate-bits-organic-175-g-5259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Pecan with Chocolate Bits Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hIkCsbG8HzmyQJkHGu42ZQyVC3i5ML50rTyErnBmPF9HRROVzq-wtXvmQ_gBG-w1jBbG_G7zOTaTju4jfPDRFw" />
    <input value="5259" 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/cookies-tout-choco-with-chocolate-bits-organic-175-g-5260">
          <img alt="Cookies Tout Choco with Chocolate Bits Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3066/file/small-58c44f5dff775aa36a8eec49ee7a0de3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.webp 900w, https://assets.fabulous.ch/public/variant_asset/3066/file/large-eeec3326576a41244437d94121b1d8e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3066/file/medium-3ce39f4cb771ba671db4f53a53d9cd27.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">Moulin du Piver</p>
          <a href="/en/products/cookies-tout-choco-with-chocolate-bits-organic-175-g-5260">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Tout Choco with Chocolate Bits Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Hkleiu6RhrCsF1TmxsMhbYgbrbeMoizcRSBlOwfwLontTReVKnplgsWh6yA7tbVNqOjMgnxD_FPpusZ4Ikt8g" />
    <input value="5260" 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/toothpaste-for-children-original-no-fluoride-organic-75-ml-5262">
          <img alt="Toothpaste for Children Original No Fluoride Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3067/file/small-871d86740baa6e1f754dc7afdb73aaa0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3067/file/medium-cead55c26e59fb39f63af16c61199ffa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3067/file/large-b78beb646f42b9dc87338a1c696d23f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3067/file/medium-cead55c26e59fb39f63af16c61199ffa.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/toothpaste-for-children-original-no-fluoride-organic-75-ml-5262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste for Children Original No Fluoride Organic, 75 ml</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 8.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AcF2vV87-eY1Q_auwylqqbXnh51aOA0ouE_gq7PxswLCDWeZIChWavzlLFHY3LD5NWRKGY37imqG_Yomv2deSg" />
    <input value="5262" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/toothpaste-mint-green-tea-no-fluoride-organic-75-ml-5263">
          <img alt="Toothpaste Mint &amp; Green Tea No Fluoride Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3068/file/small-b73ca34c0372700b0a0c0b2428cbdc71.webp 600w, https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3068/file/large-566767e89233dca6f8fe1b77e258b8a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3068/file/medium-b5f998a8ee77799909a2861e2f39218a.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/toothpaste-mint-green-tea-no-fluoride-organic-75-ml-5263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Mint &amp; Green Tea No Fluoride Organic, 75 ml</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 8.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z3QlsHybg7IQwzX1VszAhsY8roHZ26HS82Kkln3MpB0MuDSUA4gsPtll7wpNORrWRr9jBQ4YJpDN0M4bcVpJVQ" />
    <input value="5263" 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/toothpaste-eucalyptus-no-fluoride-organic-75-ml-5264">
          <img alt="Toothpaste Eucalyptus No Fluoride Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3069/file/small-05836db2a2d0b3a4580a154f7d8187e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3069/file/large-8c65ee088364649c123a519d50ee9794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3069/file/medium-21d2569ac87b45e7950d050f9071b9bb.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/toothpaste-eucalyptus-no-fluoride-organic-75-ml-5264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toothpaste Eucalyptus No Fluoride Organic, 75 ml</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 8.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BBfwwAFrvb-DXGQUNiAC-zXbRd-Z8PtjhmfuSIuGeQfH2-HkfngSM0r6vust1dirtViIW04zfCG41YTFhxCUTw" />
    <input value="5264" 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;173 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/progana-muhle-rytz?format=turbo_stream&amp;page=42">Show more</a>
  </div>
</div>

</template></turbo-stream>