
<turbo-stream action="append" target="home-products-grid"><template>
    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 0ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/biotic-suger-wax">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Biotic suger Wax" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ2MjQsInB1ciI6ImJsb2JfaWQifX0=--8fe5d9161bbf077ac442531f46975b88b33be477/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/images-22.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0026
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/biotic-suger-wax">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Biotic suger Wax
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1900">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/biotic-suger-wax">
        
  <p class="text-xs sm:text-sm" >
    Rs 1,200
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 70ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/silicon-finger-facial-cleansing-brush">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Silicon Finger Facial Cleansing Brush" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ0MDEsInB1ciI6ImJsb2JfaWQifX0=--3538645ca92f663c529f12ed0b4166cf9e9b382c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/ebeu4qrg59.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0021
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/silicon-finger-facial-cleansing-brush">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Silicon Finger Facial Cleansing Brush
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1895">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/silicon-finger-facial-cleansing-brush">
        
  <p class="text-xs sm:text-sm" >
    Rs 350
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 140ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/glow-up-gold-beauty-cream">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Glow up gold beauty cream" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM3MTMsInB1ciI6ImJsb2JfaWQifX0=--75f3e9da76b9fbb288199f5b5f2f2c099d5859e9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/dpykdibi1k.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0005
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/glow-up-gold-beauty-cream">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Glow up gold beauty cream
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1878">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/glow-up-gold-beauty-cream">
        
  <p class="text-xs sm:text-sm" >
    Rs 800
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 210ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/twinkle-eyebrow-razer">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Twinkle eyebrow razer" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjI4NjcsInB1ciI6ImJsb2JfaWQifX0=--8f3f0be4d46e310fe5e7575c8c0b89d212fad260/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/4cy2qd7cnq.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0003
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/twinkle-eyebrow-razer">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Twinkle eyebrow razer
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1875">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/twinkle-eyebrow-razer">
        
  <p class="text-xs sm:text-sm" >
    Rs 399
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 280ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/full-net-bra">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="full net bra" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQwOTMsInB1ciI6ImJsb2JfaWQifX0=--98acd53a4f3a4cd16a04d796a936c64f9331f77e/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/2.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0013
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/full-net-bra">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          full net bra
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1886">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/full-net-bra">
        
  <p class="text-xs sm:text-sm" >
    Rs 649
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 350ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/bnb-rice-face-wash">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="BNB Rice face wash" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM4NjksInB1ciI6ImJsb2JfaWQifX0=--e3142feb41ba77b0d7eba878198a0d737f4327ea/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/bj2dtujacw.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0006
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/bnb-rice-face-wash">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          BNB Rice face wash
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1879">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/bnb-rice-face-wash">
        
  <p class="text-xs sm:text-sm" >
    Rs 1,099
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 420ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/cotton-bras-in-all-sizes">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Cotton bras in all sizes" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQxNDMsInB1ciI6ImJsb2JfaWQifX0=--c1502507923a3742f60a3d0fbe8dc5e3557d3a03/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/ez0jvzemmv.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0015
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/cotton-bras-in-all-sizes">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Cotton bras in all sizes
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1888">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/cotton-bras-in-all-sizes">
        
  <p class="text-xs sm:text-sm" >
    Rs 550
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 490ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/miss-rose-concealer">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Miss rose concealer" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQwNDcsInB1ciI6ImJsb2JfaWQifX0=--5c3e741d339be22099a3d08904b7dc1d3222874c/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/images-4.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0012
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/miss-rose-concealer">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Miss rose concealer
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1885">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/miss-rose-concealer">
        
  <p class="text-xs sm:text-sm" >
    Rs 749
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 560ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/heng-fang-lipstick-set">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Heng fang lipstick set" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQwMTcsInB1ciI6ImJsb2JfaWQifX0=--1335f79ace53bca8638c0501e646b947bd4d3835/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/rrevemtv3v.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0010
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/heng-fang-lipstick-set">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Heng fang lipstick set
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1883">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/heng-fang-lipstick-set">
        
  <p class="text-xs sm:text-sm" >
    Rs 190
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 630ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/fresh-eyes-colour-contact-lens">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="Fresh eyes colour contact lens" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjM5MDcsInB1ciI6ImJsb2JfaWQifX0=--971607ea841e63df6429c87420dcd2f539effe68/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/nugr50y2ce.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0009
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/fresh-eyes-colour-contact-lens">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          Fresh eyes colour contact lens
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1882">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/fresh-eyes-colour-contact-lens">
        
  <p class="text-xs sm:text-sm" >
    Rs 600
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 700ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/jersey-bra">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="jersey bra" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQ0NjcsInB1ciI6ImJsb2JfaWQifX0=--b72c5833f2195e9e757a00e0451a1f63689760d6/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/wyicsfpevn.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0025
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/jersey-bra">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          jersey bra
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1899">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/jersey-bra">
        
  <p class="text-xs sm:text-sm" >
    Rs 850
  </p>

</a>    </div>

  </div>
</div>

    <div class="group relative flex h-full w-full min-w-0 flex-col overflow-hidden bg-white ring-1 ring-slate-200/70 transition duration-300 rounded-xl shadow-sm hover:-translate-y-0.5 hover:shadow-lg hover:ring-brand-200/80   load-more-reveal"
     style="animation-delay: 770ms">
  <a class="relative aspect-[853/901] w-full shrink-0 overflow-hidden bg-gradient-to-br from-slate-50 to-slate-100 block" data-turbo-frame="_top" href="/marketplace/products/miss-rose-lip-gloss">
    <div class="relative h-full w-full">
      <img alt="" class="pointer-events-none absolute inset-0 z-0 h-full w-full object-fill" aria-hidden="true" loading="lazy" decoding="async" src="/assets/image-frame-505463795d4caf23b1d4552607f70738c4f27308c46639cc244ff66d9711185e.png" />
      <div class="absolute inset-x-[5%] top-[4.5%] bottom-[9.3%] z-10 flex items-center justify-center bg-white">
          <img class="h-full w-full object-cover object-center transition duration-500 ease-out group-hover:scale-[1.02] " alt="miss rose lip gloss" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjQzNTQsInB1ciI6ImJsb2JfaWQifX0=--2101c78badc6eee6b14ec449de01c8fa94105550/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/images-12.webp" />
      </div>

      <div class="absolute left-1.5 top-1.5 z-20 flex flex-col items-start gap-1 sm:left-2 sm:top-2">
          <span class="rounded-full bg-emerald-500 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">New</span>
      </div>


        <span class="absolute bottom-1.5 left-1.5 z-20 rounded-md bg-slate-900/80 px-1.5 py-0.5 font-mono font-bold tracking-wide text-white shadow-sm backdrop-blur-sm sm:bottom-2 sm:left-2 sm:px-2 text-[8px]">
          KABEE-0020
        </span>
    </div>
</a>
  <div class="flex min-h-0 flex-1 flex-col gap-0.5 p-1.5 sm:gap-1 sm:p-2">
      <div class="flex items-center gap-1.5">
        <span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-md bg-brand-50 text-[9px] font-black text-brand-700 ring-1 ring-brand-100 h-4 w-4 text-[8px]">
          H
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Hamdan Cosmetics Store</p>
      </div>

    <div class="flex items-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/miss-rose-lip-gloss">
        <h3 class="font-bold leading-snug text-slate-900 transition group-hover:text-brand-700 line-clamp-2 h-[2.75em] text-[11px] sm:text-xs">
          miss rose lip gloss
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1894">
    <a class="inline-flex h-9 w-9 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-md ring-1 ring-slate-200/80 backdrop-blur-sm transition hover:bg-rose-50 hover:text-rose-600" title="Sign in to save" aria-label="Sign in to save items" data-turbo="false" href="/users/sign_in">
      <svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
      </svg>
</a></div>

      </div>
    </div>


    <div class="mt-auto flex items-end justify-between gap-1.5 pt-0.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/miss-rose-lip-gloss">
        
  <p class="text-xs sm:text-sm" >
    Rs 550
  </p>

</a>    </div>

  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="load-more-products"><template>
  
<div id="load-more-products" class="mt-8 flex justify-center" data-controller="load-more">
    <a class="load-more-btn group inline-flex min-h-[44px] items-center justify-center gap-2 rounded-xl border border-slate-200 bg-white px-6 py-3 text-sm font-bold text-slate-800 shadow-sm transition hover:border-brand-300 hover:bg-brand-50 hover:text-brand-800" data-turbo-stream="true" data-page-loader="skip" data-load-more-target="button" data-action="click-&gt;load-more#start" href="/listings/load_more?anchor=fresh-listings&amp;page=86">
      <span data-load-more-target="label" class="inline-flex items-center gap-2">
        <svg class="h-4 w-4 text-brand-600 transition group-hover:translate-y-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M19 9l-7 7-7-7"/>
        </svg>
        Load more products
      </span>
      <span data-load-more-target="spinner" class="hidden inline-flex items-center gap-2" aria-hidden="true">
        <svg class="load-more-spinner h-4 w-4 text-brand-600" fill="none" viewBox="0 0 24 24" aria-hidden="true">
          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3"></circle>
          <path class="opacity-90" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
        Loading…
      </span>
</a></div>

</template></turbo-stream>
