<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shower-gel-body-wash-sensitive-2in1-250-ml-12296">
          <img alt="Shower Gel Body Wash Sensitive 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6181/file/small-73dc698bfb1cca5d9d55fef6ce2d7371.webp 600w, https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6181/file/large-ce33b1cbfb07bae623453bfd9c0c80a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6181/file/medium-4669b5e458777d0163b90b29d71ede3a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/shower-gel-body-wash-sensitive-2in1-250-ml-12296">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Body Wash Sensitive 2in1, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K5Vt7MVrChD2ajnwT7_U9zw4PnWOc1CrPRaKdeloZ69mOMLcWl04WnJLfMIqbvltyPkggSNR0Sof_ZWkiD8G3A" />
    <input value="12296" 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-body-wash-sensitive-2in1-refill-500-ml-12297">
          <img alt="Shower Gel Body Wash Sensitive 2in1 Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6182/file/small-c59ed44570799a1457b2c7e712a17cad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6182/file/medium-76926cfe00b3cc1d6a9460554de365bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6182/file/large-58f64ef4fc21179203e4b72cc4938009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6182/file/medium-76926cfe00b3cc1d6a9460554de365bc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/shower-gel-body-wash-sensitive-2in1-refill-500-ml-12297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel Body Wash Sensitive 2in1 Refill, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W5wf_NPsEF4k6RixcGngNhbKDiDBizUi4rcqIVnKJc4WMbDMTNoiFKDIXYMVuM2s4gsQ1GyptKPAXDXwOJ1EvQ" />
    <input value="12297" 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-2in1-organic-mint-500-ml-12307">
          <img alt="Shower Gel 2in1 Organic Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6183/file/small-e3aa2527ba84006ff8b0a5edc773c3d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6183/file/large-57c5add90fb484e7ad17b9b9a2edcddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.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-mint-500-ml-12307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel 2in1 Organic Mint, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hMYCzueUbez7jbi4IjVN1rPkC-ceab8kelHhOf2RcObJa63-eKJfpn-s_YpH5GBMRyUVE7NLPqVYuv7onMYRlQ" />
    <input value="12307" 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="6tRy5b9UaT_J4oazNsI5PVqo7pXrY12TDjuGL3yPCn-ned3VIGJbdU3Dw4FTExSnrmnwYUZB3BIs0Jn-HdhrDA" />
    <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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/aluminium-shampoo-can-1-piece-12387">
          <img alt="Aluminium Shampoo Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6212/file/small-2e3c032b47679de81a239a871bc4ea5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6212/file/large-ea85ac781471a04724a65609d355b9dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6212/file/medium-42a8d0e109370b65fdf591e92e3165cd.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">Chey Haircare</p>
          <a href="/en/products/aluminium-shampoo-can-1-piece-12387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aluminium Shampoo Can, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-bar-without-sulfates-coconut-60-g-12388">
          <img alt="Shampoo Bar without Sulfates Coconut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6213/file/small-b18eea85520508d1003577c8c2a245cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6213/file/large-2fa294b826d5064e8383506b4856b2a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6213/file/medium-30a5488b22517182ef340309c0f6389a.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">Chey Haircare</p>
          <a href="/en/products/shampoo-bar-without-sulfates-coconut-60-g-12388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bar without Sulfates Coconut, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-bar-without-sulfates-aloe-vera-60-g-12390">
          <img alt="Shampoo Bar without Sulfates Aloe Vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6214/file/small-d238443ced0fce4e3cac20aaf0a05372.webp 600w, https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6214/file/large-e808bb2b45ba267df9ad443dc3399184.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6214/file/medium-ecf540e5a980b4b9baa09e0579b7fa63.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">Chey Haircare</p>
          <a href="/en/products/shampoo-bar-without-sulfates-aloe-vera-60-g-12390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bar without Sulfates Aloe Vera, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-bar-without-sulfates-calendula-60-g-12392">
          <img alt="Shampoo Bar without Sulfates Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6216/file/small-17baae074c2c555efe9f21eaf2526528.webp 600w, https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6216/file/large-86fa9afe2ce5c8016212a95f0d0d67e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6216/file/medium-398c1af3ae9c14fd7407f626c38b765e.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">Chey Haircare</p>
          <a href="/en/products/shampoo-bar-without-sulfates-calendula-60-g-12392">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bar without Sulfates Calendula, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shampoo-bar-without-sulfates-matcha-60-g-12394">
          <img alt="Shampoo Bar without Sulfates Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6218/file/small-d116900752c6877bd3b6b87941af567c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6218/file/large-dbcc0ad972ac14072862215bd631bb88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6218/file/medium-ffffe705d70c9d8154c4b9a4b9b925d0.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">Chey Haircare</p>
          <a href="/en/products/shampoo-bar-without-sulfates-matcha-60-g-12394">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Bar without Sulfates Matcha, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/instant-refresh-dry-shampoo-43-g-12395">
          <img alt="Instant Refresh Dry Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6220/file/small-8314a40c1e3f8a9b0a18bf11c5c9709d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6220/file/medium-25622a333565fe7596513062f5246fe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6220/file/large-5b571a228e1845c899d0c0b21b19b041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6220/file/medium-25622a333565fe7596513062f5246fe5.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">Chey Haircare</p>
          <a href="/en/products/instant-refresh-dry-shampoo-43-g-12395">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Instant Refresh Dry Shampoo, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fTW_zb80v1X4jqILvx5LTJDmY4s5a67sA4AmC0fUtF8wmBD9IAKNH3yv5znaz2bWZCd9f5RJL20haznaJoPVLA" />
    <input value="12395" 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-matcha-avocado-250-ml-12396">
          <img alt="Shampoo Matcha &amp; Avocado" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6221/file/small-089a4c622ed806d7c453a49ec5912219.webp 600w, https://assets.fabulous.ch/public/variant_asset/6221/file/medium-89ab496b71910706f7b13527175c8333.webp 900w, https://assets.fabulous.ch/public/variant_asset/6221/file/large-913d29603111aaacc42403d7d302eddf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6221/file/medium-89ab496b71910706f7b13527175c8333.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">Chey Haircare</p>
          <a href="/en/products/shampoo-matcha-avocado-250-ml-12396">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampoo Matcha &amp; Avocado, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IRim5SU9YPIUWQz-JGrtBqs5mUKa1_buIxt3nnxGamxstQnVugtSuJB4ScxBu8CcX_iHtjf1d28B8GhPHRELHw" />
    <input value="12396" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/styling-gel-aloe-vera-almond-250-ml-12397">
          <img alt="Styling Gel Aloe Vera &amp; Almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6223/file/small-10a4c8e0602ab0aa7bd09f7a36596c60.webp 600w, https://assets.fabulous.ch/public/variant_asset/6223/file/medium-58079796cfdfab3bc318b0c90a15be21.webp 900w, https://assets.fabulous.ch/public/variant_asset/6223/file/large-0c185d256f51c6c900b1926d83a009ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6223/file/medium-58079796cfdfab3bc318b0c90a15be21.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">Chey Haircare</p>
          <a href="/en/products/styling-gel-aloe-vera-almond-250-ml-12397">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Styling Gel Aloe Vera &amp; Almond, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.55
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shower-gel-2in1-mint-refill-organic-1000-ml-12410">
          <img alt="Shower Gel 2in1 Mint Refill Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6230/file/small-5d0019bc2e2896c9aaddbe312b054aca.webp 600w, https://assets.fabulous.ch/public/variant_asset/6230/file/medium-13abc274ccafab63c34ece276f5eba0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6230/file/large-72821a682665e272de51e738faf040e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6230/file/medium-13abc274ccafab63c34ece276f5eba0f.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-mint-refill-organic-1000-ml-12410">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower Gel 2in1 Mint Refill Organic, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5G90VdLCdUKrIVXsfjUltLDNUGLn6N1cQoQxxAGe2sOpwttlTfRHCC8AEN4b5AguRAxOlkrKXN1gby4VYMm7sA" />
    <input value="12410" 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-refill-bag-1000-ml-12426">
          <img alt="Shower gel 2in1 Organic Gin Refill Bag" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6235/file/small-db4ddbc061c9ff7c358b0302573d4cb4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6235/file/medium-9e5de08f28a2dff2cbcf949c55da391b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6235/file/large-f4010e9cf6f5dde3326f7d897fe2f5e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6235/file/medium-9e5de08f28a2dff2cbcf949c55da391b.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-refill-bag-1000-ml-12426">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shower gel 2in1 Organic Gin Refill Bag, 1000 ml</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 1.70 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y99glbPbwniEkjv1XlIeZU6OBZ0B1Uguze6SRssjX2Iucs-lLO3wMgCzfsc7gzP_uk8baaz3ya_vBY2XqnQ-EQ" />
    <input value="12426" 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/pill-cosmetics-physio-shampoo-mild-200-ml-13127">
          <img alt="Pill Cosmetics - Physio-Shampoo Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6396/file/small-2ec5cff59e8d28967a329258d84af9f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6396/file/medium-d4d2d86bca688d19235f9ff4ae10b55d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6396/file/large-405f07d9d7d7974d60837a5b9b70018a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6396/file/medium-d4d2d86bca688d19235f9ff4ae10b55d.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-physio-shampoo-mild-200-ml-13127">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Physio-Shampoo Mild, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cBE7QWUFKXhKzR3gIvQCo0gkNV1x-oHT5eBkxiWyn9c9vJRx-jMbMs7sWNJHJS85vOUrqdzYAFLHC3sXROX-pA" />
    <input value="13127" 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/pill-cosmetics-physio-shampoo-sebum-regulating-200-ml-13128">
          <img alt="Pill Cosmetics - Physio-Shampoo Sebum-Regulating" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6397/file/small-9e2e04714545e13891d1343410ddddf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6397/file/medium-ff3a6f992ee7806a0a9574dd5b0be7d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6397/file/large-98088537fc7e6810e6cc918ea34e6bcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6397/file/medium-ff3a6f992ee7806a0a9574dd5b0be7d4.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-physio-shampoo-sebum-regulating-200-ml-13128">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Physio-Shampoo Sebum-Regulating, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NeRkENQ-bPpr4SZF46HGVGWc_jGln7F4xvwXqg8sE6p4ScsgSwhesO_AY3eGcOvOkV3gxQi9MPnkFwh7bnty2Q" />
    <input value="13128" 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/pill-cosmetics-physio-anti-dandruff-shampoo-200-ml-13129">
          <img alt="Pill Cosmetics - Physio Anti-Dandruff Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6398/file/small-53d7079dd889228048870e59dfac1a33.webp 600w, https://assets.fabulous.ch/public/variant_asset/6398/file/medium-3abf4a1a7a9e08dd1121b0912a89448f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6398/file/large-04a31aeaf894789afe2f8f59563f5e96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6398/file/medium-3abf4a1a7a9e08dd1121b0912a89448f.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-physio-anti-dandruff-shampoo-200-ml-13129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Physio Anti-Dandruff Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ps9oSGMtZzRg0woZPbnakhI8p9AFzfJi669CFvNfoahzYsd4_BtVfuTyTytYaPcI5v25JKjvc-PJRF3HkgjA2w" />
    <input value="13129" 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/pill-cosmetics-physio-shampoo-restructuring-200-ml-13140">
          <img alt="Pill Cosmetics - Physio-Shampoo restructuring" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6399/file/small-303f7b101949c3da61d712eb31d248a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6399/file/medium-1e4775bdfaf18a45334142e1f2a130eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6399/file/large-4abda55cc2a8ad1a652df10ec54467ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6399/file/medium-1e4775bdfaf18a45334142e1f2a130eb.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-physio-shampoo-restructuring-200-ml-13140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Physio-Shampoo restructuring, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qPP0R2lapPMsUvx30feSblBpkWcjmy6vdeIj4y2kxhnlXlt39myWuahzuUW0Jr_0pKiPk465ry5XCTwyTPOnag" />
    <input value="13140" 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/pill-cosmetics-restructuring-hair-conditioner-200-ml-13141">
          <img alt="Pill Cosmetics - Restructuring Hair Conditioner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6400/file/small-0ebe8f0e3f687b91ab3e988ec0a4888c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6400/file/medium-0b9125f5b614a86ea202bcd717be4990.webp 900w, https://assets.fabulous.ch/public/variant_asset/6400/file/large-901ca8c3c213707f12b767be276006f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6400/file/medium-0b9125f5b614a86ea202bcd717be4990.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-restructuring-hair-conditioner-200-ml-13141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Restructuring Hair Conditioner, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tBYzN7yUavYhUP54dHJx2sGAM-LsNqSEpUkgFcKAX0f5u5wHI6JYvKVxu0oRo1xANUEtFkEUJQWHoj_Eo9c-NA" />
    <input value="13141" 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/pill-cosmetics-restructuring-hair-mask-200-ml-13142">
          <img alt="Pill Cosmetics - Restructuring Hair Mask" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6401/file/small-27b2b6468bb8c513d690b5d04a690957.webp 600w, https://assets.fabulous.ch/public/variant_asset/6401/file/medium-00751e26b4882115acedfa78e3293692.webp 900w, https://assets.fabulous.ch/public/variant_asset/6401/file/large-b660cc687dbcfb56258dde3dd2fb5a29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6401/file/medium-00751e26b4882115acedfa78e3293692.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-restructuring-hair-mask-200-ml-13142">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Restructuring Hair Mask, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j2h72mrjQYX7f0Us562Qci-kkLrKxLH2vGhPtHWxSNrCxdTq9dVzz39eAB6CfL3o22WOTmfmMHeeg1BlFOYpqQ" />
    <input value="13142" 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">
      40 of 61 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natural-cosmetics/hair-care?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>