<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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  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-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="kOWYGGQLNz4rQ72MkYYfYyvDX3tgqYUaic2g93hd-dYTFwJDutB4TuEfZppg03vrLw8vw12Vqp4AQDPXQQHcCg" />
    <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 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-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="RN-tsRt2WChJQaOWfhsyUcMS8hV8SEbynJo0envnVUnHLTfqxa0XWIMdeICPTlbZx96CrUF0aXYVF6daQrtwlQ" />
    <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  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-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="9smVvv5i-JU19HeioezI2U4vUzGrp2TLvkSx7ljUkZZ1Ow_lILm35f-orLRQuaxRSuMjiZabS083ySLOYYi0Sg" />
    <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 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-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="-KcWmlkGLsmqQOkgCuwpPBkMdq8FPjJ7cRMXZjjnOcR7VYzBh91huWAcMjb7uU20HcAGFzgCHf_4noRGAbscGA" />
    <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  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-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="OKPeUz_-qg705-Nx-e7ImnNftQ8uSTzfMh0WaMYY_EW7UUQI4SXlfj67OGcIu6wSd5PFtxN1E1u7kIVI_0TZmQ" />
    <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 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-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="0T4i3ENMWM_Mtaae9uY-kjCW2Hjq3W4GivS6gSnIiSdSzLiHnZcXvwbpfYgHs1oaNFqowNfhQYIDeSmhEJSs-w" />
    <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  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-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 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-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  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-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="Q2U34HVU6vM7UlQDYM6Y8inEcLFnNGBLIUk8wq4fD9nAl627q4-lg_EOjxWRm_x6LQgACVoIT8-oxK_il0MqBQ" />
    <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 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-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="RZppfKL-8KIR9fuEVEsUF1_eHl0_avbbwxR8m3nURvPGaPMnfCW_0tupIJKlHnCfWxJu5QJW2V9Kme-7QIhjLw" />
    <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  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/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="Ka9_gtj67-qPtIyXt_rrMt6VPPaBdN-GwFez4wDHtQ6qXeXZBiGgmkXoV4FGr4-62llMTrxI8AJJ2iDDOZuQ0g" />
    <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 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/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">
        

    
  <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-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="KBlreDrKnPZrhoEJJXywmhHonEuO4SiUqNVjcoSPn9mr6_Ej5BHThqHaWh_UKdQSFSTs87PdBxAhWPBSvdO6BQ" />
    <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 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/peak-punk-oat-bar-blueberry-muffin-organic-60-g-13292">
          <img alt="Peak Punk Oat Bar Blueberry Muffin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6440/file/small-42d4ccaa0f4e73674c3077c7f33b4b14.webp 600w, https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.webp 900w, https://assets.fabulous.ch/public/variant_asset/6440/file/large-bba83cf14466ebf7c9d47c3520342361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6440/file/medium-63b44898e5a678e32910593392e52a87.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-blueberry-muffin-organic-60-g-13292">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar Blueberry Muffin Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aleQTBor6rmOxn9LR03lWXhMEQ4ifllqG8GttIFhoNfppQoXxPClyUSapF22GIHRfIBhth9Cdu6STD6UuD2FCw" />
    <input value="13292" 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/peak-punk-oat-bar-brownie-cashew-organic-60-g-13293">
          <img alt="Peak Punk Oat Bar Brownie Cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6441/file/small-3a839b712f01ca1d9cc1769462d753be.webp 600w, https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6441/file/large-2d645e6684e9a2a3932db9783649f6f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6441/file/medium-414ca80437dab52600e040dca677c61e.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-brownie-cashew-organic-60-g-13293">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar Brownie Cashew Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JgVVSbLz1fgVjQ3uOAhcZ-aNCWWekbb4rGN5d6Iyb9Gl988SbCiaiN_R1vjJXTjv4kF53aOtmXwl7upXm25KDQ" />
    <input value="13293" 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/peak-punk-oat-bar-chocolate-peanut-organic-60-g-13294">
          <img alt="Peak Punk Oat Bar Chocolate Peanut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6442/file/small-ea1bad4ec00127bcac06293e90ada00c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6442/file/large-7eb291f011c30bc3c4e59f42ba934609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6442/file/medium-4151af30fa4129159c020c8a3f59ab39.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-chocolate-peanut-organic-60-g-13294">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar Chocolate Peanut Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9QU8Sfb5VBKSlxELfTg2Gwn0F3MnFgmjIF-GmJVeeP9296YSKCIbYljLyh2MbVKTDThnyxoqJiep0hW4rAJdIw" />
    <input value="13294" 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/peak-punk-oat-bar-raspberry-white-chocolate-organic-55-g-13297">
          <img alt="Peak Punk Oat Bar Raspberry White Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6445/file/small-33380bbceecbd7ae3fb4b3634f133bae.webp 600w, https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6445/file/large-2535a084b772ddeedb5b07f901e57b31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6445/file/medium-57d564ab9d0df809a0f53f812d90c24d.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-raspberry-white-chocolate-organic-55-g-13297">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Oat Bar Raspberry White Chocolate Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ryzza2z5WArNYJfcdp_f5Jt1_WPi4QNdEHwo9h7laW7E3mkwsiIXegc8TMqHyrtsn7mN29_dLNmZ8bvWJ7lMsg" />
    <input value="13297" 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/brownie-batter-flavour-protein-bar-50-g-13365">
          <img alt="Brownie Batter Flavour Protein Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6459/file/small-2e330944bf3ffd373bb1242791f18fbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6459/file/large-b4e47252e05aefc0c7e3b0a01d386a2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6459/file/medium-99118408ac973ccc70205b5345cb368e.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">Misfits</p>
          <a href="/en/products/brownie-batter-flavour-protein-bar-50-g-13365">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brownie Batter Flavour Protein Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-13365-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/faltblatt-uber-fisch-8-g-13366">
          <img alt="Faltblatt: Über Fisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6461/file/small-c84fa20edcf4f612149d7d261ab1752d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6461/file/medium-c8e7027af9d495b3434a2edf116575d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/6461/file/large-378f53d3bd295c3e65bcfbfd111bdb3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6461/file/medium-c8e7027af9d495b3434a2edf116575d2.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">Swissveg</p>
          <a href="/en/products/faltblatt-uber-fisch-8-g-13366">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faltblatt: Über Fisch, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WA9QefguOe5yuj3JZowe0F2Qp8I9RdD39J00ORV-oRrb_coiJvV2nrjm5t-X2XpYWVzXegB5_3N9EKcZLCKExg" />
    <input value="13366" 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;500 of 3&#39;205 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/molk?format=turbo_stream&amp;page=126">Show more</a>
  </div>
</div>

</template></turbo-stream>