<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soja-sauce-shoyu-mild-bio-1-l-15170">
          <img alt="Soja Sauce Shoyu mild Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6949/file/small-5bc43bb4f877cfd0d2e2ac4b0bb989f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6949/file/large-54e1478697e9c06551401f23bbd8ae54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.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">Lima</p>
          <a href="/en/products/soja-sauce-shoyu-mild-bio-1-l-15170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Shoyu mild Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JDhJLHzrAlldDgXSnV5xvSc07rLwsaaXqQI97-aWTLO5KG-vuz3aq8CWq2iz8YEBJE05p6SrXGI6w-Exe1B-1Q" />
    <input value="15170" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ahornsirup-grad-c-bio-500-ml-15174">
          <img alt="Ahornsirup Grad C+ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6953/file/small-ced87d75bd8a9dbffd72186b4973b5f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6953/file/medium-7c4c7930a0a7291544f697e75b6cddd4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6953/file/large-394237002bdc85c76ccb7b97f0e5fff6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6953/file/medium-7c4c7930a0a7291544f697e75b6cddd4.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">Madal Bal</p>
          <a href="/en/products/ahornsirup-grad-c-bio-500-ml-15174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ahornsirup Grad C+ Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pJQBYUjmnp2BJhBANUAg93RM4iHw10CIe_4WthDfKCI5hCfijzBGbxy-vvob79BLdzU1NKTNun3oP8pojRkaRA" />
    <input value="15174" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soja-sauce-tamari-bio-500-ml-15176">
          <img alt="Soja Sauce Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6954/file/small-1bdac909ff6ec049c8862ef67c201e94.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6954/file/medium-2036f23a5250e0590e0406f4f129a392.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6954/file/large-53b94f6fea4f7b126418b66568bf2aad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6954/file/medium-2036f23a5250e0590e0406f4f129a392.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">MORGA</p>
          <a href="/en/products/soja-sauce-tamari-bio-500-ml-15176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Tamari Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2Fag0LDRhxdoEwqQ-hCFTPh38J0OjIoi7nNykyDpxsFFRoZTdwdf5fWLpCrUv3Xw-w4niFqWcNd9sq5NvS_0pw" />
    <input value="15176" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/erdnussmus-crunchy-mit-salz-bio-250-g-15200">
          <img alt="Erdnussmus Crunchy mit Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6965/file/small-35a25566f432ee804b9adf283d23934a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6965/file/large-52b83aae33b9efc4a6321567803a5831.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6965/file/medium-d19aad35e397dffc71eb905b1cf4bda0.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/erdnussmus-crunchy-mit-salz-bio-250-g-15200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus Crunchy mit Salz Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WhH21NDefWL9pWgqyaSI7gPmIb79zdzfdC-6yzi4GDDHAdBXFwilkGA9xpDnC3hSAJ_2q6nXJirn7mYVpX4qVg" />
    <input value="15200" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/erdnussmus-fein-bio-250-g-15202">
          <img alt="Erdnussmus fein Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6969/file/small-1658b6d3d887ea03e74bf6eb73d4272f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6969/file/large-163cf52b65a48eb38c7f264cab738360.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6969/file/medium-64197d889f797b553e1e0870aa9172af.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/erdnussmus-fein-bio-250-g-15202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erdnussmus fein Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dbZRxydhRrmk7bbXnjHbh5RwcQ814Zp6auz8Z6g8iwLopndE4LeeSzl1GG2wnis7lwmmGmH7YI_5LSC5Nfq5ZA" />
    <input value="15202" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/allesreiniger-5-dl-15204">
          <img alt="Allesreiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6970/file/small-9e6fc7d8f97fb82b3932decb6c093329.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6970/file/large-536eba4e3bedc4a40ff8f74b36b42e95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6970/file/medium-552b0881602aa467238ebcb5cf834639.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/en/products/allesreiniger-5-dl-15204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allesreiniger, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zTU0vyl1b63vRTQHaQqUqN01zIqFjkWTqFMkfGu5HlhQJRI87qO3X3Ldmr1HpWQU3kwbn9GUv2Y7kvii9n8sPg" />
    <input value="15204" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soyana-swiss-reis-drink-vollreis-calcium-ungesusst-bio-500-ml-15219">
          <img alt="Soyana Swiss Reis-Drink Vollreis Calcium ungesüsst Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/6977/file/small-9bb5df261a6cc702c8a517c6c51466d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/6977/file/medium-d398c9c2e4a72f431f8eefda61e11b9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/6977/file/large-9dca01a1a94c9db5689cd01ddebc6977.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/6977/file/medium-d398c9c2e4a72f431f8eefda61e11b9c.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/soyana-swiss-reis-drink-vollreis-calcium-ungesusst-bio-500-ml-15219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soyana Swiss Reis-Drink Vollreis Calcium ungesüsst Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </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-15219-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HRJQRWXT7vMeJCjyRylRz4BAx_vlCaEYpX7pZbiwdcSAAnbGogU2AYO8hkhphqFzgzkQ7rETW-02vzW7JXZHog" />
    <input value="15219" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soja-sauce-tamari-bio-350-ml-15222">
          <img alt="Soja Sauce Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9057/file/small-4155f9e7a14038ce3ff3548f37c7a9b1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9057/file/medium-74e39990e10feff30e33f004402f6aa1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9057/file/large-347ba1bc557e1ae2cc62e38defdf687b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9057/file/medium-74e39990e10feff30e33f004402f6aa1.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/soja-sauce-tamari-bio-350-ml-15222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Sauce Tamari Bio, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KQ3eV3C3jicU2HcXdGfGQWcly12sq_nv04GiW9hCsoW0HfjUt2FW1YlA2a1ayDb9ZFwcSPixAxpAQH6FRYSA4w" />
    <input value="15222" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schoko-bananen-bio-150-g-15363">
          <img alt="Schoko-Bananen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7014/file/small-bb05135f66ffa4eac315c9cd00be01b6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7014/file/medium-68b8507fce1321ed8dd1dcd9bbbdf9e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7014/file/large-09cc83e457e39a7dab6e05525045e619.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7014/file/medium-68b8507fce1321ed8dd1dcd9bbbdf9e5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/en/products/schoko-bananen-bio-150-g-15363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko-Bananen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mc_26PNPD68eS_bUiUp8aZ0B80UIuVaQoscvWBfz2Gys39BrNJnXXYPTWG6n5YzVnngkUFyjrGUxBvOGijXqCg" />
    <input value="15363" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mini-crackers-sesam-chia-knackebrot-glutenfrei-bio-4x35-g-140-g-15376">
          <img alt="Mini Crackers Sesam-Chia Knäckebrot Glutenfrei Bio, 4×35 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7029/file/small-d377e2f8ee5085eada227f287652c0a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7029/file/medium-9149ad09427d263da99aa978b9f46584.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7029/file/large-0f988faf80a4374604dd3c22181e0407.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7029/file/medium-9149ad09427d263da99aa978b9f46584.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">Pural</p>
          <a href="/en/products/mini-crackers-sesam-chia-knackebrot-glutenfrei-bio-4x35-g-140-g-15376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Crackers Sesam-Chia Knäckebrot Glutenfrei Bio, 4×35 g, 4 x 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_nD2osbhht8TheAfgiqO-efDj-Oa2yEYRaYrBmnSvzhjYNAhATdeLY4dTqWshX5F5LpY9s7B2-3WZ_fY9BSNXg" />
    <input value="15376" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schokotropfen-zartbitter-bio-100-g-15616">
          <img alt="Schokotropfen Zartbitter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7126/file/small-71d2a7399752e9b680430b9a8329c7ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7126/file/large-285875e7013ef43b7a268bcc3a5ca062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.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/schokotropfen-zartbitter-bio-100-g-15616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokotropfen Zartbitter Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ThILFR1_ChrCQxiHUGuqK6ABzTS-AceTaJvhXWosKU3TAi2W2qnS6F_btj1-xFqXo3gaIeobPWb7Wj2D9-obKw" />
    <input value="15616" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schoko-mango-bio-150-g-15684">
          <img alt="Schoko Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7145/file/small-2586d270b3c1ff130be0859ac8b9dc5c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7145/file/medium-f95796ffb17433a3433357bd3162f95e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7145/file/large-121a726641abf84a2ac693a850a53be2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7145/file/medium-f95796ffb17433a3433357bd3162f95e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/en/products/schoko-mango-bio-150-g-15684">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schoko Mango Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lkc21AkLtRhz-t37zDj5X8gjWX2ZRWgeFO-CYPTssr2zVxBXzt1t6u5ic0Hilwnjy1qOaM1fkuuHLl6-aSqA2w" />
    <input value="15684" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sproud-erbsen-drink-vanille-vegane-alternative-zu-milch-1-l-15802">
          <img alt="Sproud Erbsen Drink Vanille Vegane Alternative zu Milch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7213/file/small-a45c7e50bfe41e8b4538a987a07b2c2e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7213/file/large-806f53ce90ffa110add06dd6a0aacfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.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">SPROUD</p>
          <a href="/en/products/sproud-erbsen-drink-vanille-vegane-alternative-zu-milch-1-l-15802">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sproud Erbsen Drink Vanille Vegane Alternative zu Milch, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z1OYgPe7zUKxr0FQ6tUBoQTIyEjcYzr8DereYhYOfgdSQ74DMG0VsCw37-rEevEdB7EfXYh5wAmeKwK8i8hMYQ" />
    <input value="15802" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eistee-apfelminze-bio-500-ml-15926">
          <img alt="Eistee Apfelminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7322/file/small-a6cc13ae334edbd9b9e2623949ac801b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7322/file/large-8ab98836ca9499743a185adda1655819.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.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">Vivitz</p>
          <a href="/en/products/eistee-apfelminze-bio-500-ml-15926">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eistee Apfelminze Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EfjNuPl2tN1-v4HEPXU62Lj_0_LhGSU3ilHVgQCrLGGM6Os7PqBsL-MnL34T2spku4YE57UD38IZkAlfnW0eBw" />
    <input value="15926" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eistee-gruntee-bio-500-ml-15928">
          <img alt="Eistee Grüntee Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7324/file/small-d1e0061bad0e4d71c7de1b02b12a7276.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7324/file/medium-3986c676f03c2737d7d6aa51249fae23.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7324/file/large-7a2cea10e549778e8872bbedc0835a51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7324/file/medium-3986c676f03c2737d7d6aa51249fae23.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">Vivitz</p>
          <a href="/en/products/eistee-gruntee-bio-500-ml-15928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eistee Grüntee Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9BH4zGUEEEtM3H96gsrqF6po0hfcGRFgSxb__V1bRnppAd5PotLIudFE0cCsZRqrqREFAogD65XY1yMjwJ10HA" />
    <input value="15928" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schorle-rhabarber-bio-500-ml-15929">
          <img alt="Schorle Rhabarber Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7325/file/small-cd9b892c29bd422fe0cb07f58635508f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7325/file/large-304b17dcad5a6219ac9bba07dead18a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7325/file/medium-6852b5a5dc30c5acee7ed7d133c4629f.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">Vivitz</p>
          <a href="/en/products/schorle-rhabarber-bio-500-ml-15929">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schorle Rhabarber Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IcSxLF0Y_LNi8HTG4L67E7t_PMvSD0QTxylXkiSCPY-81Jevms4kQf9o2nzOEUuvuAbr3oYVvuZU6ItMuUQP6Q" />
    <input value="15929" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eistee-cold-brew-assam-black-tea-bio-500-ml-15931">
          <img alt="Eistee Cold Brew Assam Black Tea Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7327/file/small-377f4a768cc4921374c9494aeed21bbb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7327/file/medium-efff60e5f59fb0ec4bf178aae26bf6f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7327/file/large-038b82c85656e7c608859bbec7db166a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7327/file/medium-efff60e5f59fb0ec4bf178aae26bf6f4.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">Vivitz</p>
          <a href="/en/products/eistee-cold-brew-assam-black-tea-bio-500-ml-15931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eistee Cold Brew Assam Black Tea Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EIrNQFti_XXASatzXlOmRCkt4eggt39tvg097FcW7gyNmuvDnLQlh13RBclw_Fb4KlQ2_XSthZgtzOEyytDcag" />
    <input value="15931" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/ashwagandha-flussigexktrakt-bio-30-ml-15993">
          <img alt="Ashwagandha Flüssigexktrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7382/file/small-815883726f9522378e6a7c766cf7e60f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7382/file/medium-cf9bd3ff8a76e4ddb5c211a81c076dcf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7382/file/large-1011397a367dfbbaade85265ddbb6b95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7382/file/medium-cf9bd3ff8a76e4ddb5c211a81c076dcf.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">naturetec</p>
          <a href="/en/products/ashwagandha-flussigexktrakt-bio-30-ml-15993">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ashwagandha Flüssigexktrakt Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 65.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dmFhlmfnLyMYJ-D3BYMC9ZhgklYNpgP3513LIDHEt8HrcUcVoDH30YW_Tk0rLPJJmxlFQ1m8-QJ0nBf-rAKFpw" />
    <input value="15993" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/lion-s-mane-flussigextrakt-bio-30-ml-15994">
          <img alt="Lion&#39;s Mane Flüssigextrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7383/file/small-c802250846cc875676e7ade25d325b09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7383/file/medium-c3d47ae3a78e46d8f7e1c50170a59978.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7383/file/large-cf62fd68a70fda8a194d9faeaa1475e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7383/file/medium-c3d47ae3a78e46d8f7e1c50170a59978.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">naturetec</p>
          <a href="/en/products/lion-s-mane-flussigextrakt-bio-30-ml-15994">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lion&#39;s Mane Flüssigextrakt Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 65.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15994-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/reishi-flussigexktrakt-bio-30-ml-15995">
          <img alt="Reishi Flüssigexktrakt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/7384/file/small-074fec300ec3ebeafe211d89d6521350.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/7384/file/medium-0a9ea98691ba4b67d9ca907e81250381.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/7384/file/large-71ad1f6871ea7e0c33f845ba449e3116.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/7384/file/medium-0a9ea98691ba4b67d9ca907e81250381.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">naturetec</p>
          <a href="/en/products/reishi-flussigexktrakt-bio-30-ml-15995">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Reishi Flüssigexktrakt Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 65.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VCJuUAWDVFvBRdpCq6iPL55EfUO2G_kJNMK6ZWp8_ZzJMkjTwlWMqVzddPiFB3-TnT2qVuIBA_ynA2a797rP-g" />
    <input value="15995" 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">
      600 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/bioreal?format=turbo_stream&amp;page=31">Show more</a>
  </div>
</div>

</template></turbo-stream>