<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%3D121">
    <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/mini-moments-apple-cinnamon-organic-100-g-16967">
          <img alt="Mini Moments Apple &amp; Cinnamon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7927/file/small-94cd8f42e694f781af6f5a08891d6b8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7927/file/medium-a80d16ab84b6a6d354b8107e05d85b31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7927/file/large-b6d9b826fb62b448fb11624cf7e60db3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7927/file/medium-a80d16ab84b6a6d354b8107e05d85b31.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">Harvest Moon</p>
          <a href="/en/products/mini-moments-apple-cinnamon-organic-100-g-16967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Moments Apple &amp; Cinnamon Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16967-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%2Fkanne-brottrunk%3Fformat%3Dturbo_stream%26page%3D121">
    <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/basische-edelsteinseife-zirbenol-135-g-en-19549">
          <img alt="Alkaline Gemstone Soap Stone Pine Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11192/file/small-42ea57fb51b3f03659d66b8c79b79b61.webp 600w, https://assets.fabulous.ch/public/variant_asset/11192/file/medium-86868cecbc1abe1a293c90112ef8a530.webp 900w, https://assets.fabulous.ch/public/variant_asset/11192/file/large-244f78a4194d40bf5b037a7e2fb58a4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11192/file/medium-86868cecbc1abe1a293c90112ef8a530.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">Droste-Laux</p>
          <a href="/en/products/basische-edelsteinseife-zirbenol-135-g-en-19549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Gemstone Soap Stone Pine Oil, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19549&quot;],&quot;content_name&quot;:&quot;Alkaline Gemstone Soap Stone Pine Oil, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19549&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I5yP_4fUaUqQSoOwwvhvkAmRE4SodA1-EDWQq-2ATDFd-ls4wE0Q4l8C16J6iuw8FD6VKjCJh8GcGt-j6SRyHA" />
    <input value="19549" 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%3D121">
    <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/hand-cream-aloe-vera-organic-75-ml-5277">
          <img alt="Hand Cream Aloe Vera Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3081/file/small-087cb3f36948825eb4c07a0496caa4ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.webp 900w, https://assets.fabulous.ch/public/variant_asset/3081/file/large-5eaaa09d77d9585fd4466378cdd8e635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Urtekram</p>
          <a href="/en/products/hand-cream-aloe-vera-organic-75-ml-5277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream Aloe Vera Organic, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5277&quot;],&quot;content_name&quot;:&quot;Hand Cream Aloe Vera Organic, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5277&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dpoF3CV-oNcCjaScDgDXWovGp4ZTl1VqimLDdoEvI7kI_NEbYufZf83F8I62clT2lmkhKMtq39UGTYx-hYsdlA" />
    <input value="5277" 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%3D121">
    <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/foot-cream-aloe-vera-organic-100-ml-5276">
          <img alt="Foot Cream Aloe Vera Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3080/file/small-c26bf0e283a2a32be9700a1701d470c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.webp 900w, https://assets.fabulous.ch/public/variant_asset/3080/file/large-1c6dd4ab30ba79739f4c312bb66953fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Urtekram</p>
          <a href="/en/products/foot-cream-aloe-vera-organic-100-ml-5276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foot Cream Aloe Vera Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5276&quot;],&quot;content_name&quot;:&quot;Foot Cream Aloe Vera Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5276&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p8v8eF8gATZ7JnRXNuDsRZgTdBJ5Soig7IxDdQqHA9XZrSi_GLl4nrRuIEWOkm_phbzyvOG3Ah9gowx9DiM9-A" />
    <input value="5276" 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%3D121">
    <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/100-ml-2f668a0d-3f4e-44c6-bffc-8d6cfbe947ab-19861">
          <img alt="Raw Pumpkin Seed Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11211/file/small-03a74cb1fd5df4049d407c980a4878d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11211/file/medium-d42ea12e2d8e1638bfd51c643dcb32a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11211/file/large-60f035638ea738f6d733bc14c7bdae9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11211/file/medium-d42ea12e2d8e1638bfd51c643dcb32a4.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/100-ml-2f668a0d-3f4e-44c6-bffc-8d6cfbe947ab-19861">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raw Pumpkin Seed Oil Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19861&quot;],&quot;content_name&quot;:&quot;Raw Pumpkin Seed Oil Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19861&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8xueeXfoTX7fRRGLyNTCYcm7j740Hzr9dbAITZmgTrVqrq-okbYnTQ1QFSXUdClmolokGAt9lR5-Y8pMsK_Fw" />
    <input value="19861" 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%3D121">
    <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/shampoo-sensitive-scalp-perfume-free-organic-250-ml-10207">
          <img alt="Shampoo Sensitive Scalp (Perfume Free) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5515/file/small-4ca11ccd58fbbed2326fcd041dd4d008.webp 600w, https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.webp 900w, https://assets.fabulous.ch/public/variant_asset/5515/file/large-20ff20326884a8ba50404b26bd5b3951.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Urtekram</p>
          <a href="/en/products/shampoo-sensitive-scalp-perfume-free-organic-250-ml-10207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Sensitive Scalp (Perfume Free) Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10207&quot;],&quot;content_name&quot;:&quot;Shampoo Sensitive Scalp (Perfume Free) Organic, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qubKtL8D790tn9AMvl0_aNEA-HXB4I_C7LRP_ept5MLUgB5z-JqWdeLXhB4GL7zEzK9-21kdBX1gmwD17sna7w" />
    <input value="10207" 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%3D121">
    <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/250-ml-1849ca08-a5f4-4c55-bd54-266fa7716db1-19864">
          <img alt="Raw Black Cumin Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11218/file/small-fca8061f0536091a15a8f0598b861917.webp 600w, https://assets.fabulous.ch/public/variant_asset/11218/file/medium-003972ac126ac31543982489166aad5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11218/file/large-b44f90a2a9665814690847d70178f71a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11218/file/medium-003972ac126ac31543982489166aad5b.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/250-ml-1849ca08-a5f4-4c55-bd54-266fa7716db1-19864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raw Black Cumin Oil Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19864&quot;],&quot;content_name&quot;:&quot;Raw Black Cumin Oil Organic, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19864&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:52.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NbktiZXdUFBDAdBy4_smcgAEzh_lENlwIkd_od2pzS1L3_lO0kQp-IxJhGBbiaXeHatIsX3tU8-uaDCp2Q3zAA" />
    <input value="19864" 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%3D121">
    <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/30-g-4020d60f-e72e-4ee4-831b-fc497107e903-18521">
          <img alt="Alkaline Spice Blend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9223/file/small-e4c7570bf69b69ef483dc1c2e7eaad0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9223/file/large-6783e7176561f9070224ed296718e968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.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">Droste-Laux</p>
          <a href="/en/products/30-g-4020d60f-e72e-4ee4-831b-fc497107e903-18521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Spice Blend, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18521&quot;],&quot;content_name&quot;:&quot;Alkaline Spice Blend, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18521&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D1XrXRVVF0VUoHMj74JWAldwmiJ3siDT0CUL0IssF-JxMz-aUsxu7ZvoJzFX8NWuSt8cjO9PqmxcCkTYj4gpzw" />
    <input value="18521" 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%3D121">
    <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/300-g-5b8c4ccb-1a16-4419-b598-8e442202474d-19552">
          <img alt="Gemstone Bath Alkaline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11188/file/small-ce1ef86aa1fdcf7106b53332a5b2a9f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.webp 900w, https://assets.fabulous.ch/public/variant_asset/11188/file/large-59ba88dbeba07d99b69d7fb884a8054f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.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">Droste-Laux</p>
          <a href="/en/products/300-g-5b8c4ccb-1a16-4419-b598-8e442202474d-19552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Bath Alkaline, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19552&quot;],&quot;content_name&quot;:&quot;Gemstone Bath Alkaline, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19552&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8JWZ4aFwktBgXtnebw25VpL-a1-s3laznutAJhY1xAeO800m5unreK8WjczXfzr6j1Ht8TQj3AwSxA8uEpH6Kg" />
    <input value="19552" 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%3D121">
    <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/gemstone-bath-alkaline-900-g-20114">
          <img alt="Gemstone Bath Alkaline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11187/file/small-02e31c3e03f19fe5838cbe419762ce41.webp 600w, https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11187/file/large-a611ebdbcbc2cde8d8fdedda836d09da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.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">Droste-Laux</p>
          <a href="/en/products/gemstone-bath-alkaline-900-g-20114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Bath Alkaline, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20114&quot;],&quot;content_name&quot;:&quot;Gemstone Bath Alkaline, 900 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20114&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YHlxlXzulGLVqe5qQqDn8sjB_jLHQCEmIHFZh0ZvptceH6VSO3ftyhrhunj60mRe1W54nF-9q5msXhaPQsuY-g" />
    <input value="20114" 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%3D121">
    <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/gemstone-bath-alkaline-1600-g-20115">
          <img alt="Gemstone Bath Alkaline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11189/file/small-e5ebcea08a4f7ffa8512c4a9d285c0cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.webp 900w, https://assets.fabulous.ch/public/variant_asset/11189/file/large-d12b3b6806a7eff1fb136012f07ec72b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.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">Droste-Laux</p>
          <a href="/en/products/gemstone-bath-alkaline-1600-g-20115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Bath Alkaline, 1600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20115&quot;],&quot;content_name&quot;:&quot;Gemstone Bath Alkaline, 1600 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20115&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:50.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oxIBk0rWMF1AzKLJWIXFtu-E_r5_rXcWlGuKCVUYGMfddNVUDU9J9Y-E9tvg90Ya8it4EOdQ_akYRMUBUbwm6g" />
    <input value="20115" 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%3D121">
    <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/200-g-142eacc8-839c-469c-94da-6e81465104aa-19862">
          <img alt="Brown Almond Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11216/file/small-b71951d1fa56c9f8289e4cb159fe2c63.webp 600w, https://assets.fabulous.ch/public/variant_asset/11216/file/medium-dde55f483d92145442dd7856683ca1d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11216/file/large-5241afdf555f96152db7371d638889a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11216/file/medium-dde55f483d92145442dd7856683ca1d4.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/200-g-142eacc8-839c-469c-94da-6e81465104aa-19862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brown Almond Butter Organic, 200 g</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 5.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19862&quot;],&quot;content_name&quot;:&quot;Brown Almond Butter Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19862&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-T_l5SPnevdugCYvj-Bq6KG4jU2psSJUkcdWXfzun5qHWTEiZH4DX6HIcj03kulEvBcL4zFMqOsd6BlV-Eqhtw" />
    <input value="19862" 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%3D121">
    <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/200-g-46d77c0d-0109-49fb-8dcd-3d4c9b5d95b4-18519">
          <img alt="Alkaline Tea 49 Herbs Loose Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9222/file/small-95061e656d42a8de9ea77712b559b0d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9222/file/large-50a3c9d8abd044b0f45df32c686d2366.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.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">Droste-Laux</p>
          <a href="/en/products/200-g-46d77c0d-0109-49fb-8dcd-3d4c9b5d95b4-18519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Tea 49 Herbs Loose Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18519&quot;],&quot;content_name&quot;:&quot;Alkaline Tea 49 Herbs Loose Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Po1cGs2KsaKc5DccD74q7m9c0RNRkwgmWIloheYZYlpA64jdihPIClOsYw63zKlCcvNXvclugpnUpieN4r1cdw" />
    <input value="18519" 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%3D121">
    <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/250-ml-e5b96b8a-615a-4ed9-ba02-fdd265794861-19559">
          <img alt="Ayurvedic Mouth Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9388/file/small-2603d957904dc0a4f8d48b41bd55cd7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/9388/file/large-f2d77792af692bedc45ec76efba64d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.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">Droste-Laux</p>
          <a href="/en/products/250-ml-e5b96b8a-615a-4ed9-ba02-fdd265794861-19559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ayurvedic Mouth Oil, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19559&quot;],&quot;content_name&quot;:&quot;Ayurvedic Mouth Oil, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19559&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:47.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GkIvqa_3TA4pC61ebeKcVbKr3ADZ8C7mSLgI3FCFf2ZkJPtu6G41puZD-UzVkB_5rwRarkENpFnEl0fUVCFBSw" />
    <input value="19559" 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%3D121">
    <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/200-g-887ce942-1ec6-4858-871d-f4bec04addb3-18524">
          <img alt="Deacidification Tea 7 Blossoms Loose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9226/file/small-36db445c95f0697bbccab09ad48fa35d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9226/file/large-c8e5851ee120175e5d2292ca19980c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.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">Droste-Laux</p>
          <a href="/en/products/200-g-887ce942-1ec6-4858-871d-f4bec04addb3-18524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deacidification Tea 7 Blossoms Loose, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18524&quot;],&quot;content_name&quot;:&quot;Deacidification Tea 7 Blossoms Loose, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18524&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_F0LT0xge08bf3BV2YCWX61ZEOQtb2cFcnPDEMNssbmCO9-IC_kC59Q3JEdh8hXzsPaWSrWS7br-XIwYx8iPlA" />
    <input value="18524" 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%3D121">
    <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/250-g-af88d693-722b-41ae-86fd-d199e2161579-19820">
          <img alt="Maca Powder Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10385/file/small-656fdcda860df253a04ce17ded7d400b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10385/file/large-5aa7697d9f40751798820a20d509b118.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.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/250-g-af88d693-722b-41ae-86fd-d199e2161579-19820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maca Powder Raw Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19820&quot;],&quot;content_name&quot;:&quot;Maca Powder Raw Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19820&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="67ZVV9SfC8v0tGLWl2vUVAY4WJ_AYmRg8x7bvMoLJV6V0IGQkwZyYzv8NsQvGVf4G5feMVif7t9_MZS0zq8bcw" />
    <input value="19820" 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%3D121">
    <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/225-g-ddf2d9e1-98eb-4511-993c-e5a6edead540-19117">
          <img alt="Macadamia Nuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10470/file/small-32e3aaff7763623c11c71adf7094b200.webp 600w, https://assets.fabulous.ch/public/variant_asset/10470/file/medium-20094dd3ff9d9ac110f62a17e02c32ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10470/file/large-251095d51920357aa47b3b2d4de7d3f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10470/file/medium-20094dd3ff9d9ac110f62a17e02c32ed.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">Sun Snack</p>
          <a href="/en/products/225-g-ddf2d9e1-98eb-4511-993c-e5a6edead540-19117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Macadamia Nuts Organic, 225 g</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 5.29 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19117&quot;],&quot;content_name&quot;:&quot;Macadamia Nuts Organic, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19117&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8x_eBas2gUQQREXwPX50gD9B3VzJyFtHQKH3K7YAYoaNeQrC7K_47N8MEeKFDPcsIu5b8lE10fjMjrgjsqRcqw" />
    <input value="19117" 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%3D121">
    <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/250-g-f34dc33d-9ca2-4e87-9ca2-b12f55822bc0-19116">
          <img alt="Pumpkin Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10468/file/small-d658c94e42d247a09ee46fd98ab2bafe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10468/file/medium-0208ffc0aca36bcd493177bc64e405bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10468/file/large-be98a40ae7cf5470bfc9d38b24baef4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10468/file/medium-0208ffc0aca36bcd493177bc64e405bd.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">Sun Snack</p>
          <a href="/en/products/250-g-f34dc33d-9ca2-4e87-9ca2-b12f55822bc0-19116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pumpkin Seeds Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19116&quot;],&quot;content_name&quot;:&quot;Pumpkin Seeds Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19116&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xMv7X6ioylYzWjaDzrJxOFK1yWw6HGGGYLeZVACXHNC6rS-Y7zGz_vwSYpF2wPKUTxpPwqLh6znsmNZcBDMi_Q" />
    <input value="19116" 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%3D121">
    <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/100-g-dc766216-61ed-44c1-90f2-7c0814d718f5-19140">
          <img alt="Pistachios Shelled" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10503/file/small-a5956cbcc9dd36965a7491975c64b282.webp 600w, https://assets.fabulous.ch/public/variant_asset/10503/file/medium-641808fa6c7649e686f084c172c35f34.webp 900w, https://assets.fabulous.ch/public/variant_asset/10503/file/large-efe22f10d9293bb8c3c0bb6f1bec3825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10503/file/medium-641808fa6c7649e686f084c172c35f34.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">Sun Snack</p>
          <a href="/en/products/100-g-dc766216-61ed-44c1-90f2-7c0814d718f5-19140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistachios Shelled, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19140&quot;],&quot;content_name&quot;:&quot;Pistachios Shelled, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19140&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="afb2Xp8o17smOyfarRUrmTEU3V0S_flMaxVuESa9yj4XkCKZ2LGuE-lzc8gVZ6g1LLtb84oAc_PnOiEZIhn0Ew" />
    <input value="19140" 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%3D121">
    <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/150-g-0b044055-4701-44cf-b040-2d56ebdd58a5-19106">
          <img alt="Goji Berries Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10447/file/small-21ce9aea423ae38df5bee8c6cac2bc55.webp 600w, https://assets.fabulous.ch/public/variant_asset/10447/file/medium-40da1064f7f98d30b58e4521623b58b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10447/file/large-0adfade508327bdd0719e905b65b6ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10447/file/medium-40da1064f7f98d30b58e4521623b58b6.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">Sun Snack</p>
          <a href="/en/products/150-g-0b044055-4701-44cf-b040-2d56ebdd58a5-19106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Goji Berries Organic, 150 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 5.67 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19106&quot;],&quot;content_name&quot;:&quot;Goji Berries Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19106&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="to2TD0gJVs2-FnJfdnZ0IQwgDhr5tgCrE6xbGIaW5QXI60fID5AvZXFeJk3OBPeNEY-ItGFLihSfgxQQgjLbKA" />
    <input value="19106" 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">
      2&#39;420 of 3&#39;989 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/kanne-brottrunk?format=turbo_stream&amp;page=122">Show more</a>
  </div>
</div>

</template></turbo-stream>