<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-drink-0-sugar-organic-1-l-11324">
          <img alt="Coconut Drink 0% Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5802/file/small-4cf01beebea90de82bb82d94c198ee42.webp 600w, https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5802/file/large-c34b83da1d7808de27aef37e95f1ca06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5802/file/medium-4ce6293840c8d66c8116e8dfef0dc6d2.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">Allos</p>
          <a href="/en/products/coconut-drink-0-sugar-organic-1-l-11324">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Drink 0% Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qrL0v9tmhe90Xxv1V4KidAEwwqRwwetA2XSBInHFoVLuFJ16O_vZsyZW6knE-RKZ4dXXd7hqHTyqwTd355pAOg" />
    <input value="11324" 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-almond-drink-calcium-no-added-sugar-organic-1-l-11325">
          <img alt="Oat Almond Drink Calcium No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5803/file/small-82967e322c3980b9114d4984855058c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5803/file/large-7a19c89ce1c74759dac04463d0b1e23a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.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">Allos</p>
          <a href="/en/products/oat-almond-drink-calcium-no-added-sugar-organic-1-l-11325">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Almond Drink Calcium No Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NoIJZ7ErgI31I55TnMoL-6R-nnjtqocmh9EFVeGUjaxyJGCiUbbc0acqb-8PsbsWRJuLqyUBcVr0ZLMAd8tsxA" />
    <input value="11325" 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/without-moooh-drink-1-5-fat-organic-1-l-11328">
          <img alt="Without Moooh Drink 1.5% Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5806/file/small-fa58ff928962ee8904e6da2c6b289a69.webp 600w, https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5806/file/large-8c7126435c3b528cca29557de10bc309.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.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">Allos</p>
          <a href="/en/products/without-moooh-drink-1-5-fat-organic-1-l-11328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Without Moooh Drink 1.5% Fat Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kM9aeTqGI_lkpZbME-K5OYoUy3nb1yd-EMoiABP5EYzUaTO82ht_pTasZ3CAmQnUavHeqhN80QJjf5RVhabw5A" />
    <input value="11328" 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/without-moooh-drink-3-5-fat-organic-1-l-11332">
          <img alt="Without Moooh Drink 3.5% Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.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">Allos</p>
          <a href="/en/products/without-moooh-drink-3-5-fat-organic-1-l-11332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Without Moooh Drink 3.5% Fat Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TFYzyEzQB_5sxSf6JnLk8kst2MVBTC7bvzRRkiWFoAAI8FoNrE1boj7M1ka1CVQfq8jNFonn2KfMgefHs9pBaA" />
    <input value="11332" 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/millet-drink-bio-1-l-11333">
          <img alt="Millet Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5811/file/small-649ad932987deaedc2c503fb8258b7bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.webp 900w, https://assets.fabulous.ch/public/variant_asset/5811/file/large-9281f2eca1ccc20dc07c8d60ef6a0f8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.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">Soyana</p>
          <a href="/en/products/millet-drink-bio-1-l-11333">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet Drink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gEn_aWfyN71iwEAvY9J_ZoTWcYX6EJwdbAA4rvQrxxPE75ash29r4TDJsZPwqc-LZDNkVjK7amEftY77YnQmew" />
    <input value="11333" 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-milk-premium-organic-200-ml-11334">
          <img alt="Coconut Milk Premium Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5809/file/small-294e862b3653a1e52f0ae6bde0074a56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5809/file/large-9b7c37b0d292240314bd7af467a80b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.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-milk-premium-organic-200-ml-11334">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Premium Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YioBVqPGaymTI-kYazexDi_TFb5utruIS9bOPQ5ePzMmjGiTQ1s3dcEqGKT4TAHjzzYAbaYdTfQ4Y3homAHeWw" />
    <input value="11334" 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/shampoo-lavender-shine-normal-to-dry-hair-organic-250-ml-11336">
          <img alt="Shampoo Lavender Shine Normal to dry hair Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5812/file/small-fdba32b6d933b49dd24aa5391fd855f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5812/file/medium-516155249c7f22c434b711347fb8cb5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5812/file/large-929d6d8155d6e29a649e76b5b0ee52a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5812/file/medium-516155249c7f22c434b711347fb8cb5b.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/shampoo-lavender-shine-normal-to-dry-hair-organic-250-ml-11336">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Lavender Shine Normal to dry hair Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11336-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/deodorant-stick-ocean-breeze-50-g-11338">
          <img alt="Deodorant Stick Ocean Breeze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5813/file/small-bcc918fe36c2957f3e612ebe9200d8fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5813/file/medium-ff972cedc1ebf5f6c55bcb2f4462f05b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5813/file/large-5db24a7278b13c60d33b09951b1e3361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5813/file/medium-ff972cedc1ebf5f6c55bcb2f4462f05b.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">Rosenrot Naturkosmetik</p>
          <a href="/en/products/deodorant-stick-ocean-breeze-50-g-11338">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick Ocean Breeze, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11338-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/deo-stick-sensitive-without-perfume-50-g-11339">
          <img alt="Deo Stick Sensitive - Without Perfume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5814/file/small-7d0533412143f515b56098ecef148e48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5814/file/medium-a6c4cd2349380bcafa7756eb4949f331.webp 900w, https://assets.fabulous.ch/public/variant_asset/5814/file/large-e7cbd78a4f2b0df5917613e56c9652a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5814/file/medium-a6c4cd2349380bcafa7756eb4949f331.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">Rosenrot Naturkosmetik</p>
          <a href="/en/products/deo-stick-sensitive-without-perfume-50-g-11339">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Stick Sensitive - Without Perfume, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jnBK3rdReI7TiD0aw_8Joo5E6syCWp062OgEtW24YEnK1iMbV8wk0oGBzKZQhLlPbqH_H0rxa0arXbLg--eBIQ" />
    <input value="11339" 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/deodorant-stick-summer-dream-50-g-11340">
          <img alt="Deodorant Stick Summer Dream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5815/file/small-78778f8402e34faef5ce1846e829739f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5815/file/medium-1f624ebcfdba69c80268bcb2e67042bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5815/file/large-4ebbd5a4ceaaaa8beb2b6591109f108d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5815/file/medium-1f624ebcfdba69c80268bcb2e67042bb.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">Rosenrot Naturkosmetik</p>
          <a href="/en/products/deodorant-stick-summer-dream-50-g-11340">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick Summer Dream, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11340-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/deodorant-stick-men-arctic-green-50-g-11341">
          <img alt="Deodorant Stick Men Arctic Green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5816/file/small-388893e88fa9a4ba5d7686e2743ba69e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5816/file/medium-710813c30126274596edd5af97648775.webp 900w, https://assets.fabulous.ch/public/variant_asset/5816/file/large-48415f97f1a4b3c3f8b6519630b048d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5816/file/medium-710813c30126274596edd5af97648775.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">Rosenrot Naturkosmetik</p>
          <a href="/en/products/deodorant-stick-men-arctic-green-50-g-11341">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick Men Arctic Green, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11341-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/cashew-drink-natural-organic-1-l-11342">
          <img alt="Cashew Drink Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5818/file/small-67cc4e1d2a69d644c551d97fbecd166c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5818/file/large-b749d8125c41d0faa9e5fdfb98d5ccc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.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">Natumi</p>
          <a href="/en/products/cashew-drink-natural-organic-1-l-11342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Drink Natural Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r7mqQ6UvqCfJSdBFCG333vWzAIfJ2-vagGIFN048wYnrH8OGRbL0e5tAIfmbFkczFVYVVAFwHabz17Ni2GMg4Q" />
    <input value="11342" 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/daily-vegan-multivitamin-kapseln-60-piece-11345">
          <img alt="Daily Vegan Multivitamin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5819/file/small-72cfdfcb20d347476505f1be2c227166.webp 600w, https://assets.fabulous.ch/public/variant_asset/5819/file/medium-0eaf4561b0a17ab0c81dd9ca03b1467c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5819/file/large-dd49abceda5426f8b78bc42aa6610194.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5819/file/medium-0eaf4561b0a17ab0c81dd9ca03b1467c.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">energybalance</p>
          <a href="/en/products/daily-vegan-multivitamin-kapseln-60-piece-11345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Daily Vegan Multivitamin, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q6j4qhnBM0CTRkPqVaz_P81meWUNRvGXADaf87mpxO3vDpFv-VxvHMFPslbG10_SLYNstsXtB-tzgymmL_YlhQ" />
    <input value="11345" 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/basmati-wild-rice-demeter-500-g-11346">
          <img alt="Basmati &amp; Wild Rice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5820/file/small-0d9be41b0e273e75fe5214bf5347ad7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5820/file/large-eb2e5cad51a519da8c3b3f90f366c58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.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">Davert</p>
          <a href="/en/products/basmati-wild-rice-demeter-500-g-11346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basmati &amp; Wild Rice Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ogj9Cn13poTr1CHaMUIKb7IVfV-0GMbkq25AgToDkXjmrpTPner62Lnd0GaiObqCUvBojHyzMJjY2_bUrFxwEA" />
    <input value="11346" 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/organic-soup-pearls-crossies-150-g-11348">
          <img alt="Organic Soup Pearls Crossies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5822/file/small-17245d750ce10b7103c2c5b187b28375.webp 600w, https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5822/file/large-59ce68a5d2090ba45df10c16f136763d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.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">Rapunzel</p>
          <a href="/en/products/organic-soup-pearls-crossies-150-g-11348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Organic Soup Pearls Crossies, 150 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 2.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gsrO6hWqFxR7cZoIND9qC25yFWscT-7w7moKZcL09mPGbKcv9TdLSCl4a7SnRNrmjpcAuNTkGIyd37wwVKsXCw" />
    <input value="11348" 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/baking-mix-my-crusty-bread-gluten-free-organic-480-g-11353">
          <img alt="Baking Mix My Crusty Bread Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5823/file/small-2ba1098e0837a96bf725254ef885aa63.webp 600w, https://assets.fabulous.ch/public/variant_asset/5823/file/medium-a0efadeb5112e4c726cb945895358be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5823/file/large-c3caa1e578506c69550d6599dc77cd29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5823/file/medium-a0efadeb5112e4c726cb945895358be5.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/baking-mix-my-crusty-bread-gluten-free-organic-480-g-11353">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix My Crusty Bread Gluten Free Organic, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Eg0xmrZOaodjp5QiN6egoE9zn6u8SX_kJgEaODtaH647l0DikRl9k-Hb-wbpS5vYdjbrWZa04PjLbI9drKJFg" />
    <input value="11353" 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/kuhbonbon-salted-caramel-sweets-165-g-11388">
          <img alt="Kuhbonbon Salted Caramel Sweets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5831/file/small-8c03af5913208e60a84a845eb78dffcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5831/file/medium-95600dc7d302d3ef03110d35e1425847.webp 900w, https://assets.fabulous.ch/public/variant_asset/5831/file/large-0292ab9443902101c05ae7f13e324bb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5831/file/medium-95600dc7d302d3ef03110d35e1425847.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">Kuhbonbons</p>
          <a href="/en/products/kuhbonbon-salted-caramel-sweets-165-g-11388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuhbonbon Salted Caramel Sweets, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11388-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/my-bourbon-vanilla-sauce-organic-16-g-11389">
          <img alt="My Bourbon Vanilla Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5834/file/small-9bad9e1e9838f74649177b4ad2c73bd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5834/file/large-72281c72ea1cdb14b0566779f455c834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.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/my-bourbon-vanilla-sauce-organic-16-g-11389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">My Bourbon Vanilla Sauce Organic, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cU7ox97HW3AapDisbGYrT5L6JD5uAMP78jbemwOdQwU16IECPloHLEityRD_HZuich8x7aarNYeBg2jOlcKibQ" />
    <input value="11389" 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/nutty-choc-balls-loveraw-28-g-11403">
          <img alt="Nutty Choc Balls LoveRAW" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5838/file/small-44635d23d16f86c67ea50ed7c6f7b068.webp 600w, https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.webp 900w, https://assets.fabulous.ch/public/variant_asset/5838/file/large-491f060caeab456d337ef098ad2c79d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.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">Love Raw</p>
          <a href="/en/products/nutty-choc-balls-loveraw-28-g-11403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nutty Choc Balls LoveRAW, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11403-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/vecon-vegetable-stock-225-g-11404">
          <img alt="Vecon Vegetable Stock" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5839/file/small-db1bf9f9acc8481dff9d30bf8889f3e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5839/file/medium-b705ba75b3ebadde710723b68de905d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5839/file/large-315c0efed255780d60b7c2d7fd62cb9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5839/file/medium-b705ba75b3ebadde710723b68de905d1.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">Vecon</p>
          <a href="/en/products/vecon-vegetable-stock-225-g-11404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vecon Vegetable Stock, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

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

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



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

</template></turbo-stream>