<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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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-churna-pulver-bio-100-g-18446">
          <img alt="Ashwagandha Churna Pulver Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10413/file/small-aab293804657460a3763c0d5a67fe028.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10413/file/medium-f108a7f977369afca6b9bd8083d5fbb5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10413/file/large-3a0401d6d64243e1d47ebf9e7068691c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10413/file/medium-f108a7f977369afca6b9bd8083d5fbb5.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">ClassicAyurveda</p>
          <a href="/en/products/ashwagandha-churna-pulver-bio-100-g-18446">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ashwagandha Churna Pulver Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gd7DRfY_SdwaKhYMOPkNdWrY_ZedWGEX1w5XdI4WerPEoeBcSRcSH5HfDWh7UdJDNJK-2MKXckhG0y_xeUqK3A" />
    <input value="18446" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18447">
          <img alt="Gewürzmischung Asafoetida mit Bockshornklee Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10322/file/small-3f71da1d59e6037e64d968211f0813d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10322/file/medium-f6e07bd85955e6a24d02829429505377.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10322/file/large-6f9d21612d31c690f3a1d80ac1507f52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10322/file/medium-f6e07bd85955e6a24d02829429505377.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">ClassicAyurveda</p>
          <a href="/en/products/gewurzmischung-asafoetida-mit-bockshornklee-dose-70-g-18447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gewürzmischung Asafoetida mit Bockshornklee Dose, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lyMsPpz23UVG6IVrjp2bHNPRaAh1SuHdLbCkxFu4oDfSXA8nI96Ghs0dng_NNUQqjZsrRyqF8oK8bdxBrORQWA" />
    <input value="18447" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kala-namak-gemahlen-dose-70-g-18448">
          <img alt="Kala Namak gemahlen Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10323/file/small-41f27cae265e0da9c74180163f32e7c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10323/file/medium-00ea0c09474f8d9b1b7741b6f726687d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10323/file/large-8a1ac9ab9b663736f12aa1557895d328.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10323/file/medium-00ea0c09474f8d9b1b7741b6f726687d.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">ClassicAyurveda</p>
          <a href="/en/products/kala-namak-gemahlen-dose-70-g-18448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kala Namak gemahlen Dose, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IeKEoMJStPs7nxBAfpWYfG34v3nDliYFY3TBaaw2UFlknae5fXrvOLBqCyQ9PUdKM7L8NpxZNVryqbnsW2qgNg" />
    <input value="18448" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/rosenwasser-bio-250-ml-18449">
          <img alt="Rosenwasser Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10414/file/small-4dc2d70907e4cd22e1c0ec1b0793724d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10414/file/medium-56468a27f91097704815e2b8645b0f5d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10414/file/large-a3e9fb9936eb381db389c618c2b674f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10414/file/medium-56468a27f91097704815e2b8645b0f5d.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">ClassicAyurveda</p>
          <a href="/en/products/rosenwasser-bio-250-ml-18449">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenwasser Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </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-18449-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HMiAAmI5OBa4fH3GIub4t7wzO50vIjow_ptAtQhYtHVZt6Mb3RFj1TOJZqJhTieB4nl40nDtKW9vRjgw_wREGg" />
    <input value="18449" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/miso-suppe-sea-vegetable-rot-bio-40-g-18450">
          <img alt="Miso Suppe Sea Vegetable rot Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11348/file/small-6bc0a03ad122a8638e3f9e1aa6d16aa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11348/file/medium-84f7b9fb0d5f56688160bbd0f281c277.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11348/file/large-615a74ec85572f840f394a3b52973aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11348/file/medium-84f7b9fb0d5f56688160bbd0f281c277.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">ClearSpring</p>
          <a href="/en/products/miso-suppe-sea-vegetable-rot-bio-40-g-18450">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Suppe Sea Vegetable rot Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KF0IJxs-TLdI6bx7ERsyKs5kfPpELZ8fgAqMQHqXY8ptIis-pBYXdMMcpx9Ss-0ckC4_tRvijEAR1_TFjcuTpQ" />
    <input value="18450" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/miso-suppe-tofu-weiss-bio-40-g-18451">
          <img alt="Miso Suppe Tofu weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11349/file/small-1eb7b4ac23d32f8673a0e133ce187744.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11349/file/medium-f53c9756d35fa46e46fc888a41321ad8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11349/file/large-cd9a07ef804998599249a60efb0728a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11349/file/medium-f53c9756d35fa46e46fc888a41321ad8.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">ClearSpring</p>
          <a href="/en/products/miso-suppe-tofu-weiss-bio-40-g-18451">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Suppe Tofu weiss Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OLmq7ZF3LIkY9I_Zny7tnpyBMh6xMti_VlY48uvClfx9xon0Ll93SpMBlL3chjKowstxUe79y-DHi0B3HJ5lkw" />
    <input value="18451" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/miso-sweet-white-bio-250-g-18452">
          <img alt="Miso Sweet White Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11350/file/small-5df766c276b1abbd307635bca83264f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11350/file/medium-2f0fdbe2ab2fe2ce217dde269f2a1629.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11350/file/large-59485ad57f1aee3def1f98d2cb173b12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11350/file/medium-2f0fdbe2ab2fe2ce217dde269f2a1629.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">ClearSpring</p>
          <a href="/en/products/miso-sweet-white-bio-250-g-18452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Sweet White Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lfu4lbD50S_mCdM1GYVqfhba3gty9K8THoCsASiRI7dohJuMD9GK7G38yFFaLbVISJCdRC07vEyPXdSE383T2A" />
    <input value="18452" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/joint-active-kollagen-pulver-480-g-18453">
          <img alt="Joint&#39;Active Kollagen Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9192/file/small-3ec609adbf4a2321bd833e2ded452b54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9192/file/medium-32245d1e490d13fd20e887cdde04b3be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9192/file/large-51a6b534ff97b55d38cf03c9c68e76bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9192/file/medium-32245d1e490d13fd20e887cdde04b3be.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">Collamin</p>
          <a href="/en/products/joint-active-kollagen-pulver-480-g-18453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Joint&#39;Active Kollagen Pulver, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 106.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SB1QGe8wWdl8prWSbuhP7-xJvg1ZCLhqxVP1QRwUhJgNYnMAUBgCGvdTrvYtQJDZsgP9QgbHqzVUjo3E60h09w" />
    <input value="18453" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/natur-active-kollagen-pulver-450-g-18454">
          <img alt="Natur&#39;Active Kollagen Pulver" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9193/file/small-3bfe975d2ca2b112a9f26b8fe5b2e1fc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9193/file/medium-7395debf10f22aa1189f73263a254b65.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9193/file/large-9d472977df62dbf6c1aac91877e380a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9193/file/medium-7395debf10f22aa1189f73263a254b65.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">Collamin</p>
          <a href="/en/products/natur-active-kollagen-pulver-450-g-18454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natur&#39;Active Kollagen Pulver, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oxarZZlx-AnJOiS5jLuNECvQ-TWwC9hKrDobkwMww8zmaYh8JlmjykLPP93PE1ImdZq6eu_EyxU952MW9Gwzow" />
    <input value="18454" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18455">
          <img alt="Kartoffel-Lauch Fixe Tasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9194/file/small-cee61aacea4cb6cb338a6b9a71646ee8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9194/file/medium-c1f6d6ad51d8a93f141bad839993f82e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9194/file/large-d739011cfd589937e71d345f5a534409.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9194/file/medium-c1f6d6ad51d8a93f141bad839993f82e.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">Compagnie</p>
          <a href="/en/products/kartoffel-lauch-fixe-tasse-bio-3-x-20-g-18455">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffel-Lauch Fixe Tasse Bio, 3 x 20 g</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 6.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAYxMdR5IxAbsSVrfVU29LL5EPZB-TySQ9LN51qa6fCBeRIoa1F405BEPg8-_enC7LNTuR42L83SD7VircYZnw" />
    <input value="18455" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/klare-huhnerbouillon-bio-100-g-18456">
          <img alt="klare Hühnerbouillon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/small-0382d0a9d3357ac3139cd4f18f6e4f45.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-257a17e64e9682b5bc9bc963ea5496d6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9558/file/large-2cf2cf1170e5c5bb84b6e11db4a9f15f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9558/file/medium-257a17e64e9682b5bc9bc963ea5496d6.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">Compagnie</p>
          <a href="/en/products/klare-huhnerbouillon-bio-100-g-18456">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">klare Hühnerbouillon Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e7896Aui3Ml9LOa2L7MbmAOtGpAMLuiR9AkpnMen1pY-wB7xtIqHCvbZ_dJsG8SuXedZ31Ph-85l1FEZMPsm-Q" />
    <input value="18456" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/tamarinden-paste-bio-135-g-18457">
          <img alt="Tamarinden Paste Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11289/file/small-e44add2ce7544067d2808069fa410be7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11289/file/medium-ae54c2c0441a08137914ad4f3bc90c69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11289/file/large-a50e0b043c94803a49d859e408678f88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11289/file/medium-ae54c2c0441a08137914ad4f3bc90c69.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">Cosmoveda</p>
          <a href="/en/products/tamarinden-paste-bio-135-g-18457">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamarinden Paste Bio, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZI0dzjkRhV9ElzYo03eSpIo3HRHG6JQofZhljdQHp1o7Rduh8wd1vbnR7zg5QF8zGKfOxjUsQ8wKxkTwAzu8g" />
    <input value="18457" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/atlantik-salz-fein-1-kg-18458">
          <img alt="Atlantik Salz fein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9678/file/small-d56ae1c79f24e5c31207d21ca653152b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9678/file/medium-3c13278019f071c1c14c72eeea97f62a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9678/file/large-faf5ae82d26970761e269dcb04e6b7ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9678/file/medium-3c13278019f071c1c14c72eeea97f62a.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">Danival</p>
          <a href="/en/products/atlantik-salz-fein-1-kg-18458">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Atlantik Salz fein, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GXMlU6jNkRc3YY-a6XPBUtTlSSbfZbgg9em6kifjKbRcDAZKF-XK1LyUlP6q2x5kiq8KaYCqq39kNMIX0L_Z2w" />
    <input value="18458" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/genmai-reismiso-bio-200-g-18459">
          <img alt="Genmai Reismiso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9677/file/small-407bc1f24eadd646f656ca2154015b37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9677/file/medium-ab74c5519e481c071013af944b7c28d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9677/file/large-d34377d7c1bdf047d340f9fc681e2d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9677/file/medium-ab74c5519e481c071013af944b7c28d5.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">Danival</p>
          <a href="/en/products/genmai-reismiso-bio-200-g-18459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genmai Reismiso Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cex86AaIRXCLYAb_FN_blpzSoBCcNujaJVjwdUjRAqg0k1_xuaAeswCVHZtXdwSgwpjjX8P5-4W0hYjwv43yxw" />
    <input value="18459" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kichererbsen-bio-360-g-18460">
          <img alt="Kichererbsen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9195/file/small-f4b2020545825389027aaeeff7a2be15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9195/file/medium-a7a53dd1e44c99b85e223411c60cee8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9195/file/large-c81d7f1087a97e0e32d66a5d29641cdf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9195/file/medium-a7a53dd1e44c99b85e223411c60cee8b.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">DeRit</p>
          <a href="/en/products/kichererbsen-bio-360-g-18460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kichererbsen Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ypEi_VJW922CyxP_LzgPlbafx5ragtOrU1D1uQAQnsWP7gHk7X6srgk-CJtskNCj6NWE1YVNwPTCjY0890xuqg" />
    <input value="18460" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kidney-bohnen-bio-350-g-18461">
          <img alt="Kidney Bohnen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9196/file/small-46c39c8801113cb2ad01534dcf9bd9da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9196/file/medium-e3c435d718a656a78d6a12a106875ad5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9196/file/large-44f61c0d360208eef20f856b0006c096.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9196/file/medium-e3c435d718a656a78d6a12a106875ad5.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">DeRit</p>
          <a href="/en/products/kidney-bohnen-bio-350-g-18461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kidney Bohnen Bio, 350 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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iw0Lp1YpRqMCStVXp5n3glxaaplucFZTjXWwx2xPdrBmcii-6QEdYIm_zjPkMSi0AhAp1jG_RQwcqMhCmxOG3w" />
    <input value="18461" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/weisse-bohnen-in-tomaten-sauce-bio-360-g-18462">
          <img alt="Weisse Bohnen in Tomaten Sauce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9197/file/small-021a0f4e6197707eec812a65b10dca47.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9197/file/medium-f03b288f24bd83765aea69a420adabd7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9197/file/large-73f4db1c1b45de61f342cf07fad8c869.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9197/file/medium-f03b288f24bd83765aea69a420adabd7.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">DeRit</p>
          <a href="/en/products/weisse-bohnen-in-tomaten-sauce-bio-360-g-18462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weisse Bohnen in Tomaten Sauce Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aybhl_KQsxMSy0quKAoGKwXfNCk3b3-WXUiNJ2NSuFxGWcKOTbjo0Jk-UcprotkdW5V3ZmigbMnMlfWilA5IMw" />
    <input value="18462" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cocoswasser-1-l-18463">
          <img alt="Cocoswasser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/small-00af2265a6ce82654d9b59764ac4ea87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-c901732555dde07c5754653a50330a1f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10200/file/large-e9c1575299b83713ea1b5cf3cc2f8154.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10200/file/medium-c901732555dde07c5754653a50330a1f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Martins</p>
          <a href="/en/products/cocoswasser-1-l-18463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cocoswasser, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w39MuhCLmU1XBSXSWIe-m56omjGu6Un8dyj3MUJe_u6GAG-jr6PCjtzwPrYbL2GtwOLZfvEmWqPm9Y-0tQIOgQ" />
    <input value="18463" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/kokosmus-bio-roh-200-ml-18464">
          <img alt="Kokosmus Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9679/file/small-3312a4573060c009eec2729b8730c416.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9679/file/medium-c3a08596cce40f13c7c35643829dfe86.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9679/file/large-fb12dc93c071490239b24522e239f7c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9679/file/medium-c3a08596cce40f13c7c35643829dfe86.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/en/products/kokosmus-bio-roh-200-ml-18464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kokosmus Bio roh, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_0-bd5OgEJv0R1TVmk_LPU6aa9WOjKIjeCveM-sl66a6MLhuLIhLWH-yT7HZ5xQLENAomtFDsXzp9qa2HHkbyQ" />
    <input value="18464" 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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D46">
    <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/molino-energieriegel-mit-molat-40-g-18465">
          <img alt="Molino Energieriegel mit Molat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10424/file/small-069870599b8960245c8eac096d73ac8b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10424/file/medium-c95fe3cc947903621b0c8c06774623fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10424/file/large-0b56397f49c7cd75f94eb843848663fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10424/file/medium-c95fe3cc947903621b0c8c06774623fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Grandel</p>
          <a href="/en/products/molino-energieriegel-mit-molat-40-g-18465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Molino Energieriegel mit Molat, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N1CCDLkSOHJw5ygl_EoVjRAJx6kEYJb3_s_a6qMIApdyL6EVBjpjsfsSM0G_4sq7TkOE5luvhahvEqJvVFTy-A" />
    <input value="18465" 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">
      920 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/kanne-brottrunk?format=turbo_stream&amp;page=47">Show more</a>
  </div>
</div>

</template></turbo-stream>