<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/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="NueqWOFGgfhBwc8ZBJUm6EXec4exsm1f2ueQGEj19TNON60nygTNnhghUUmcQtsJ2XL-aWo4LOzeXuADeG2dDw" />
    <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="4vRsQg6XGQ43hDSKWlinOwRPEZZbjhg-heTXPgtZyZ6aJGs9JdVVaG5kqtrCj1ramOOceIAEWY2BXaclO8Ghog" />
    <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="xsC2tWmOFAwsOcYqFuyhq6MXPieLKlHngRRO7Pi-YWi-ELHKQsxYanXZWHqOO1xKP7uzyVCgEFSFrT73yCYJVA" />
    <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>


  

  <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-beaugel-penicillium-vegan-1-piece-6592">
          <img alt="Cheese Starter Culture Beaugel Penicillium Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3778/file/small-cfc2298996619a473e284d33daa152f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3778/file/medium-b08dfbae7eb5266ecd14512844629dc9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3778/file/large-e99681227a139efb01e30da2fd5141dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3778/file/medium-b08dfbae7eb5266ecd14512844629dc9.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-beaugel-penicillium-vegan-1-piece-6592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cheese Starter Culture Beaugel Penicillium Vegan, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6592-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/duplex-paper-for-cheese-alternatives-20-pcs-20-piece-6595">
          <img alt="Duplex Paper for Cheese Alternatives, 20 pcs." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3783/file/small-043b433edb764ca106931e434ef124ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/3783/file/medium-07c4706f321c2ba26f0da507f8f39d82.webp 900w, https://assets.fabulous.ch/public/variant_asset/3783/file/large-b08bf421042b25995c64299563849372.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3783/file/medium-07c4706f321c2ba26f0da507f8f39d82.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/duplex-paper-for-cheese-alternatives-20-pcs-20-piece-6595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Duplex Paper for Cheese Alternatives, 20 pcs., 20 piece</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 0.23 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5qhjnnqpUS8IR7oR2jZlM9fpiOF_MguhpTD-h1IRdSWeeGThUesdSVGnJEFC4ZjSS0UFD6S4ShKhiY6cYokdGQ" />
    <input value="6595" 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/dry-food-benevo-complete-vegan-puppy-dog-food-2-kg-6620">
          <img alt="Dry Food Benevo Complete Vegan Puppy Dog Food" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3812/file/small-265fbac545b2828a33ea2f4522b21b06.webp 600w, https://assets.fabulous.ch/public/variant_asset/3812/file/medium-41f0e86467eee2388c1726a92f7ed855.webp 900w, https://assets.fabulous.ch/public/variant_asset/3812/file/large-04dda76e7b7563de8497d2d8f293c45d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3812/file/medium-41f0e86467eee2388c1726a92f7ed855.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Benevo</p>
          <a href="/en/products/dry-food-benevo-complete-vegan-puppy-dog-food-2-kg-6620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dry Food Benevo Complete Vegan Puppy Dog Food, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6620-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/tea-easter-tea-surprise-organic-27-g-6629">
          <img alt="Tea Easter Tea Surprise Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3818/file/small-d461d6aa9aaafed38baa4ad17b48a85a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3818/file/medium-ad56fe8cd265d824af27a29c7f6093bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3818/file/large-13a7bea7ffcca4ec8b5ec555132906cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3818/file/medium-ad56fe8cd265d824af27a29c7f6093bd.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/tea-easter-tea-surprise-organic-27-g-6629">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Easter Tea Surprise Organic, 27 g</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 21.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VB_cNIIwRuCfONWty2cinx39djAuuqroSIuIKrmWtcIsz9tLqXIKhsbYS_1TsN9-gVH73vUw61tMMvgxiQ7d_g" />
    <input value="6629" 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/kochbuch-kase-veganese-heike-kugler-anger-1-piece-6631">
          <img alt="Kochbuch Käse veganese | Heike Kügler-Anger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3821/file/small-f768eda15622037d2259abafe19a08f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3821/file/medium-8a731d46dfd16b0e7941c4e9408fb10e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3821/file/large-85c87dcdf6f934eb3f499a76d327cbe8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3821/file/medium-8a731d46dfd16b0e7941c4e9408fb10e.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-kase-veganese-heike-kugler-anger-1-piece-6631">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch Käse veganese | Heike Kügler-Anger, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QUSnlrr9r5S0470O47A3E2CSh2phQjy_6SnTwdFGrps5lKDpkb_j8u0DI157Z8ry_D4KhLrIfQztkKPa4d7Gpw" />
    <input value="6631" 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/kochbuch-kochtrotz-kreativ-geniessen-trotz-einschrankungen-intoleranzen-und-allergien-1-piece-6632">
          <img alt="Kochbuch KochTrotz - Kreativ geniessen trotz Einschränkungen, Intoleranzen und Allergien" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3822/file/small-36106d78212e63f4a0f9b7e306616c32.webp 600w, https://assets.fabulous.ch/public/variant_asset/3822/file/medium-d73bfbe742aaff3bc68c4260f5a9ec4c.webp 900w, https://assets.fabulous.ch/public/variant_asset/3822/file/large-78f3156643a1987d8b21509bea44c2b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3822/file/medium-d73bfbe742aaff3bc68c4260f5a9ec4c.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-kochtrotz-kreativ-geniessen-trotz-einschrankungen-intoleranzen-und-allergien-1-piece-6632">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch KochTrotz - Kreativ geniessen trotz Einschränkungen, Intoleranzen und Allergien, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g9eBd4mBfqIXbvL10poxUqnf3RIE2nkOS6ZIhGuZ6qj7B4YIosMyxE6ObKVKTcyzNXNQ_N9QOL1PHzifWwGClA" />
    <input value="6632" 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/kase-aus-nussen-julie-piatt-1-piece-6633">
          <img alt="Käse aus Nüssen! | Julie Piatt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3823/file/small-337be169fd899dfa3d99e38e1951c6fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/3823/file/large-e006addee91eba327ac7826524912172.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3823/file/medium-d16a68f585892cd5bd01c27b315229c7.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/kase-aus-nussen-julie-piatt-1-piece-6633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Käse aus Nüssen! | Julie Piatt, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1VJigfRcjbH5Q3qeJBFLvQNSZ_knbBd-NjwZ_cBn0sqtgmX-3x7B16Cj5M68xrZcn_7qF_zmVs0yhWnm8P-69g" />
    <input value="6633" 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/kochbuch-kase-vegan-marie-laforet-1-piece-6634">
          <img alt="Kochbuch &quot;Käse&quot; vegan | 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/3824/file/small-52bf5ad1bbc8be1745012e1a8d21787f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3824/file/medium-2b15e32b7844378a08f734fa170b4b73.webp 900w, https://assets.fabulous.ch/public/variant_asset/3824/file/large-2747992e06102071e1385c5dd4bd9821.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3824/file/medium-2b15e32b7844378a08f734fa170b4b73.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-kase-vegan-marie-laforet-1-piece-6634">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kochbuch &quot;Käse&quot; vegan | Marie Laforêt, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6634-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/fennel-seeds-whole-organic-35-g-6659">
          <img alt="Fennel Seeds Whole Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3855/file/small-356ee1d818adb3d8686aa43a712bca0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3855/file/medium-dbe4c0719024dc5eb34fdb616347ca30.webp 900w, https://assets.fabulous.ch/public/variant_asset/3855/file/large-31e0b3fb667c905202b66884319b690e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3855/file/medium-dbe4c0719024dc5eb34fdb616347ca30.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/fennel-seeds-whole-organic-35-g-6659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fennel Seeds 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-6659-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uS-fIh-pOwxUIGyqyv9b9qjWg_Gf6oWoD3ti3a6TV3jB_5hdNOt3ag3A8vpSKKYXNHoOH0RgxBsLwhLGngs_RA" />
    <input value="6659" 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/body-lotion-coconut-organic-245-ml-6670">
          <img alt="Body Lotion Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3859/file/small-86ad18cc4e049c6a0ea5f61f3c1b93d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.webp 900w, https://assets.fabulous.ch/public/variant_asset/3859/file/large-5e026a146e4c673ed5c6ec02df4b0e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.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">Urtekram</p>
          <a href="/en/products/body-lotion-coconut-organic-245-ml-6670">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Body Lotion Coconut Organic, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m0eaBKiGjWBAUqAOREWsXdRvk-AZbrbZr8G80exhX6vjl517g8TBBhmyPl7cklG8SMMeDsLk92qreMzK3Pk3lw" />
    <input value="6670" 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/walnut-butter-raw-organic-180-g-6685">
          <img alt="Walnut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.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">Naturkostbar</p>
          <a href="/en/products/walnut-butter-raw-organic-180-g-6685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Walnut Butter Raw Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6685-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/coconut-butter-raw-organic-200-g-6687">
          <img alt="Coconut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3862/file/small-5f5d35667e1a72a1ca1cbea6d2d6278e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3862/file/large-54a8692a65b7f6e75ee4502411292c7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.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">Naturkostbar</p>
          <a href="/en/products/coconut-butter-raw-organic-200-g-6687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Butter Raw Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6687-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/hazelnut-butter-raw-organic-180-g-6688">
          <img alt="Hazelnut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3863/file/small-07fd85963839c2ee7992a50f91d02f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.webp 900w, https://assets.fabulous.ch/public/variant_asset/3863/file/large-c5c94481bc00b742eef0381c8184ed20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.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">Naturkostbar</p>
          <a href="/en/products/hazelnut-butter-raw-organic-180-g-6688">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnut Butter Raw Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-8VtOZm3vmnFHKGz4_K8C_vzmC4poUqr-TlyQuAkTBSDFWpGsvXyD5z8P-N7JUHqZ18VwPIrCxj9gAJZ0LwkKA" />
    <input value="6688" 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/spread-carob-cream-organic-200-g-6691">
          <img alt="Spread Carob Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3868/file/small-43f587b2a740c4e637ef03e322672cd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3868/file/large-d3ce5d7f43e6724fdaebcf3353ec5c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.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">Naturkostbar</p>
          <a href="/en/products/spread-carob-cream-organic-200-g-6691">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Carob Cream Organic, 200 g</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 8.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/praline-symphony-n-1-organic-72-g-6693">
          <img alt="Praline Symphony N°1 Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3869/file/small-38d97e7550ad2e746af89582d6af22a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3869/file/large-563d9548f17515fe68c13d4f5abae7a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3869/file/medium-eda0785e40f7215c7bac2cd65b5a85fa.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">Naturkostbar</p>
          <a href="/en/products/praline-symphony-n-1-organic-72-g-6693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Praline Symphony N°1 Organic, 72 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6693-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/shampoo-hair-soap-citronella-aleppo-plasticfree-100-g-6699">
          <img alt="Shampoo Hair Soap Citronella Aleppo #plasticfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3871/file/small-d18c7fb29b6c264b4dbb0fea89469f2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3871/file/medium-ba3364a00e9aae34ab52e29914f5b284.webp 900w, https://assets.fabulous.ch/public/variant_asset/3871/file/large-1d3ddc78e814827c977fb0dc36724882.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3871/file/medium-ba3364a00e9aae34ab52e29914f5b284.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">FINigrana</p>
          <a href="/en/products/shampoo-hair-soap-citronella-aleppo-plasticfree-100-g-6699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Hair Soap Citronella Aleppo #plasticfree, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cmm2mdmd-ScaZgq_eqztp0ACcCol_11f4xcvE6cp30JyubHm8t-1QUOGlO_iexBG3K79xP51HOznrl8Il7G3fg" />
    <input value="6699" 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;120 of 3&#39;166 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/biedermann-bio-vegan?format=turbo_stream&amp;page=57">Show more</a>
  </div>
</div>

</template></turbo-stream>