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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spirelli-spelt-wholemeal-organic-500-g-14917">
          <img alt="Spirelli Spelt Wholemeal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6835/file/small-dfb6351b0612f6cb228ea099baf2f21c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.webp 900w, https://assets.fabulous.ch/public/variant_asset/6835/file/large-97268e743eb584c1e5916d3ccef58864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6835/file/medium-a99f6fb3abab9249948e32095e630e43.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">Naturata</p>
          <a href="/en/products/spirelli-spelt-wholemeal-organic-500-g-14917">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spirelli Spelt Wholemeal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="htcHHUlmqrHkV3QGtLMVQyB9YyqbcsfD3vYiRlHUCrSwS26OiJXV_bKH9yrKeriwQFuI9m7S8FGEnkmwcS0vcg" />
    <input value="14917" 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/penne-spelt-wholemeal-organic-500-g-14918">
          <img alt="Penne Spelt Wholemeal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6837/file/small-ddbacf5645583bce8754fa134088dadb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6837/file/medium-3a3bc234095747f0b35291e0474d3274.webp 900w, https://assets.fabulous.ch/public/variant_asset/6837/file/large-65e23429a42342f7f5ec256d823f40f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6837/file/medium-3a3bc234095747f0b35291e0474d3274.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">Naturata</p>
          <a href="/en/products/penne-spelt-wholemeal-organic-500-g-14918">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Penne Spelt Wholemeal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="quv7vzLfonJnhjkMJO1vqdXwr-OfZOvL3bRCcnUwr5-cd5Is8yzdPjFWuiBaJMJatdZEP2rE3FmH3CmEVcmKWQ" />
    <input value="14918" 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/bouillon-vegetable-stock-with-organic-yeast-refill-bag-organic-500-g-14919">
          <img alt="Bouillon Vegetable stock with organic yeast refill bag Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6838/file/small-d2c67bae048de2285c348d3aa05b5e9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6838/file/large-2ccf73d1b1031f13a3bec7248468e633.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6838/file/medium-2c7ff1c656a2a75eba8b78d587ac265c.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">Naturata</p>
          <a href="/en/products/bouillon-vegetable-stock-with-organic-yeast-refill-bag-organic-500-g-14919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon Vegetable stock with organic yeast refill bag Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NGhdjK8CzrA8qqWgj8vs96x_mR00oAn-dkfIhkWwQ6UC9DQfbvGx_Gp6JozxAkEEzFlywcEAPmwsL6NwZUlmYw" />
    <input value="14919" 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/grill-sauce-sweet-and-sour-gluten-free-organic-210-ml-14922">
          <img alt="Grill Sauce Sweet and Sour 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/6842/file/small-fb04ef736cb7a10080928203ca524c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6842/file/large-c1f3d62f85274f93b32ec31e792e8442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.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">Naturata</p>
          <a href="/en/products/grill-sauce-sweet-and-sour-gluten-free-organic-210-ml-14922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill Sauce Sweet and Sour Gluten Free Organic, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8VF_YqwJulcwF7bqblqdLGPTXhxTMW_3Pz_XqvRmsMHHzRbxbfrFG2bHNcYQkzDfA_W1wKaRWGVlV7xc1J-VBw" />
    <input value="14922" 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/grill-sauce-sweet-and-sour-gluten-free-organic-210-ml-930b2a1a-77d9-4f83-9afc-e74c34ec8bdb-14923">
          <img alt="Grill Sauce Sweet and Sour 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/6843/file/small-720d1684b07ee277f042e92f283753ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6843/file/large-830aee4681ca56d000b271d7e88c203d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6843/file/medium-6edd84b5357f9c4eb135dd492cbc3cf0.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">Naturata</p>
          <a href="/en/products/grill-sauce-sweet-and-sour-gluten-free-organic-210-ml-930b2a1a-77d9-4f83-9afc-e74c34ec8bdb-14923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill Sauce Sweet and Sour Gluten Free Organic, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coffee-instant-spelt-coffee-decaffeinated-refill-bag-demeter-175-g-14929">
          <img alt="Spelt Coffee Instant Decaffeinated Refill Bag Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8852/file/small-a1e63f582d84406745680b0794a6447d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8852/file/medium-01e84cf5ff236ab8b014c333114d8f83.webp 900w, https://assets.fabulous.ch/public/variant_asset/8852/file/large-4be08a55a85b82d1d67775c7dfd02e0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8852/file/medium-01e84cf5ff236ab8b014c333114d8f83.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">Naturata</p>
          <a href="/en/products/coffee-instant-spelt-coffee-decaffeinated-refill-bag-demeter-175-g-14929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spelt Coffee Instant Decaffeinated Refill Bag Demeter, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coffee-instant-spelt-coffee-decaffeinated-can-demeter-75-g-14930">
          <img alt="Spelt Coffee Instant Decaffeinated Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8853/file/small-af7eef3870379c6e3ab08ce1aa3f65a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8853/file/medium-18f63dfc8aece61bfc35bba34f27f260.webp 900w, https://assets.fabulous.ch/public/variant_asset/8853/file/large-1a8ebb06200c9898304ab35bad01a145.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8853/file/medium-18f63dfc8aece61bfc35bba34f27f260.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">Naturata</p>
          <a href="/en/products/coffee-instant-spelt-coffee-decaffeinated-can-demeter-75-g-14930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spelt Coffee Instant Decaffeinated Demeter, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="357DAMPeebtDrXc3busE7cwRi0ZmZhxgUYoYt1kHsKvpAqqTAi0G9xV99BsQIqkerDdgmpPGK_IL4nNBef6VbQ" />
    <input value="14930" 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/cocoa-powder-fine-flavoured-cocoa-fairtrade-organic-125-g-14931">
          <img alt="Cocoa Powder Fine Flavoured Cocoa Fairtrade Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6850/file/small-267f1caeddac328a23d3662101a2d350.webp 600w, https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6850/file/large-92e58db84696774ba18e37b6aba5942d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6850/file/medium-639e3d601857a1241ef6e6405100c22c.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">Naturata</p>
          <a href="/en/products/cocoa-powder-fine-flavoured-cocoa-fairtrade-organic-125-g-14931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Powder Fine Flavoured Cocoa Fairtrade Organic, 125 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 6.32 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/unfished-planzalmon-alternative-to-salmon-spread-tube-100-g-14973">
          <img alt="Unfished PlanZalmon Alternative to Salmon Spread tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6870/file/small-ee660504b60b4b43b8138d2de0bbb6f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6870/file/medium-a20cb96ad14d1abaeab8a2907e041e0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6870/file/large-75d7c5712bc6a77523c95e3afeba7fe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6870/file/medium-a20cb96ad14d1abaeab8a2907e041e0c.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">Unfished / Verdino Green Foods</p>
          <a href="/en/products/unfished-planzalmon-alternative-to-salmon-spread-tube-100-g-14973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Unfished PlanZalmon Alternative to Salmon Spread tube, 100 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 4.70 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-14973-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/ginseng-eleuterococcus-vegicaps-organic-200-capsules-200-piece-14987">
          <img alt="Ginseng Eleuterococcus Vegicaps Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6876/file/small-8615036d15dce6ad771fcaa93ab520d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6876/file/medium-317fc5cf3ee790e61dfecb54627c307b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6876/file/large-c5fd28fe2a9df8f11d3dc4d374f58c6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6876/file/medium-317fc5cf3ee790e61dfecb54627c307b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/en/products/ginseng-eleuterococcus-vegicaps-organic-200-capsules-200-piece-14987">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ginseng Eleuterococcus Vegicaps Organic, 200 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/jumbo-marshmallows-camper-vanilla-200-g-14999">
          <img alt="Jumbo Marshmallows Camper Vanilla" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6879/file/small-bd39eb57edee550a2d30385d177941be.webp 600w, https://assets.fabulous.ch/public/variant_asset/6879/file/medium-af822cde8aac0d32f7aa7540d54a026f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6879/file/large-88c6094e6ed768897aabd8a37b60506c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6879/file/medium-af822cde8aac0d32f7aa7540d54a026f.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">Dandies Vegan Marshmallows</p>
          <a href="/en/products/jumbo-marshmallows-camper-vanilla-200-g-14999">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jumbo Marshmallows Camper Vanilla, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14999-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/plantain-chips-paprika-organic-80-g-15021">
          <img alt="Plantain Chips Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6887/file/small-767f40f69145cb91faeda3b71c9d63fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6887/file/medium-ed56872c5c73a941c574d795d63cce2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6887/file/large-a9c21a1117826e4051102b0d02f72599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6887/file/medium-ed56872c5c73a941c574d795d63cce2b.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">el origen</p>
          <a href="/en/products/plantain-chips-paprika-organic-80-g-15021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plantain Chips Paprika Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hVrMJbVhg4ytHlsq7OL3UGtK5nYn-7JSRG9wRIiRAZuzxqW2dJL8wPvO2AaSK1qjC2wNqtJbhcAeBxuyqGgkXQ" />
    <input value="15021" 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/manioc-chips-sour-cream-onion-organic-60-g-15022">
          <img alt="Manioc Chips Sour Cream &amp; Onion Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6890/file/small-490364215601deb7aca1fcd721fb2a25.webp 600w, https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6890/file/large-0d29a200f5811d754e27fe60abd8cd5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6890/file/medium-639ad7cf410944898d0ccfe1cb78ba05.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">el origen</p>
          <a href="/en/products/manioc-chips-sour-cream-onion-organic-60-g-15022">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Manioc Chips Sour Cream &amp; Onion Organic, 60 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 5.33 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-gunstig-marie-laforet-1-piece-15050">
          <img alt="Vegan &amp; günstig, Marie Laforêt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6891/file/small-e9207964c7db58148b1b9d35606e4236.webp 600w, https://assets.fabulous.ch/public/variant_asset/6891/file/medium-492c2f3930afb5d146124b0bcbb66bd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6891/file/large-091f36be2fd261f2843d87ac879478ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6891/file/medium-492c2f3930afb5d146124b0bcbb66bd7.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">Buchverlag</p>
          <a href="/en/products/vegan-gunstig-marie-laforet-1-piece-15050">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan &amp; günstig, Marie Laforêt, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kochbuch-no-milk-today-yvonne-holzl-singh-1-piece-15051">
          <img alt="Kochbuch No Milk today! Yvonne Hölzl-Singh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6892/file/small-b27751811028501f5a44ddd15bd9b165.webp 600w, https://assets.fabulous.ch/public/variant_asset/6892/file/medium-70984899acaf638a92d847dfd9f79ab9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6892/file/large-eaf9f04ece846f1b69b04462a2326d89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6892/file/medium-70984899acaf638a92d847dfd9f79ab9.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">Buchverlag</p>
          <a href="/en/products/kochbuch-no-milk-today-yvonne-holzl-singh-1-piece-15051">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch No Milk today! Yvonne Hölzl-Singh, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15051-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/kochbuch-vegan-foodporn-bianca-zapatka-1-piece-15052">
          <img alt="Kochbuch Vegan Foodporn Bianca Zapatka" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6893/file/small-3852910e83dd773d56de549bfe20b46b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6893/file/medium-ee9b984e94b83cb7cc7e7759ef1b56af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6893/file/large-d9c9e2299e5d43d7f9b58043a2808150.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6893/file/medium-ee9b984e94b83cb7cc7e7759ef1b56af.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">Buchverlag</p>
          <a href="/en/products/kochbuch-vegan-foodporn-bianca-zapatka-1-piece-15052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Vegan Foodporn Bianca Zapatka, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15052-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/kochbuch-japan-easy-vegan-tim-anderson-1-piece-15053">
          <img alt="Kochbuch JAPAN EASY VEGAN Tim Anderson" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6894/file/small-765e0d111145a7401ace75ed30626d42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6894/file/medium-054deba1e845c08d30386cf8979c1081.webp 900w, https://assets.fabulous.ch/public/variant_asset/6894/file/large-b8082ee9a2dc7f58ccc6efacb60841e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6894/file/medium-054deba1e845c08d30386cf8979c1081.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">Buchverlag</p>
          <a href="/en/products/kochbuch-japan-easy-vegan-tim-anderson-1-piece-15053">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch JAPAN EASY VEGAN Tim Anderson, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UfWw9XdHMSHiuERY5Y6MZQ_6beOybMe-j0ZQZ0LzTeJnadlmtrRObbRox3SbRyGWb9yGP0fM8CzVLjuRYgpoJA" />
    <input value="15053" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rubli-biscuits-with-carrot-and-spelt-organic-125-g-15056">
          <img alt="Rübli Biscuits with Carrot and Spelt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6898/file/small-538e035c35db926691e949ce46ae5d7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6898/file/medium-0a0d408a3d16ab4453ce8a46af8ba3c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6898/file/large-4334939c44466a29bd3b548195271ff7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6898/file/medium-0a0d408a3d16ab4453ce8a46af8ba3c7.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">Mogli Naturkost GmbH</p>
          <a href="/en/products/rubli-biscuits-with-carrot-and-spelt-organic-125-g-15056">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rübli Biscuits with Carrot and Spelt Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.05</span>
            </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-15056-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="827jMh2DOxGWZ9o3mFkaD293IpGdK52Fe00POlrX-9bF8oqh3HBEXcC3WRvmkLf8D1HJTWiLqhchJWTMei7eEA" />
    <input value="15056" 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/sproud-barista-drink-powered-by-peas-1-l-6200ce2a-1542-45e9-9703-2d70ce21d5a9-15057">
          <img alt="Sproud BARISTA Drink powered by peas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6899/file/small-0376f0097c7eb3fc0e440d929b4015eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6899/file/medium-773c1926d88b3f25a8292711e34d5d7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6899/file/large-35c3b55fda239a9dfea5b0f7cddb2ca3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6899/file/medium-773c1926d88b3f25a8292711e34d5d7d.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">SPROUD</p>
          <a href="/en/products/sproud-barista-drink-powered-by-peas-1-l-6200ce2a-1542-45e9-9703-2d70ce21d5a9-15057">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud BARISTA Drink powered by peas, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9FcpO0NRPpQrR2TFh7dWA71HUd7vrQhWh_pRMZcNRGHCy0CogqJB2H2X5-n5fvvw3WG6AhoNP8TdkjrHt_Rhpw" />
    <input value="15057" 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/oat-drink-barista-jiggers-20-ml-15058">
          <img alt="Oat Drink Barista Jiggers" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6902/file/small-8ee0aa76cbd92c23993eeade5fd78b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/6902/file/medium-b5586382e37b10644f82c2a2c3308319.webp 900w, https://assets.fabulous.ch/public/variant_asset/6902/file/large-ff02a5d06c86a910d78213edbe29f53f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6902/file/medium-b5586382e37b10644f82c2a2c3308319.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">Oatly</p>
          <a href="/en/products/oat-drink-barista-jiggers-20-ml-15058">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Barista Jiggers, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15058-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;560 of 3&#39;185 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/chanvre?format=turbo_stream&amp;page=129">Show more</a>
  </div>
</div>

</template></turbo-stream>