<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/cinnamon-sticks-ceylon-organic-18-g-6446">
          <img alt="Cinnamon Sticks Ceylon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3696/file/small-43627a6e6c703e739669b8511f7aa060.webp 600w, https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3696/file/large-e9e512773dd1176c97b1c68a0363d5e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3696/file/medium-911792a4524490a66b629f4b57c5608a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/cinnamon-sticks-ceylon-organic-18-g-6446">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cinnamon Sticks Ceylon Organic, 18 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 22.78 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vqdB2kR-xz4mYT9ynT2SZ6TmNKM40Dy711LdoZSMQKvDIwVkPNTc81MUGY-3ZOX_-2_vkmlubgy4G2buQjUJXQ" />
    <input value="6446" 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/cloves-whole-organic-35-g-6447">
          <img alt="Cloves Whole Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3697/file/small-0bfdc56bbc0771c442b9a60ddf0176ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.webp 900w, https://assets.fabulous.ch/public/variant_asset/3697/file/large-eabdfb5c9707de5f95a6e07226806587.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3697/file/medium-bb465ffce48aaa903ab3d08920ffd228.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/cloves-whole-organic-35-g-6447">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cloves Whole Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DrjT1CCjpk9It3eLkPDeFlbWnRcnmmC2wiRCIumjtZFzPJdqWAm9gj3CUXa6qamOCV9GJnYkMgGtbfltPxr8Zw" />
    <input value="6447" 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/coriander-whole-organic-35-g-6448">
          <img alt="Coriander Whole Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3698/file/small-c6676cf3d547594d04d3cdc6fbed3c6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.webp 900w, https://assets.fabulous.ch/public/variant_asset/3698/file/large-f4ff418d39b9290640db313a95ac88b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3698/file/medium-fca49b2c68a4bb6f4cccb1607df82809.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/coriander-whole-organic-35-g-6448">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coriander Whole Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p4-faza5iwuj_Dv90k0DT0SiWxEN49IrjYim5i41rjXaC9vVThOQxtaJHQD4FHTXGyuAIFxdgJziwR2p-Iznww" />
    <input value="6448" 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/cuming-whole-organic-40-g-6449">
          <img alt="Cuming Whole Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3699/file/small-fc37c3fd242ed410c268a37b1a784d06.webp 600w, https://assets.fabulous.ch/public/variant_asset/3699/file/medium-ece5164edc20bddb1af9592d36970741.webp 900w, https://assets.fabulous.ch/public/variant_asset/3699/file/large-335592c8737523f36bb933f60d7a05ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3699/file/medium-ece5164edc20bddb1af9592d36970741.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/cuming-whole-organic-40-g-6449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuming Whole Organic, 40 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 12.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5MUtx7Qh7p89nDlfFFJaUuhYXhznYqXFq_5ygxIoTHSZQWl5zIv1UkjpH6I-Cy3Kt9GFLbbc93LEt8nMxJEFgg" />
    <input value="6449" 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/cardamom-whole-organic-40-g-6450">
          <img alt="Cardamom Whole Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3700/file/small-124e785964e9f420546dda35873ff712.webp 600w, https://assets.fabulous.ch/public/variant_asset/3700/file/medium-4cc0495019b69551229fcde38bdeb3ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/3700/file/large-9e73e32db9655e324aa46251a4057107.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3700/file/medium-4cc0495019b69551229fcde38bdeb3ec.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/cardamom-whole-organic-40-g-6450">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cardamom Whole Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FK9KKZEpAZ49kbVsml9z4T9CFyha0BMs9kVQ0Hux6X5pKw6X6YMaU0jkk5GwBgR5YMvMGQtuQZuZDOufrQigiA" />
    <input value="6450" 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/bar-lini-s-bites-almond-cookie-dough-organic-40-g-6489">
          <img alt="Bar Lini&#39;s Bites Almond Cookie Dough Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3717/file/small-6a114271eac5565e5092d39c140c2682.webp 600w, https://assets.fabulous.ch/public/variant_asset/3717/file/medium-bad3b502596d818eacb1d8ab28467ed2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3717/file/large-dcc453ebca04166d5fbfed93808dbb25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3717/file/medium-bad3b502596d818eacb1d8ab28467ed2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/en/products/bar-lini-s-bites-almond-cookie-dough-organic-40-g-6489">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Lini&#39;s Bites Almond Cookie Dough Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJ-e03WEnhhtqz44zdMhCkY2xdgoEXF58wQdMLqpklrZG9ptDS6F1RjeGMXnilaSGb8e6XmvI86cTaZ_bBDbrA" />
    <input value="6489" 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/bar-lini-s-bites-salted-peanut-caramel-organic-40-g-6490">
          <img alt="Bar Lini&#39;s Bites Salted Peanut Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3718/file/small-c142d34ef4b3cb1f10ad771282dcfd9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3718/file/medium-28cb6eb01ee7f2eb6e6155d99af91af4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3718/file/large-bb860effe580a38e61aab74e123508e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3718/file/medium-28cb6eb01ee7f2eb6e6155d99af91af4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/en/products/bar-lini-s-bites-salted-peanut-caramel-organic-40-g-6490">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Lini&#39;s Bites Salted Peanut Caramel Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_wW4sf8WT5ZH9hWtsqkLd67HMvtc7AHwwUtC9Q_vYJOCgfwPh7xUWzKDM1CY8Hzv8U7pyg1SU0euAvm62VYpZQ" />
    <input value="6490" 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/bar-lini-s-bites-cashew-choc-organic-40-g-6492">
          <img alt="Bar Lini&#39;s Bites Cashew Choc Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3720/file/small-ba48a5c85063a6de82c153ba07636063.webp 600w, https://assets.fabulous.ch/public/variant_asset/3720/file/medium-0df8cf0519f19f84e0e95e178b6d4c0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3720/file/large-904650ea70bb9c5fe8069e2d6b434198.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3720/file/medium-0df8cf0519f19f84e0e95e178b6d4c0b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/en/products/bar-lini-s-bites-cashew-choc-organic-40-g-6492">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Lini&#39;s Bites Cashew Choc Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NTTlKI80Krp7xP_9EipDvHgfjEaI9i-REaUx0TiYJWJIsKGW954xdw6x2QA4czQkJ5ZXd9lIfSZ-7Iqe7iFslA" />
    <input value="6492" 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/vegetables-stock-cubes-no-added-sugar-organic-126-g-6500">
          <img alt="Vegetables Stock Cubes No added sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3722/file/small-47348feeab0fbbe79d274734a7fca806.webp 600w, https://assets.fabulous.ch/public/variant_asset/3722/file/medium-defc8d8f2d5500f96d04ae979fa5d790.webp 900w, https://assets.fabulous.ch/public/variant_asset/3722/file/large-5feead3edd8377c9314e645ca42533fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3722/file/medium-defc8d8f2d5500f96d04ae979fa5d790.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">Natur Compagnie</p>
          <a href="/en/products/vegetables-stock-cubes-no-added-sugar-organic-126-g-6500">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetables Stock Cubes No added sugar Organic, 126 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-mQzaNExWbN4TBYkwxR5qURD5qiPkyaOiaW9Rx1gVJSH4HfWqZtCfg05MNnpTQ4xG8o9md4tdDnm7AYIy9kdYg" />
    <input value="6500" 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/all-purpose-cleanser-sensitiv-500-ml-6510">
          <img alt="All-Purpose Cleanser Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3729/file/small-f70d72fb97a0fdf8e784ed5ee00c6b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.webp 900w, https://assets.fabulous.ch/public/variant_asset/3729/file/large-557a1d173da8639efba9a418d4ed2c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.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">Sonett</p>
          <a href="/en/products/all-purpose-cleanser-sensitiv-500-ml-6510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">All-Purpose Cleanser Sensitiv, 500 ml</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 0.94 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hcy4XsOoHKPHlR7wJs0b8WGmMf3Ar909vhQFg3ca22b4SPzguwIHbrLgOA0MlGxpPi_qzJERj4rRXb7MoaOSkA" />
    <input value="6510" 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/lupine-sauce-alternative-to-soy-sauce-gluten-free-organic-100-ml-6519">
          <img alt="Lupine Sauce Alternative to Soy Sauce 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/3736/file/small-6fc1c65fd1439287d56f5ca7bb83a659.webp 600w, https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3736/file/large-c2e9509264d7a414cacded271a4a9e8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.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">Alberts</p>
          <a href="/en/products/lupine-sauce-alternative-to-soy-sauce-gluten-free-organic-100-ml-6519">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupine Sauce Alternative to Soy Sauce Gluten Free Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OhgjaqpgK9hyhG2IXn9wwH8Kr7A9QM_DjGxuLr54AjRHnGfU0sowFQfxS3V0JgdYIIN0gWz-nXTjJdVhaMFLwg" />
    <input value="6519" 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/sun-jar-sonnenglas-solar-led-lantern-fairtrade-1-pcs-1-piece-6541">
          <img alt="Sun Jar Sonnenglas Solar-LED-Lantern Fairtrade, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3754/file/small-647f5229437549d370e487faea87c706.webp 600w, https://assets.fabulous.ch/public/variant_asset/3754/file/medium-212b68e2d9295786506f20674c85092b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3754/file/large-f5804afdcb15cda66b458676ba3116cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3754/file/medium-212b68e2d9295786506f20674c85092b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">memo</p>
          <a href="/en/products/sun-jar-sonnenglas-solar-led-lantern-fairtrade-1-pcs-1-piece-6541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sun Jar Sonnenglas Solar-LED-Lantern Fairtrade, 1 pcs, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s7qPcC9D7QOleQCUcDXvO_cC4LKSo0wc5w-EftKO_4HOPsvOV-n2ztAMJmlabJijqIs7g8MdHquIRj8xBDe2dw" />
    <input value="6541" 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/jackfruit-cubes-unseasoned-organic-200-g-6543">
          <img alt="Jackfruit Cubes Unseasoned Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3756/file/small-75785db199e4970f022b17bab503f56d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3756/file/large-27484242fc936d7c63c1e1504ae42afc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3756/file/medium-2e3d4449527d3a19999754b95f6176db.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">Govinda</p>
          <a href="/en/products/jackfruit-cubes-unseasoned-organic-200-g-6543">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfruit Cubes Unseasoned Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RB9Uv4UpgTHJ13SMIhr7iT0QFygs3E1deknwB6r2T6w5mxAB_YOa_LyiUnEIQ4wRYpnMGX1iH-oVAEtIfE8GWg" />
    <input value="6543" 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/jackfruit-strips-unseasoned-organic-200-g-6549">
          <img alt="Jackfruit Strips unseasoned Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3758/file/small-a29836d196205d96422c0c710e2445a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.webp 900w, https://assets.fabulous.ch/public/variant_asset/3758/file/large-f03633ac363051fb5d94ec96ee8712da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3758/file/medium-398b366074067647359a42b49a973407.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">Govinda</p>
          <a href="/en/products/jackfruit-strips-unseasoned-organic-200-g-6549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jackfruit Strips unseasoned Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qY1_gOiny4vwn2B_JRIRTJfBeoORG_42-QAErtxKY6LUCTs-kA3QRoXqRoIPS2bUyEihssClrIGWSb_hCvMqVA" />
    <input value="6549" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/marzipan-carrot-decoration-for-cakes-pies-vegan-organic-25-g-6569">
          <img alt="Marzipan Carrot Decoration for Cakes &amp; Pies Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3768/file/small-56e759551759ec4a6c2cc8a02deb355a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3768/file/medium-cdee1e51e86b07d7166e936f54e6f2db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3768/file/large-38f17bc489fd8b0205e80199f2941e50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3768/file/medium-cdee1e51e86b07d7166e936f54e6f2db.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">Funsch</p>
          <a href="/en/products/marzipan-carrot-decoration-for-cakes-pies-vegan-organic-25-g-6569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marzipan Carrot Decoration for Cakes &amp; Pies Vegan Organic, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OzS8aAHcUGFU3BbIuRn9sTxo1rY5D5ZABG1img3S2uxGsPjWeXZLrCGpMDWTQIopY-ENh2ixxPdrJNnV22uTGg" />
    <input value="6569" 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/pasta-funny-vegan-pasta-for-children-demeter-250-g-6571">
          <img alt="Pasta Funny Vegan Pasta for Children Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3770/file/small-1bd7d52795aad6413d73cef705a4b42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3770/file/large-ae4fe75440c01bd4a1aad496e3afb57b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.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/pasta-funny-vegan-pasta-for-children-demeter-250-g-6571">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Funny Vegan Pasta for Children Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r75RaQBgDJi6CgHy3dAX9x38h5Y6s0rarh28uCLQuhvSOhXXeMoXVc9_Jw_3iWBvQnVcp2sNGG3BVAf39Gnz7Q" />
    <input value="6571" 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/vegetables-stock-cubes-organic-yeast-free-gluten-free-12-g-6586">
          <img alt="Vegetables Stock Cubes Organic Yeast Free &amp; Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3772/file/small-dae14a23c93fede2f7887a649e245729.webp 600w, https://assets.fabulous.ch/public/variant_asset/3772/file/medium-301467c76694f7dffc2d5a7c7ed3b3ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/3772/file/large-0b735de019f834b8056184f540f3b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3772/file/medium-301467c76694f7dffc2d5a7c7ed3b3ca.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/vegetables-stock-cubes-organic-yeast-free-gluten-free-12-g-6586">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetables Stock Cubes Organic Yeast Free &amp; Gluten Free, 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="56kh8p9D59Vx4heSH-FPho56X2jGzyV67s71JFJ7-OmaLWVM5-n8GASXMW81uDge0fOEWZdxd82Bh05rhMKxHw" />
    <input value="6586" 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/cheese-starter-culture-penicillium-roqueforti-type-gorgonzola-vegan-1-piece-6588">
          <img alt="Cheese Starter Culture Penicillium Roqueforti, Type GORGONZOLA Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3774/file/small-d817bdb00dfbf338a6f7082bc20e46d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3774/file/medium-302738f6ab50d9af3362e2e5c719c79d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3774/file/large-e1a80f4010e7229318b0ce3161faf5f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3774/file/medium-302738f6ab50d9af3362e2e5c719c79d.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-penicillium-roqueforti-type-gorgonzola-vegan-1-piece-6588">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cheese Starter Culture Penicillium Roqueforti, Type GORGONZOLA Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LWANO2BeyUwvRV_J7B3RV711fp97TaI9olUvDhV1XQxQ5EmFGPTSgVoweTTGRKbP4vylrirz8IrNHJRBw8wU-g" />
    <input value="6588" 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/cheese-starter-culture-penicillium-roqueforti-type-roquefort-vegan-1-piece-6589">
          <img alt="Cheese Starter Culture Penicillium Roqueforti, Type ROQUEFORT Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3775/file/small-f98e117ee2e5205aa8549e0269b439a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3775/file/medium-ada170b2961db6a4e15a1e0f1ba78bbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3775/file/large-b581dae2b2605679163e3e81ecb93a95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3775/file/medium-ada170b2961db6a4e15a1e0f1ba78bbb.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-penicillium-roqueforti-type-roquefort-vegan-1-piece-6589">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cheese Starter Culture Penicillium Roqueforti, Type ROQUEFORT Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6589-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/cheese-starter-culture-penicillium-candidum-type-camembert-vegan-1-piece-6591">
          <img alt="Cheese Starter Culture Penicillium Candidum, Type CAMEMBERT Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3777/file/small-92847e630c9c8c900e4bfb3aabe815c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3777/file/medium-bb1323ec8ddb46bcc0db0ed0c4383068.webp 900w, https://assets.fabulous.ch/public/variant_asset/3777/file/large-5992546b7417006a0f87b6a5d03929b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3777/file/medium-bb1323ec8ddb46bcc0db0ed0c4383068.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">Produced for fabulous!</p>
          <a href="/en/products/cheese-starter-culture-penicillium-candidum-type-camembert-vegan-1-piece-6591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cheese Starter Culture Penicillium Candidum, Type CAMEMBERT Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ocAJJLGqijydaTYTVFVKVOV4vdul-GgzMkL-T8NjkozcRE2ayQCR8egcEO5-DD3MuvFm6vRGOoRdC0UAFdrbeg" />
    <input value="6591" 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;080 of 3&#39;188 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/guerande?format=turbo_stream&amp;page=55">Show more</a>
  </div>
</div>

</template></turbo-stream>