<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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/caprese-delicate-almond-based-ball-150-g-16903">
          <img alt="Caprese - Delicate Almond-Based Ball" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7879/file/small-9930d304d6ff581e47b8372712a15e5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7879/file/medium-192d418b1852ba9a126c5bb3edee3a46.webp 900w, https://assets.fabulous.ch/public/variant_asset/7879/file/large-861ee9941000fdde539c67196b43fa10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7879/file/medium-192d418b1852ba9a126c5bb3edee3a46.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">Simply V</p>
          <a href="/en/products/caprese-delicate-almond-based-ball-150-g-16903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Caprese - Delicate Almond-Based Ball, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </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 2.90 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soy-medaillons-big-140-g-16907">
          <img alt="Soy Medaillons BIG" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7880/file/small-876751afd843baee9f1693716df1e188.webp 600w, https://assets.fabulous.ch/public/variant_asset/7880/file/medium-eb49395916bb8539409d851da755f9bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7880/file/large-48c0167bc9486cce396ffe2bd25dedce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7880/file/medium-eb49395916bb8539409d851da755f9bc.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-medaillons-big-140-g-16907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Medaillons BIG, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HJY-N8NqUdmGn6XRaN3gPTNpTzZk7jy3XWPfBXEtnCzhBhjlAUlIZZVTStSWuW4NnEZY_LTEklL2ZypZVvX9Mg" />
    <input value="16907" 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/kookie-cat-pistachio-gluten-free-cookie-organic-50-g-16908">
          <img alt="KOOKIE CAT Pistachio Gluten-Free Cookie Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7881/file/small-1de7d21888972b37cfb52304a281518d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7881/file/medium-dc823efb076c3ad617d128271c6bcd93.webp 900w, https://assets.fabulous.ch/public/variant_asset/7881/file/large-145dceff2c61ed1e6f8af35c87a7455d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7881/file/medium-dc823efb076c3ad617d128271c6bcd93.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-pistachio-gluten-free-cookie-organic-50-g-16908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Pistachio Gluten-Free Cookie Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kt1rCnGhqpaEjn3YENXCk75Uc-ITOkbBhLVi3Ii5nc9vTU3Ys4KzKpdCkt3usUyjEXtkKMMQ6CQvsZeAr2H80Q" />
    <input value="16908" 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/egg-substitute-gluten-free-250-g-16910">
          <img alt="Egg Substitute gluten-free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7883/file/small-63ef0c23def2297565b0b61d2ad99153.webp 600w, https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.webp 900w, https://assets.fabulous.ch/public/variant_asset/7883/file/large-ed925d401c490c865fcd0156fd8a2d29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7883/file/medium-580bde1c218b2a537c01a5e896022815.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">Hammermühle Organic</p>
          <a href="/en/products/egg-substitute-gluten-free-250-g-16910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Egg Substitute gluten-free, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="atrDGKWk7fGnkymz3_6cCwsx9g7fU_YjysOBo-YTd3yXSuXKZ4f0TbRfxrYhmhI7pB7hxA95WMZhx3T_wcsWYg" />
    <input value="16910" 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/vanilla-almond-cookie-spread-organic-200-g-16911">
          <img alt="Vanilla Almond Cookie Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7884/file/small-11441f440e26a07f08011fc1d5870d75.webp 600w, https://assets.fabulous.ch/public/variant_asset/7884/file/medium-f5ae7ca15d363a957877e5a7d5b48eed.webp 900w, https://assets.fabulous.ch/public/variant_asset/7884/file/large-f9e4b48da1cf2dc3fe8194952da3b93b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7884/file/medium-f5ae7ca15d363a957877e5a7d5b48eed.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">Lini&#39;s Bites</p>
          <a href="/en/products/vanilla-almond-cookie-spread-organic-200-g-16911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanilla Almond Cookie Spread Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XmJwQjNhoJ3qGgXSrwlMeyOKSbfMmNzQ4FR2yzWeYDej8laQ8UK5IfnW6tdRbcJLjKVefRyycjVLUIOXEkYBKQ" />
    <input value="16911" 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/hazelnut-date-spread-organic-200-g-16912">
          <img alt="Hazelnut Date Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7885/file/small-ca21107127a0d9b34f9a37b67fe4522c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7885/file/medium-c580c98e533d63ab2a6221d9117dc861.webp 900w, https://assets.fabulous.ch/public/variant_asset/7885/file/large-aac9f23e56211eb979c43982363eb442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7885/file/medium-c580c98e533d63ab2a6221d9117dc861.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">Lini&#39;s Bites</p>
          <a href="/en/products/hazelnut-date-spread-organic-200-g-16912">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnut Date Spread Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kBxi-ceMBhtFNUPt5rNpOMHmxxBFPL_SxhH6IYd0LLFtjEQrBa8fp1b5rOgY1-cIbsnQ2pUWETdtFQ99oKxNrw" />
    <input value="16912" 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/seeded-high-protein-toast-bread-organic-400-g-16913">
          <img alt="Seeded High-Protein Toast Bread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7886/file/small-15eb371753ada63d319da019b00113ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7886/file/large-8f117c811566de7f327c7c1a4ca4c6be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7886/file/medium-ac0156e175e11641e907da09a68765fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Nur Puur</p>
          <a href="/en/products/seeded-high-protein-toast-bread-organic-400-g-16913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seeded High-Protein Toast Bread Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p2PGSCjrKeLtS6J2w-fBpN9he3O2UEjBSURtyOItE91a8-Ca6sgwXv6HTXM9g0-UcE5suWZ65iTiQJiUxfVyww" />
    <input value="16913" 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/benevo-chew-sticks-peanut-apple-cinnamon-pawtato-sticks-120-g-16920">
          <img alt="Benevo Chew Sticks Peanut, Apple &amp; Cinnamon Pawtato Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7893/file/small-f8e791d86dc651ba7c986aef587bd50e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7893/file/large-f52f6c29e7d49477cf2febf04b573e9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7893/file/medium-a19b28185c1234ba3642198cf2e6c6d4.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">Benevo</p>
          <a href="/en/products/benevo-chew-sticks-peanut-apple-cinnamon-pawtato-sticks-120-g-16920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Chew Sticks Peanut, Apple &amp; Cinnamon Pawtato Sticks, 120 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 3.29 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tph66Zwb1GYKDcuaj5wMNwCxZo1Agd6gCnRze8cVR2izCFw7XjjN2hnBJJ9x-IIHr55xR5CrcEWhcIYn4M0mdg" />
    <input value="16920" 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/loma-linda-tuno-thai-sweet-chili-vegan-alternative-to-tuna-142-g-16921">
          <img alt="Loma Linda Tuno &amp; Thai Sweet Chili Vegan Alternative to Tuna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7895/file/small-4e2f68efb282e2af160246b0e902bf2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7895/file/medium-cbc971eda27dfcbc5003dd2b22721f14.webp 900w, https://assets.fabulous.ch/public/variant_asset/7895/file/large-d2904a535c6a5e843d9feb979f2f30fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7895/file/medium-cbc971eda27dfcbc5003dd2b22721f14.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">Loma Linda</p>
          <a href="/en/products/loma-linda-tuno-thai-sweet-chili-vegan-alternative-to-tuna-142-g-16921">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno &amp; Thai Sweet Chili Vegan Alternative to Tuna, 142 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.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xD42b0UCdcSidO-0e-k2doSHjQXzrt1SkZ7m6eu3bV45rhC9hyFseLG4ALGFjbhGK6iazyOEc7c6mhO1zG8MQA" />
    <input value="16921" 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/gingerbread-oat-m-lk-chocolate-60-g-16923">
          <img alt="Gingerbread Oat M*lk Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7897/file/small-793144cf34009342994b8cae62f55df6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7897/file/medium-691645cab67bcca8403525fc2fbb7015.webp 900w, https://assets.fabulous.ch/public/variant_asset/7897/file/large-8f6a823cf7e17ea976948fca5928641e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7897/file/medium-691645cab67bcca8403525fc2fbb7015.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">OTHERLY</p>
          <a href="/en/products/gingerbread-oat-m-lk-chocolate-60-g-16923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingerbread Oat M*lk Chocolate, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wo4jL8L_ewYkZ-CBXj1GvQDz9VkwSzV-g8YBbxb0FFY_HgX9ANxiujerD4SgWciNr9zik-Bhm5sowvQzMSx1SA" />
    <input value="16923" 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/benevo-grain-free-feast-for-dogs-395-g-16948">
          <img alt="Benevo Grain-Free Feast for Dogs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7913/file/small-2efda9e1b00d83323ef4b6003d864418.webp 600w, https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.webp 900w, https://assets.fabulous.ch/public/variant_asset/7913/file/large-e02409d05e9e7835827976a85e5e51a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7913/file/medium-9c525aed40e805a7aae608ba8d4d8d59.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">Benevo</p>
          <a href="/en/products/benevo-grain-free-feast-for-dogs-395-g-16948">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Benevo Grain-Free Feast for Dogs, 395 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZEVSCU1XxA338Z3MhmLphUIbiD1OuG_a-tmfZSRyuFaZ1XTbj3TdseQ9csl4Bme17TSf956SwT9R3Wo5A6rZSA" />
    <input value="16948" 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/gingerbread-spice-bulk-buy-organic-300-g-16951">
          <img alt="Gingerbread Spice Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7911/file/small-cbe54d57c83d62122a8a6c73c3685e8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7911/file/medium-d2f4683968d0555b77365530a1b5a706.webp 900w, https://assets.fabulous.ch/public/variant_asset/7911/file/large-56c609ae92031bd22a6074d4b3ef1ac5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7911/file/medium-d2f4683968d0555b77365530a1b5a706.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/gingerbread-spice-bulk-buy-organic-300-g-16951">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingerbread Spice Bulk Buy Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZlckrUBBHMkfVAocOZTcZdISYWSLKCqnJzzoUz_xShYCXpAdyIdzzexvy2Ogt1BOGdeT0IGDk83mAb9ayekNg" />
    <input value="16951" 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/gingerbread-spice-organic-50-g-16952">
          <img alt="Gingerbread Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7918/file/small-aa72940eecb948bdee81ccf23f908640.webp 600w, https://assets.fabulous.ch/public/variant_asset/7918/file/medium-e2cde44fe6145f5555d30aeac7bceffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7918/file/large-326f75c5af37a86458625f34469ef2df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7918/file/medium-e2cde44fe6145f5555d30aeac7bceffb.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">Lebensbaum</p>
          <a href="/en/products/gingerbread-spice-organic-50-g-16952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gingerbread Spice Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DoOTooBnQATK-UWldfjzaRMKFkkBUnmNYFa5AdHlyePzE7VwQkRZuNk1qqCLnH1ZvCUBg9F412jLUkxd9j2o_Q" />
    <input value="16952" 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/happy-cheeze-the-blue-organic-125-g-16964">
          <img alt="Happy Cheeze - The Blue Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7919/file/small-1714cca873e81e4a57d331029807b4a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7919/file/medium-f29cda0a68e5673a435353d969c6fc57.webp 900w, https://assets.fabulous.ch/public/variant_asset/7919/file/large-1a2b5ba771a4fcc2c2e1b4fc653953bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7919/file/medium-f29cda0a68e5673a435353d969c6fc57.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Happy Cheeze GmbH</p>
          <a href="/en/products/happy-cheeze-the-blue-organic-125-g-16964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Cheeze - The Blue Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16964-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/mini-moments-mango-organic-100-g-16965">
          <img alt="Mini Moments Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7923/file/small-3432e469145d0a4bd2b895466a216300.webp 600w, https://assets.fabulous.ch/public/variant_asset/7923/file/medium-edd148accb0f66eb3f1fd112a91c8e93.webp 900w, https://assets.fabulous.ch/public/variant_asset/7923/file/large-b4e0d205439a0efb2af7562c8bc97db5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7923/file/medium-edd148accb0f66eb3f1fd112a91c8e93.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/mini-moments-mango-organic-100-g-16965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Mango Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </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 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HD00c0Ly330Ex3mMz8J9K-u1JLHs3jSosExgLS2iwzfhrRKhgNHGwRcLlokxpvMbRJozezz0mk0bSJVxCnqiKQ" />
    <input value="16965" 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/mini-moments-raspberry-organic-100-g-16966">
          <img alt="Mini Moments Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7925/file/small-8b9da7392700f09a3c4fdb58c7b1bf7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7925/file/large-062270fee15b8de2d4380db17594d822.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.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/mini-moments-raspberry-organic-100-g-16966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Raspberry Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </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 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KOlkDG4uGHtvCtnYYREbzMI4QQJeHuKTDbM_IgS0JoDVeULerA0Bx3zGNt2fdZX8bRdWyI40THamt8p-I2xHng" />
    <input value="16966" 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/mini-moments-apple-cinnamon-organic-100-g-16967">
          <img alt="Mini Moments Apple &amp; Cinnamon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7927/file/small-94cd8f42e694f781af6f5a08891d6b8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7927/file/medium-a80d16ab84b6a6d354b8107e05d85b31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7927/file/large-b6d9b826fb62b448fb11624cf7e60db3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7927/file/medium-a80d16ab84b6a6d354b8107e05d85b31.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/mini-moments-apple-cinnamon-organic-100-g-16967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Apple &amp; Cinnamon Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </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 2.60 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-slices-pepper-organic-140-g-16971">
          <img alt="Vegan Slices Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7933/file/small-bfef027bf708e5ad27ac2a9b2af3c04d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7933/file/medium-a56818643cab532844d610ae64cadcb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7933/file/large-0da24124500a4af975ff8afbfa2dcb99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7933/file/medium-a56818643cab532844d610ae64cadcb0.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">the vegan cow</p>
          <a href="/en/products/vegan-slices-pepper-organic-140-g-16971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Pepper Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/veglette-the-plant-based-raclette-cheese-alternative-200-g-16973">
          <img alt="Veglette - the Plant-Based Raclette Cheese Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7939/file/small-88294c68e48a73a249147128906c088f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7939/file/large-7ffb42288f04bbc6a61aa7d6c87b6ff0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7939/file/medium-1e0ba7e6833048edb242efa7632f1ac5.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">Vegü</p>
          <a href="/en/products/veglette-the-plant-based-raclette-cheese-alternative-200-g-16973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veglette - the Plant-Based Raclette Cheese Alternative, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/protein-slices-plant-based-cheddar-cheese-alternative-150-g-16974">
          <img alt="Protein Slices - Plant-Based Cheddar Cheese Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7940/file/small-e5064f98714d46ffcd9adb09e854f4dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7940/file/large-a2e3b1e33f1b11cc3f82945fa4138c13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7940/file/medium-0da01020341f5b7041252a64b7064bb4.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">Vegü</p>
          <a href="/en/products/protein-slices-plant-based-cheddar-cheese-alternative-150-g-16974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Slices - Plant-Based Cheddar Cheese Alternative, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 2.63 / 100 g
            </p>
        </div>
      </div>

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



</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">
      2&#39;940 of 3&#39;168 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/mitosana?format=turbo_stream&amp;page=148">Show more</a>
  </div>
</div>

</template></turbo-stream>