<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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegdog-pure-bites-115-g-17286">
          <img alt="VEGDOG Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8059/file/small-ae3c6be7a632a6244ca6945df1a428a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.webp 900w, https://assets.fabulous.ch/public/variant_asset/8059/file/large-da03dbe88d6e75cef94508a2bfe13f01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8059/file/medium-9717976496b55fe43889a8670e486299.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">VEGDOG</p>
          <a href="/en/products/vegdog-pure-bites-115-g-17286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Pure Bites, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17286&quot;],&quot;content_name&quot;:&quot;VEGDOG Pure Bites, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XFoXySFCifPmkU5zUXphR65HUNPp7kt6lOgC_i7y1SMbpQsrE1hZn_5bFaYORGHSP8KX1P14gFVfWn6deqqrVA" />
    <input value="17286" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/vegcat-pure-bites-60-g-17287">
          <img alt="VEGCAT Pure Bites" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8060/file/small-0aa74214d2ed40fc024ea8c75c50e8a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.webp 900w, https://assets.fabulous.ch/public/variant_asset/8060/file/large-6355f62ff3e3e9ede260ec0276416585.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8060/file/medium-8ee914ebe0c9eadba2584fc337c05c79.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">VEGDOG</p>
          <a href="/en/products/vegcat-pure-bites-60-g-17287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGCAT Pure Bites, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17287&quot;],&quot;content_name&quot;:&quot;VEGCAT Pure Bites, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N0Fy4d4tPQWG_p5t0yxbK-Yhwy0uPK6hKurgJixvhsBwvm4D7DftaZ40xbiMElu-d6QEKjqqZY7hWJxFeDf4tw" />
    <input value="17287" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/taco-burrito-seasoning-mexican-cuisine-organic-50-g-17301">
          <img alt="Taco &amp; Burrito Seasoning Mexican Cuisine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8079/file/small-3dba104b41ec14d80a4e630c851dc08a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8079/file/medium-0ee027f371175e2e993ff9302b2fb55c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8079/file/large-c7c9efed33b1eccc6a354f38981e0cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8079/file/medium-0ee027f371175e2e993ff9302b2fb55c.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">Lebensbaum</p>
          <a href="/en/products/taco-burrito-seasoning-mexican-cuisine-organic-50-g-17301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taco &amp; Burrito Seasoning Mexican Cuisine Organic, 50 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 8.20 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17301&quot;],&quot;content_name&quot;:&quot;Taco \u0026 Burrito Seasoning Mexican Cuisine Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17301&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="wrhmBLgMqe0h74VZZjIGho8i-nOoz1xZKHb47RbAjKeFR3rmihZ5gTkl3ow5DAYTHqc9dLxZl3bjxISOQpjy0A" />
    <input value="17301" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hand-cream-apricot-organic-100-ml-17302">
          <img alt="Hand Cream Apricot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8080/file/small-e3ceac13d6d32014b366e5de8d55fb54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8080/file/large-5e95a74a20c94dbc662f6f32538c0270.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.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">benecos</p>
          <a href="/en/products/hand-cream-apricot-organic-100-ml-17302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream Apricot Organic, 100 ml</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 3.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17302&quot;],&quot;content_name&quot;:&quot;Hand Cream Apricot Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17302&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="r6JAbgE60Ci1-QpshUayDcL0geoIHqr2Z564C_SelFroXVyMMyAARK0zUbnaeLKYU3FG7RyIYdmsLMRooMbqLQ" />
    <input value="17302" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hand-cream-lavender-organic-100-ml-17303">
          <img alt="Hand Cream Lavender Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8081/file/small-bc1d74e48f463f8fdb4a1327797d11d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8081/file/large-a46f473f98767b4dbbc499a7e2f8f1d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.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">benecos</p>
          <a href="/en/products/hand-cream-lavender-organic-100-ml-17303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream Lavender Organic, 100 ml</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 3.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17303&quot;],&quot;content_name&quot;:&quot;Hand Cream Lavender Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17303&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="oPk_awbL-HLqyVKh6gfrwsed7xPslYXGwcjPOzJ8m7bnBiOJNNEoHvIDCXS1OetXVhgoFPgDTukKerNYZiTlwQ" />
    <input value="17303" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hand-cream-grapefruit-organic-100-ml-17304">
          <img alt="Hand Cream Grapefruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8082/file/small-aab26bb7731b7a617b40e248606ed6e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.webp 900w, https://assets.fabulous.ch/public/variant_asset/8082/file/large-278475b372be7929221765c738fa5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.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">benecos</p>
          <a href="/en/products/hand-cream-grapefruit-organic-100-ml-17304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream Grapefruit Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17304&quot;],&quot;content_name&quot;:&quot;Hand Cream Grapefruit Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17304&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UHWqjKZ6tKp71PRYytsOaoDBs7BDEpUkbIttwn23HWsXirZulGBkxmMer42V5Q7_EUR0t1eEXgunORGhKe9jHA" />
    <input value="17304" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hand-cream-oat-organic-100-ml-17305">
          <img alt="Hand Cream Oat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8083/file/small-e7b41249f08435bae04f17e9e525e62e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.webp 900w, https://assets.fabulous.ch/public/variant_asset/8083/file/large-490018fcb09eae04117eaa9b400f6c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.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">benecos</p>
          <a href="/en/products/hand-cream-oat-organic-100-ml-17305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream Oat Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17305&quot;],&quot;content_name&quot;:&quot;Hand Cream Oat Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17305&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g6gXRJOnK6FmgA5IMSb-0h-K0ixOb__S3ShkHg1w2ynEVwumob37zX5KVZ1uGP5Hjg8VK1r5NP0Wmhh9WSilXg" />
    <input value="17305" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/spatzle-durum-wheat-light-demeter-500-g-17318">
          <img alt="Spätzle Durum Wheat Light Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8086/file/small-20424d1795b630674ed4a35e03f40bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8086/file/large-953befe764affb6f233c7a3c5df04ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.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">Naturata</p>
          <a href="/en/products/spatzle-durum-wheat-light-demeter-500-g-17318">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spätzle Durum Wheat Light Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17318&quot;],&quot;content_name&quot;:&quot;Spätzle Durum Wheat Light Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17318&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="5qMj3kn69ads1iZLNb0UPhWxNQqsOjetm1IjiJxCSM6hXD88e-Aly3QcfZ5qgxSrhDTyDbis_IJQ4F_ryBo2uQ" />
    <input value="17318" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/spelt-spatzle-light-demeter-500-g-17319">
          <img alt="Spelt Spätzle Light Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8087/file/small-58a5b438df2c5ce54250a25522b01da4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8087/file/large-185f223fb38c30abba0f23f722888c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.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">Naturata</p>
          <a href="/en/products/spelt-spatzle-light-demeter-500-g-17319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spelt Spätzle Light Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17319&quot;],&quot;content_name&quot;:&quot;Spelt Spätzle Light Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17319&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VHoYRVxEJjt2YTCYpMPjIcearg3cNoHeP1HTWsBsyQoThQSnbl72V26ra037_eO0Vh9pCsigSvH04685lDS3fQ" />
    <input value="17319" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/raw-cocoa-powder-blend-organic-500-g-17347">
          <img alt="Raw Cocoa Powder Blend Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8091/file/small-c696c97f67f8fa77b39d67c61cd4f64a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8091/file/medium-70abf8863378d11230fb20d0095a8124.webp 900w, https://assets.fabulous.ch/public/variant_asset/8091/file/large-1a0366de1749538c481eef225764701d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8091/file/medium-70abf8863378d11230fb20d0095a8124.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">GoodMoodFood</p>
          <a href="/en/products/raw-cocoa-powder-blend-organic-500-g-17347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raw Cocoa Powder Blend Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17347&quot;],&quot;content_name&quot;:&quot;Raw Cocoa Powder Blend Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17347&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1zLqc8aZQOSsDkvUKJf9DKcz_PCN_CiNFKAFtp-g3qOQzfaR9IOQiLTEEAF3qf2ZNrY795lq46LfEnnVy_ig1A" />
    <input value="17347" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/crunchy-hazelnut-butter-organic-250-g-17352">
          <img alt="Crunchy Hazelnut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8092/file/small-7b83fcaf5a642caf0cf82dd2f152a9eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8092/file/large-872d185429a68e6f2e683db8d2064231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/crunchy-hazelnut-butter-organic-250-g-17352">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Hazelnut Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17352&quot;],&quot;content_name&quot;:&quot;Crunchy Hazelnut Butter Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17352&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_65pd2JaLY9N_QV-WyyzgbrjREgtE2MNyrq1iKPGjti4UXWVUED941U3XqsEErMUK2aDTzmFqCIBCMnr957wrw" />
    <input value="17352" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/wholegrain-spelt-tortelettes-100-wholegrain-organic-115-g-17355">
          <img alt="Wholegrain Spelt Tortelettes 100% Wholegrain Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8094/file/small-ec8111a3561a3314ddf63af680bbd9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8094/file/medium-3ab7c0bf705c54b232b925548c59d195.webp 900w, https://assets.fabulous.ch/public/variant_asset/8094/file/large-09f30dee6f246501fef4dcf0958a1bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8094/file/medium-3ab7c0bf705c54b232b925548c59d195.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">Werz</p>
          <a href="/en/products/wholegrain-spelt-tortelettes-100-wholegrain-organic-115-g-17355">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wholegrain Spelt Tortelettes 100% Wholegrain Organic, 115 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.57 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17355&quot;],&quot;content_name&quot;:&quot;Wholegrain Spelt Tortelettes 100% Wholegrain Organic, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17355&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="uXpQQmW-0LPprHr2RNoQtfm-KFUYdQp48FhTPJC-Qoj-hUygV6QA3_FmISMb5BAgaDvvUgzjwVc76i9fxOY8_w" />
    <input value="17355" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/4-grain-tortelettes-100-wholegrain-bio-125-g-17356">
          <img alt="4-Grain Tortelettes 100% Wholegrain Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8095/file/small-950c6c35918c3e091e26c88068b1093b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8095/file/medium-0c37650c42dc8a72b3f527878c1b5eea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8095/file/large-7fa8c8892dddad4a99f81d6bb06f651c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8095/file/medium-0c37650c42dc8a72b3f527878c1b5eea.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">Werz</p>
          <a href="/en/products/4-grain-tortelettes-100-wholegrain-bio-125-g-17356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">4-Grain Tortelettes 100% Wholegrain Bio, 125 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.36 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17356&quot;],&quot;content_name&quot;:&quot;4-Grain Tortelettes 100% Wholegrain Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17356&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="hFHdzhl8t_99v_Es23uw1BKUKEJ5DCkkoAhtAzATm4PDrsEsK2Znk2V1qvmERbBBgxHvRW2a4gtruhFgZEvl9A" />
    <input value="17356" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/elderflower-syrup-organic-500-ml-17357">
          <img alt="Elderflower Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8097/file/small-2f6bfdbadbe0e70e14c1ff83a3c38b1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.webp 900w, https://assets.fabulous.ch/public/variant_asset/8097/file/large-fcf3b778e0cc8672d83bfd539f8e299b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.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">Sonnentor</p>
          <a href="/en/products/elderflower-syrup-organic-500-ml-17357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Elderflower Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17357&quot;],&quot;content_name&quot;:&quot;Elderflower Syrup Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17357&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knozKYeO_A19EB7TYWGPhXIhVdD2h4UgqLLL9tHzc5vVhS_LtZQsYWXaRQY-X48Q46SS1-IRTg9jALeVhasN7A" />
    <input value="17357" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/raspberry-syrup-organic-500-ml-17358">
          <img alt="Raspberry Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8098/file/small-5694a7e6c8b1bae49ca0aae83514fb29.webp 600w, https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8098/file/large-a32db9181543d3d6fc1f222d7ef1d656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.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">Sonnentor</p>
          <a href="/en/products/raspberry-syrup-organic-500-ml-17358">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raspberry Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17358&quot;],&quot;content_name&quot;:&quot;Raspberry Syrup Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17358&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H9kJLnKdklw4LrCBCXxDC0Ypa3ue5OutMoD7RMm8MOhYJhXMQIdCMCDk61RWQkOe16ysfIpyIIL5MocnneROnw" />
    <input value="17358" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/wild-lilli-syrup-organic-500-ml-17359">
          <img alt="Wild Lilli Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8099/file/small-e07dd359e6ad1c40ff12b2ca314cf6dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8099/file/large-4a8afa83d7d5708990d4da749167080e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.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">Sonnentor</p>
          <a href="/en/products/wild-lilli-syrup-organic-500-ml-17359">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Lilli Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17359&quot;],&quot;content_name&quot;:&quot;Wild Lilli Syrup Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17359&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-E6CMOSZjhS8Kdl9KwWITsFr7-NrLTAEdXTvnWDWTcu_sZ7S1oNeeKTjgqh0O4jbUO4o5H-7-yu-xpP-NI4zvA" />
    <input value="17359" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pistachio-cream-organic-250-g-17385">
          <img alt="Pistachio Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8108/file/small-278e38bc1daec6262a64ec17ba6ca744.webp 600w, https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8108/file/large-728c7e12a80b171b51f045a777ae1382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/pistachio-cream-organic-250-g-17385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistachio Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17385&quot;],&quot;content_name&quot;:&quot;Pistachio Cream Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ITQNZIwN_nIsaQDNMZ1iqsljQO3RvyG1GB98QI-0ifBmyxGGvhcuHjSjWxhuo2I_WOaH6sUp6prTrQAj2-z3hw" />
    <input value="17385" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/blender-vitamix-a3500i-black-1-piece-17421">
          <img alt="Blender Vitamix A3500i BLACK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8118/file/small-aac9a03c6aa396a259ee86d3fa2a26c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8118/file/medium-4f20c44ab5878d482e5eca3f1c4b2992.webp 900w, https://assets.fabulous.ch/public/variant_asset/8118/file/large-e66fd8058d41a04d1cda4f48f292bec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8118/file/medium-4f20c44ab5878d482e5eca3f1c4b2992.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">Vitamix</p>
          <a href="/en/products/blender-vitamix-a3500i-black-1-piece-17421">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blender Vitamix A3500i BLACK, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1&#39;099.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;099.00 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17421&quot;],&quot;content_name&quot;:&quot;Blender Vitamix A3500i BLACK, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17421&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1099.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BPR_WMcLInrHVlCAaneP57I63aT-pm72MAS1sK_urBlDC2O69RHyFt-cC1U1SY9yI78ao-owpdn7tsnT-7bSbg" />
    <input value="17421" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/kuvings-vacuum-blender-sv-400-anthracite-1-piece-17422">
          <img alt="Kuvings Vacuum Blender SV-400 Anthracite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8119/file/small-c075ea19ca1e17f62b65a049ba45df5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8119/file/medium-e3b9aaf79ba222b1f42734f81b1a62bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8119/file/large-5725de9119318c085a96b7cb2e1e1c8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8119/file/medium-e3b9aaf79ba222b1f42734f81b1a62bb.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">Kuvings</p>
          <a href="/en/products/kuvings-vacuum-blender-sv-400-anthracite-1-piece-17422">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvings Vacuum Blender SV-400 Anthracite, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17422&quot;],&quot;content_name&quot;:&quot;Kuvings Vacuum Blender SV-400 Anthracite, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17422&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:525.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GOkQa6vub7g3FkZUgDJHl5KbBVWuS8nadBD72LwgyxVfFgyJmfS_1C_cHYHfDEcCAx7CUrrdAvW_ooe76Hi1Yg" />
    <input value="17422" 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%2Freosal%3Fformat%3Dturbo_stream%26page%3D162">
    <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/kuvings-vacuum-blender-sv-400-red-1-piece-17423">
          <img alt="Kuvings Vacuum Blender SV-400 Red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8120/file/small-7edd5c09e5174fc11dccfd802dc24dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.webp 900w, https://assets.fabulous.ch/public/variant_asset/8120/file/large-bffe386e79e980fe40389be1f3c2e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.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">Kuvings</p>
          <a href="/en/products/kuvings-vacuum-blender-sv-400-red-1-piece-17423">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvings Vacuum Blender SV-400 Red, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17423&quot;],&quot;content_name&quot;:&quot;Kuvings Vacuum Blender SV-400 Red, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17423&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:525.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m8Cj51gtv-T3WMzsaow1jY-gUA7mSOd4JyCAsl8RJq7cP78FajdviO-Slzk1sjUYHiWXCfLeLFfskvzRC0lY2Q" />
    <input value="17423" 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;240 of 3&#39;521 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/reosal?format=turbo_stream&amp;page=163">Show more</a>
  </div>
</div>

</template></turbo-stream>