<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/pill-cosmetics-hydra-comfort-soothing-moisturising-cream-50-ml-13153">
          <img alt="Pill Cosmetics - Hydra-Comfort Soothing Moisturising Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6412/file/small-1435d87abcc3e65c0b09d298cbe1c43c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6412/file/medium-4cfe42a022b1d38c31925912f0d76128.webp 900w, https://assets.fabulous.ch/public/variant_asset/6412/file/large-23e348c6129300e166438fa8947edfed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6412/file/medium-4cfe42a022b1d38c31925912f0d76128.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-hydra-comfort-soothing-moisturising-cream-50-ml-13153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Hydra-Comfort Soothing Moisturising Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wy7KDrLjjY33skK4Vry-d92Mqa96pBVe--2pxVogCRGDUYVaRR5IyTX8eYw73Uxk6bsXDbyhRyLKQGXdcxoygA" />
    <input value="13153" 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-anti-redness-cream-spf-15-50-ml-13154">
          <img alt="Pill Cosmetics - Anti-Redness Cream SPF 15" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6413/file/small-b2e71a59c63ac45c92e134b082ebdec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6413/file/medium-6b3411320327af16f4f974492bd48fbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6413/file/large-2448fa199550b5c9d3c78e1aef060010.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6413/file/medium-6b3411320327af16f4f974492bd48fbf.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-anti-redness-cream-spf-15-50-ml-13154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Anti-Redness Cream SPF 15, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zLM3ypXQs_ajY4KPuscR7E_iotdl-ApmUs1wddHVa2mMzHieYi12smEtubvXpuP_e9UcdaP9WBpjYLxt-O9Q-A" />
    <input value="13154" 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-soothing-intensive-cream-50-ml-13155">
          <img alt="Pill Cosmetics - Soothing Intensive Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6414/file/small-d74b509066d3e2c07ea00370ae9ec046.webp 600w, https://assets.fabulous.ch/public/variant_asset/6414/file/medium-b4df324ca456ee5e55e00fa67a961409.webp 900w, https://assets.fabulous.ch/public/variant_asset/6414/file/large-8076389e8406508e946892e6aaf061c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6414/file/medium-b4df324ca456ee5e55e00fa67a961409.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-soothing-intensive-cream-50-ml-13155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Soothing Intensive Cream, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ajghz1pBT4n0VnEx7eXpCKkOlMkeKFaQBG8J9cW3WZUqR26brbyKzTYYSgWAhBsbnTkqa9gtBOw1wsXt7I1iBA" />
    <input value="13155" 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/pill-cosmetics-regenerating-cleansing-milk-with-hyaluronic-acid-200-ml-13156">
          <img alt="Pill Cosmetics - Regenerating Cleansing Milk with Hyaluronic Acid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6415/file/small-99b8ba5332b16b0705ec83391ead3fd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6415/file/medium-89f4f38f29cdc1c0ded1e83befa57f1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6415/file/large-91453d2880298fd2defee676a4787a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6415/file/medium-89f4f38f29cdc1c0ded1e83befa57f1e.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-regenerating-cleansing-milk-with-hyaluronic-acid-200-ml-13156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Regenerating Cleansing Milk with Hyaluronic Acid, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13156-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/pill-cosmetics-regenerating-gel-tonic-with-hyaluronic-acid-200-ml-13157">
          <img alt="Pill Cosmetics - Regenerating Gel Tonic with Hyaluronic Acid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6416/file/small-ea0f6c806dd4c5cb0951ca048c068ce7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6416/file/medium-9a5f7eee6933283feac15511df5189c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6416/file/large-332c185d9235b4cd93d3728b78422a11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6416/file/medium-9a5f7eee6933283feac15511df5189c6.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-regenerating-gel-tonic-with-hyaluronic-acid-200-ml-13157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Regenerating Gel Tonic with Hyaluronic Acid, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XKm_8iJvpdjK02GyKcx1BhdzaoMvnFYBskz50ALbRRwc1vCm1ZJgnAidWoZErYcVI0TUIemZBH2D4TXIK-F-jQ" />
    <input value="13157" 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-make-up-remover-with-hyaluronic-acid-200-ml-13158">
          <img alt="Pill Cosmetics - Make-Up Remover with Hyaluronic Acid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6417/file/small-f02be56ef1fd0cbdef51a72199c1645c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6417/file/medium-d0a60b70cd9c65534224794b53b501b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6417/file/large-455b11bbf34799f6e81d9167c8199800.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6417/file/medium-d0a60b70cd9c65534224794b53b501b1.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-make-up-remover-with-hyaluronic-acid-200-ml-13158">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Make-Up Remover with Hyaluronic Acid, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zbL51CtbKhsXaQHVo9G-rgPA3susay9WQg6haeUKT1yNzbaA3KbvX9UnOuHOsEy9N_dgaWpufSpzo21xzDB0zQ" />
    <input value="13158" 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-avocado-body-lotion-with-hyaluronic-acid-250-ml-13159">
          <img alt="Pill Cosmetics - Avocado Body Lotion with Hyaluronic Acid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6419/file/small-162b7ed036a6aa6f453429661e6c745d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6419/file/medium-08bd6dbfeba2e5454eafb673fabb4fb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6419/file/large-2ddcbcee4419ef13b766ea714afa1c71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6419/file/medium-08bd6dbfeba2e5454eafb673fabb4fb2.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-avocado-body-lotion-with-hyaluronic-acid-250-ml-13159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Avocado Body Lotion with Hyaluronic Acid, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YUl3BbP8Pvu5iNjOcYIEiEYBA4KIWkKYzFTsrpMgD1IhNjhRRAH7v3vG4_oc4_abcja9IE5fEOT9-SC2uho0ww" />
    <input value="13159" 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-hyaluron-hand-nail-cream-75-ml-13161">
          <img alt="Pill Cosmetics - Hyaluron Hand &amp; Nail Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6420/file/small-0012501686950755c47c88dcc8a865dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6420/file/medium-1159c306ca4f317b6952f6c7c3fc9375.webp 900w, https://assets.fabulous.ch/public/variant_asset/6420/file/large-2f26be96ea7bae00d36eda32e1f9947b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6420/file/medium-1159c306ca4f317b6952f6c7c3fc9375.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-hyaluron-hand-nail-cream-75-ml-13161">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Hyaluron Hand &amp; Nail Cream, 75 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 24.27 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6e8N8R8oRYp6arTAkXae_EbD3naPY8Tdu42O_danYHupkEKl6NWAzrgkj_T8F2zvcvRg1ElmlqGKIELl_51b6g" />
    <input value="13161" 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-clarifying-cleansing-gel-with-burdock-extract-200-ml-13162">
          <img alt="Pill Cosmetics - Clarifying Cleansing Gel with Burdock Extract" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6421/file/small-aab2e49ee32ed55f653b57a5356dca7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6421/file/medium-e61dd05eb430627c095e3d7c5548a21f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6421/file/large-e8b93504051400f7f32d41a3a713d237.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6421/file/medium-e61dd05eb430627c095e3d7c5548a21f.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-clarifying-cleansing-gel-with-burdock-extract-200-ml-13162">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Clarifying Cleansing Gel with Burdock Extract, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6KZ3Gxz9KxJWZJLaKrTB2NsmjV1Q0utWz30RBZImSRSo2ThP6wDuVpQqqe5H1TPL7xEz_5bXuSr-0N0duxxyhQ" />
    <input value="13162" 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-clarifying-micellar-tonic-200-ml-13163">
          <img alt="Pill Cosmetics - Clarifying Micellar Tonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6422/file/small-b0e9003ed985c0953b8ebef2b5782e27.webp 600w, https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6422/file/large-d4c59c1c5d6b8514bfa4f40fcf1f018d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.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-clarifying-micellar-tonic-200-ml-13163">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Clarifying Micellar Tonic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ccbSibkLhIsbzL9P1-jV5e2clabu_XO6lT3QVUGfK_YxuZ3dTvZBz9mChHu6iSf22asrBCj4IcakkBxNaKUQZw" />
    <input value="13163" 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/pill-cosmetics-clarifying-active-concentrate-30-ml-13164">
          <img alt="Pill Cosmetics - Clarifying Active Concentrate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6423/file/small-3068c8fb08525a31d1ac05cc544b1309.webp 600w, https://assets.fabulous.ch/public/variant_asset/6423/file/medium-4fe0839a3e8f5cd0a11f499443bc13e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6423/file/large-97f84a4b61574c22ea798cd143810e18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6423/file/medium-4fe0839a3e8f5cd0a11f499443bc13e8.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-clarifying-active-concentrate-30-ml-13164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Clarifying Active Concentrate, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.30
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13164-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/pill-cosmetics-clarifying-cream-gel-50-ml-13165">
          <img alt="Pill Cosmetics - Clarifying Cream Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6424/file/small-8d80048340f01eae2f7f3109eb43f07d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.webp 900w, https://assets.fabulous.ch/public/variant_asset/6424/file/large-2dc0f1de2c0ad8ccd288ff8318c6ded3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.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-clarifying-cream-gel-50-ml-13165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Clarifying Cream Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13165-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/pill-cosmetics-procollagen-lifting-serum-50-ml-13166">
          <img alt="Pill Cosmetics - Procollagen Lifting Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6426/file/small-4eb0487630fd887593564022b57a2b33.webp 600w, https://assets.fabulous.ch/public/variant_asset/6426/file/medium-0d5d664ec3f825c66041164069ebbb9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6426/file/large-0d18de3bd61fd9c6465f96ca50ca30f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6426/file/medium-0d5d664ec3f825c66041164069ebbb9e.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-procollagen-lifting-serum-50-ml-13166">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Procollagen Lifting Serum, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 53.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DpznvatRV4L63oHmw6PpKgXxmzT5MTTA_IObUfCEeMRO46jpXKySxjiQutKuwhs5McYllj80ZrzNLldJ2b5DVQ" />
    <input value="13166" 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-deo-spray-antiperspirant-100-ml-13167">
          <img alt="Pill Cosmetics - Deo Spray antiperspirant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6425/file/small-ded0ddb2aaa2dcd73128751a342e433a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6425/file/medium-6741146fcc59723a06c6fd974ab80133.webp 900w, https://assets.fabulous.ch/public/variant_asset/6425/file/large-2c76f091f037a424f28330ea9e11ce86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6425/file/medium-6741146fcc59723a06c6fd974ab80133.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-deo-spray-antiperspirant-100-ml-13167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Deo Spray antiperspirant, 100 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 17.10 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f4ZDtDIWxR9ciqE5AWw4r971zzbigtZixuVvzKOe3e8_-QzgxesAW57Emg1sDcq86sJxlCSHhB73SKPUiqTmfg" />
    <input value="13167" 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/gondino-pepper-vegan-alternative-to-cheese-organic-150-g-13206">
          <img alt="Gondino Pepper Vegan Alternative to Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6428/file/small-74988f911bade2414193196d465dd685.webp 600w, https://assets.fabulous.ch/public/variant_asset/6428/file/medium-fe08132ab6beff6acf73876f9a1844b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6428/file/large-f37a2aa384e6cbfc36456c8ebc0c6e7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6428/file/medium-fe08132ab6beff6acf73876f9a1844b9.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">Pangea Food</p>
          <a href="/en/products/gondino-pepper-vegan-alternative-to-cheese-organic-150-g-13206">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gondino Pepper Vegan Alternative to Cheese Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13206-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/fruit-gum-apple-organic-100-g-13222">
          <img alt="Fruit Gum Apple Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6429/file/small-41b6c04a68b4f07009636a0cb66c8a6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6429/file/medium-34ae39f169302ec55cc6aea155b73221.webp 900w, https://assets.fabulous.ch/public/variant_asset/6429/file/large-86685b19ddc81f379c9abef3023e8bee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6429/file/medium-34ae39f169302ec55cc6aea155b73221.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">Heimatgut</p>
          <a href="/en/products/fruit-gum-apple-organic-100-g-13222">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Gum Apple Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kFptxneii6H5Flv1WEJ-ECM_ws2Y0jNVWDtD73du0J_QJSKSgF9O5TtYYME1I4wDFwh8b17XYSlplo_3XlTrDg" />
    <input value="13222" 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/gummy-bears-fruit-organic-100-g-13223">
          <img alt="Gummy Bears Fruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6430/file/small-2b36ba12831baefce7d5ce7ce9e57b65.webp 600w, https://assets.fabulous.ch/public/variant_asset/6430/file/medium-ee8e16d5cde0f8922e3777a28b28f674.webp 900w, https://assets.fabulous.ch/public/variant_asset/6430/file/large-6a03df5ad2b9aa819767e257ea452ea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6430/file/medium-ee8e16d5cde0f8922e3777a28b28f674.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">Heimatgut</p>
          <a href="/en/products/gummy-bears-fruit-organic-100-g-13223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gummy Bears Fruit Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dlixPnTCVnWDb5kyFnVhC1q5ktlNT8ys2jr3jLc9a9A2J_5qgz-TMUEhogZ7FJMYbo4se4tKntDrlzuUngdQQQ" />
    <input value="13223" 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/fruit-gum-red-mix-organic-100-g-13224">
          <img alt="Fruit Gum Red Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6431/file/small-9ff500e4e8b7f39e024d59de82f3fcbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6431/file/medium-b3f8d5b0322276ca39d67dc1008c7fb3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6431/file/large-0c0bf326b0b10b623e9262df0568fa06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6431/file/medium-b3f8d5b0322276ca39d67dc1008c7fb3.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">Heimatgut</p>
          <a href="/en/products/fruit-gum-red-mix-organic-100-g-13224">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Gum Red Mix Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZzqV1dXoe_HlS3bCclqnIPFYQwqJwG4PxWzqXFMwwbMnRdqBIhW-tScFTfYfO1UzxW_9qE_FPHP0wSZEegr6Ig" />
    <input value="13224" 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/fruit-gum-cola-bottles-organic-100-g-13225">
          <img alt="Fruit Gum Cola Bottles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6432/file/small-c168bad661505172e67a91eab7909dc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6432/file/medium-29ae08ebf040a480e8e30d6bd6b09975.webp 900w, https://assets.fabulous.ch/public/variant_asset/6432/file/large-fdce33e4fa386d82a58d961c148f3a59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6432/file/medium-29ae08ebf040a480e8e30d6bd6b09975.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">Heimatgut</p>
          <a href="/en/products/fruit-gum-cola-bottles-organic-100-g-13225">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruit Gum Cola Bottles Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M3aZLehEhhnyLZsO7mMm5JryzVQb3tIPWl5WQ8Tuz2NzCdZ5H7lDXTBjoDqDAtT3rsVz9t3bgHNr85pb7dT08g" />
    <input value="13225" 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/lassi-lemon-organic-230-ml-13253">
          <img alt="Lassi Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6438/file/small-c4755517976429619f154e1f2a50d558.webp 600w, https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6438/file/large-b3b1dcf8cf62e0bfba8026982ab02ec0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6438/file/medium-c6787f170fe642978c586587c6b0f7ca.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">Biedermann Bio Vegan</p>
          <a href="/en/products/lassi-lemon-organic-230-ml-13253">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lassi Lemon Organic, 230 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AeWfmo_Bws2pv5iboYf3Qz6Qkbmc1trQ_WUmXJKF72VBmtDOeDwHiWvxo6_M5gVQCqcvG1rTiKzMyOpEu7_U9A" />
    <input value="13253" 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">
      2&#39;100 of 3&#39;164 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/pural?format=turbo_stream&amp;page=106">Show more</a>
  </div>
</div>

</template></turbo-stream>