<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%3D180">
    <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/t-shirt-swissveg-white-xl-1-piece-22039">
          <img alt="T-Shirt Swissveg WHITE XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11598/file/small-f8ff33068b46b23589e038b6c3ea6fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11598/file/medium-57147159f7dcae6d3521943e5725e454.webp 900w, https://assets.fabulous.ch/public/variant_asset/11598/file/large-30929c7f1f095c9468f4e975ea54cd61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11598/file/medium-57147159f7dcae6d3521943e5725e454.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">Swissveg</p>
          <a href="/en/products/t-shirt-swissveg-white-xl-1-piece-22039">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">T-Shirt Swissveg WHITE XL, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22039&quot;],&quot;content_name&quot;:&quot;T-Shirt Swissveg WHITE XL, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22039&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:29.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y1MRNc7zfuEwj38pP_QxMfyh5CRnFfCfDInoblfUk1r7m9Pw6D_eYaO3BYOG5H3DEzFm3noMvd9FFr-hgtBecQ" />
    <input value="22039" 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%3D180">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mini-biobis-hazelnut-nougat-spelt-double-biscuits-palm-oil-free-320-g-22042">
          <img alt="Biobis Hazelnut Nougat Spelt Double Biscuits, Palm Oil-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11601/file/small-b70790c67ed19ad6c1ce46c5dcb7e374.webp 600w, https://assets.fabulous.ch/public/variant_asset/11601/file/medium-08d2bbd643a76c71a0be3c6e3e169636.webp 900w, https://assets.fabulous.ch/public/variant_asset/11601/file/large-3cbaf4f30bc87e942a7c43f59729cb89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11601/file/medium-08d2bbd643a76c71a0be3c6e3e169636.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/mini-biobis-hazelnut-nougat-spelt-double-biscuits-palm-oil-free-320-g-22042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biobis Hazelnut Nougat Spelt Double Biscuits, Palm Oil-Free, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22042&quot;],&quot;content_name&quot;:&quot;Biobis Hazelnut Nougat Spelt Double Biscuits, Palm Oil-Free, 320 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22042&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-frol8xQI1FIh2jyLY-tHzusou12uikijVa2kksa47_JMipS6pyD0du_EliUn-Ht1DwgF2ujZGLEyeFdnh4ulA" />
    <input value="22042" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    60 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/agave-syrup-organic-500-ml-short-shelf-life-18-09-2026-22047">
          <img alt="Agave Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/746/file/small-e1e084214dc1291b455bad7840bb11cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.webp 900w, https://assets.fabulous.ch/public/variant_asset/746/file/large-44fc03a25cb26d8df522041e6f07d800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/746/file/medium-b19ad39b581523f460e094f7871ca288.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/agave-syrup-organic-500-ml-short-shelf-life-18-09-2026-22047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agave Syrup Organic, 500 ml (Short shelf life 18.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.55</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22047&quot;],&quot;content_name&quot;:&quot;Agave Syrup Organic, 500 ml (Short shelf life 18.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22047&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bTczGYn6Rh0Y8JsPdUhojfHxcIxbKoReUiMbgRsXzYZd__HcrzbmnYvI4aXMWCR_HmHydkYzyR4bvExOzhMArQ" />
    <input value="22047" 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%3D180">
    <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/krunchy-muesli-low-sugar-plain-grain-375-g-22050">
          <img alt="Krunchy Muesli Low Sugar Plain Grain" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11606/file/small-44063c3d0fda95483d547ff8b0864ecb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11606/file/medium-d27c3c06fec89491acc015ddc0611b66.webp 900w, https://assets.fabulous.ch/public/variant_asset/11606/file/large-cb2c56f537faf299d5e3e935928540f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11606/file/medium-d27c3c06fec89491acc015ddc0611b66.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">Barnhouse Naturprodukte</p>
          <a href="/en/products/krunchy-muesli-low-sugar-plain-grain-375-g-22050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Muesli Low Sugar Plain Grain, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22050&quot;],&quot;content_name&quot;:&quot;Krunchy Muesli Low Sugar Plain Grain, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22050&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t2D61Jy5I6jaNEMngE1BmPUG-uTNIB18H6by3IjTT7GHqDgRunWDKEkMOY05XQ1qGpZ4HtA5UDxWOaUTXdeCmg" />
    <input value="22050" 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%3D180">
    <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/monk-s-pepper-extract-vegicaps-organic-150-capsules-22052">
          <img alt="Monk’s Pepper Extract Vegicaps Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11609/file/small-0f4f15ffe318e0afdee7d12abce75066.webp 600w, https://assets.fabulous.ch/public/variant_asset/11609/file/medium-778574694a76b5b0d29b373f7af01725.webp 900w, https://assets.fabulous.ch/public/variant_asset/11609/file/large-ab3c3e5dc4d6d1a5daedf3d5735df60e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11609/file/medium-778574694a76b5b0d29b373f7af01725.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">NaturKraftWerke</p>
          <a href="/en/products/monk-s-pepper-extract-vegicaps-organic-150-capsules-22052">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Monk’s Pepper Extract Vegicaps Organic, 150 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22052&quot;],&quot;content_name&quot;:&quot;Monk’s Pepper Extract Vegicaps Organic, 150 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22052&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dChLbbsASgCxi7HAbCqAWyQSDyH57piLKwLIeNWh2p5E4ImonczqgCKzy2rVOsypy4KN2-T31ctinZ-3AKUXtQ" />
    <input value="22052" 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%3D180">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wunderbrodchen-oat-gluten-free-demeter-350-g-22053">
          <img alt="Wunderbrødchen Oat Gluten-Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11610/file/small-91b87b4d2375cc03e5cf5aff28d55aed.webp 600w, https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11610/file/large-8a088a8a14fb8f3a5dfa69f68372c599.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11610/file/medium-06c7677abd818a6c6d5b54cf1d4a418b.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">Bauckhof</p>
          <a href="/en/products/wunderbrodchen-oat-gluten-free-demeter-350-g-22053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wunderbrødchen Oat Gluten-Free Demeter, 350 g</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.71 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22053&quot;],&quot;content_name&quot;:&quot;Wunderbrødchen Oat Gluten-Free Demeter, 350 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22053&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W_SWarj09fsCBOIvQ3lvTSkCTgqUufV87ZS4k2mL3YNrPFSvnjhVe5E8mIX6aSO_xpLM8ImguDykC-9cvI8QqA" />
    <input value="22053" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/le-pain-des-fleurs-cacao-organic-160-g-short-shelf-life-22-09-2026-22072">
          <img alt="Le pain des fleurs Cacao Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4437/file/small-6d4651619a8c22f02d99a1277983f471.webp 600w, https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4437/file/large-0c40d9999f281e683f6c4be14da553cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.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">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-cacao-organic-160-g-short-shelf-life-22-09-2026-22072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Cacao Organic, 160 g (Short shelf life 22.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22072&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Cacao Organic, 160 g (Short shelf life 22.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22072&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9qFxKw06EPmogtQI0JVh90L0wkTeyr1itDZUidZxr_vGabPuK_aweTu6rqJphS0FrWRAvsPT8CL9qQNGA3Vi0A" />
    <input value="22072" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    70 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/without-moooh-drink-3-5-fat-organic-1-l-short-shelf-life-12-09-2026-22074">
          <img alt="Without Moooh Drink 3.5% Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.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/without-moooh-drink-3-5-fat-organic-1-l-short-shelf-life-12-09-2026-22074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Without Moooh Drink 3.5% Fat Organic, 1 l (Short shelf life 12.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22074&quot;],&quot;content_name&quot;:&quot;Without Moooh Drink 3.5% Fat Organic, 1 l (Short shelf life 12.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22074&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HcQ5wDkwF3scTCs0ITaF089ntW-VKiDlAC4T6iBlIE4tDPsFH_y3-490UZ6YJskhIPc3lYgzbaVJsUQl9WHtZQ" />
    <input value="22074" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dry-yeast-master-baker-s-yeast-gluten-free-organic-7-g-short-shelf-life-30-09-2026-22077">
          <img alt="Dry Yeast Master Baker&#39;s Yeast Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2958/file/small-e86ed2b7bfda13ecc3347bf964740d57.webp 600w, https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.webp 900w, https://assets.fabulous.ch/public/variant_asset/2958/file/large-452e62e793f99ed341d4cd1c8dd8678f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2958/file/medium-8fce86a8f8019fb4a676524e80342a36.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">Biovegan</p>
          <a href="/en/products/dry-yeast-master-baker-s-yeast-gluten-free-organic-7-g-short-shelf-life-30-09-2026-22077">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dry Yeast Master Baker&#39;s Yeast Gluten Free Organic, 7 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22077&quot;],&quot;content_name&quot;:&quot;Dry Yeast Master Baker&#39;s Yeast Gluten Free Organic, 7 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22077&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aaFxhqVM7R11COlD1x2pXA--Bl6SkVET1SbsfEy9AHFZabNDg4BNneYwk-luDeWu4C6EpI-IHFOcubuzmbnNWg" />
    <input value="22077" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/lacto-bifido-bio-90-capsules-short-shelf-life-30-09-2026-22078">
          <img alt="Lacto + Bifido Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3663/file/small-14d948f3634befbe98c1f691f82f6617.webp 600w, https://assets.fabulous.ch/public/variant_asset/3663/file/medium-7c7a47e7c8356e94c0ff0ef1529aadf1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3663/file/large-0e0432917c467f5633b20b84ea4a37f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3663/file/medium-7c7a47e7c8356e94c0ff0ef1529aadf1.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">Raab</p>
          <a href="/en/products/lacto-bifido-bio-90-capsules-short-shelf-life-30-09-2026-22078">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lacto + Bifido Bio, 90 capsules (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 36.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22078&quot;],&quot;content_name&quot;:&quot;Lacto + Bifido Bio, 90 capsules (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22078&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AztPnCsR3MUhoJkI7KC-GfBvdOQJl3irfgLP9zeRjMAz841ZDd18RbKY46JVsPLrH__2HhSONes3nZg44pVB6w" />
    <input value="22078" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cashew-raosted-with-curry-madras-organic-100-g-short-shelf-life-30-09-2026-22080">
          <img alt="Cashew raosted with Curry Madras, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6090/file/small-439ee85d202d9882d4d86c5fa9eb66d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.webp 900w, https://assets.fabulous.ch/public/variant_asset/6090/file/large-40ebf36b79fcdca4de5b880dad83698c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.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">Pakka</p>
          <a href="/en/products/cashew-raosted-with-curry-madras-organic-100-g-short-shelf-life-30-09-2026-22080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew raosted with Curry Madras, Organic, 100 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22080&quot;],&quot;content_name&quot;:&quot;Cashew raosted with Curry Madras, Organic, 100 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JNuoo5W5a0TR8dvOglo7GCso8tY0FfVaUqJwWSXr9M4UE2pms3XLxELJoWQ7SnfqxLhwLCkMuBobPSeW8O855Q" />
    <input value="22080" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pre-workout-strawberry-beetroot-255-g-short-shelf-life-30-09-2026-22081">
          <img alt="Pre-Workout Strawberry &amp; Beetroot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6613/file/small-9c9bab7593adf4460d6e8ad185897f58.webp 600w, https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.webp 900w, https://assets.fabulous.ch/public/variant_asset/6613/file/large-2267b76c5fa4159cb6fc4fc1059b3e34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6613/file/medium-ef290d4697a8a444c07059968945a877.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">Vivo Life</p>
          <a href="/en/products/pre-workout-strawberry-beetroot-255-g-short-shelf-life-30-09-2026-22081">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pre-Workout Strawberry &amp; Beetroot, 255 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 39.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 19.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22081&quot;],&quot;content_name&quot;:&quot;Pre-Workout Strawberry \u0026 Beetroot, 255 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22081&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w6G_Bvviy6uxR9gW1Va8OSt3oiXf3vf-yJAslDtu-CzzaX3D3S5rKyJ_orxsRvDLxOcg38LHur6BD3tb7mo1Bw" />
    <input value="22081" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/crunchy-pralines-with-dates-organic-80-g-short-shelf-life-30-09-2026-22082">
          <img alt="Crunchy Pralines with Dates Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7342/file/small-def32cc78b164e3a7169bc3f00bd6cd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.webp 900w, https://assets.fabulous.ch/public/variant_asset/7342/file/large-7c6cbc4f2fb98247cb4b08bca1c0456d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.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">MAKRi</p>
          <a href="/en/products/crunchy-pralines-with-dates-organic-80-g-short-shelf-life-30-09-2026-22082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Pralines with Dates Organic, 80 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22082&quot;],&quot;content_name&quot;:&quot;Crunchy Pralines with Dates Organic, 80 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22082&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FhyactOspiQqXOl2TMn0WRb1QmUSVCyRJ8uZxG8s1-Em1Fi39WAGpLlkk9z12bir-WXAnw9NYdFuVM4Luigayg" />
    <input value="22082" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/white-crisp-choc-organic-90-g-short-shelf-life-30-09-2026-22083">
          <img alt="White Crisp Choc Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7497/file/small-e5cb19fc5e9e59be0a9d370c202912c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7497/file/large-af3f8871082d6cb4bb12a01c77f5a6f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.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">Vantastic</p>
          <a href="/en/products/white-crisp-choc-organic-90-g-short-shelf-life-30-09-2026-22083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Crisp Choc Organic, 90 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22083&quot;],&quot;content_name&quot;:&quot;White Crisp Choc Organic, 90 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22083&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWdWBwFyWdVDB5racg73OO61xsvGwcBWYDDZgY5GRJA5r5TCJ775VdA_4HDLHrvKASVEMdvYjRYpr45OW0KJuw" />
    <input value="22083" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gourmet-muesli-sweet-banana-raw-food-quality-organic-250-g-short-shelf-life-30-09-2026-22084">
          <img alt="Gourmet Muesli Sweet Banana Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7876/file/small-f9d433fcf28144b2d2f4cd382884b075.webp 600w, https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7876/file/large-3031a25e696b0b7ea5fe1419fea89665.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7876/file/medium-4b1c00a8212abb586f260e2d12ca41b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/en/products/gourmet-muesli-sweet-banana-raw-food-quality-organic-250-g-short-shelf-life-30-09-2026-22084">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gourmet Muesli Sweet Banana Raw Food Quality Organic, 250 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22084&quot;],&quot;content_name&quot;:&quot;Gourmet Muesli Sweet Banana Raw Food Quality Organic, 250 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22084&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rMkiZYrgrWwNWX2k5tNEA6IVwPbL-EHT5Oi-3DE-2IecAeCgrCwN7J5hBw5fwwjxTYVCDNbhDJOtd-kT5DoVrA" />
    <input value="22084" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gourmet-muesli-wild-berries-raw-food-quality-organic-250-g-short-shelf-life-30-09-2026-22085">
          <img alt="Gourmet Muesli Wild Berries Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7877/file/small-57197a8305e188fed13637e63bab3fc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7877/file/large-6c7ba56f8b330b0928bfcc41bd2c3195.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7877/file/medium-7837f81b80a9411995b974f688591882.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/en/products/gourmet-muesli-wild-berries-raw-food-quality-organic-250-g-short-shelf-life-30-09-2026-22085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gourmet Muesli Wild Berries Raw Food Quality Organic, 250 g (Short shelf life 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 14.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22085&quot;],&quot;content_name&quot;:&quot;Gourmet Muesli Wild Berries Raw Food Quality Organic, 250 g (Short shelf life 30.09.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22085&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RmSbviR-N2TBenM0dl-MWfLMowAWymTv8x2GxomVoI12rFl7ArKX5FJCCZ7PT8CrHVwh-gvTKa-6gtEJXJFtpg" />
    <input value="22085" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vinegar-condimento-bianco-organic-0-5-l-short-shelf-life-05-11-2026-22093">
          <img alt="Vinegar Condimento Bianco Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/407/file/small-5dc0a614f5b45299baebf7ef7c8c7e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/407/file/large-77d1a33fead02a1ec40c8aca160ae19e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/407/file/medium-c5b86eb3be512a24cb02f1b13b0cc66d.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">LaSelva</p>
          <a href="/en/products/vinegar-condimento-bianco-organic-0-5-l-short-shelf-life-05-11-2026-22093">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vinegar Condimento Bianco Organic, 0.5 l (Short shelf life 05.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22093&quot;],&quot;content_name&quot;:&quot;Vinegar Condimento Bianco Organic, 0.5 l (Short shelf life 05.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22093&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="G6DDTGIMj4LHPFtJfniUDflz4yM_xRdcBdj3txkmkvQraAGJRMAvAlQEIePHaNj_FuNh2SLcWhxMR6B4zCJf3w" />
    <input value="22093" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-drink-matcha-1-l-short-shelf-life-01-10-2026-22096">
          <img alt="Oat Drink Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7479/file/small-12930d64f20033789b98da1034392540.webp 600w, https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7479/file/large-cbb6e6d2384a8d3d011e3d30ab964b1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7479/file/medium-7b626a1d219ea11468c063fc9af0efd6.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">Oatly</p>
          <a href="/en/products/oat-drink-matcha-1-l-short-shelf-life-01-10-2026-22096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Drink Matcha, 1 l (Short shelf life 01.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22096&quot;],&quot;content_name&quot;:&quot;Oat Drink Matcha, 1 l (Short shelf life 01.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22096&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nXQjLt0fXzRfssP2xf_G4Y0aliVE-XBwpeP4_unZyS-tvOHr-9P_tMyKuVx874oTYooU31ngPTDsfK8xPN0EBA" />
    <input value="22096" 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%3D180">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fine-organic-mustard-200-g-22100">
          <img alt="Fine Organic Mustard" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11623/file/small-44002fcb3bc809ba99de6611426c016a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11623/file/medium-540f3eaec539807e400d2b45a42d0ed3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11623/file/large-41f4d44338e11a2d6db01e324a806d63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11623/file/medium-540f3eaec539807e400d2b45a42d0ed3.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">Biofarm</p>
          <a href="/en/products/fine-organic-mustard-200-g-22100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fine Organic Mustard, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22100&quot;],&quot;content_name&quot;:&quot;Fine Organic Mustard, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22100&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mEZ2taUVhw1DKgCrXv4AtLzNnQLIC7rM1VAiJ151MlKojrRwg9knjdASegHn7kxGU10f-NUS94ycz3Xoi3H_eQ" />
    <input value="22100" 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%3D180">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wet-food-hownd-papaya-lentils-dahl-400-g-short-shelf-life-17-10-2026-22103">
          <img alt="Wet Food HOWND Papaya &amp; Lentils Dahl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5762/file/small-afbb392cf5aa7d06783e2900514550eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.webp 900w, https://assets.fabulous.ch/public/variant_asset/5762/file/large-2011ab502ea522d02a96da59ee3ab9df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5762/file/medium-f9c438e1198b0c79c0d0cafb8110e539.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">HOWND</p>
          <a href="/en/products/wet-food-hownd-papaya-lentils-dahl-400-g-short-shelf-life-17-10-2026-22103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wet Food HOWND Papaya &amp; Lentils Dahl, 400 g (Short shelf life 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.65</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22103&quot;],&quot;content_name&quot;:&quot;Wet Food HOWND Papaya \u0026 Lentils Dahl, 400 g (Short shelf life 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22103&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AdlqY5B-0bJp1QPpRS5rVoh6D9AxXBLvNKxf_NkbYiIxEaimtrJxMvrteUP8PiekZ-qNKixFX699MwgzDB-vCQ" />
    <input value="22103" 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">
      3&#39;600 of 3&#39;627 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/spa-vivent?format=turbo_stream&amp;page=181">Show more</a>
  </div>
</div>

</template></turbo-stream>