<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/recycled-kitchen-rolls-2-rolls-2-roll-17180">
          <img alt="Recycled Kitchen Rolls" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8006/file/small-c42569de590859ebd5517eb25bddf59b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8006/file/large-fb2d7cdfb2cf3f1e1f245cbe3db7c38a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8006/file/medium-2e23531af73b852a730d49404d81544e.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">memo</p>
          <a href="/en/products/recycled-kitchen-rolls-2-rolls-2-roll-17180">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Recycled Kitchen Rolls, 2 rolls</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-dD6E9yVk3Gnw8QBJrXc5758AVpGy2hP18tTNx2UePP2ZSGxlbUyi85q40DQYMkfLmmtPG3y7ZEIjrjN86SOw" />
    <input value="17180" 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/curd-soap-made-from-organic-vegetable-oils-100-g-17195">
          <img alt="Curd Soap Made from Organic Vegetable Oils" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8020/file/small-5cb1ff9d3d17d85b43c827c75222fbad.webp 600w, https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8020/file/large-2993199b447035417f9136fc3d5feecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.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">Sonett</p>
          <a href="/en/products/curd-soap-made-from-organic-vegetable-oils-100-g-17195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curd Soap Made from Organic Vegetable Oils, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VAunp9eivmkLvI5gxhlZbMVIvIA5WqwosLU14fMbH0k4NXDJXoY87uIaKv3Bwg07JwjqMaH2Sj_LyCJOGKPckQ" />
    <input value="17195" 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/hand-cream-apricot-organic-100-ml-17302">
          <img alt="Hand Cream Apricot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8080/file/small-e3ceac13d6d32014b366e5de8d55fb54.webp 600w, https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/8080/file/large-5e95a74a20c94dbc662f6f32538c0270.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8080/file/medium-b316b57f382dffed21ad0ad38d3a78e8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/hand-cream-apricot-organic-100-ml-17302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Apricot Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3lueOSDM_MCYCYb8_WcXpMJuMrDqfwi3dodyuR4YcnPR7kWbaexdOvGgob0LsgJcUnue1sFGjWmpwplD8CiEQ" />
    <input value="17302" 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/hand-cream-lavender-organic-100-ml-17303">
          <img alt="Hand Cream Lavender Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8081/file/small-bc1d74e48f463f8fdb4a1327797d11d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8081/file/large-a46f473f98767b4dbbc499a7e2f8f1d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8081/file/medium-de112b77b31f49eeb99648b4847b21f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/hand-cream-lavender-organic-100-ml-17303">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Lavender Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gp2TsXSWedSDdk3xFLtMSwVJmbPCtN8PA_qyvZCm8DHuo0Tf_bL7U2rQ6WwTYBgc5wnPAloYORh4h6USex4z6Q" />
    <input value="17303" 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/hand-cream-grapefruit-organic-100-ml-17304">
          <img alt="Hand Cream Grapefruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8082/file/small-aab26bb7731b7a617b40e248606ed6e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.webp 900w, https://assets.fabulous.ch/public/variant_asset/8082/file/large-278475b372be7929221765c738fa5258.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8082/file/medium-5e598f2d07f080ff9b06cac4ec352512.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/hand-cream-grapefruit-organic-100-ml-17304">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Grapefruit Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wKpnyLik86RLfY_fBvJnMtgmJAIV9qeJ6_I0Gj3dxPKslLCmMYBxI6LbK0IBKTNlOmZys41aQZ6QjyO11mUHKg" />
    <input value="17304" 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/hand-cream-oat-organic-100-ml-17305">
          <img alt="Hand Cream Oat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8083/file/small-e7b41249f08435bae04f17e9e525e62e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.webp 900w, https://assets.fabulous.ch/public/variant_asset/8083/file/large-490018fcb09eae04117eaa9b400f6c6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8083/file/medium-3324210f9946c2b7d6cbe80e6995dc58.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">benecos</p>
          <a href="/en/products/hand-cream-oat-organic-100-ml-17305">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hand Cream Oat Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UAQ6yr4ocv18JY5tZ64C2G4HHMHgzkp6kOtw05rMH1g8Ou2kNwzwepWDKvBgdVaPjEdKcHhirG3rlmd8cXTcgA" />
    <input value="17305" 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/deodorant-stick-feel-free-with-lavender-40-g-17473">
          <img alt="Deodorant Stick feel free with Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8141/file/small-d85a50ac37e66319d5d0fffdcd932906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8141/file/large-1df54e371b71e01875d76dcfc79a972b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.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">The Lekker company</p>
          <a href="/en/products/deodorant-stick-feel-free-with-lavender-40-g-17473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick feel free with Lavender, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZbrQVzgBAWr-xfK_Wvi9trkh_ip0AA9dpJaNifh4XxcJhAc5sSWD7RdjViJdI-nhW2Gom-ys6Urf65omE8Cczw" />
    <input value="17473" 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/fair-squared-condoms-sensitive-dry-10-pcs-10-piece-17526">
          <img alt="Fair Squared Condoms Sensitive Dry, 10 Pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8172/file/small-edbffccb8d5237b7ec296fca7e7249fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.webp 900w, https://assets.fabulous.ch/public/variant_asset/8172/file/large-fb7641034139bfb5eec6da33c52f3f85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.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">Fair Squared</p>
          <a href="/en/products/fair-squared-condoms-sensitive-dry-10-pcs-10-piece-17526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Condoms Sensitive Dry, 10 Pcs, 10 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lwUglzQUF8llrfEdTzPmByfjL0iOp2yrX3G7zzr_g_r7O_f5vTCVTowLVYBI6LJQxaN5-RYLirwkDKxg0UdAIg" />
    <input value="17526" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pill-cosmetics-physio-shampoo-mild-200-ml-short-shelf-life-30-06-2026-17785">
          <img alt="Pill Cosmetics - Physio-Shampoo Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6396/file/small-2ec5cff59e8d28967a329258d84af9f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6396/file/medium-d4d2d86bca688d19235f9ff4ae10b55d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6396/file/large-405f07d9d7d7974d60837a5b9b70018a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6396/file/medium-d4d2d86bca688d19235f9ff4ae10b55d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-physio-shampoo-mild-200-ml-short-shelf-life-30-06-2026-17785">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Physio-Shampoo Mild, 200 ml (Short shelf life 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 18.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 9.10</span>
            </p>

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

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

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


    <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-short-shelf-life-31-07-2026-17786">
          <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-short-shelf-life-31-07-2026-17786">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Anti-Redness Cream SPF 15, 50 ml (Short shelf life 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 31.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 21.70</span>
            </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-17786-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HHcDxCHFiemjYzQAKsAAmS2lpWJjtcqr1Fpi4EFl439wSdSqqOELbkrFkJ0tG1TOz-Xz0_sZLLyvJ3VPqt0gpw" />
    <input value="17786" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/after-sun-lotion-200-ml-short-shelf-life-31-07-2026-17903">
          <img alt="After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6638/file/small-933e2c8a6dc78c8b3fdf80a780aee472.webp 600w, https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6638/file/large-05a01e8d7fc819bfc1d282c8da0fd00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/after-sun-lotion-200-ml-short-shelf-life-31-07-2026-17903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">After Sun Lotion, 200 ml (Short shelf life 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.50</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xt6CfnUROgKw_j4g_XOYgmFLiM-0wI54cWiw2qJFsAuq4FUQ_DW4hVlYmr36qMzVgwvefixsaG8KFad1Sf1z0w" />
    <input value="17903" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tampons-super-plus-without-applicator-20-pcs-20-pieces-short-shelf-life-01-08-2026-17972">
          <img alt="Tampons Super Plus without applicator, 20 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1337/file/small-97009756985418a1dca7fc5b92389bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1337/file/large-30bc3322e0980baa64a1df041eca35a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.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">Natracare</p>
          <a href="/en/products/tampons-super-plus-without-applicator-20-pcs-20-pieces-short-shelf-life-01-08-2026-17972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super Plus without applicator, 20 pcs, 20 pieces (Short shelf life 01.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.35</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zb0ToAIxfLCuBziqRcg3J6Mxsrf9t41y3PBZKOx8VWIJg8TOixX-N0ehnDdCE2NwQXHkBmUba2WnjU6HB8SWug" />
    <input value="17972" 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/alkaline-crystal-bath-1-kg-cd0a7533-194f-4d9e-8253-2189e2071934-18065">
          <img alt="Alkaline Crystal Bath" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9020/file/small-dde1a5158a95bfb01768101d907a860a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9020/file/medium-1e1b53b6fc226e735259751a257560a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9020/file/large-ec95570bc9c1cba05c8053746e04931c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9020/file/medium-1e1b53b6fc226e735259751a257560a8.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">Erva Medica AG</p>
          <a href="/en/products/alkaline-crystal-bath-1-kg-cd0a7533-194f-4d9e-8253-2189e2071934-18065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alkaline Crystal Bath, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FQbJve851Z62JRuXSVmWIPdwy5gb0wv0ObbMAnUQ3115OB7TZh1XGV-DvwpOgsJ3FTCdKYN_7eNCy9utnqgchQ" />
    <input value="18065" 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/alkaline-crystal-bath-60-g-e949055e-df49-4267-adc0-d148134224e2-18066">
          <img alt="Alkaline Crystal Bath" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9021/file/small-d0902b59816b9e96f64631afed6eab2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/9021/file/large-000a52b594d2c959ad70f4ca434ede1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.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">Erva Medica AG</p>
          <a href="/en/products/alkaline-crystal-bath-60-g-e949055e-df49-4267-adc0-d148134224e2-18066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alkaline Crystal Bath, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XUPi7T1l50LCjIP31wVL40YlOfj6rRxsMzF5-wD9CYQxfTWDtEFlxSsqJ2rQ3h-0pGVvSWIB-ntITG5U60XKXA" />
    <input value="18066" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/radiant-skin-concealer-medium-03-5-5-ml-short-shelf-life-31-08-2026-18077">
          <img alt="Radiant Skin Concealer - Medium 03 -" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6530/file/small-21095698fae96b1834f9d5488a4f9b5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6530/file/large-deb994fef84e697757ba55e3af260972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6530/file/medium-644e2d87a11adae9242c70dc88a34d5e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/radiant-skin-concealer-medium-03-5-5-ml-short-shelf-life-31-08-2026-18077">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Radiant Skin Concealer - Medium 03 -, 5.5 ml (Short shelf life 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 17.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 14.60</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1aiEDKdqQ-V4K8OZ4jd0nczATgwQ0amKN-DNlgANTMy5llNiLk7BYpGNZwTl7CDKLoAYvYh9T51Mndo567WPFA" />
    <input value="18077" 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">
      375 of 375 products
    </p>
  </div>
</div>

</template></turbo-stream>