<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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/140-g-1043b82d-74b8-4208-b834-bf73d98fcb8a-19548">
          <img alt="Toothpaste Cinnamon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10076/file/small-37acb559e0cd6a6574b7a074bc8c68a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10076/file/large-d5195c52c322d51c73e7b5e91b0c5125.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10076/file/medium-12f16da5afc3821eac2f4886702b0af8.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. Bronners</p>
          <a href="/en/products/140-g-1043b82d-74b8-4208-b834-bf73d98fcb8a-19548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Toothpaste Cinnamon, 140 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 9.21 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Jy5MQGBvW9mD7t2CTOWSzzM7MFjuLOjmYqaqpGM_ZT8diFRALbLvokZMPx0bB3IFQMZNiYv3DkOiFiE4fG8xw" />
    <input value="19548" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/240-ml-d4153a50-0331-4f08-9e01-16a7232a073b-19535">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9370/file/small-6405db75749c12b033e5fbfc80a4567b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9370/file/large-49ff996a70cf8fec701898820a911f15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9370/file/medium-2948eab548b56910a316d0ab6e2a40aa.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. Bronners</p>
          <a href="/en/products/240-ml-d4153a50-0331-4f08-9e01-16a7232a073b-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0kcZ0pfiCpubv39H6L0Sj3puIos-TC8xGfPKdTm7WU7yrYGyltV8SnSp9M2V4pkMU6HXfHvbQKuO8QhbScYYHQ" />
    <input value="19535" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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-55142f89-c994-46d4-b479-9d5dfde6871c-19726">
          <img alt="White Toothpaste with Fluoride" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10332/file/small-254b2e9f48a866c4b64accb1b27e3a46.webp 600w, https://assets.fabulous.ch/public/variant_asset/10332/file/medium-3ff2c0fd4829fc5b6d5d963aaa2fd54c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10332/file/large-c41f3a24088187581fc579f1e0c8d37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10332/file/medium-3ff2c0fd4829fc5b6d5d963aaa2fd54c.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">Ben&amp;Anna</p>
          <a href="/en/products/100-ml-55142f89-c994-46d4-b479-9d5dfde6871c-19726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Toothpaste with Fluoride, 100 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 11.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VKur2yZNJnR0NfqV57wMywBU7cvrmT6FWv6wLKP2xKN0QTO7J3pQpZsjcR-a44dIKZsYPK4OUR_N_HIC04uF8A" />
    <input value="19726" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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-d39d3f69-e099-4a66-9347-eff2d0520adc-19349">
          <img alt="Black Toothpaste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9787/file/small-90fce9450550d1559c4a2c700e98f990.webp 600w, https://assets.fabulous.ch/public/variant_asset/9787/file/medium-ac7326c01b1acdfd1f5cdfee42e8095c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9787/file/large-d85f85d7a26568a747f43e4771eb6e0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9787/file/medium-ac7326c01b1acdfd1f5cdfee42e8095c.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">Ben&amp;Anna</p>
          <a href="/en/products/100-ml-d39d3f69-e099-4a66-9347-eff2d0520adc-19349">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Black Toothpaste, 100 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 11.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nEKLnPTLqgdhXAiAuwlYNskO8JDyIsX1pwNaXWejT-G8qBP89fzc1o5KgwrGVtO14MEFZ7e1qm8wAZhzF94Osg" />
    <input value="19349" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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-be3f99ed-bac8-41b2-be1f-4a3090aeb606-19351">
          <img alt="White Toothpaste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9786/file/small-2a490127431112dde46843d045f4c030.webp 600w, https://assets.fabulous.ch/public/variant_asset/9786/file/medium-7badb3ea0b54dedaec4ff73de617e9fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/9786/file/large-4b2c323da779f0846c191a4f459d6ddb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9786/file/medium-7badb3ea0b54dedaec4ff73de617e9fa.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">Ben&amp;Anna</p>
          <a href="/en/products/100-ml-be3f99ed-bac8-41b2-be1f-4a3090aeb606-19351">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Toothpaste, 100 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 11.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vVEG130dyv74_G_dV97Paa5BIEdCX2N1-r1GqSQqdk2du563fCq8Lxfq5FcqgUTqh47VsAfIDO9tv4SHVFc3Hg" />
    <input value="19351" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/140-g-01dc872a-ae13-46c6-9a6c-217b6b3dfc02-19520">
          <img alt="Bar Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9357/file/small-a658b59e53181ea839f2497125bc678b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9357/file/medium-d00b0059d1ef2488c6cd716d1e4758cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9357/file/large-24bdc089670e8b131c76677b1a580d2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9357/file/medium-d00b0059d1ef2488c6cd716d1e4758cc.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. Bronners</p>
          <a href="/en/products/140-g-01dc872a-ae13-46c6-9a6c-217b6b3dfc02-19520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Baby Mild, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HG14YWof49QixHW0ov3mcS7dNor_mgpz-yHL9UTFdSs8h-ABayiVBc3S_j7fom3yBxLDfboNZelsIwnbNLg0eA" />
    <input value="19520" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/140-g-0c4f89e8-77b2-4721-bcdc-79db509c488e-19519">
          <img alt="Sandalwood-Jasmine Bar Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10030/file/small-fdfbc655a31b5a3f356a23b5e8dcded5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10030/file/medium-6cad5c21b9a4365e211b51fe40111f96.webp 900w, https://assets.fabulous.ch/public/variant_asset/10030/file/large-36ee9610305e4fccfb25b7af838c2357.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10030/file/medium-6cad5c21b9a4365e211b51fe40111f96.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. Bronners</p>
          <a href="/en/products/140-g-0c4f89e8-77b2-4721-bcdc-79db509c488e-19519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sandalwood-Jasmine Bar Soap, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F9RzzqgsHrRXRNrXSDRVEp6FIYmnyD_hwrirWVbwLiE3PuuuqRtoZbhSUV01a96Rt0rUfuJfUHtVuml3Jo1vcg" />
    <input value="19519" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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-5d8dc3b8-93a3-443a-bd55-caa4fb7bfe95-19885">
          <img alt="Rose Bath Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10523/file/small-f32b2bb9f778bec31294063cf09552fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10523/file/medium-cf5bd19a943175ab0a2d85851e86e1b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10523/file/large-dd73bb71ecca7430395f2dccd1e50481.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10523/file/medium-cf5bd19a943175ab0a2d85851e86e1b2.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">Ben&amp;Anna</p>
          <a href="/en/products/300-g-5d8dc3b8-93a3-443a-bd55-caa4fb7bfe95-19885">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Bath Salt, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bp76yMrWs5_jbdS_NHMroz89GrqWEVOgJrLAc3FwRm1OdGKoy-HFTgx7XzVJLKAgFvLvTdOGPDqxsAJdAQ0HPg" />
    <input value="19885" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/yarrah-dog-dry-food-grain-free-vegan-organic-10-kg-17730">
          <img alt="Yarrah Dog Dry Food Grain-Free Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8644/file/small-6c8c46999d89655149581b5fe998ae0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8644/file/large-091c02431dba522e65a5ccd38dd18b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8644/file/medium-a3f6eb299a41649ff447ca9429799fe0.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">Yarrah</p>
          <a href="/en/products/yarrah-dog-dry-food-grain-free-vegan-organic-10-kg-17730">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yarrah Dog Dry Food Grain-Free Vegan Organic, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TPgC73PNTX2lN2sLZox-j_T3Jrt2_UMlkrn1Bu_1xfhsEpqPcvo7rEoh4IEb0_UM3TjTTDNqLL8Fuzcon4iEqw" />
    <input value="17730" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/new-roots-coffee-vegan-yogurt-organic-140-g-7233">
          <img alt="New Roots COFFEE Vegan Yogurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4111/file/small-3bc625eb5491edd27b303468fed3dc87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4111/file/large-f49eeaa788ee4fb2b2616aea57e8c970.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.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">New Roots</p>
          <a href="/en/products/new-roots-coffee-vegan-yogurt-organic-140-g-7233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots COFFEE Vegan Yogurt Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S2g5OZ23skPa5Dhx7F2CIO0VfMXwEmykgGtP0jARRNJrgqFZnIDEkjXys_uRAgmjxNqJMrWFAz4XaY38QGwFgQ" />
    <input value="7233" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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-4544d01f-d2c1-49eb-bae7-5c78b7d5733e-20092">
          <img alt="Sunflower Mince Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11320/file/small-eee39253ffbbf1513fb2682913ed2dd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11320/file/medium-ee286a7ed0454d7c9d4ae63405d1e315.webp 900w, https://assets.fabulous.ch/public/variant_asset/11320/file/large-18944234733444a677ab5b3a5ca6dca4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11320/file/medium-ee286a7ed0454d7c9d4ae63405d1e315.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/200-g-4544d01f-d2c1-49eb-bae7-5c78b7d5733e-20092">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sunflower Mince Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9zu6NFN9BlL13sxFQWufOF-z91ECLuUwJtyaG9khWkTX0SJUUkpwgxrIR888NBS7dnwCpke5iqqx3lg1qVwbFw" />
    <input value="20092" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/oat-drink-unsweetened-organic-1-l-17189">
          <img alt="Oat Drink Unsweetened Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8017/file/small-7a57a5b54b24b1304b76550de3ff9d49.webp 600w, https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/8017/file/large-87f8aee8163fed7f81188c053ab1641f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8017/file/medium-720cfd17cca68a5a910908b778a966f1.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">Alpro</p>
          <a href="/en/products/oat-drink-unsweetened-organic-1-l-17189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Drink Unsweetened Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XQOkv8qqpELrGvGuuwPFOeqMQRXuMVtTevKmsr_zJ2596Tzfy53SkwQMeiTGXE66w0O04qumNMnt8GScz45mPQ" />
    <input value="17189" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rice-hazelnut-drink-no-added-sugar-organic-1-l-c11cb23c-9dd3-4f52-a479-cba2aa644bb9-10782">
          <img alt="Rice Hazelnut Drink No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5624/file/small-7e491859548c108fc68c2c1a05e28ef2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5624/file/medium-7ea5a6bac685e45044a8bbcb352cb2c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5624/file/large-65ec05ba5c95bdf82fae37ca4ce4f647.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5624/file/medium-7ea5a6bac685e45044a8bbcb352cb2c6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/rice-hazelnut-drink-no-added-sugar-organic-1-l-c11cb23c-9dd3-4f52-a479-cba2aa644bb9-10782">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rice Hazelnut Drink No Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1jhluVPpmhFVN1KuK67fSPcyeEGv1IZM4R619sfiAQH20v3ZUt7swLoh2SRW8VTL3v2NtupD6dZ2HHfYt59AUg" />
    <input value="10782" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/peanut-butter-smooth-organic-500-g-2214">
          <img alt="Peanut Butter Smooth Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1660/file/small-9b2c04d585f430a999c4ccb1a29d536c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1660/file/large-bccf0d7e7f9c44ecd340d7d92e8ad3ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.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">Terrasana</p>
          <a href="/en/products/peanut-butter-smooth-organic-500-g-2214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Butter Smooth Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y7DRYnYDpDgB5q18m0t6wWKAA_naTbisll0Lo-7lQy3rWkkCdzTS6e7wJvbmFPFCS0_2Dp_a1zYBX8mNnpgCfg" />
    <input value="2214" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/coconut-milk-organic-200-ml-1111">
          <img alt="Coconut Milk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/988/file/small-ccc537bb0d897547b8ed744754457809.webp 600w, https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/988/file/large-1c79aed0f150cfb9ff7848ad0b437933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/coconut-milk-organic-200-ml-1111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Li0dIA8v0CA4fXR8gDkxWYFpH7AdOzmFxKDn7oGz4OQOx4VADhim8ddr__b9ZrraqKbqR1isVh9ToiXA8c6htw" />
    <input value="1111" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/risotto-rice-fairtrade-bulk-organic-5-kg-17207">
          <img alt="Risotto Rice Fairtrade Bulk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8038/file/small-2302dc95363cdf349d41cd556e7e6b67.webp 600w, https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.webp 900w, https://assets.fabulous.ch/public/variant_asset/8038/file/large-505c8581edb6368dd9ec56933c9d4cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.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">Bio Grosshandel</p>
          <a href="/en/products/risotto-rice-fairtrade-bulk-organic-5-kg-17207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Risotto Rice Fairtrade Bulk Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JOUMoyS6jNo9OmIYVEfA0iQl-Tlqe2_lhu92kAMUxEkED5TDJY36C9Is6ZIpGEtRDeoMzi_sAH8R7bS-c2mFGg" />
    <input value="17207" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/salt-himalaya-coarsely-grounded-400-g-6914">
          <img alt="Salt Himalaya coarsely grounded" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4002/file/small-6a39c2c4ce85eac210e648e8889fe318.webp 600w, https://assets.fabulous.ch/public/variant_asset/4002/file/medium-1f58fc152f423b20c45e19d936bb7c16.webp 900w, https://assets.fabulous.ch/public/variant_asset/4002/file/large-913d50e03c0922e38f2c319114928e4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4002/file/medium-1f58fc152f423b20c45e19d936bb7c16.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">VitaSal</p>
          <a href="/en/products/salt-himalaya-coarsely-grounded-400-g-6914">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salt Himalaya coarsely grounded, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aRFflOuWPaY67N7l3oVAnLK1MMxbcDJ4-HUfMVLU_PlJ-8f06qFLd9X6VW-j2ssfm3rFOx7nXeJvd90fIqm9qg" />
    <input value="6914" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/coconut-milk-organic-400-ml-1110">
          <img alt="Coconut Milk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/989/file/small-1b48e7910282d4207f2dbeb628f91fda.webp 600w, https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.webp 900w, https://assets.fabulous.ch/public/variant_asset/989/file/large-622c90206e71862639f9ef27229dfce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/989/file/medium-f3f53ee4498ba6f3dc526bb40ff61637.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/coconut-milk-organic-400-ml-1110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk Organic, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uPLVuINJW8nfOGtKNbK4ZuJDHHEU9IDyXjoCzJpNLAaYGE3Ygn4tGDAu4MBI7TPly4zphlFj72jJOMDi6jBtVQ" />
    <input value="1110" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/coco-crispy-rolls-original-organic-140-g-14103">
          <img alt="Coco Crispy Rolls Original Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6646/file/small-7a4a3cd0e5a55d82806d7c08f6ff18e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.webp 900w, https://assets.fabulous.ch/public/variant_asset/6646/file/large-a94a8bb8ef53157a8a6286c8e9a844b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6646/file/medium-d5f42331623f5c26e6df5bbdf861da17.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">Amaizin</p>
          <a href="/en/products/coco-crispy-rolls-original-organic-140-g-14103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coco Crispy Rolls Original Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FCYUYUHrT45w-yw4XOIZg8O_3A6vx0hpXfcp1jHMZOw0zIwBQNw5X5_tp7IhvZIA6nAp-epQJ_PK9ev4QbElvw" />
    <input value="14103" 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%2Ftwist-out%3Fformat%3Dturbo_stream%26page%3D19">
    <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/coco-crispy-rolls-chocolate-organic-140-g-14106">
          <img alt="Coco Crispy Rolls Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6650/file/small-ed8e11d872ff172fd8d707ef684ee2ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6650/file/medium-71c63cf5f40e65b7a21a9dc6ac1c7337.webp 900w, https://assets.fabulous.ch/public/variant_asset/6650/file/large-64c7dcaf70eee731c0f728c69e0df13f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6650/file/medium-71c63cf5f40e65b7a21a9dc6ac1c7337.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">Amaizin</p>
          <a href="/en/products/coco-crispy-rolls-chocolate-organic-140-g-14106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coco Crispy Rolls Chocolate Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OrhghK08HgcYgDfrS_iKotNjNG9oWRImAXODnKE22SQaUvjkrAto1veWvGE2pwEh-qzBmC3OfbyWcUGy0UuYdw" />
    <input value="14106" 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">
      380 of 3&#39;432 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/twist-out?format=turbo_stream&amp;page=20">Show more</a>
  </div>
</div>

</template></turbo-stream>