<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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/hyaluron-firming-serum-30-ml-9691">
          <img alt="Hyaluron Firming Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5396/file/small-d5732844b1768f269f12e98e36122918.webp 600w, https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5396/file/large-3ce7a130cf3dffd0499891786ef8e064.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5396/file/medium-c648ae07e48679f24ab7d6d99418aa8b.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">Lavera</p>
          <a href="/en/products/hyaluron-firming-serum-30-ml-9691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Firming Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9691&quot;],&quot;content_name&quot;:&quot;Hyaluron Firming Serum, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:28.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="udZjat0oi2rt19KWuWjXtUBSnPchHxwLxc6oDCjxMRqwEq__qKsH24IULEKHVyMuXi-DYWGKbLaM6rsg-GSXoQ" />
    <input value="9691" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/hydro-sheet-mask-1-piece-1-piece-9695">
          <img alt="Hydro Sheet Mask, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5410/file/small-ab0e21b4ef640255d3cea8b3d0442cf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5410/file/large-f4d56ad04a62d3abfb3ddf7553e708e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.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">Lavera</p>
          <a href="/en/products/hydro-sheet-mask-1-piece-1-piece-9695">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydro Sheet Mask, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.90</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9695&quot;],&quot;content_name&quot;:&quot;Hydro Sheet Mask, 1 piece, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9695&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eQ8jYtpHf-_7b_04bd3yitnWRed3HBgEpn6UTEZBQY1wy-_3r8TzXpSsA-xT4gYRx6tacTeJaLnvWodgltTnNg" />
    <input value="9695" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/beard-oil-beard-hair-oil-black-pepper-30-ml-9804">
          <img alt="Beard Oil Beard &amp; Hair Oil Black Pepper" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5438/file/small-d6c8cfcc0ac685a2a229a389418cba79.webp 600w, https://assets.fabulous.ch/public/variant_asset/5438/file/medium-d3d4c6397fccf43715855b3504c75119.webp 900w, https://assets.fabulous.ch/public/variant_asset/5438/file/large-1833051e76fb071c2c3008fd47b2bf94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5438/file/medium-d3d4c6397fccf43715855b3504c75119.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">No Bullsh!t</p>
          <a href="/en/products/beard-oil-beard-hair-oil-black-pepper-30-ml-9804">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beard Oil Beard &amp; Hair Oil Black Pepper, 30 ml</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 97.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9804&quot;],&quot;content_name&quot;:&quot;Beard Oil Beard \u0026 Hair Oil Black Pepper, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9804&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="f9wIpsN2IsQ_PdBsbl7v1bblk1QgjsG63iK-Uict5px2GMQztvWudVD-LrhQYRtOqJiMwmAbsQeXBq1-97hAJw" />
    <input value="9804" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/beard-oil-beard-hair-oil-nude-30-ml-9805">
          <img alt="Beard Oil Beard &amp; Hair Oil Nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5440/file/small-3710787f27704112c07fbcf23d9d1f1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5440/file/medium-729736fa91406f7b184950e5b909373b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5440/file/large-f4615575783c132177a3ade16e256b4d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5440/file/medium-729736fa91406f7b184950e5b909373b.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">No Bullsh!t</p>
          <a href="/en/products/beard-oil-beard-hair-oil-nude-30-ml-9805">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beard Oil Beard &amp; Hair Oil Nude, 30 ml</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 97.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9805&quot;],&quot;content_name&quot;:&quot;Beard Oil Beard \u0026 Hair Oil Nude, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9805&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="iHNq88Tojzz0pKEvltGIeBaIyGnzutawFoYtt44qZXGBt6ZmsWsDjZtnX_uo7nzjCPXX_7Mvpg1foj6bXr_Dyg" />
    <input value="9805" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/nappy-cream-baby-child-care-75-ml-10111">
          <img alt="Nappy Cream Baby &amp; Child Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5490/file/small-6ee9699fcbbb95eb57b087a9e10f90aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5490/file/medium-bca034350556799d4399edeabd169bcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5490/file/large-a9e5e21430d65ee0f62d51586683d068.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5490/file/medium-bca034350556799d4399edeabd169bcc.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">Lavera</p>
          <a href="/en/products/nappy-cream-baby-child-care-75-ml-10111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nappy Cream Baby &amp; Child Care, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10111&quot;],&quot;content_name&quot;:&quot;Nappy Cream Baby \u0026 Child Care, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10111&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="M1c8Bud-Tr8pFOPQHnhU__UJ0svM4AMk4j1cqB0pvHE6k_CTkv3CDkbXHQQgR6Bk63TNXYx1c5mrGU-Ezbwayg" />
    <input value="10111" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/no-bullsh-t-solid-perfume-sun-15-ml-11153">
          <img alt="No Bullsh!t Solid Perfume Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5713/file/small-674af5c9647025942b17e8d7c3d81d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5713/file/large-5cc1f2905937cb0d9b62e835c1dc286a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5713/file/medium-91822919cc239b5d135e4cfb8ef78d7b.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-solid-perfume-sun-15-ml-11153">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">No Bullsh!t Solid Perfume Sun, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11153&quot;],&quot;content_name&quot;:&quot;No Bullsh!t Solid Perfume Sun, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11153&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2vXVQbJt_U7XmUGI35tgkWqxOC8LEh87aa8eWMidhGDTMRnUx-5x_7hav1zhpJQKdMwnuUuHb4Ygiw10GAgi2w" />
    <input value="11153" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/no-bullsh-t-solid-perfume-earth-15-ml-11207">
          <img alt="No Bullsh!t Solid Perfume Earth" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5735/file/small-3b0d38c02450fb9756024d8f04adcd77.webp 600w, https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5735/file/large-6e9d0c2e5cf94fc9b5b26c4343560be5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5735/file/medium-a17eeae546e7b5f2eed24097d3929b45.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-solid-perfume-earth-15-ml-11207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">No Bullsh!t Solid Perfume Earth, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11207&quot;],&quot;content_name&quot;:&quot;No Bullsh!t Solid Perfume Earth, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z7lHiR_iFdq5MdWfRFJW0uS5Y9W4phxukDKYoDcHjudufYscamGZa9byK0t6baJJ-sR8Q_gzbNPZFouM55IoXA" />
    <input value="11207" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/no-bullsh-t-solid-perfume-venus-15-ml-11208">
          <img alt="No Bullsh!t Solid Perfume Venus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5736/file/small-34bea04280e2a75c3f92402f804b9c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.webp 900w, https://assets.fabulous.ch/public/variant_asset/5736/file/large-6fdef2dd0c5747dce80f47b200c32242.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5736/file/medium-911a462764b8adfd4f653881589b0f99.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">No Bullsh!t</p>
          <a href="/en/products/no-bullsh-t-solid-perfume-venus-15-ml-11208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">No Bullsh!t Solid Perfume Venus, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11208&quot;],&quot;content_name&quot;:&quot;No Bullsh!t Solid Perfume Venus, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11208&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HWTB9Hcu7_i09coVeeWz-HQ5xOF7C6Ozge1qxTnhQRcUoA1hAq1jSds2NMFH2kdjakTbdzue0w7IyXnp6XTnrA" />
    <input value="11208" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wet-food-hownd-quinoa-pumpkin-casserole-400-g-11253">
          <img alt="Wet Food HOWND Quinoa &amp; Pumpkin Casserole" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5760/file/small-63e69ca042aa25dc8b27bf66dad40618.webp 600w, https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5760/file/large-6ebe234172809755b3aa89817c3e57c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5760/file/medium-d15d0b9d4767f206ee71a4d36992c5f3.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-quinoa-pumpkin-casserole-400-g-11253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wet Food HOWND Quinoa &amp; Pumpkin Casserole, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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-11253-card">
        

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wet-food-hownd-blueberry-coconut-porridge-400-g-11254">
          <img alt="Wet Food HOWND Blueberry &amp; Coconut Porridge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5761/file/small-499a69cbf0651cbc69defd6da7b550f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5761/file/large-0c67810d60c555e56a3a63a4a9007840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5761/file/medium-8539573936693fbd60e6a02e650fbdb6.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-blueberry-coconut-porridge-400-g-11254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wet Food HOWND Blueberry &amp; Coconut Porridge, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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-11254-card">
        

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wet-food-hownd-papaya-lentils-dahl-400-g-11255">
          <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-11255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wet Food HOWND Papaya &amp; Lentils Dahl, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </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-11255-card">
        

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dry-food-hownd-pumpkin-quinoa-moringa-2-kg-11422">
          <img alt="Dry Food HOWND Pumpkin, Quinoa &amp; Moringa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5843/file/small-673e3f3d678723c25903c2d6f2f21eb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5843/file/medium-4ceb3e0a9ec6fc2e0ac1e3b87d62efd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5843/file/large-96435ec47989df1c7eb8c77a01e84662.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5843/file/medium-4ceb3e0a9ec6fc2e0ac1e3b87d62efd8.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/dry-food-hownd-pumpkin-quinoa-moringa-2-kg-11422">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dry Food HOWND Pumpkin, Quinoa &amp; Moringa, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.75
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/dry-food-hownd-pumpkin-quinoa-moringa-10-kg-11439">
          <img alt="Dry Food HOWND Pumpkin, Quinoa &amp; Moringa" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5855/file/small-0eff22fbc399f12ca601bea988826645.webp 600w, https://assets.fabulous.ch/public/variant_asset/5855/file/medium-20e0603c15eee70d2d0f9c4cc4e8462d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5855/file/large-745cf68c7b12996eeb7dc7373fed45f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5855/file/medium-20e0603c15eee70d2d0f9c4cc4e8462d.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/dry-food-hownd-pumpkin-quinoa-moringa-10-kg-11439">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dry Food HOWND Pumpkin, Quinoa &amp; Moringa, 10 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11439&quot;],&quot;content_name&quot;:&quot;Dry Food HOWND Pumpkin, Quinoa \u0026 Moringa, 10 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11439&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:86.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-MdE87dmx1raZsiH3rk3kvDhtgKkqZ9InoW6RXYT7CPxA4hmwuVL67WlNlPghsMJ7pyplOQ87_XXoalppoZKmA" />
    <input value="11439" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eco-aftersun-lotion-75-ml-11664">
          <img alt="Eco Aftersun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5946/file/small-0a53588ddf0bf815148b7c539724b9e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5946/file/medium-1bf0f510be93fac99805e3d3942ca1e3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5946/file/large-75023fd87a92d16dbcb81954598865cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5946/file/medium-1bf0f510be93fac99805e3d3942ca1e3.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">eco-naturkosmetik</p>
          <a href="/en/products/eco-aftersun-lotion-75-ml-11664">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eco Aftersun Lotion, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/vegdog-can-lid-for-can-800-g-11795">
          <img alt="VEGDOG Can Lid for Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6024/file/small-6b9c9a7ab0f1ad18729fcdedbdb6ba23.webp 600w, https://assets.fabulous.ch/public/variant_asset/6024/file/medium-a3f0bf0d653d7a5fc67a9152d2ef128d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6024/file/large-1dd0eccaa49ce0f4d0382c9278047abf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6024/file/medium-a3f0bf0d653d7a5fc67a9152d2ef128d.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-can-lid-for-can-800-g-11795">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Can Lid for Can, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11795&quot;],&quot;content_name&quot;:&quot;VEGDOG Can Lid for Can, 800 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11795&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hsSThQCAf3rHXTBgo8KHaP4Q1UJK01j0UMkh5IMUOQGPAF8QdQPzy6iezrSd_XPz4G3K1ApGKEkZ7TLIU4Gfug" />
    <input value="11795" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/night-basis-sensitiv-anti-ageing-night-cream-q10-50-ml-48045d91-fc9c-4166-9e03-33dcef1654c0-12057">
          <img alt="Night basis sensitiv Anti-ageing Night cream Q10" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6116/file/small-5ea6ca3411be9110eb1b3624a49e2e78.webp 600w, https://assets.fabulous.ch/public/variant_asset/6116/file/medium-d60a0c41d42592c1c06232c398d68278.webp 900w, https://assets.fabulous.ch/public/variant_asset/6116/file/large-b32bec99da7c81712d3a52d1bb668ca2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6116/file/medium-d60a0c41d42592c1c06232c398d68278.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">Lavera</p>
          <a href="/en/products/night-basis-sensitiv-anti-ageing-night-cream-q10-50-ml-48045d91-fc9c-4166-9e03-33dcef1654c0-12057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Night basis sensitiv Anti-ageing Night cream Q10, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12057&quot;],&quot;content_name&quot;:&quot;Night basis sensitiv Anti-ageing Night cream Q10, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12057&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l0BtDBCUdCOTF0kJd_fh4YkBUJpP1BqdkrnLn4P7L56ehKGZZRf4kvzUt91JyBV6l3xPDA9BaiDbndizU26JJQ" />
    <input value="12057" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dental-sticks-puppies-banana-pumpkin-100-g-12208">
          <img alt="Dental Sticks Puppies Banana &amp; Pumpkin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6149/file/small-21b2420fddcccbd3274deb98ba7f42bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6149/file/medium-6a249bc729e39d760af3efd0db1ca7b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6149/file/large-2e5b9f9fdac8a54160cbc5d3e29a1bbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6149/file/medium-6a249bc729e39d760af3efd0db1ca7b1.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">Soopa</p>
          <a href="/en/products/dental-sticks-puppies-banana-pumpkin-100-g-12208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dental Sticks Puppies Banana &amp; Pumpkin, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dog-dental-sticks-banana-pumpkin-flaxseed-100-g-12209">
          <img alt="Dog Dental Sticks Banana, Pumpkin &amp; Flaxseed" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6150/file/small-394a67e2b8825ccaff9db7c953683adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6150/file/medium-6ad3b8a7a36e720faa0bd531c631f4cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6150/file/large-d5941868155e084cb37e25fe4a28a56a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6150/file/medium-6ad3b8a7a36e720faa0bd531c631f4cf.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">Soopa</p>
          <a href="/en/products/dog-dental-sticks-banana-pumpkin-flaxseed-100-g-12209">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dog Dental Sticks Banana, Pumpkin &amp; Flaxseed, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/got-an-itch-wellness-vegan-dog-treats-100-g-12210">
          <img alt="Got An Itch? Wellness Vegan Dog Treats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6151/file/small-4892e403e512f5c8d1167b00a0ae0c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.webp 900w, https://assets.fabulous.ch/public/variant_asset/6151/file/large-9c37364913f186babeec15cbbb49dfa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6151/file/medium-ebe6a9b09beffed16a338b172a6b3900.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/got-an-itch-wellness-vegan-dog-treats-100-g-12210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Got An Itch? Wellness Vegan Dog Treats, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12210&quot;],&quot;content_name&quot;:&quot;Got An Itch? Wellness Vegan Dog Treats, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12210&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="uV_FrAWwlc-GJKuF81EoVsEz_8GcepfDaphmnjXkyfOwmwk5cDMZfunnVVHNbtzN307gV9zv534jvHWy5XFvSA" />
    <input value="12210" 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%2Fnatural-cosmetics%3Fformat%3Dturbo_stream%26page%3D23">
    <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/yup-you-stink-wellness-dog-treats-100-g-12211">
          <img alt="Yup You Stink! Wellness Dog Treats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6152/file/small-0fe6ea0a1ab241dedde5e3720717993a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6152/file/medium-1d7d9f16ba0de26cab8a9822c65aaf67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6152/file/large-c36fb3d8b4116e2fbcbf02540f91d557.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6152/file/medium-1d7d9f16ba0de26cab8a9822c65aaf67.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/yup-you-stink-wellness-dog-treats-100-g-12211">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yup You Stink! Wellness Dog Treats, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12211&quot;],&quot;content_name&quot;:&quot;Yup You Stink! Wellness Dog Treats, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12211&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="CDTfOgDsves5zxmKtiZXuAmgmXgCXbzw8G8UHSPo7vkB8BOvdW8xWlYM516IGaMjF92G7kLIzE25Swcx831IQg" />
    <input value="12211" 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">
      460 of 572 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natural-cosmetics?format=turbo_stream&amp;page=24">Show more</a>
  </div>
</div>

</template></turbo-stream>