<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/coconut-and-almondbutter-organic-200-g-14163">
          <img alt="Coconut and Almondbutter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6655/file/small-6340fc23e94a63dfca6ef237c5ecd36a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6655/file/large-e380aa500bb8b4aeb1fd8ecd6ba8590c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6655/file/medium-8f03e99bcdc97de203db2a7e9aefe45d.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">Dr. Goerg</p>
          <a href="/en/products/coconut-and-almondbutter-organic-200-g-14163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut and Almondbutter Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-mallow-gems-100-g-14258">
          <img alt="Vegan Mallow Gems" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6660/file/small-a86431d66439849de3895e64f0535940.webp 600w, https://assets.fabulous.ch/public/variant_asset/6660/file/medium-2a2c2bf846bb882bbbb3c5ea52c05deb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6660/file/large-ec907d7a229990c0dcfa0a57865afb05.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6660/file/medium-2a2c2bf846bb882bbbb3c5ea52c05deb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Freedom Mallows</p>
          <a href="/en/products/vegan-mallow-gems-100-g-14258">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Mallow Gems, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14258-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/happy-choc-drops-chocolate-drops-125-g-14288">
          <img alt="Happy Choc Drops Chocolate Drops" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6664/file/small-9f21ac6186a9a7f265790e1f01d62224.webp 600w, https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.webp 900w, https://assets.fabulous.ch/public/variant_asset/6664/file/large-a383fb6439f112b972306f1e91063ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6664/file/medium-a0f6de742af54a210c404ccae01ba414.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vantastic</p>
          <a href="/en/products/happy-choc-drops-chocolate-drops-125-g-14288">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Happy Choc Drops Chocolate Drops, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14288-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/bluefarm-forever-bottle-1-piece-14362">
          <img alt="BlueFarm Forever Bottle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6668/file/small-0ecebaa50705e8141993a510f0ef53f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.webp 900w, https://assets.fabulous.ch/public/variant_asset/6668/file/large-d9e352978b8800052b160edffd6be2c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6668/file/medium-a17212beb76bb0c3e62dc1ad3daa1e50.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">BlueFarm</p>
          <a href="/en/products/bluefarm-forever-bottle-1-piece-14362">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">BlueFarm Forever Bottle, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="85qn7j5dwcyXNXlRJ8UBGtW7t7BGLAlzKrGNgJ81WtsGbK9bhYWKbKwY6XypwXc-VbVfD35bQiy5unNnzfYDfw" />
    <input value="14362" 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/oat-drink-powder-matcha-oat-latte-organic-300-g-14364">
          <img alt="Oat Drink Powder - Matcha Oat Latte Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6672/file/small-a5d8a3adf845ec30368bc23cf48703fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6672/file/medium-35e271764d0822d2cb09c426af21cdee.webp 900w, https://assets.fabulous.ch/public/variant_asset/6672/file/large-09a7a03a632482d9a2461341abedf65b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6672/file/medium-35e271764d0822d2cb09c426af21cdee.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">BlueFarm</p>
          <a href="/en/products/oat-drink-powder-matcha-oat-latte-organic-300-g-14364">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Powder - Matcha Oat Latte Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4SzZTuM1ubrKmRmTLvxR04JiJ1udGc91C0ZCHohCmMgU2tH7WO3yGvG0ib6g-Cf3AmzP5KVuhCqYTbz52oHBbA" />
    <input value="14364" 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/oat-drink-powder-chai-oat-latte-organic-300-g-14365">
          <img alt="Oat Drink Powder - Chai Oat Latte Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6673/file/small-c4c6389d73e86c61532275318b30dbaa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6673/file/medium-568f2d82ab001068ae2c88e6e13aeb16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6673/file/large-76d86bbada507571d56694376afa6aa5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6673/file/medium-568f2d82ab001068ae2c88e6e13aeb16.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">BlueFarm</p>
          <a href="/en/products/oat-drink-powder-chai-oat-latte-organic-300-g-14365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Drink Powder - Chai Oat Latte Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8_ywdbZnoGeR1RbP-nwTOkUWjOIKDZ6b0pCJNTUyAMAGCrjADb_rx6r4huJ0eGUexRhkXTJ61cRBm3fSZ_FZZA" />
    <input value="14365" 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/tamarind-concentrate-organic-120-g-14410">
          <img alt="Tamarind Concentrate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6674/file/small-11aff22fb46eec6dfb7f603091ee83e9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.webp 900w, https://assets.fabulous.ch/public/variant_asset/6674/file/large-c09d12d995cce6fb1237dc183d1a8eed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6674/file/medium-be19a219c41cd69b00e580739f03d184.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">YAKSO</p>
          <a href="/en/products/tamarind-concentrate-organic-120-g-14410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tamarind Concentrate Organic, 120 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 3.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oGCL243TBdsKVb-PFit8I52GzYFax383WEfH4Zrpz4pVloNuNgtOezF4L6KYLwoHHYglPmKwNGjLTDkGyCqWLg" />
    <input value="14410" 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/rice-dessert-chocolate-organic-530-g-14411">
          <img alt="Rice Dessert Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6675/file/small-4560b9ac9a5f36a1276f9a2f48d2b092.webp 600w, https://assets.fabulous.ch/public/variant_asset/6675/file/medium-f124c19c87e4d87e6cc64ec3abdd75e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6675/file/large-034fa233c46028339a976caa058591a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6675/file/medium-f124c19c87e4d87e6cc64ec3abdd75e3.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">SOON</p>
          <a href="/en/products/rice-dessert-chocolate-organic-530-g-14411">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Dessert Chocolate Organic, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HHFqNtijij4zub1seh85rzCGPJYVMMqaIZNFe7JPahTph2KDY3vBngiULUH0G0-LsIjUKS1HgcWymLuc4IwzsA" />
    <input value="14411" 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/rice-dessert-vanilla-organic-530-g-14412">
          <img alt="Rice Dessert Vanilla Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6676/file/small-7dfd6738bf8f4e2f36d49d0560636615.webp 600w, https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6676/file/large-30ad1b9970bbe6ff3f44d48c087e397a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6676/file/medium-a19595875ac390edabac6113c10288b6.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">SOON</p>
          <a href="/en/products/rice-dessert-vanilla-organic-530-g-14412">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rice Dessert Vanilla Organic, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

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

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


  

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

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

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pnLUKbpfdEuAPdzc8Q1hqTTqylnFlcVhq4HTSltghd1ThNycAYc_67sQTPF_CReNtOQi5v3ijj44ii2tCaPceQ" />
    <input value="14413" 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/brownie-chocolate-bar-organic-40-g-14433">
          <img alt="Brownie Chocolate Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6683/file/small-76a25fdb64faa6925fef2397a2e6426d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.webp 900w, https://assets.fabulous.ch/public/variant_asset/6683/file/large-6dad189a8cedad29903c2686bb919f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6683/file/medium-14050503401be93f98949657f0548693.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">the vegan cow</p>
          <a href="/en/products/brownie-chocolate-bar-organic-40-g-14433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brownie Chocolate Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3EigGfEl0Vnkr7v0GdsMLIKslXWTV8-080Ou1pOJbEMpvqisSv2a-d-CK9mX33oIAqJ9yqsghOtgSFAxwUo15w" />
    <input value="14433" 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/coconut-chocolate-bar-organic-40-g-14434">
          <img alt="Coconut Chocolate Bar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6682/file/small-287bb388eaca6e55e3de85d368323b95.webp 600w, https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6682/file/large-a65f148e27727ea645eadfcff94f7637.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">the vegan cow</p>
          <a href="/en/products/coconut-chocolate-bar-organic-40-g-14434">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Chocolate Bar Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tXkuNTct7Ee2YeHATphyagVvChPNQjf0OzKZ1NSIP5hAjyaAjPWn541Mce3AnAROhWHirPU1fKuoOWczhktmPA" />
    <input value="14434" 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/winter-spice-ground-organic-50-g-14564">
          <img alt="Winter Spice Ground Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6738/file/small-c625021909579f53ad6f0059fa5a5d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.webp 900w, https://assets.fabulous.ch/public/variant_asset/6738/file/large-c19c943ea959f3d8ca6b43ac0056d52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6738/file/medium-ee98b040cbbcf6581cc339165cdeeb38.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/en/products/winter-spice-ground-organic-50-g-14564">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Winter Spice Ground Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OZMBVaw9Cz1D9wtqVXN5dHVEspsGPrhW7XPc0hz3wivMZQngF-VAnXjam0fbdw9Q9UpaJD5J8wl-eCI1TjSbjw" />
    <input value="14564" 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/bumi-pumpkin-tofu-burger-organic-200-g-14595">
          <img alt="Bumi Pumpkin Tofu Burger Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6747/file/small-6ca78c093168015c3b51146bf7b482f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6747/file/large-146f48867932b6821b4a5696314622d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6747/file/medium-fac450bb4a1a53cee4be181f4fed655f.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">Bumi</p>
          <a href="/en/products/bumi-pumpkin-tofu-burger-organic-200-g-14595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pumpkin Tofu Burger Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-14595-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/pfiffikuss-seasoning-and-vegetable-stock-tin-organic-250-g-14600">
          <img alt="Pfiffikuss seasoning and vegetable stock tin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8859/file/small-63276dcf3934944986a5cfca98043e9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8859/file/medium-4512ae2c5755b08e7ad17528cb91a6eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8859/file/large-947370f621b0ab77e6a3253699994fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8859/file/medium-4512ae2c5755b08e7ad17528cb91a6eb.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">Pfiffikuss</p>
          <a href="/en/products/pfiffikuss-seasoning-and-vegetable-stock-tin-organic-250-g-14600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pfiffikuss seasoning and vegetable stock tin Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QsYdI7LAcGfNMJysxMFvf1VUb02h6wFqyx2zDdiuFfK3MBWWCRg7x_YdDIFKxRlb1VqH8pmcSjVYFk3qim1MVg" />
    <input value="14600" 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/pesto-al-limone-lemon-organic-130-g-14604">
          <img alt="Pesto al Limone Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6760/file/small-ae114b76619dfd4a847a617726a219c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.webp 900w, https://assets.fabulous.ch/public/variant_asset/6760/file/large-225ce94d2135be9613f0b16a66bc8a58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6760/file/medium-60ef2401952c81a82046bc8106f9e164.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">LaSelva</p>
          <a href="/en/products/pesto-al-limone-lemon-organic-130-g-14604">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al Limone Lemon Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vanilla-extract-bourbon-organic-20-ml-14611">
          <img alt="Vanilla Extract Bourbon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6764/file/small-fe61eeb7c2683210963f0d22a556a3f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6764/file/large-3504401e68834964a8af37baedbdc8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6764/file/medium-16267d5612d4c139800ceaf91b0913fb.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">Biovegan</p>
          <a href="/en/products/vanilla-extract-bourbon-organic-20-ml-14611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vanilla Extract Bourbon Organic, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwttYImOcqC8QseZGiDeI9pvJlF4CojOZM3s0MqWBVti_WXVMlY5AIdvV7SUJKgHWmHO7kB9w5H3xhI3mFVc_w" />
    <input value="14611" 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/caramel-fudge-salted-caramel-organic-150-g-14621">
          <img alt="Caramel Fudge Salted Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6768/file/small-17da5e5f18576694812b4a398220386c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6768/file/large-ce0f63313a4ded4b84d3be40677c3315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6768/file/medium-fdd1ea8710e56199730eaa2505fedd7a.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">Terrasana</p>
          <a href="/en/products/caramel-fudge-salted-caramel-organic-150-g-14621">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Caramel Fudge Salted Caramel Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tZCetcg2naV6IOjBLR6fnYFAM4MOzi6j82d1yzhG8YhAZpYAc-7WBUENeOyjGum5AU7bPDa5ZfxgbIssaoWoLA" />
    <input value="14621" 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/easy-cooking-spice-collection-organic-325-g-14643">
          <img alt="Easy Cooking Spice Collection Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6772/file/small-5cc53ff226d6ab34d52eef3a38d29d5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6772/file/medium-c655ef4840d53c07c30dca2c2b7a2a79.webp 900w, https://assets.fabulous.ch/public/variant_asset/6772/file/large-01d27d7164bbd30e3802048f3afdb5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6772/file/medium-c655ef4840d53c07c30dca2c2b7a2a79.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">Soul Spice</p>
          <a href="/en/products/easy-cooking-spice-collection-organic-325-g-14643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Easy Cooking Spice Collection Organic, 325 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.50
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/happy-kiwi-dried-kiwi-organic-60-g-14659">
          <img alt="&quot;Happy Kiwi&quot; dried Kiwi Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6777/file/small-e6bf0c9455fe1763270c90e044904e88.webp 600w, https://assets.fabulous.ch/public/variant_asset/6777/file/medium-e05cca30fa0afc6978b823970262651d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6777/file/large-791fb926c52e859fa5ca0aa87b3849e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6777/file/medium-e05cca30fa0afc6978b823970262651d.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/happy-kiwi-dried-kiwi-organic-60-g-14659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;Happy Kiwi&quot; dried Kiwi Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

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



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

</template></turbo-stream>