<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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/petit-biscuit-anti-parasitic-grain-free-100-g-short-shelf-life-08-11-2026-22143">
          <img alt="Petit Biscuit - Anti-Parasitic grain-free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7352/file/small-5b5d4a87db5fa7fd9014f62c27ebf3c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7352/file/medium-5cb602cd1a3c98d7db78d98e93779f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7352/file/large-888a28cb6868eb77f51d3a25f7213e18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7352/file/medium-5cb602cd1a3c98d7db78d98e93779f54.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">Little Chef</p>
          <a href="/en/products/petit-biscuit-anti-parasitic-grain-free-100-g-short-shelf-life-08-11-2026-22143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Anti-Parasitic grain-free, 100 g (Short shelf life 08.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22143&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Anti-Parasitic grain-free, 100 g (Short shelf life 08.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22143&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tl1ACfL-yWLxdO9nCrIkI68dOh7eLzso1X_nkANicmZU5ncuS782h-bByAu0H8ltllnh2xNycIIT1KVw9DZnvg" />
    <input value="22143" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/petit-biscuit-skin-coat-grain-free-100-g-short-shelf-life-08-11-2026-22144">
          <img alt="Petit Biscuit - Skin &amp; Coat grain-free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7364/file/small-d7a54608219cff0a17d19cf89c7b78f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7364/file/medium-ef59057017381652f813a1b7f0e811e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7364/file/large-92af7adc7ce1e365c0f4da18583f9fde.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7364/file/medium-ef59057017381652f813a1b7f0e811e4.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">Little Chef</p>
          <a href="/en/products/petit-biscuit-skin-coat-grain-free-100-g-short-shelf-life-08-11-2026-22144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Biscuit - Skin &amp; Coat grain-free, 100 g (Short shelf life 08.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22144&quot;],&quot;content_name&quot;:&quot;Petit Biscuit - Skin \u0026 Coat grain-free, 100 g (Short shelf life 08.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wlUQYFtW98UXNyg9xBuPk9E0LRpQ9-keWj8mcI1xHPog7idH4hcIIACCD1F6tmLd6HD2352qorSclGSQeiUJIg" />
    <input value="22144" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/energy-drink-organic-250-ml-short-shelf-life-11-10-2026-22164">
          <img alt="Energy Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7975/file/small-4357da517ecead9094a5fb667f2fd946.webp 600w, https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7975/file/large-ef6143ec86892b627a81763299fa2664.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7975/file/medium-1e6a70cbbd40affa199ef0ada3847ebd.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">Biotta</p>
          <a href="/en/products/energy-drink-organic-250-ml-short-shelf-life-11-10-2026-22164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energy Drink Organic, 250 ml (Short shelf life 11.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22164&quot;],&quot;content_name&quot;:&quot;Energy Drink Organic, 250 ml (Short shelf life 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22164&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qhks_4JfsOnKXb0xLt92P6bzyWmiIB0f01XGgoqdAxhIohvYOx5PDN3oml2Qcptxn7cSrG99VrUV_oRifckWwA" />
    <input value="22164" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gingerbread-oat-m-lk-chocolate-60-g-short-shelf-life-15-01-2027-22183">
          <img alt="Gingerbread Oat M*lk Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7897/file/small-793144cf34009342994b8cae62f55df6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7897/file/medium-691645cab67bcca8403525fc2fbb7015.webp 900w, https://assets.fabulous.ch/public/variant_asset/7897/file/large-8f6a823cf7e17ea976948fca5928641e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7897/file/medium-691645cab67bcca8403525fc2fbb7015.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">OTHERLY</p>
          <a href="/en/products/gingerbread-oat-m-lk-chocolate-60-g-short-shelf-life-15-01-2027-22183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gingerbread Oat M*lk Chocolate, 60 g (Short shelf life 15.01.2027)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</span>
            </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-22183-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22183&quot;],&quot;content_name&quot;:&quot;Gingerbread Oat M*lk Chocolate, 60 g (Short shelf life 15.01.2027)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22183&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X-YDTAqGdktvq4vRXKgExZ8OMmpbQBrxCbp75uePdva9XTRrs8eJrngerL3iBemLpkrpr5YdUVvPETkGENtjLg" />
    <input value="22183" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookie-spice-organic-32-g-short-shelf-life-30-11-2026-22184">
          <img alt="Cookie Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7597/file/small-72fae374351bced70fcd36339a344c90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7597/file/large-eac1bb1fbe9c9a62661da62d301be1cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.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">Brecht</p>
          <a href="/en/products/cookie-spice-organic-32-g-short-shelf-life-30-11-2026-22184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Spice Organic, 32 g (Short shelf life 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22184&quot;],&quot;content_name&quot;:&quot;Cookie Spice Organic, 32 g (Short shelf life 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22184&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E3nuqNUk6S6eGBLXQfR3wE_nyyQHFRwKjAdYqUbMrYDxwtmPbGUWy4mtNbv_WZqOdqMQ4cpIV6BKrBpJsZi4WA" />
    <input value="22184" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cinnamon-sugar-organic-140-g-short-shelf-life-30-11-2026-22185">
          <img alt="Cinnamon &amp; Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7590/file/small-b540997a303585d770f87d5b190e68e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7590/file/medium-c620dd1e5cf28bb15ef34779a4b29ae7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7590/file/large-a78a3985b211ea118b41f40e607ef55f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7590/file/medium-c620dd1e5cf28bb15ef34779a4b29ae7.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">Brecht</p>
          <a href="/en/products/cinnamon-sugar-organic-140-g-short-shelf-life-30-11-2026-22185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cinnamon &amp; Sugar Organic, 140 g (Short shelf life 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22185&quot;],&quot;content_name&quot;:&quot;Cinnamon \u0026 Sugar Organic, 140 g (Short shelf life 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22185&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9e3gG5WMjs5Pg_DaeiZ8CGu5vm3cGoCl54XEi8Quw_oXVtc8LM1xK1g217bEi5FGUv1lqBFHyw8hLoZrM3rWIg" />
    <input value="22185" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/wholemeal-rye-flour-swiss-bio-1-kg-short-shelf-life-20-10-2026-22189">
          <img alt="Wholemeal Rye Flour Swiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3979/file/small-2b305b4514fd40513473db895a509d01.webp 600w, https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3979/file/large-7c8196a200ed1deeeb45fe335ce39fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/wholemeal-rye-flour-swiss-bio-1-kg-short-shelf-life-20-10-2026-22189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wholemeal Rye Flour Swiss Bio, 1 kg (Short shelf life 20.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22189&quot;],&quot;content_name&quot;:&quot;Wholemeal Rye Flour Swiss Bio, 1 kg (Short shelf life 20.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22189&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6mOB8WhVtHIF9mrMVGtwh_niY4tSP1xgxvlW9lOAsUYI2LbW0RRLlxJDTaDqxp3JwKa4Tp9iF8oAUhQWpNSkng" />
    <input value="22189" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/taboule-organic-150-g-short-shelf-life-15-10-2026-22191">
          <img alt="Taboulé Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7234/file/small-4ac082631b0c32e102333f2437439c5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7234/file/large-a59dcc21f93a47a19eb0dc834aa0cade.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.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">Antersdorfer</p>
          <a href="/en/products/taboule-organic-150-g-short-shelf-life-15-10-2026-22191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taboulé Organic, 150 g (Short shelf life 15.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22191&quot;],&quot;content_name&quot;:&quot;Taboulé Organic, 150 g (Short shelf life 15.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22191&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l8U8LUUMKPIThi75PSI0MRbQ8-grOndY3eKqiVC1Wwt1fgsK_E3XFwQzCZWDj9l_L5QoLeZnPPIbSehpp-FO0w" />
    <input value="22191" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/dj-a-crispy-garlic-cloves-45-g-short-shelf-life-15-10-2026-22192">
          <img alt="DJ&amp;A Crispy Garlic Cloves" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7278/file/small-ce73b0e07606d58976ee105425029eba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7278/file/large-69a5ef3a9f489dce4f7580a47af4e1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-garlic-cloves-45-g-short-shelf-life-15-10-2026-22192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DJ&amp;A Crispy Garlic Cloves, 45 g (Short shelf life 15.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22192&quot;],&quot;content_name&quot;:&quot;DJ\u0026A Crispy Garlic Cloves, 45 g (Short shelf life 15.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22192&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="WOyywFy63h1vj4CAcdxOgiMj9yXXXxs3ltvN3IF0p5C6V4Xn5fsh-Hg6p-zPcaPMGmcs4BoCUJ1QcI88diCySA" />
    <input value="22192" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/vegdog-birthday-cookies-limited-edition-400-g-short-shelf-life-17-10-2026-22238">
          <img alt="VEGDOG Birthday Cookies Limited Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7153/file/small-2c604407c27d61fe6087152ed145860b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7153/file/medium-03077144fe9667c2db8ba4210093b699.webp 900w, https://assets.fabulous.ch/public/variant_asset/7153/file/large-1d0558259d3f130ffd5e5ac33bc0ae15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7153/file/medium-03077144fe9667c2db8ba4210093b699.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-birthday-cookies-limited-edition-400-g-short-shelf-life-17-10-2026-22238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Birthday Cookies Limited Edition, 400 g (Short shelf life 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22238&quot;],&quot;content_name&quot;:&quot;VEGDOG Birthday Cookies Limited Edition, 400 g (Short shelf life 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22238&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aWJKorhh_VHbSaoJn8lwY_Xwf1CFIpPujkuhMHVHKI2L2X2FASACtMz8jWUhZJ0tzLSklUh_2ERI4OPQghM9VQ" />
    <input value="22238" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/earl-piccante-sauce-315-ml-22240">
          <img alt="Earl Piccante Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11731/file/small-db88026bba0d6e36cbf39d716fa1e2b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11731/file/medium-06aee81ce4ef867ac4d85ed8fc468ca2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11731/file/large-eaa3238684cef12b7fee2f2c97e6f55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11731/file/medium-06aee81ce4ef867ac4d85ed8fc468ca2.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">BUFIS</p>
          <a href="/en/products/earl-piccante-sauce-315-ml-22240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Earl Piccante Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22240&quot;],&quot;content_name&quot;:&quot;Earl Piccante Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22240&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="75LiD7KDgrfEvL21ZLgqB0LSezBiliOPavaQRvr5nHsNKdUoC8J9UtMJmtnaFcdJe5ag9a_LaCWsXdKmDa2Jow" />
    <input value="22240" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/vitamin-b12-for-children-methyl-3-1-g-120-chewable-tablets-short-shelf-life-31-10-2026-22285">
          <img alt="Vitamin B12 for Children Methyl 3.1μg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4053/file/small-a57d46368ecf90aeec162e51157c604c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp 900w, https://assets.fabulous.ch/public/variant_asset/4053/file/large-716d0851269123ddbbdd25150a240214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.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">Bjökovit</p>
          <a href="/en/products/vitamin-b12-for-children-methyl-3-1-g-120-chewable-tablets-short-shelf-life-31-10-2026-22285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin B12 for Children Methyl 3.1μg, 120 chewable tablets (Short shelf life 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 24.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 19.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22285&quot;],&quot;content_name&quot;:&quot;Vitamin B12 for Children Methyl 3.1μg, 120 chewable tablets (Short shelf life 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZQAIiyp3_aiG421KEDNdAt5LGGaZxLA2ruVZ68fc7R7LzcFleggE7WuqtmW7SA6Mj33pFc6WWocENeHWEtmbA" />
    <input value="22285" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/gottlieber-huppen-praline-4-x-15-g-short-shelf-life-20-10-2026-22287">
          <img alt="Gottlieber Hüppen Praline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7794/file/small-f4d99b92fef4ba49f5c993f6045c9ddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7794/file/medium-af4d717beb9588929ea0cd60befc21d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7794/file/large-26a87d719dc045b9954db8233c004076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7794/file/medium-af4d717beb9588929ea0cd60befc21d9.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">Gottlieber Hüppen</p>
          <a href="/en/products/gottlieber-huppen-praline-4-x-15-g-short-shelf-life-20-10-2026-22287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gottlieber Hüppen Praline, 4 x 15 g (Short shelf life 20.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22287&quot;],&quot;content_name&quot;:&quot;Gottlieber Hüppen Praline, 4 x 15 g (Short shelf life 20.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UoK6nG8lp1Ho2hynsesbSVrFlOh7-_kvcIjWJGoRR3ewOY271mRYtP9vO8sPRvYHY4FPLbamsoW2I5TEnUVSrw" />
    <input value="22287" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/fruitgarden-wild-berry-organic-225-g-short-shelf-life-23-10-2026-22289">
          <img alt="Fruitgarden Wild Berry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4473/file/small-9d5ff68ca633fe0ba1637666a8d09d8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4473/file/large-57d377c842ee84aa2a3943e1e0351502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-wild-berry-organic-225-g-short-shelf-life-23-10-2026-22289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruitgarden Wild Berry Organic, 225 g (Short shelf life 23.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22289&quot;],&quot;content_name&quot;:&quot;Fruitgarden Wild Berry Organic, 225 g (Short shelf life 23.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22289&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Daci8zOrL0EhePvmhSaT3Dcf29IfeURTprvztsxTReTvHBXUiurQpDbN3Io7i36SDlsAF9IkD_lgELFWOwdQPA" />
    <input value="22289" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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">
    32 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chips-biosaurus-babe-ketchup-organic-50-g-short-shelf-life-17-10-2026-22290">
          <img alt="Chips Biosaurus Babe Ketchup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5161/file/small-5ea13d56ecd2fd766951891055a3b526.webp 600w, https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5161/file/large-6051789ddf94d2f02eccf3d58f77dfe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.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">BioSaurus</p>
          <a href="/en/products/chips-biosaurus-babe-ketchup-organic-50-g-short-shelf-life-17-10-2026-22290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Biosaurus Babe Ketchup Organic, 50 g (Short shelf life 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22290&quot;],&quot;content_name&quot;:&quot;Chips Biosaurus Babe Ketchup Organic, 50 g (Short shelf life 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22290&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xz7YwEL2ad9WVUKbGnm55QliUXVv_Ncw2nzMSxzU5zIlhe_n-7eWOkHgZfek1FSrMCaKsKKhnJoc146r64Dy6g" />
    <input value="22290" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/le-pain-des-fleurs-onion-organic-150-g-short-shelf-life-23-10-2026-22291">
          <img alt="Le Pain des Fleurs Onion Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-onion-organic-150-g-short-shelf-life-23-10-2026-22291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le Pain des Fleurs Onion Organic, 150 g (Short shelf life 23.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22291&quot;],&quot;content_name&quot;:&quot;Le Pain des Fleurs Onion Organic, 150 g (Short shelf life 23.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90i5cFefxVx2Pt5xWjG242t5mlgcONTervHiiGHS8z4V845X7t46uWGL-R3knFutUj1BndFln3RoWqBolobm5g" />
    <input value="22291" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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">
    41 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/trikkis-fuego-bites-tortilla-chips-organic-90-g-short-shelf-life-16-10-2026-22292">
          <img alt="Trikkis Fuego Bites Tortilla Chips Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11175/file/small-7034332b73301a946e0c8e64ca280c35.webp 600w, https://assets.fabulous.ch/public/variant_asset/11175/file/medium-6c670675d46ec7e0e311409d46f99b27.webp 900w, https://assets.fabulous.ch/public/variant_asset/11175/file/large-9a48d9c29615301dd3c04d6db54506a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11175/file/medium-6c670675d46ec7e0e311409d46f99b27.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">MiAdelita</p>
          <a href="/en/products/trikkis-fuego-bites-tortilla-chips-organic-90-g-short-shelf-life-16-10-2026-22292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trikkis Fuego Bites Tortilla Chips Organic, 90 g (Short shelf life 16.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.35</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22292&quot;],&quot;content_name&quot;:&quot;Trikkis Fuego Bites Tortilla Chips Organic, 90 g (Short shelf life 16.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aam1m83wVHZrzhYnXPkoPnkNYa0t6A8ccpxS2wA8m62LEoK8dLGrk3x7MUviVMVwQEm6aOC1RLa0NxA792iOdQ" />
    <input value="22292" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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">
    24 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/roobar-chocolate-covered-hazelnuts-organic-30-g-short-shelf-life-26-10-2026-22299">
          <img alt="Roobar Chocolate Covered Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4021/file/small-041c9a13856d17cda721f2d6f5644782.webp 600w, https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.webp 900w, https://assets.fabulous.ch/public/variant_asset/4021/file/large-79257857e6b15c091fb9941596e8b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.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">Roo&#39;Bar</p>
          <a href="/en/products/roobar-chocolate-covered-hazelnuts-organic-30-g-short-shelf-life-26-10-2026-22299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roobar Chocolate Covered Hazelnuts Organic, 30 g (Short shelf life 26.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22299&quot;],&quot;content_name&quot;:&quot;Roobar Chocolate Covered Hazelnuts Organic, 30 g (Short shelf life 26.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zkll5ll8UtFTf0TjeyC4-JIQurDH4JAweJbacZgVFEYs8lLB4D2tNETKY4_FjVW2q1RhdQq925q-PZiRb0EBng" />
    <input value="22299" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/deluxe-nut-mix-with-sea-salt-2805-g-22301">
          <img alt="Deluxe Nut Mix with sea salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11781/file/small-43271f2036999f5dff58a832c642781b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11781/file/medium-eb3035bed9415024ed2d277273ca0f26.webp 900w, https://assets.fabulous.ch/public/variant_asset/11781/file/large-08519b86cd974d9019d493eafea48461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11781/file/medium-eb3035bed9415024ed2d277273ca0f26.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">Stoli GmbH</p>
          <a href="/en/products/deluxe-nut-mix-with-sea-salt-2805-g-22301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deluxe Nut Mix with sea salt, 2805 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22301&quot;],&quot;content_name&quot;:&quot;Deluxe Nut Mix with sea salt, 2805 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22301&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="01ikK1vYQoGA9su-XVIREhrAd4M3s0ejS9Tiz255OX0x45MM4pm9ZJdD7NLj__xcI4SsRvruDAmNf6AvmS0spQ" />
    <input value="22301" 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%2Fcosmetiques%2Fongles%3Fformat%3Dturbo_stream%26page%3D184">
    <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/deluxe-unsalted-nut-mix-2805-g-22302">
          <img alt="Deluxe Unsalted Nut Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11782/file/small-12fc67cd2eb1e31c147cd1ec238f9a21.webp 600w, https://assets.fabulous.ch/public/variant_asset/11782/file/medium-afea01ef404c81944b0912f8284e3b5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11782/file/large-e73c23891354af7144a0829fb63d9b62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11782/file/medium-afea01ef404c81944b0912f8284e3b5c.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">Stoli GmbH</p>
          <a href="/en/products/deluxe-unsalted-nut-mix-2805-g-22302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deluxe Unsalted Nut Mix, 2805 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22302&quot;],&quot;content_name&quot;:&quot;Deluxe Unsalted Nut Mix, 2805 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22302&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QnPV-f5MR5eGMnbBgd0fdzFCj9K3bkReBPvH-KRRXCmgyOLeRw24cpGHUa0_cPI5CAZUF3ozD_TCUIUYUwVJ8Q" />
    <input value="22302" 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;680 of 3&#39;708 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/cosmetiques/ongles?format=turbo_stream&amp;page=185">Show more</a>
  </div>
</div>

</template></turbo-stream>