<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/cottage-pearls-vegan-alternative-to-cottage-cheese-organic-200-g-15101">
          <img alt="Cottage Pearls Vegan Alternative to Cottage Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6923/file/small-ffdcf9a98e550d0bafee638f2d3ff055.webp 600w, https://assets.fabulous.ch/public/variant_asset/6923/file/medium-924bfe187ee7404ef019eccc69f42c9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6923/file/large-b6f36ab50055ddfe91e60f587e88b384.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6923/file/medium-924bfe187ee7404ef019eccc69f42c9e.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">Züger</p>
          <a href="/en/products/cottage-pearls-vegan-alternative-to-cottage-cheese-organic-200-g-15101">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cottage Pearls Vegan Alternative to Cottage Cheese Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </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.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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/salad-dressing-caesar-organic-500-ml-17928">
          <img alt="Salad Dressing Caesar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8876/file/small-aba41f19e01163b8827703a033b90bf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8876/file/medium-645bfb35e913571b9632543f4f6350fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8876/file/large-0d15d91294ffaeac901ec4b7634ca5c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8876/file/medium-645bfb35e913571b9632543f4f6350fc.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">huusgmacht</p>
          <a href="/en/products/salad-dressing-caesar-organic-500-ml-17928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salad Dressing Caesar Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 1.62 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmkZBQm1AfSaFQp7Q3kj6DsFREqgQgE7CdPPfFTCZiiuJMkWmYhBJQZSildEkVryHMwLIaXempKsRGJ5DrXdEA" />
    <input value="17928" 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/lassi-lemon-organic-230-ml-13253">
          <img alt="Lassi Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6438/file/small-c4755517976429619f154e1f2a50d558.webp 600w, https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6438/file/large-b3b1dcf8cf62e0bfba8026982ab02ec0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.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">Biedermann Bio Vegan</p>
          <a href="/en/products/lassi-lemon-organic-230-ml-13253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lassi Lemon Organic, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </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.09 / 100 ml
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/protein-pudding-double-chocolate-organic-120-g-15069">
          <img alt="Protein Pudding Double Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6903/file/small-5706874bbd19a5c69bfa2fa3a596c590.webp 600w, https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6903/file/large-80ca88fab2ed1702905f1bdd0d657d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.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/protein-pudding-double-chocolate-organic-120-g-15069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Pudding Double Chocolate Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/almond-drink-without-added-sugar-organic-1-l-10204">
          <img alt="Almond Drink Without 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/5510/file/small-e30656d437be5b252d95ad78ed2e02e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5510/file/large-79cf1677d297541f762baa7c0419fbbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.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">Ecomil</p>
          <a href="/en/products/almond-drink-without-added-sugar-organic-1-l-10204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Drink Without Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ltfKVQduKB9fE_cfQOx3RxnI6PWQUh8naCra74lPA3ECmhpGl1NozsNUdzNHBA5dPgGnnpXOhI7NvXfq0zi4SQ" />
    <input value="10204" 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/bamboo-toothbrush-professional-medium-1-piece-1-piece-16618">
          <img alt="Bamboo Toothbrush Professional Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7676/file/small-4b9b7d793a6124c1482c4ee0def13101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.webp 900w, https://assets.fabulous.ch/public/variant_asset/7676/file/large-94dbd64d328b6e565d683bb29b1f2742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-professional-medium-1-piece-1-piece-16618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Professional Medium, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jJsJKJkllVjnNtt6QhHl0NhIkIh9nEB3UBUKM_OTU2EY1tk7CRjViXtxW1ZF-ZzK_4Hf43gA2971gqc2qeToWQ" />
    <input value="16618" 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/dish-brush-1-pcs-1-piece-8888">
          <img alt="Dish Brush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5153/file/small-f51944268740445ad6508b014686f68d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5153/file/medium-01ff2d53fc616de65935ad15db0dd023.webp 900w, https://assets.fabulous.ch/public/variant_asset/5153/file/large-d14963fdcea0d6fddba14972043c36fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5153/file/medium-01ff2d53fc616de65935ad15db0dd023.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">memo</p>
          <a href="/en/products/dish-brush-1-pcs-1-piece-8888">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dish Brush, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0QMsV0_-I3xF1Fc-Hyv5v_aar7q5wzo9TH3uI3s1iOFFTvxE38NjrdmT1xIYw4Cl0VPg0bxfoZTp6kMmIUIz2Q" />
    <input value="8888" 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/barley-malt-organic-400-g-227">
          <img alt="Barley Malt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/222/file/small-ccef3f88fe6f5253af034781e5a6c480.webp 600w, https://assets.fabulous.ch/public/variant_asset/222/file/medium-1eab9ea2369b568a9810e998c6ccfd93.webp 900w, https://assets.fabulous.ch/public/variant_asset/222/file/large-0aeec4c1c1c716d64a5dd110a628a65d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/222/file/medium-1eab9ea2369b568a9810e998c6ccfd93.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">Arche</p>
          <a href="/en/products/barley-malt-organic-400-g-227">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barley Malt Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="71eKsZ0t9d0GtWQg-mAgSQ7ey2kdvBzrglHyO-BONKF7GlqiDRC1DJry5Az9iFlTKReEAhggh0Inxl8-ujmPmQ" />
    <input value="227" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/lazzaretti-couscous-red-lentils-organic-400-g-7635">
          <img alt="Lazzaretti Couscous Red Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4420/file/small-8145b1b0bb2a3951a766683ff7806d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/4420/file/medium-f641adaa5f6bf97e929e67b8ebd8e9d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4420/file/large-0b72cbbb6c53a5a5b91874856f36139b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4420/file/medium-f641adaa5f6bf97e929e67b8ebd8e9d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lazzaretti</p>
          <a href="/en/products/lazzaretti-couscous-red-lentils-organic-400-g-7635">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous Red Lentils Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/completeorganics-the-original-kimchi-organic-230-g-10935">
          <img alt="completeorganics the ORIGINAL KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5648/file/small-6273a911d729b4c65170de70b089fb9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5648/file/large-f4a335c60caa210d520216bd5fc03db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.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">completeorganics</p>
          <a href="/en/products/completeorganics-the-original-kimchi-organic-230-g-10935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics the ORIGINAL KIMCHI Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </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.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3TtB64Ex0LN8jGBltvOPveVg_sdn-Rf7O0tbIZulbu9JdpH4EQyQYuDL4EmxG_anwqmxrGJljFKe3PYkwdLV1w" />
    <input value="10935" 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/cotton-drawstring-bag-organic-1-bag-b430d080-7efa-4ce4-979f-8c2c11270393-18084">
          <img alt="Cotton Drawstring Bag 25x30cm Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9045/file/small-9593daf72facd9ed4f761bab13adae9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9045/file/medium-4eaa13df2118f0eb93cc606403772de3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9045/file/large-7a3bb7677f194013a43dc6d73aa96062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9045/file/medium-4eaa13df2118f0eb93cc606403772de3.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">memo</p>
          <a href="/en/products/cotton-drawstring-bag-organic-1-bag-b430d080-7efa-4ce4-979f-8c2c11270393-18084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cotton Drawstring Bag 25x30cm Organic, 1 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AyPpPbECeuDfgYAyPLrVXKaGc6ehec_CtNg9HGGzNTWXbjkuIT86MUPGAB47UqxGgU88zKTlVGsRT5AZO8SODQ" />
    <input value="18084" 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/vegan-scrambled-eggs-with-bacon-substitute-organic-50-g-14971">
          <img alt="Vegan Scrambled Eggs with Bacon Substitute Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6860/file/small-0d22aa06da56dd673acd7a8310e82b50.webp 600w, https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6860/file/large-fd0218c94ac196ab0183228beebf4e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6860/file/medium-5abfe1f28f84c78ef365e31f0d9378c8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/en/products/vegan-scrambled-eggs-with-bacon-substitute-organic-50-g-14971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Scrambled Eggs with Bacon Substitute Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N3I3QK5-U_O9nVZLLVwyNdgcXdXYw2hwPgxnX-F9PLWjP-dTPkMTIiHa1mcqtEsv_9USvt1f89mbm8pauwqHjQ" />
    <input value="14971" 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/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="skfZv3QQTFmRvl_UdDZSpSpX7TsDoyV7kIKV23g-4Q8mCgms5C0MiA353_hz3iu_DZ6iUAY_vtI1FTjeIklaNw" />
    <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  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/sausages-vegan-mini-weenies-10-pcs-organic-10-piece-29">
          <img alt="Sausages Vegan Mini Weenies 10 pcs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/30/file/small-6a5a9bbe0b24a5894b9cb3526bc9f1fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/30/file/medium-9f99662346b3ee6b8d680a3784c93c6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/30/file/large-e16343a0eb4d3e75104dd72617c53d3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/30/file/medium-9f99662346b3ee6b8d680a3784c93c6b.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/sausages-vegan-mini-weenies-10-pcs-organic-10-piece-29">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausages Vegan Mini Weenies 10 pcs Organic, 10 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 0.61 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G67JM21FONtbEHRIVkUHdQN-UJbIlbNmLByTAyE5lleP4xkg_Xh4CsdX9GRRrX5vJLcf_c0JKM-Jiz4Ge04tbw" />
    <input value="29" 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/white-sausage-organic-130-g-104">
          <img alt="White Sausage Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/116/file/small-8c8fe2d67fe1e575963f13dd3e342546.webp 600w, https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.webp 900w, https://assets.fabulous.ch/public/variant_asset/116/file/large-062f9c08dbe8522099b4cdeafd6e6046.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/116/file/medium-14869a1cdbf53d0962d388a5b6b20d09.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/white-sausage-organic-130-g-104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">White Sausage Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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.46 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3nvVdcWOyVCQO3Jl_-wD9VeM9AHNlt7fSX_UuFhpxc3ND9GRyt79N4HbeWQF8kV8pd8uwKqwNLYslJXuxYcLw" />
    <input value="104" 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/pumpernickel-whole-grain-organic-375-g-562">
          <img alt="Pumpernickel  Whole Grain Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/518/file/small-5637b46e767e75779e1dc4f40ac9e96e.webp 600w, https://assets.fabulous.ch/public/variant_asset/518/file/medium-16a014465518eac3b4431615daabfd24.webp 900w, https://assets.fabulous.ch/public/variant_asset/518/file/large-adfbd3c0b36737f5bbeee00a69cc5846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/518/file/medium-16a014465518eac3b4431615daabfd24.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/pumpernickel-whole-grain-organic-375-g-562">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pumpernickel  Whole Grain Organic, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bnw6pbiZktHy5ks_FZfEYBnVu9XFRN8UNvCengE3U9-SMeq2KKTSAG6hyxMSf716Phz0vsDYRL2TZzObW0Do5w" />
    <input value="562" 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/better-keks-spelt-bio-150-g-12353">
          <img alt="Better-Keks Spelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6194/file/small-c64f4ddb60c6fa8f6f84b27613f3adad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6194/file/medium-b60de6801dc85c07056b62f8cabe44ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6194/file/large-2f50ba308be1a8fc9484debbe3ebf5b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6194/file/medium-b60de6801dc85c07056b62f8cabe44ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/better-keks-spelt-bio-150-g-12353">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Better-Keks Spelt Bio, 150 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.63 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fjqw-W6b6wPGDpr5QEYITm3rg6YoYPg79mXcoEJ6cp-Cd2Dq_qar0lpJGtVHrnFUSiLMzS38Y5JT8nGlGA3Jpw" />
    <input value="12353" 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/broccoli-and-almond-pesto-organic-180-g-18168">
          <img alt="Broccoli and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9129/file/small-1e27eb9291636fe2829bcff8d04e0ce3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9129/file/medium-be105220dc81eaa3fba7cd97f7be94e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9129/file/large-f7c5b3afcdfab5b7357f42c7cb02666d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9129/file/medium-be105220dc81eaa3fba7cd97f7be94e7.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">Giancarlo Ceci</p>
          <a href="/en/products/broccoli-and-almond-pesto-organic-180-g-18168">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broccoli and Almond Pesto Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9KrMwELRDODSa5FgPJEi0Hg3P-1REwm57-1g2DcBRElg5xzT0uxMMU4sEUw7eVvKX_5whlSPkhBKes3dbXb_cQ" />
    <input value="18168" 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/cauliflower-and-almond-pesto-organic-180-g-18167">
          <img alt="Cauliflower and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9128/file/small-d283b4fe71fbef583c2acd93bdea692a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9128/file/medium-fdd1b99edf26b8c72dcb1f43a4d40d29.webp 900w, https://assets.fabulous.ch/public/variant_asset/9128/file/large-99041bf59bab42e0bf9087e9847cd426.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9128/file/medium-fdd1b99edf26b8c72dcb1f43a4d40d29.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">Giancarlo Ceci</p>
          <a href="/en/products/cauliflower-and-almond-pesto-organic-180-g-18167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cauliflower and Almond Pesto Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X-vRpsv7wlLqxHC6XaDfxP3s9XIA0m9VBeXFrSKJMAnLpgG1W8aCg3aD8JZaSKbe2iW6GQVO9PygcmioeP6LMQ" />
    <input value="18167" 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/fennel-and-almond-pesto-organic-180-g-18169">
          <img alt="Fennel and Almond Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9130/file/small-717039487ae6ba0262d5f1e3e8373b0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9130/file/medium-03641832244d8a3b116698654d7ae134.webp 900w, https://assets.fabulous.ch/public/variant_asset/9130/file/large-6221e4dd3395c901efe0ac2fcfd24cd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9130/file/medium-03641832244d8a3b116698654d7ae134.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">Giancarlo Ceci</p>
          <a href="/en/products/fennel-and-almond-pesto-organic-180-g-18169">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fennel and Almond Pesto Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

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

</template></turbo-stream>