<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/interdental-brush-0-45mm-plasticfree-6-pcs-6-piece-7327">
          <img alt="Interdental Brush 0.45mm #plasticfree, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4186/file/small-6e2ff5ba9728493f47e39948174b28b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4186/file/medium-cbd178370e57e9edc3636b7be44ffcb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4186/file/large-0834c24e55dafe2f1a146452821fc2d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4186/file/medium-cbd178370e57e9edc3636b7be44ffcb1.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">Hydrophil</p>
          <a href="/en/products/interdental-brush-0-45mm-plasticfree-6-pcs-6-piece-7327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Interdental Brush 0.45mm #plasticfree, 6 pcs, 6 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1zawRoZ8JH5HuQa8ekT-q8D0cbllD_PYIK3wg21Tbk0UDyJhhNJKPWse5-cM6md17u0xRorK2TtsWhvNlQyIDw" />
    <input value="7327" 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/interdental-brush-0-50mm-plasticfree-6-pcs-6-piece-7328">
          <img alt="Interdental Brush 0.50mm #plasticfree, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4189/file/small-94666fa5598197c85fec70bc24652616.webp 600w, https://assets.fabulous.ch/public/variant_asset/4189/file/medium-5c1969d7571ca9a565a61b36da558d51.webp 900w, https://assets.fabulous.ch/public/variant_asset/4189/file/large-4492e135112b7578c716e388be3b622f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4189/file/medium-5c1969d7571ca9a565a61b36da558d51.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">Hydrophil</p>
          <a href="/en/products/interdental-brush-0-50mm-plasticfree-6-pcs-6-piece-7328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Interdental Brush 0.50mm #plasticfree, 6 pcs, 6 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WF0blUqd5adNjt-pUmKHgHHJ1kd7hVSGqgZjobUOsGibZImySDOL5GEpPvIkzB5eX9CWuJRAfmXm8YjvTVFWKg" />
    <input value="7328" 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/interdental-brush-0-60mm-plasticfree-6-pcs-6-piece-7329">
          <img alt="Interdental Brush 0.60mm #plasticfree, 6 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4190/file/small-ca7b58a4293144026eef46bb87033fc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4190/file/medium-2d32205799f54323efb7ff9b2938aa08.webp 900w, https://assets.fabulous.ch/public/variant_asset/4190/file/large-581e10fb2fae63262a5b69ebc8be83cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4190/file/medium-2d32205799f54323efb7ff9b2938aa08.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">Hydrophil</p>
          <a href="/en/products/interdental-brush-0-60mm-plasticfree-6-pcs-6-piece-7329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Interdental Brush 0.60mm #plasticfree, 6 pcs, 6 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3GjwuHyTvj0aV9NdKkwYvZf2Gho6_gCAkME3Kv1YtfYfUWKffj3QfjbwMgZc4oFjue9a5dU7KmPcNtxkBQdTtA" />
    <input value="7329" 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/moo-free-bunnycomb-chocolate-bar-vegan-gluten-free-20-g-7375">
          <img alt="Moo Free Bunnycomb Chocolate Bar Vegan Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4236/file/small-6d45c7f825c5fb3488a03b57214d10cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.webp 900w, https://assets.fabulous.ch/public/variant_asset/4236/file/large-7a3714de6ba9f8f63b12ea579047bf62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4236/file/medium-482b1a088a9449fc5df59b4922b58414.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">Moo Free Chocolates</p>
          <a href="/en/products/moo-free-bunnycomb-chocolate-bar-vegan-gluten-free-20-g-7375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moo Free Bunnycomb Chocolate Bar Vegan Gluten Free, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7375-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/loma-linda-tuno-vegan-alternative-to-tuna-142-g-7378">
          <img alt="Loma Linda Tuno Vegan Alternative to Tuna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4238/file/small-4488144308fdfcf2ad6e84beeaf6a1a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.webp 900w, https://assets.fabulous.ch/public/variant_asset/4238/file/large-4b6bb7a950ed789afd5c365ab4bc38d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4238/file/medium-d968ed1c1aea1f800f7535d40d935a17.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">Loma Linda</p>
          <a href="/en/products/loma-linda-tuno-vegan-alternative-to-tuna-142-g-7378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Loma Linda Tuno Vegan Alternative to Tuna, 142 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7378-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/peas-glass-jar-demeter-350-ml-7439">
          <img alt="Peas Glass Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8869/file/small-98a3902d574d71df6382aeb51c182e9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8869/file/medium-d0471a5d0517fa4781cc284fc419d325.webp 900w, https://assets.fabulous.ch/public/variant_asset/8869/file/large-4dfecf7065903f329460338169525294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8869/file/medium-d0471a5d0517fa4781cc284fc419d325.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">de Rit</p>
          <a href="/en/products/peas-glass-jar-demeter-350-ml-7439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peas Glass Jar Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7439-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/corn-starch-fine-gluten-free-organic-250-g-7449">
          <img alt="Corn Starch Fine 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/4264/file/small-e8864a57565cb890c1b3e7c6c78b9ec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.webp 900w, https://assets.fabulous.ch/public/variant_asset/4264/file/large-a82f2261f3ddeda323318d03889f015f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4264/file/medium-d2ca80902e1eeec66ff4f74fb4b9ba91.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/corn-starch-fine-gluten-free-organic-250-g-7449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Starch Fine Gluten Free Organic, 250 g</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 1.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7SxsFa3Ls1hnqW2DHrxtzL7Y3HYuBBRylyrjAN-ApZIuFf4yr2XdG0sOjNhoEvQSkMGcicHBPpHb3QhOJ99D0A" />
    <input value="7449" 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/crunchy-fruity-cherries-freeze-dried-raw-organic-20-g-7502">
          <img alt="Crunchy Fruity Cherries Freeze Dried RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4311/file/small-41942e0afe25ef3a4d2d89538db7529e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.webp 900w, https://assets.fabulous.ch/public/variant_asset/4311/file/large-c91764618c6babef19ca4d5c90456257.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.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">Organica</p>
          <a href="/en/products/crunchy-fruity-cherries-freeze-dried-raw-organic-20-g-7502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Cherries Freeze Dried RAW Organic, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CZkrbR5iaMkswjxHNrx7auQnv1P6oonYgVWW9u8tZebKoLlKHMwGigBl3RxAEuK0yj7_rBVnozvNon24F3KDpA" />
    <input value="7502" 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/ready-meal-quinoa-millet-red-kidney-beans-gluten-free-organic-220-g-7511">
          <img alt="Ready Meal Quinoa Millet Red Kidney Beans 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/4320/file/small-e9b8871c62121f52bc492b0f59cbe264.webp 600w, https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.webp 900w, https://assets.fabulous.ch/public/variant_asset/4320/file/large-8bc65394b31201e900dfea013f32fdbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4320/file/medium-9372a7b74cfd9026a08d7c6ad9bc6112.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">Ma Vie Sans Gluten</p>
          <a href="/en/products/ready-meal-quinoa-millet-red-kidney-beans-gluten-free-organic-220-g-7511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ready Meal Quinoa Millet Red Kidney Beans Gluten-free Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2_Ugo_wfgWYvw1qGLEjQIptceX1we0WXYqVPGaHJ7goYzLKE_rHvJQNku91a5kn8tUU5gp--b3QuUqRXWZYISA" />
    <input value="7511" 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/pearl-onions-glas-jar-demeter-340-ml-7514">
          <img alt="Pearl Onions Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4323/file/small-598bb304b682069ca246fed4b4b3d3be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4323/file/large-eb02a9780d718bafe0e6caf98135d6ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.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">Nur Puur</p>
          <a href="/en/products/pearl-onions-glas-jar-demeter-340-ml-7514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pearl Onions Glas Jar Demeter, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KNhXp47QYyX3k_KwxLGcLjCkloXljwwHXH4Xy5viP_Lr4cWAjH4NZts0E-uyHwXwHr3WegpKJuQQifyFY73ZsA" />
    <input value="7514" 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/peas-carrots-glass-jar-demeter-350-ml-7515">
          <img alt="Peas &amp; Carrots Glass Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4324/file/small-d55ff9e0d3b040daaaee0011d8f710a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.webp 900w, https://assets.fabulous.ch/public/variant_asset/4324/file/large-0c3d853d66dbc83dfa898de1fee338a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4324/file/medium-7bd11d2d62beafc2d22cd3458d10d345.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">Nur Puur</p>
          <a href="/en/products/peas-carrots-glass-jar-demeter-350-ml-7515">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peas &amp; Carrots Glass Jar Demeter, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zmCSRnuLXrvfZJbKfSPfMoz4HdNUd80wdHyJxoZ1TecNWQBheSUw-PPDd5ELjUbsouFdLLuy59M4i2KIfiqrpQ" />
    <input value="7515" 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/soup-natur-compagnie-vegetable-soup-organic-18-g-7520">
          <img alt="Soup Natur Compagnie Vegetable Soup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4329/file/small-dd5049d3d1b5c55f146b2eeee307f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.webp 900w, https://assets.fabulous.ch/public/variant_asset/4329/file/large-0b510b25fde2335d5708deb265101a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Natur Compagnie</p>
          <a href="/en/products/soup-natur-compagnie-vegetable-soup-organic-18-g-7520">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soup Natur Compagnie Vegetable Soup Organic, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lE31PaUc_mf9_MwNpr8Q_jpatKwuEtcW23tQJOQtQwhXdGcap7KQJNFbLVbQEYkgFEP0U8HX_fWXjLtqHHKlSg" />
    <input value="7520" 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/soup-natur-compagnie-tomato-soup-organic-20-g-7521">
          <img alt="Soup Natur Compagnie Tomato Soup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4330/file/small-70bd278278b6d516d15ad9e9eea57258.webp 600w, https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.webp 900w, https://assets.fabulous.ch/public/variant_asset/4330/file/large-d2489ea3d226d6f89a73e170e7a8033c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Natur Compagnie</p>
          <a href="/en/products/soup-natur-compagnie-tomato-soup-organic-20-g-7521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soup Natur Compagnie Tomato Soup Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_AkdBWQGSaFT5MuAE7e9jjj4EGWwPrSsYr4w3w3kO3U_MI8iZqgn4n9DKttlGSRQFuFQml_7nk8uSduR9bvdNw" />
    <input value="7521" 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/chili-flakes-organic-45-g-7536">
          <img alt="Chili Flakes Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4339/file/small-728e8dd5e2b8dcf28acd237b933aab78.webp 600w, https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/4339/file/large-2ea8c899c2f19f1ca0a68681e06fd0f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/chili-flakes-organic-45-g-7536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chili Flakes Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gliTKqBPoUY9NH8dTVn4BV_9K8B2eJfoF9-XKoFmz0NBYQENouHPBRGTnkY792HbceRrP5m9vQtbKHxkeTkpAQ" />
    <input value="7536" 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/parsley-cut-organic-15-g-7537">
          <img alt="Parsley Cut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4340/file/small-c5e8eeaf4ff660382532f2a8eb4b80aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/4340/file/large-dc2de76926cec29db11a297b3f3ad671.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/parsley-cut-organic-15-g-7537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Parsley Cut Organic, 15 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 21.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wIBO_kwII9rnizNdVO4ue1gxq0woM-ogVxF64SRj_5ADudzZTqZNmcss0gYiQLeldijrs8f2wMMb5pGv3DwZ0g" />
    <input value="7537" 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/rosemary-cut-organic-25-g-7538">
          <img alt="Rosemary Cut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4341/file/small-81236d903d3211e50beb1c04a9f69bbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4341/file/large-1b8a1fd84fb008f97213603ab9a7e995.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/rosemary-cut-organic-25-g-7538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rosemary Cut Organic, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uS1g5LUjdELj7G1ocBCfnK-71wixdo-Ie7g5nszm4Kx6FPLDt40aAc9LjDMGvgZCgaKX916zpWs3T9LQNLkG7g" />
    <input value="7538" 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/basil-cut-organic-15-g-7539">
          <img alt="Basil Cut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4342/file/small-7588b56851268c21875f066ff7df21af.webp 600w, https://assets.fabulous.ch/public/variant_asset/4342/file/medium-e8edbb5cedc576354decdadaf86e3894.webp 900w, https://assets.fabulous.ch/public/variant_asset/4342/file/large-6abef769677375fb02d5ce7facba874b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4342/file/medium-e8edbb5cedc576354decdadaf86e3894.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/en/products/basil-cut-organic-15-g-7539">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Basil Cut Organic, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4t-Tb9ShpKGpFbShq0QgGFYatQ-0tvNU1RMClPmAYZch5gFI1g_K4oWyVfrd6rnGeAP18Ftz2beZ5OnaAd-H1Q" />
    <input value="7539" 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/moo-free-original-chocolate-bar-vegan-gluten-free-20-g-7550">
          <img alt="Moo Free Original Chocolate Bar Vegan Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4349/file/small-e8938927d86e22bc76ad18ca388d2854.webp 600w, https://assets.fabulous.ch/public/variant_asset/4349/file/medium-bae7d82d21eded45d82bbc87d8e6f203.webp 900w, https://assets.fabulous.ch/public/variant_asset/4349/file/large-9b79107417e184d2d7918e5f528451a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4349/file/medium-bae7d82d21eded45d82bbc87d8e6f203.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">Moo Free Chocolates</p>
          <a href="/en/products/moo-free-original-chocolate-bar-vegan-gluten-free-20-g-7550">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moo Free Original Chocolate Bar Vegan Gluten Free, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7550-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/choccy-buttons-chocolate-gluten-free-25-g-7551">
          <img alt="Choccy Buttons Chocolate Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4354/file/small-e34cf14c510fe80ad2cece357be9d6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4354/file/medium-b13a7f2ac4500b390b92191b987a37bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4354/file/large-173f09d46e9d256c5088c6c4a9e68471.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4354/file/medium-b13a7f2ac4500b390b92191b987a37bd.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">Moo Free Chocolates</p>
          <a href="/en/products/choccy-buttons-chocolate-gluten-free-25-g-7551">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Choccy Buttons Chocolate Gluten Free, 25 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 7.20 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7551-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/mustard-seeds-yellow-organic-80-g-7565">
          <img alt="Mustard Seeds Yellow Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4362/file/small-184fd052273c815787491a97514b4e62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4362/file/large-a9c8e5e7606f2697fd456e45e18b6e47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.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/mustard-seeds-yellow-organic-80-g-7565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mustard Seeds Yellow Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

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

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



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

</template></turbo-stream>