
<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/liption-yellow-label-49g">
    <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="Liption Yellow Label 49g" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIyNTAsInB1ciI6ImJsb2JfaWQifX0=--74cbb234db75ce1278892b5dabd211a6e1ae318a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1379
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/liption-yellow-label-49g">
        <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">
          Liption Yellow Label 49g
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1388">
    <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/liption-yellow-label-49g">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 100</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >1,000</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/fresh-flower-bouquet">
    <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 Flower Bouquet" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTEwOTUsInB1ciI6ImJsb2JfaWQifX0=--ec453b1cb74a1a45b0632c1a7ad1389f04a99ab5/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1186
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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-flower-bouquet">
        <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 Flower Bouquet
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1195">
    <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-flower-bouquet">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 1,500</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >15,000</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/mars-chocolate-bar-40g">
    <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="Mars Chocolate Bar, 40g" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI1MTIsInB1ciI6ImJsb2JfaWQifX0=--4dec7caa2fdaa1dc046572fc9fbff305b4bba4ff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1423
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/mars-chocolate-bar-40g">
        <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">
          Mars Chocolate Bar, 40g
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1432">
    <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/mars-chocolate-bar-40g">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 350</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >3,500</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/enchanteur-shower-gel-vivacious-250ml">
    <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="ENCHANTEUR SHOWER GEL VIVACIOUS 250ML" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA4NTMsInB1ciI6ImJsb2JfaWQifX0=--d1d42340dc6030351c9306008552b8a7b7464a11/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</span>
      </div>

        <div class="absolute right-1 top-1 z-20 sm:right-2 sm:top-2">
          <span class="inline-flex h-7 w-7 sm:h-9 sm:w-9 flex-col items-center justify-center rounded-full border border-rose-200/80 bg-rose-600 text-white shadow-md ring-2 ring-rose-300/90 product-discount-badge" title="10% off"><span class="text-[9px] sm:text-[10px] font-extrabold leading-none tabular-nums">10%</span></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]">
          EBZ-1146
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/enchanteur-shower-gel-vivacious-250ml">
        <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">
          ENCHANTEUR SHOWER GEL VIVACIOUS 250ML
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1155">
    <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/enchanteur-shower-gel-vivacious-250ml">
        
  <div class="space-y-0.5">
      <div class="flex flex-wrap items-baseline gap-x-1 gap-y-0">
        <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 594</p>
        <p class="truncate tabular-nums leading-none text-rose-600 line-through text-[10px] sm:text-sm">Rs 660</p>
      </div>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >5,940</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/14-skin-white-whitening-cream-91g">
    <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="14 skin white whitening cream 91g" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTE1NSwicHVyIjoiYmxvYl9pZCJ9fQ==--1d58531a76a7883104adf956ad587f4a9214e6c3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</span>
      </div>

        <div class="absolute right-1 top-1 z-20 sm:right-2 sm:top-2">
          <span class="inline-flex h-7 w-7 sm:h-9 sm:w-9 flex-col items-center justify-center rounded-full border border-rose-200/80 bg-rose-600 text-white shadow-md ring-2 ring-rose-300/90 product-discount-badge" title="10% off"><span class="text-[9px] sm:text-[10px] font-extrabold leading-none tabular-nums">10%</span></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]">
          EBZ-0864
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/14-skin-white-whitening-cream-91g">
        <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">
          14 skin white whitening cream 91g
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_873">
    <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/14-skin-white-whitening-cream-91g">
        
  <div class="space-y-0.5">
      <div class="flex flex-wrap items-baseline gap-x-1 gap-y-0">
        <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 242.10</p>
        <p class="truncate tabular-nums leading-none text-rose-600 line-through text-[10px] sm:text-sm">Rs 269</p>
      </div>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >2,421</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/bio-amla-shampoo-280ml">
    <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="Bio Amla Shampoo 280ml" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTU3OCwicHVyIjoiYmxvYl9pZCJ9fQ==--2fc55c5d184b281d25698a9f8776ead272cb7c3b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-0934
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/bio-amla-shampoo-280ml">
        <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">
          Bio Amla Shampoo 280ml
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_943">
    <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/bio-amla-shampoo-280ml">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 340</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >3,400</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/eastern-vital-tea-pouch-430g">
    <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="Eastern Vital Tea Pouch 430g" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA3ODgsInB1ciI6ImJsb2JfaWQifX0=--c8fc67c23d135c4e0b3a9cbf6dcf903371f14ad4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1136
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/eastern-vital-tea-pouch-430g">
        <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">
          Eastern Vital Tea Pouch 430g
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1145">
    <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/eastern-vital-tea-pouch-430g">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 900</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >9,000</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/sufi-water-500ml">
    <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="Sufi Water 500Ml" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ3MjksInB1ciI6ImJsb2JfaWQifX0=--f048ce1a02c9cff4deea9bb88e3673cb9aad8ee7/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1792
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/sufi-water-500ml">
        <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">
          Sufi Water 500Ml
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1801">
    <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/sufi-water-500ml">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 50</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >500</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/national-achar-jar-1-kg">
    <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="NATIONAL ACHAR JAR 1 KG" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI4MTAsInB1ciI6ImJsb2JfaWQifX0=--96b1823ff74656f07ade98321091f760e2acff65/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1472
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/national-achar-jar-1-kg">
        <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">
          NATIONAL ACHAR JAR 1 KG
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1481">
    <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/national-achar-jar-1-kg">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 730</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >7,300</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/cabbage-green-band-gobi">
    <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="Cabbage Green (Band Gobi) | بند گوبھی" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTg3MiwicHVyIjoiYmxvYl9pZCJ9fQ==--95b26151c374eb3e40a68cf400e311296b5226f3/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-0983
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/cabbage-green-band-gobi">
        <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">
          Cabbage Green (Band Gobi) | بند گوبھی
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_992">
    <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/cabbage-green-band-gobi">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 100</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >1,000</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/stuffer-pizza-chicken-stuffer">
    <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="Stuffer Pizza Chicken Stuffer" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ2MzAsInB1ciI6ImJsb2JfaWQifX0=--2cbe314bcec94c3dcb07686564e3a1d3bce7af12/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1776
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/stuffer-pizza-chicken-stuffer">
        <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">
          Stuffer Pizza Chicken Stuffer
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1785">
    <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/stuffer-pizza-chicken-stuffer">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 2,450</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >24,500</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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/chinese-garlic">
    <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="Chinese Garlic | چائنیز لہسن" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAwNTQsInB1ciI6ImJsb2JfaWQifX0=--50855633764ad5affaa2e85f93b2bc0c7d13739b/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJ3ZWJwIiwicmVzaXplX3RvX2xpbWl0IjpbMzIwLDMyMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--2364261aa9b81d45d15aeacc2773ce942cb4064d/imported-product.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-violet-600 px-1.5 py-0.5 text-[9px] font-bold uppercase tracking-wide text-white shadow-sm sm:px-2 sm:text-[10px]">Official</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]">
          EBZ-1013
        </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]">
          E
        </span>
        <p class="min-w-0 truncate font-semibold text-slate-500 text-[10px]">Ebazzari Official 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/chinese-garlic">
        <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">
          Chinese Garlic | چائنیز لہسن
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1022">
    <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/chinese-garlic">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 130</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >1,300</span> coins <span aria-hidden="true">🪙</span>
    </p>
  </div>

</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=29">
      <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>
