<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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/gero-3-sonic-toothbrush-starter-set-black-1-piece-18254">
          <img alt="Gero 3 Sonic Toothbrush Starter Set Black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9176/file/small-cb067a72bd70b910e0aa23d702a60f5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9176/file/medium-39901777a3a4eef67e60ef65924c3348.webp 900w, https://assets.fabulous.ch/public/variant_asset/9176/file/large-a1942efc547f99eb204ca97a82f62dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9176/file/medium-39901777a3a4eef67e60ef65924c3348.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">Zahnheld</p>
          <a href="/en/products/gero-3-sonic-toothbrush-starter-set-black-1-piece-18254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gero 3 Sonic Toothbrush Starter Set Black, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18254&quot;],&quot;content_name&quot;:&quot;Gero 3 Sonic Toothbrush Starter Set Black, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18254&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:98.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="utuhRIu89hRVcO0c0RKpQRdbmscEiYJS2-tqPDy3zCtBlj98MdgYjadIUB0Y0NcY5NJlJBtElPNnRbTWxstxTg" />
    <input value="18254" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/gero-3-sonic-toothbrush-starter-set-white-1-piece-18255">
          <img alt="Gero 3 Sonic Toothbrush Starter Set White" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9178/file/small-73d178941456dd0d72b36aeb2af67fdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9178/file/medium-d4b0537d89b454eabf1f4d6f550c9228.webp 900w, https://assets.fabulous.ch/public/variant_asset/9178/file/large-a59923d4f4ee38694674fe914bd09790.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9178/file/medium-d4b0537d89b454eabf1f4d6f550c9228.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">Zahnheld</p>
          <a href="/en/products/gero-3-sonic-toothbrush-starter-set-white-1-piece-18255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gero 3 Sonic Toothbrush Starter Set White, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18255&quot;],&quot;content_name&quot;:&quot;Gero 3 Sonic Toothbrush Starter Set White, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18255&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:98.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c6WdQMF6ESgcvBk3CmAeuVLbJrYLxc_430hw-aVx1kyI6AN4ex7_se6EpDbDomDgoVLZVRQI2Vlj5q4TXw1rKQ" />
    <input value="18255" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/3-x-200-ml-18262">
          <img alt="Apricot Fruit Nectar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10853/file/small-3e87733bd2ed631e5e2467f5b4dd3a9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10853/file/medium-a8d9b8ccd87de6b1d9bbe85c376b9ba7.webp 900w, https://assets.fabulous.ch/public/variant_asset/10853/file/large-76f8155a045d61ae59edabb1ca288bb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10853/file/medium-a8d9b8ccd87de6b1d9bbe85c376b9ba7.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">Alce Nero</p>
          <a href="/en/products/3-x-200-ml-18262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apricot Fruit Nectar Organic, 3 x 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18262&quot;],&quot;content_name&quot;:&quot;Apricot Fruit Nectar Organic, 3 x 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yns0sSzPZmYY3EWPNcGzycPsjsvgo34LwukgQ9G2IGMxNqqJlquI_-rk-I78A82QMGVxKP9uaKp-R_6pK8qdBg" />
    <input value="18262" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/375-g-18282">
          <img alt="Amaranth Muesli Berries Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10199/file/small-c3802fea843b4dd9503be16291b4c552.webp 600w, https://assets.fabulous.ch/public/variant_asset/10199/file/medium-91c45286b77423a3d0b0c5ce00326492.webp 900w, https://assets.fabulous.ch/public/variant_asset/10199/file/large-199885752064126be9992a12e916f019.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10199/file/medium-91c45286b77423a3d0b0c5ce00326492.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/375-g-18282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaranth Muesli Berries Organic, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18282&quot;],&quot;content_name&quot;:&quot;Amaranth Muesli Berries Organic, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18282&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mcgB7m_y1LKliegyD4DAEeXo_yszQRAibns3U9jMVXRihZ_W1ZY6K1exVTPGQr5IFmEAyCyMBoPS1em5IrDoEQ" />
    <input value="18282" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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-18285">
          <img alt="Tuscany Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9724/file/small-0c21830475ac6ff9ea39276400bcdf38.webp 600w, https://assets.fabulous.ch/public/variant_asset/9724/file/medium-10b63a08404c79a9d5808bd37108f079.webp 900w, https://assets.fabulous.ch/public/variant_asset/9724/file/large-4acd95473372c3e2c380abd4a755e369.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9724/file/medium-10b63a08404c79a9d5808bd37108f079.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/140-g-18285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tuscany Spread Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18285&quot;],&quot;content_name&quot;:&quot;Tuscany Spread Organic, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D_fDb3w0tJzNTVlm_0bwGmvfB1DCL2ahKEKLqBuV_YP0ul1XxlBaBT915Gc2hI5DmFb4s93icACU7FVC4elA5g" />
    <input value="18285" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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-80592b8c-47dc-4d9f-8283-98a496b79351-18286">
          <img alt="Beluga Lentil Balsamic Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9725/file/small-76337df7143d17bad467696122e47ca2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9725/file/medium-9721eaee6c48dc4a226ecdb42a4be7c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9725/file/large-81efa0fecbd64d33b1f56cdaeded2d62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9725/file/medium-9721eaee6c48dc4a226ecdb42a4be7c1.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/140-g-80592b8c-47dc-4d9f-8283-98a496b79351-18286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beluga Lentil Balsamic Spread Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18286&quot;],&quot;content_name&quot;:&quot;Beluga Lentil Balsamic Spread Organic, 140 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RQN53rShe2PjyO3B0nVtw6BnGoVlI2O9AMytE_gRmCu-TufmDsWV-hHwUMAbtxOaU-7lZnrudRy8YnP5Am0lTg" />
    <input value="18286" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/500-g-8593a246-cb64-4841-a3e6-70567cfd4ef7-18287">
          <img alt="Porridge the Unsweetened 3 Grain Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9730/file/small-96ec0ee0a9538da223d5091a6685e9c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9730/file/medium-8fe9628e1af924eeec96bb105aafe34f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9730/file/large-a6d2fb7a086a82057987607d450511fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9730/file/medium-8fe9628e1af924eeec96bb105aafe34f.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/500-g-8593a246-cb64-4841-a3e6-70567cfd4ef7-18287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porridge the Unsweetened 3 Grain Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18287&quot;],&quot;content_name&quot;:&quot;Porridge the Unsweetened 3 Grain Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2UmV9bFiWdiTEf836T7wQyhaVcBVNhnowoJ2CTmruhgiBAvNCwa3QWEpQjYg_I4a29OqI0r7D0l-LKjjw9cHfQ" />
    <input value="18287" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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-ml-18288">
          <img alt="Oat Cuisine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10568/file/small-19e36df096c87e1b47e8dffcf1e49bd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10568/file/large-fa9d8f24b28301fe7131531b1fd0d804.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.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/200-ml-18288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Cuisine Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18288&quot;],&quot;content_name&quot;:&quot;Oat Cuisine Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="voQliByJ9vdmpfgiFD3yvI-6z_-Y9XflZZAk6u-EZ65Fybuwpu0YbpSdRSPd_4zlfDMwHIc4YUTZPvoAFfjayw" />
    <input value="18288" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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-ml-932c1efb-aa15-4d91-819e-a3cdba5f3ab9-18289">
          <img alt="Cuisine Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10574/file/small-3f30a6686160da12dbdf74a35f947909.webp 600w, https://assets.fabulous.ch/public/variant_asset/10574/file/medium-4493b5c9322c9cd20289f38e70beaffe.webp 900w, https://assets.fabulous.ch/public/variant_asset/10574/file/large-d6c01bbb77329f29bc548820823502d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10574/file/medium-4493b5c9322c9cd20289f38e70beaffe.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/200-ml-932c1efb-aa15-4d91-819e-a3cdba5f3ab9-18289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Coconut Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18289&quot;],&quot;content_name&quot;:&quot;Cuisine Coconut Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18289&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="chq9Z5oI5d7Rc3PHuXiGn1BjIfcaomTlnEEaoZL0HCWJVyNfIGwLRyNLzsZwuvjGo-reFAVvckQg78RLaIihQA" />
    <input value="18289" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/135-g-18293">
          <img alt="Hof Gemüse Pascal&#39;s Pepper Trio Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9728/file/small-1ee8e78f1c8163ad7c200743ac74bdf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9728/file/medium-1b385fc61ffe8654c58543d090f391cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9728/file/large-65bf4e4eacb8ba8236cdc2eec0019a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9728/file/medium-1b385fc61ffe8654c58543d090f391cb.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/135-g-18293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Gemüse Pascal&#39;s Pepper Trio Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18293&quot;],&quot;content_name&quot;:&quot;Hof Gemüse Pascal&#39;s Pepper Trio Organic, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18293&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BouYFxP4O-9K1TLp_JViL3W0q89hOWKOocCjswtXHlH9xgYvqZzVdrjtj-g1Vxx2hj1ULH70dC8dbn1Z8SujNA" />
    <input value="18293" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/135-g-acdefdea-6655-482c-af98-c985115d83db-18294">
          <img alt="Hof Vegetable Beetroot-Horseradish Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9726/file/small-00347363466100866958ad446e6a3ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9726/file/medium-b8b17bd4779671cf982a066e329e7fee.webp 900w, https://assets.fabulous.ch/public/variant_asset/9726/file/large-2f693693218072573379678e835bbf26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9726/file/medium-b8b17bd4779671cf982a066e329e7fee.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/135-g-acdefdea-6655-482c-af98-c985115d83db-18294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Vegetable Beetroot-Horseradish Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18294&quot;],&quot;content_name&quot;:&quot;Hof Vegetable Beetroot-Horseradish Organic, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18294&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TyWKUZPnKhWpqlRL-nzrDkF_Qjb4-hE9-bM6HtAqyUK0aBRpKYPEjFuS6UozvpVXsva91ec3B5xFHeT0KlZ0Jw" />
    <input value="18294" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/135-g-d693bba8-84a7-4303-88eb-7208608bb0ea-18296">
          <img alt="Hof Vegetable Tomato-Leek Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9729/file/small-6934a6b8f976a65ebe9564a4914baa7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9729/file/medium-a4d059f0ece50e499f2342a22ddcf7c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9729/file/large-b5511354a8390254704d3ded0b5f778b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9729/file/medium-a4d059f0ece50e499f2342a22ddcf7c7.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/135-g-d693bba8-84a7-4303-88eb-7208608bb0ea-18296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hof Vegetable Tomato-Leek Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18296&quot;],&quot;content_name&quot;:&quot;Hof Vegetable Tomato-Leek Organic, 135 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18296&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OMkvcmpeYEwijIc1NMNJU67KgwXs7cEkK4OfdCYc6vDDhLFK0DqO1dC0OjT9ATcKXUN85vMg14WXLUGe3GBXlQ" />
    <input value="18296" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/1-l-77602f08-fa91-4b28-b09d-7a3ba923e77c-18298">
          <img alt="Almond Drink Without Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9426/file/small-fb5ed9c8b6a055de4bd675076de983d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9426/file/medium-66da8e321561e5eb4b38b235d2bd44f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9426/file/large-581a679808eec33c9d2ea013010c7733.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9426/file/medium-66da8e321561e5eb4b38b235d2bd44f1.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/1-l-77602f08-fa91-4b28-b09d-7a3ba923e77c-18298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Almond Drink Without Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18298&quot;],&quot;content_name&quot;:&quot;Almond Drink Without Sugar Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18298&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="puxHKu-zXDrRDZt_1s2bZm7G0ymvyNizqSwCz4I1uutdodkSVdeyoyM1Jn4fD-U_nU8syrAFzhIVgtwleEkHjg" />
    <input value="18298" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/450-g-18299">
          <img alt="Muesli the Unsweetened Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9427/file/small-eef211fad51321ad863d705f7f181913.webp 600w, https://assets.fabulous.ch/public/variant_asset/9427/file/medium-d69f407c0fc7734b2e18f9cf41749823.webp 900w, https://assets.fabulous.ch/public/variant_asset/9427/file/large-08e1f88dd4bc11e244f5e3b399a9b8b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9427/file/medium-d69f407c0fc7734b2e18f9cf41749823.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/450-g-18299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Muesli the Unsweetened Protein Organic, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18299&quot;],&quot;content_name&quot;:&quot;Muesli the Unsweetened Protein Organic, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OMNbvFKxcMDu_5PLizdI6GXPwDYn6Pt-JOaDaJPFq0jDjsWE6NWeWRzHLspC9TaxlkY_1Tgl7d-YSF2CabkWLQ" />
    <input value="18299" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/1-l-f8816054-fcd4-4179-b4b0-4f128ed62e42-18300">
          <img alt="Soy Drink Unsweetened" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9428/file/small-622b95a78c7dd7587546a6102da7b1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9428/file/medium-c5c2eec0d18378b09239b3b5664b8048.webp 900w, https://assets.fabulous.ch/public/variant_asset/9428/file/large-62d7fd950c5708bb8908407761da3b5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9428/file/medium-c5c2eec0d18378b09239b3b5664b8048.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/1-l-f8816054-fcd4-4179-b4b0-4f128ed62e42-18300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Drink Unsweetened, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18300&quot;],&quot;content_name&quot;:&quot;Soy Drink Unsweetened, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18300&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qMXiRGATQUV76EdWS61PwjyhKo4V9iweo2gCC3XLwc9TiHx82nev3InQ-leCbzGbzyjVbQo7Or8fxtzhj7d8qg" />
    <input value="18300" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/170-g-eed9bc4a-c569-44b7-b8d2-8390e93ac7e5-18542">
          <img alt="Avocado Hummus Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10890/file/small-8f137eac4c0327a8f321e0c71914a261.webp 600w, https://assets.fabulous.ch/public/variant_asset/10890/file/medium-3d0ef27e9b6ebcbc25332eb745f157ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/10890/file/large-b82edd3ece73c08e86082bdd84ff55aa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10890/file/medium-3d0ef27e9b6ebcbc25332eb745f157ff.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">Florentin</p>
          <a href="/en/products/170-g-eed9bc4a-c569-44b7-b8d2-8390e93ac7e5-18542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Avocado Hummus Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </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.76 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18542&quot;],&quot;content_name&quot;:&quot;Avocado Hummus Organic, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18542&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e07g9EpSKmpnQY6CdefFj4ku7WeNCu2ViWPpjB7FUpKAA37M8DbE85V5M4O8JbvWeqcShJLH-zQ1zTdm5Lnv9w" />
    <input value="18542" 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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/65-g-6b15bdb9-d336-408c-bb1e-48888a46f39b-18559">
          <img alt="Hazelnut Slice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11486/file/small-6a9da73ba5381bb25a2ddb5939d7c47a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11486/file/medium-27a6a32f179639b316201de0b6505a6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11486/file/large-9673b45d1eb62492db7fc9e30b0a3e8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11486/file/medium-27a6a32f179639b316201de0b6505a6a.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/65-g-6b15bdb9-d336-408c-bb1e-48888a46f39b-18559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnut Slice Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18559-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/65-g-34585f7a-c6fe-40d0-8d39-adfb920c9c6c-18563">
          <img alt="Chocolate Jumbo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11481/file/small-c40f027dc143d36d9bc1131b36009dcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11481/file/medium-a90f06af33dca1ce3dc9b1a5b792d8b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11481/file/large-7e9d52a631090f451ee4b314db6b65bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11481/file/medium-a90f06af33dca1ce3dc9b1a5b792d8b9.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/65-g-34585f7a-c6fe-40d0-8d39-adfb920c9c6c-18563">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolate Jumbo Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/45-g-d6c9edc0-f4b0-40d7-93cb-d93e6ea27f1a-18565">
          <img alt="Grain Cookies with Chia Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11479/file/small-a1365ed3da813dc3f9f93388b4c27dee.webp 600w, https://assets.fabulous.ch/public/variant_asset/11479/file/medium-927dac5e5a24d4ffa08e0e2addbd5e4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11479/file/large-2e549622a0d6759ced0268319daccc4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11479/file/medium-927dac5e5a24d4ffa08e0e2addbd5e4e.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/45-g-d6c9edc0-f4b0-40d7-93cb-d93e6ea27f1a-18565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grain Cookies with Chia Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18565-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%2Fspa-vivent%3Fformat%3Dturbo_stream%26page%3D171">
    <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/45-g-d3c51df7-4fe6-4347-b5f2-3fd281ea0d0b-18566">
          <img alt="Cereal Cookies with Tiger Nuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11478/file/small-3df0615b85a2dd6afff09acf41c723d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11478/file/medium-ecb5c1c15b823e19a1dfe3b0ea3a3a67.webp 900w, https://assets.fabulous.ch/public/variant_asset/11478/file/large-a722eaa7577deb7d64922e2caa160ecb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11478/file/medium-ecb5c1c15b823e19a1dfe3b0ea3a3a67.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"> Feinbäckerei Guggenloch</p>
          <a href="/en/products/45-g-d3c51df7-4fe6-4347-b5f2-3fd281ea0d0b-18566">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Cookies with Tiger Nuts Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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



</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">
      3&#39;420 of 3&#39;630 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/spa-vivent?format=turbo_stream&amp;page=172">Show more</a>
  </div>
</div>

</template></turbo-stream>