<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/vegan-marshmallows-vanilla-105-g-10876">
          <img alt="Vegan Marshmallows Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5634/file/small-36d4e50b816a7a135057ab6c21e5d0a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5634/file/medium-335a2c2b9c5127e4bd454116a090a1d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5634/file/large-aec6c7f088157dac4f9fa73a3f232060.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5634/file/medium-335a2c2b9c5127e4bd454116a090a1d2.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">Freedom Mallows</p>
          <a href="/en/products/vegan-marshmallows-vanilla-105-g-10876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Marshmallows Vanilla, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-marshmallows-strawberry-105-g-10877">
          <img alt="Vegan Marshmallows Strawberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5635/file/small-ad94c127d74abd7a85c6fc1dee3b3f12.webp 600w, https://assets.fabulous.ch/public/variant_asset/5635/file/medium-d2f3d2f35d17b37120d133b6fe932736.webp 900w, https://assets.fabulous.ch/public/variant_asset/5635/file/large-cecc4655f50295019d69ce4f0bd1faa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5635/file/medium-d2f3d2f35d17b37120d133b6fe932736.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">Freedom Mallows</p>
          <a href="/en/products/vegan-marshmallows-strawberry-105-g-10877">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Marshmallows Strawberry, 105 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ru1yPOKqhprKGOVJyyO1WNiSkL7bQsX40iib-fUBf1ZsbCG9e-dLuSGn25xlQ7OKEmHk8-x0ZcRyOnc87EAfcQ" />
    <input value="10877" 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/completeorganics-kimchi-mild-organic-230-g-10931">
          <img alt="completeorganics KIMCHI MILD Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5638/file/small-029eb0775c13a83fbb10c854bd3828c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5638/file/medium-e0fabbb31e8e4e877ff43621dfb056ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/5638/file/large-10d7365bc87a5ebda35c503012348ff8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5638/file/medium-e0fabbb31e8e4e877ff43621dfb056ba.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-kimchi-mild-organic-230-g-10931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics KIMCHI MILD Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SxX0PxfaDdm617CqjEbWq-z-mpxqfGbZGp9Dw4rFLNWJlKe-jpfA-lFojn8iJtB5Jg3u0V1KxuW6ja8Gk4RM8g" />
    <input value="10931" 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-cauliflower-organic-220-g-10933">
          <img alt="completeorganics CAULIFLOWER Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5645/file/small-b4661b5d66f386f591e958b18ce19dd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/5645/file/large-84f21f439c7926bbf6ae2302b8c59984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5645/file/medium-a316b26a0f672070aabff50e7dc06e43.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-cauliflower-organic-220-g-10933">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics CAULIFLOWER Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cL7pcdXkxt88c3ynIyEp4sxwv7TWjSrWS8h806HQwM6yP7rwTKkL_NfMQnKNQS8wBoPL-eG7iurr2pAWuJGg6Q" />
    <input value="10933" 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/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="txtY0Ic8IWSyDPx2onJ3jLXOdCP3tammK2ELep2B93F1mgtRHnHsR1mzwqMMEnFefz0AbsCDCZqLc-e_hMCXVg" />
    <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  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-smoky-jalapeno-kraut-organic-210-g-10936">
          <img alt="completeorganics SMOKY JALAPENO KRAUT Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5651/file/small-35ef485a20d2a25058424846ab7eb1f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5651/file/medium-06d08a8131e21ccd9195650b701f13dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5651/file/large-e97eefc66c278d87b2d3960e63bffe7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5651/file/medium-06d08a8131e21ccd9195650b701f13dd.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-smoky-jalapeno-kraut-organic-210-g-10936">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics SMOKY JALAPENO KRAUT Organic, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spread-dip-sweet-potato-rosemary-organic-135-g-10939">
          <img alt="Spread / Dip Sweet Potato Rosemary Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5655/file/small-534f96859fcf6c4ab376429612852063.webp 600w, https://assets.fabulous.ch/public/variant_asset/5655/file/medium-a7ecea8dfa933a607012b7d225069c9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5655/file/large-c50bb012880ed3ad3a9eaea41aacc6ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5655/file/medium-a7ecea8dfa933a607012b7d225069c9a.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">Nabio</p>
          <a href="/en/products/spread-dip-sweet-potato-rosemary-organic-135-g-10939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread / Dip Sweet Potato Rosemary Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dlfx5LWTnABE-aGHUEnTJ_yMWfG-FfJZrT1OZwYxy7u01qJlLN5RI69Gn1L-KdX1Nn8tvIkjUmUNL6KiH3CrnA" />
    <input value="10939" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spread-dip-grilled-peppers-cashew-organic-135-g-10940">
          <img alt="Spread / Dip Grilled peppers cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5657/file/small-a631a504eb3de33c5f4390508f9105a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.webp 900w, https://assets.fabulous.ch/public/variant_asset/5657/file/large-00d270e09017f4911fe0adc9f2597677.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5657/file/medium-ac2f1b7ce6b07ff5372e551ea42f4104.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">Nabio</p>
          <a href="/en/products/spread-dip-grilled-peppers-cashew-organic-135-g-10940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread / Dip Grilled peppers cashew Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spread-dip-bruschetta-dried-tomato-organic-135-g-10942">
          <img alt="Spread / Dip Bruschetta Dried Tomato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5659/file/small-e39595e6cb89428af39b9a475f146633.webp 600w, https://assets.fabulous.ch/public/variant_asset/5659/file/medium-0b3f18ed2b5201b31135532e2487f615.webp 900w, https://assets.fabulous.ch/public/variant_asset/5659/file/large-812d79dfcd512f90e3f400d6b2bc528c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5659/file/medium-0b3f18ed2b5201b31135532e2487f615.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">Nabio</p>
          <a href="/en/products/spread-dip-bruschetta-dried-tomato-organic-135-g-10942">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread / Dip Bruschetta Dried Tomato Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IWLjGRifgm4kBLrUtNLRq0eoI37fQIofUxWlFsDBaZLj47CYgdJPTc-7hAEastd5jVtXM-h2KiPzB0nT2YAJtQ" />
    <input value="10942" 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/lifebar-protein-bar-protein-strawberry-raw-organic-40-g-11023">
          <img alt="Lifebar Protein Bar Protein Strawberry Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5666/file/small-89a133204b10f11b7fb361c2e081ba1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5666/file/large-d8df3bfdb204243dc41c39750fdb65b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/lifebar-protein-bar-protein-strawberry-raw-organic-40-g-11023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Protein Bar Protein Strawberry Raw Organic, 40 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 6.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="deh6vpGK0tpPDV7MQ_ICRr3Nq0K0d_ulfKhsq6pmGzS3aSk_CMcf-aSyYBntkgSUdz7fD4NBW5ncuoBusyd7Ew" />
    <input value="11023" 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/muesli-granola-nature-gluten-free-organic-350-g-11024">
          <img alt="Muesli Granola Nature Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5667/file/small-ae6b062a1e1c8cec79d0019298692492.webp 600w, https://assets.fabulous.ch/public/variant_asset/5667/file/medium-5b67d9d900f13072a003e22e64b645d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5667/file/large-e62f0bbc865d2bd5e2fd217f0147a7a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5667/file/medium-5b67d9d900f13072a003e22e64b645d4.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">manifaktur</p>
          <a href="/en/products/muesli-granola-nature-gluten-free-organic-350-g-11024">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Granola Nature Gluten Free Organic, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S3cwkzeBYlNjtzBXmw9JoMVLk8sW4psn605MS-1PLx2J9mMSrsyvcIgIDoI1b09yD7jnhiHUOxtLXKCO9A5POg" />
    <input value="11024" 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/protein-bar-lifebar-nuts-vanilla-organic-40-g-11025">
          <img alt="Protein Bar Lifebar Nuts &amp; Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5668/file/small-63e02c7d9140fecbc9d370a82a8e0ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5668/file/medium-54b48b969147b9db0690648714f5b66f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5668/file/large-c138490c1caa75d62747cc36d7e53c26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5668/file/medium-54b48b969147b9db0690648714f5b66f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/protein-bar-lifebar-nuts-vanilla-organic-40-g-11025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Bar Lifebar Nuts &amp; Vanilla Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MrF8CFxdEc5mOTKXt6rhqpTWgpqHJeP1riu3B47mIfTwMC-JxRDc7Y2GDEIZyud4XiX217ATQ8kOOVvCl6dB0w" />
    <input value="11025" 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/violife-greek-white-150-g-11082">
          <img alt="Violife Greek White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5671/file/small-d681a73a2bfccf40582772905100132a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.webp 900w, https://assets.fabulous.ch/public/variant_asset/5671/file/large-298b8dc59146a9e1b5c613302b54362a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5671/file/medium-bb5e8dc8023121656c2360267e877082.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">Violife</p>
          <a href="/en/products/violife-greek-white-150-g-11082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Violife Greek White, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dxSVwSEgL8lNSP9bgqsSAy5O-3Kf2Gszs_ju97JBnAW1lcZAuG3i6qb3wY4syxTR5L2PP6juyw8T6gIyqwD8Ig" />
    <input value="11082" 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/veg-1-vitamin-supplement-liquid-baby-toddler-150-ml-11099">
          <img alt="VEG 1 Vitamin Supplement Liquid Baby &amp; Toddler" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5674/file/small-27b96be4cc2d913e7446dd146a5a2ff3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.webp 900w, https://assets.fabulous.ch/public/variant_asset/5674/file/large-c7f88eb0b80db7c7ea2c9d9619f89dcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5674/file/medium-cf7a00f7f87bab7b1731f5d911f6f320.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 Society</p>
          <a href="/en/products/veg-1-vitamin-supplement-liquid-baby-toddler-150-ml-11099">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VEG 1 Vitamin Supplement Liquid Baby &amp; Toddler, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11099-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/potato-chips-grilled-pepper-organic-115-g-11119">
          <img alt="Potato Chips Grilled Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5692/file/small-d05871df1af99dee4fe5309b90c4fb1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5692/file/medium-233dcb27bf70803104028a8db17a90fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/5692/file/large-ea642681601a4b8a1c27f69df51270fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5692/file/medium-233dcb27bf70803104028a8db17a90fe.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-grilled-pepper-organic-115-g-11119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Grilled Pepper Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWkmcL-iUrks4gpXhCXtV_PFRDaIQfG_ICTXRC6OXuVr6HXxJu-fmsddNIIqReuFOTYwe793UYOANjuBN88-wg" />
    <input value="11119" 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/potato-chips-alpine-herb-organic-115-g-11120">
          <img alt="Potato Chips Alpine Herb Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5693/file/small-e9fb4403e60656c96fe18a299b196f47.webp 600w, https://assets.fabulous.ch/public/variant_asset/5693/file/medium-74babd1094d53718fff34837db6663fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5693/file/large-2d9ddc3c24e3690ff5f57bd40fbe1b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5693/file/medium-74babd1094d53718fff34837db6663fb.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-alpine-herb-organic-115-g-11120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Alpine Herb Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qmJy0oiscGJzPU25nkEpHuSzVmu0be3PvrsitL99QUNo4yFTEeG9QZiCc2wwIS_MLkAiJoNbTfMeqc5xpjwhZA" />
    <input value="11120" 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/potato-chips-sea-salt-organic-115-g-11125">
          <img alt="Potato Chips Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5694/file/small-eca653b50945a6e44fc64392a019113b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5694/file/medium-b2bd2019dfe8e5214a45fcbbdcd6bdad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5694/file/large-ebed3da12ee05c259a28e118b31dc086.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5694/file/medium-b2bd2019dfe8e5214a45fcbbdcd6bdad.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-sea-salt-organic-115-g-11125">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Sea Salt Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hBIRQVFMWXlJC0YnXiQ4FNAxy2kCOUTidI-_2yGzDGpGk0LAyAGUWqK0ePLwRD7GGsK_JDUP5N7UnVMeOPJsTQ" />
    <input value="11125" 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/potato-chips-salt-vinegar-organic-115-g-11127">
          <img alt="Potato Chips Salt &amp; Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5695/file/small-332b78b80a35e76ec12987e7380fbbf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5695/file/medium-324bb822533d3600ac4e8871e94511b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5695/file/large-40d794f6ac4f320c6121b08dfed57c02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5695/file/medium-324bb822533d3600ac4e8871e94511b4.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-salt-vinegar-organic-115-g-11127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Salt &amp; Vinegar Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9sLevwg4iWiCpBzNLbAd5cfj25wxk82U3-6LH9DeM2k0Q40-kXVES2kbIhiD0Bs3DRCv0Qalbah__GfayZ9TTg" />
    <input value="11127" 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/tortilla-chips-sea-salt-organic-150-g-11128">
          <img alt="Tortilla Chips Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5696/file/small-3e4f90c76a0e9a4c6376ec5f898e81cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5696/file/large-bb96f46a266cd52e6e28f2f2ba9eb7fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5696/file/medium-4a2f50ab02a7dd8dcc384c1c83b723f5.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">MiAdelita</p>
          <a href="/en/products/tortilla-chips-sea-salt-organic-150-g-11128">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Chips Sea Salt Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kbcwCdOZGw2BrsfFY57NxzuSgSyTMagfrqmq-nE0AqxTNmOIStTWLmoR-RDN_ssV8WH1YaQHCCMOu0Y_aHViiw" />
    <input value="11128" 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/bett-r-hazelnut-butter-cups-organic-39-g-11130">
          <img alt="Bett&#39;r Hazelnut Butter Cups Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5698/file/small-d94aef878eacfb835f6e18caf48f9f6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5698/file/medium-1d1f3823b0c09ea8717642d65f204fa4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5698/file/large-fcd796cf07362fe3b7c2a2c105a7471a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5698/file/medium-1d1f3823b0c09ea8717642d65f204fa4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/en/products/bett-r-hazelnut-butter-cups-organic-39-g-11130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Hazelnut Butter Cups Organic, 39 g</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 8.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bTDPGFIZHECQUaPiUGR1h4fNB4kkgMRMdISwe33gtQ-vsZyZy1TRY3vunTf-BHNVTT5zxBO2ZHDUlly-ZKHVKA" />
    <input value="11130" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;760 of 3&#39;164 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/little-chef?format=turbo_stream&amp;page=89">Show more</a>
  </div>
</div>

</template></turbo-stream>