<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">
    <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/coconut-molk-barista-1-l-17510">
          <img alt="Coconut Mølk Barista" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8165/file/small-266e2ed08ad491cdb1ea4565bee0a177.webp 600w, https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.webp 900w, https://assets.fabulous.ch/public/variant_asset/8165/file/large-7cd0087009256cd7de83df26004e9799.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.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">Mølk</p>
          <a href="/en/products/coconut-molk-barista-1-l-17510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Mølk Barista, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DwGiwlN0CsOLUfCEXT6_RTkcKoA55l2pKh6mRzgkLxSKlllsMUvJqk_I7fgdAFyN3Z76lieSUeNOqlgqLTRBEQ" />
    <input value="17510" type="hidden" name="variant_id" id="variant_id" />
    <input value="8" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kombucha-coconut-pineapple-330-ml-17069">
          <img alt="Kombucha Coconut &amp; Pineapple" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7951/file/small-fdaa26a6977c3e7fb6bff220f2918eda.webp 600w, https://assets.fabulous.ch/public/variant_asset/7951/file/medium-3b7be6d905a9ac70632361079307d680.webp 900w, https://assets.fabulous.ch/public/variant_asset/7951/file/large-db789ffbeb3f7fe9326b1e0c206a4475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7951/file/medium-3b7be6d905a9ac70632361079307d680.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-coconut-pineapple-330-ml-17069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kombucha Coconut &amp; Pineapple, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G_dHSAhB-WFGB2HRsVqo_el_Xa8WH9ARL6PF-Agll6eeYLzman46CIKefK3xZEs1Df2NuQhr3FtLFzuVHTX5og" />
    <input value="17069" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schlagfix-chocolate-cream-spray-can-200-ml-12431">
          <img alt="Schlagfix Chocolate Cream Spray Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6241/file/small-76474dd20dfcb82f11d5b1fd0e12f216.webp 600w, https://assets.fabulous.ch/public/variant_asset/6241/file/medium-29d6a80c0d75495a286f8bd7d6ecf710.webp 900w, https://assets.fabulous.ch/public/variant_asset/6241/file/large-b1c3d15834ca7814de6bc1aae86bfd23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6241/file/medium-29d6a80c0d75495a286f8bd7d6ecf710.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">Schlagfix</p>
          <a href="/en/products/schlagfix-chocolate-cream-spray-can-200-ml-12431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Chocolate Cream Spray Can, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QXfGOODPsTLBt86ytLCOP9P7gCekhp-kBm_M2e-tt9bE4D2WgvByWwUu0870jm33N3lQMbryk-5i2zK0-r3Z0w" />
    <input value="12431" 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">
    <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/peanut-sauce-hot-gluten-free-200-ml-17512">
          <img alt="Peanut-Sauce &quot;Hot&quot; Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8169/file/small-2c493c511cc84b5e55c5fe5469c47605.webp 600w, https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8169/file/large-bc4daca7d46bb4cc10ccc88db9973146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.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">Karanga</p>
          <a href="/en/products/peanut-sauce-hot-gluten-free-200-ml-17512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut-Sauce &quot;Hot&quot; Gluten Free, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aFCShqrJV3okguU-N_ixyfFJLs4dJ1SLArpNaEUeyeLtx2koyPaUE-Ab-EJ3xlIBFcv-2ANTWMFmDrMFUA6n5w" />
    <input value="17512" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/schlagfix-whip-cream-15-fat-200-ml-1175">
          <img alt="Schlagfix Whip Cream 15% fat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1045/file/small-e30c3cfb22914fbb91b6bc6bd34ec4ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/1045/file/medium-93304fe2cecb1cf3c71dc2fc6916ec4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1045/file/large-4d2ff71b838e47639d6aa0e0eec43088.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1045/file/medium-93304fe2cecb1cf3c71dc2fc6916ec4e.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">Schlagfix</p>
          <a href="/en/products/schlagfix-whip-cream-15-fat-200-ml-1175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Whip Cream 15% fat, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="duLM9hqywBL0TrIhUC2sS5t8I6oFo2JC7jzJnc1UkrLzdTdYeI0DezDXr10QE0-Df_7zvBvXbgiKiDfw2ET8tw" />
    <input value="1175" 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">
    <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/peanut-sauce-pure-gluten-free-200-ml-17511">
          <img alt="Peanut-Sauce &quot;pure&quot; Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8168/file/small-734858e2495d28dfdd4f730bbdea365e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.webp 900w, https://assets.fabulous.ch/public/variant_asset/8168/file/large-dd33a81ec7893a497cf332a4c625a304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.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">Karanga</p>
          <a href="/en/products/peanut-sauce-pure-gluten-free-200-ml-17511">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut-Sauce &quot;pure&quot; Gluten Free, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hYAmS_hKBd6YfXqsXQmZfec_yXRGeiGrtI2t45ncPREAF93lmnXGt1zkZ9AdN3q1A70ZYlgOLeHQOVOOjMxTFA" />
    <input value="17511" 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">
    <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/beauty-travel-pouch-1-bag-18031">
          <img alt="Beauty Travel Pouch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8978/file/small-2d89e22faf0c16de825fcdb50bab46ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/8978/file/medium-7e1208c493544dbdb0ebb0795dd0b35e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8978/file/large-1206ef55172e7077cd6f373c7ad0946c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8978/file/medium-7e1208c493544dbdb0ebb0795dd0b35e.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/beauty-travel-pouch-1-bag-18031">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beauty Travel Pouch, 1 bag</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6FWxQdJx95RHWUzr_Fl77kBC4RcTYxaqSw-fJQMgWFNtwkrvsE40_YPAUZe8Z5gmpMAxAQ0XGuAvu2FIFjA2Vg" />
    <input value="18031" 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">
    <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/solid-travel-set-20-g-18028">
          <img alt="Solid Travel Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8971/file/small-067f2416e55c3e7cf3aee25c1cd1de3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8971/file/medium-7f182cd4964411c5fe2c3f87240030b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8971/file/large-e74936551da4dd39804e514904ecbdaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8971/file/medium-7f182cd4964411c5fe2c3f87240030b4.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/solid-travel-set-20-g-18028">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Travel Set, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TS9VC5ymiubua2Weyk6OLQ5xuqqfZ-WRLJMP1VUfT0DIuK6l_plJjyryeOKKcG3l6vNqvIET6dtIJ_G4QA8hRQ" />
    <input value="18028" 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">
    <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/solid-body-hair-18029">
          <img alt="Solid Body&amp;Hair Vacation" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8973/file/small-4557b89a164f97eb386a454417583eec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8973/file/medium-d5ec63a2d0a08c7f6e6951a0d6e74f87.webp 900w, https://assets.fabulous.ch/public/variant_asset/8973/file/large-ea8bb7ae4fa5d895b6e8e7758816aa7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8973/file/medium-d5ec63a2d0a08c7f6e6951a0d6e74f87.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/solid-body-hair-18029">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Body&amp;Hair Vacation, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lxmAkXkZU7e_eU_r8bYHFUjqSUD2ITfiTvlyyvycO-0Sjns_GyaQ3nvgUpexiOTdrGiZVuhVO6gqTYyn6YxV6A" />
    <input value="18029" 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">
    <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/shower-cube-60-g-18030">
          <img alt="Shower Cube Niagara" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8976/file/small-1287d28cb7179dbbac76e02577182c65.webp 600w, https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.webp 900w, https://assets.fabulous.ch/public/variant_asset/8976/file/large-dd3c91dec206be0269c5bc402ab4fc78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8976/file/medium-4bc9c75768797d611e44f9c495ffab21.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/shower-cube-60-g-18030">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Cube Niagara, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EwgJYOeQmbhQmiJii4sGNPd0xDUmIZj5yZOOL8b33-GWn_LOha9a0ZQDPx7LteX8E_YUIzhVlLOtJ3BC0-ex5A" />
    <input value="18030" 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">
    <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/solid-shampoo-bluemlisalp-60-g-18033">
          <img alt="Solid Shampoo Blüemlisalp" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8985/file/small-e9e558eecf48c74b221afbdadb7c5860.webp 600w, https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8985/file/large-dd1e1b2a43bc2ac67eb3fa784a261193.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8985/file/medium-d941420632f20e94c80316326003f15e.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/solid-shampoo-bluemlisalp-60-g-18033">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Shampoo Blüemlisalp, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQvjuL4RuDNopHYSSBbKCDLOIH4BlF-4QFTs5RlFNvQQnBgW3C57Wqw9a24IKCnA1kzwaB_gU_Ik4BKIDFVY8Q" />
    <input value="18033" 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">
    <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/solid-shampoo-60-g-18032">
          <img alt="Solid Shampoo Mythen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8982/file/small-d39ae75ac6527a2d1476d3b6c5a91034.webp 600w, https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8982/file/large-1c56110e0e6ae0dff85dd6953a035968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8982/file/medium-8738ca88e633a79745c8c60a56dc380f.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/solid-shampoo-60-g-18032">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Solid Shampoo Mythen, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mD_P9ySqvBSlew_1FvFLl5Fvhc74ittsr_omtb5OCZ8dqDRZRpV_fWHiEolWz6hfde1V2Ob-1ybLTtjYq15nmg" />
    <input value="18032" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/deo-cream-tangy-no-bullsh-t-plasticfree-50-ml-18027">
          <img alt="Deo Cream Tangy No Bullsh!t #plasticfree" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8988/file/small-240eda477206c7dcbcf9eb2e418b47ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8988/file/large-468c6d89a93896ecce4abd49144a9c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8988/file/medium-3841e14b3bedda70f25811ae86319c7b.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/deo-cream-tangy-no-bullsh-t-plasticfree-50-ml-18027">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deo Cream Tangy No Bullsh!t #plasticfree, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f7yuTVMyAy2agPAwghVns4bHZJmh7rW-1tUhp2Bgeuv6K1XjMQ3ARF4Z7UzCK4R7YkW0j7-aufSyYd_KdXAU7g" />
    <input value="18027" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pasta-soja-spirales-organic-500-g-4345">
          <img alt="Pasta Soja Spirales Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2708/file/small-a305575f49c112de5f993ac3fc4348d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.webp 900w, https://assets.fabulous.ch/public/variant_asset/2708/file/large-aba1096071d3f247026ac57c7e33bb3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2708/file/medium-29ac7cda0d555f48c8eb2f755a4bad16.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">MORGA</p>
          <a href="/en/products/pasta-soja-spirales-organic-500-g-4345">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Soja Spirales Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </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-4345-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I6C_eFi3AL118I9uipjCuI4gAVxdtLJaUpsPeci4gvSmN0TWOojD1LFpkhLKpiFwaqLRSkPAvhA2L_EU3ajs8Q" />
    <input value="4345" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/noodles-buckwheat-glutenfree-organic-250-g-1239">
          <img alt="Noodles Buckwheat Glutenfree, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1078/file/small-e81ea089761855104cd573090824ea88.webp 600w, https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1078/file/large-88ef3af4865bc86d929eab53ffe432fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1078/file/medium-b78dd90122678d74f87790876822eed7.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">King Soba</p>
          <a href="/en/products/noodles-buckwheat-glutenfree-organic-250-g-1239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noodles Buckwheat Glutenfree, Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5GbCuVthBPRywOB8wSYmjmmdJZlSTEVCfidNUSyQ-SJh8TkXOV7HnbZZ_QCBGMVGjR_1j0w4SQgak7M8OYCXJw" />
    <input value="1239" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pesto-rosso-organic-120-g-9d5b70ad-f2bb-4ebd-9dd1-66e1a9d621b4-15546">
          <img alt="Pesto Rosso Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7098/file/small-8b3b4146bddd200415d6e326fd2ddc16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7098/file/large-115d62ca6dd6f92bd10486293f7e1452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/pesto-rosso-organic-120-g-9d5b70ad-f2bb-4ebd-9dd1-66e1a9d621b4-15546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4nCVycbNG-M_auPYEJWp9oms0eSos6OL6_2dlTWYuvRn525npPLYivvz_qRQq0o-bS4B8rbHr8GPSWP4IIjU8Q" />
    <input value="15546" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-hemp-normal-hair-organic-500-ml-14885">
          <img alt="Shampoo Hemp Normal Hair Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6821/file/small-5c63720618982c16306f03694c58ab07.webp 600w, https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6821/file/large-48bcecf82c8c57db82e8037e10de6f69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6821/file/medium-d4bdead51e86f3cb64b0d1eaab3003cf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/shampoo-hemp-normal-hair-organic-500-ml-14885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Hemp Normal Hair Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXXzFo82GlQRQyWlA2fsq0OwUd9Au083m9daUg62BLtM4gi47QnZPdXaONlDWQ9jpzKByV7PQ33_Y6Q_G6Zqvg" />
    <input value="14885" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shower-gel-2in1-organic-gin-500-ml-12308">
          <img alt="Shower Gel 2in1 Organic Gin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6184/file/small-9d54cc5f4b4fe8ca4c025cfd3ba488d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.webp 900w, https://assets.fabulous.ch/public/variant_asset/6184/file/large-c56688629752e4f39a82e855721ecb61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6184/file/medium-5d1247b051b4e4308415678bef26fd05.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/shower-gel-2in1-organic-gin-500-ml-12308">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel 2in1 Organic Gin, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K1u8D14k5jjE3zVDQJ6_pzs1IZU1xTWDUr86veOQ1VSuzEehPBslUQBGKD8AoFxv37fxgyuxOck2C8TQ9oC7UQ" />
    <input value="12308" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shower-gel-organic-lavender-500-ml-12312">
          <img alt="Shower Gel Organic Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6189/file/small-04ac2bb2e868b016b2579abee2514db5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.webp 900w, https://assets.fabulous.ch/public/variant_asset/6189/file/large-91c52235913960d271b4dbaef8c1aea9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6189/file/medium-4b5190b58231785e8bd03f92dbaef665.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/shower-gel-organic-lavender-500-ml-12312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Organic Lavender, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2SfuHr1QBuhwwKTl8EHBmpnp0wP2AYDCC9CfDYdE_9lcsBWw32_FgbRZuZmwfyJSfWsDFeh1jIhvZGFgklSR3A" />
    <input value="12312" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/eyebrow-designer-brown-1-13g-1-piece-610">
          <img alt="Eyebrow Designer brown, 1,13g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/559/file/small-f3f5491209e6d6e93d9f1d6c4bb5ffca.webp 600w, https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.webp 900w, https://assets.fabulous.ch/public/variant_asset/559/file/large-e317e04175d54560cf777f925750dcf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/559/file/medium-f011f6b8c3b13a5b3b70e7cf77694c03.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/eyebrow-designer-brown-1-13g-1-piece-610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Eyebrow Designer brown, 1,13g, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d5ZW9CkFuRCOiMax15CN2WQiAZfqrRCNBo-C7QjlHWnyAa1aSzp6eUoR282Xrm4RgKDRgfTZHMdiO3yAHfVzbA" />
    <input value="610" 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">
      320 of 3&#39;199 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/allos?format=turbo_stream&amp;page=17">Show more</a>
  </div>
</div>

</template></turbo-stream>