
<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/special-cheese-burger">
    <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="Special Cheese Burger" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1MDksInB1ciI6ImJsb2JfaWQifX0=--59a1f50dfe7d9a293672ceabadc3175651f75e7e/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-1756
        </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/special-cheese-burger">
        <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">
          Special Cheese Burger
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1765">
    <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/special-cheese-burger">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 650</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >6,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: 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/vim-dishwash-gel-lime-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="Vim Dishwash Gel Lime 500ml" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6ODg3MCwicHVyIjoiYmxvYl9pZCJ9fQ==--f4942ca476747cc9f4cbaac3ee23951e8563f822/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-1858
        </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/vim-dishwash-gel-lime-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">
          Vim Dishwash Gel Lime 500ml
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1867">
    <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/vim-dishwash-gel-lime-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 399</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >3,990</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/cauliflower-bq">
    <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="Cauliflower BQ" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTk2OSwicHVyIjoiYmxvYl9pZCJ9fQ==--5348413ace427bf7257633942abc2978d0b19e77/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-0999
        </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/cauliflower-bq">
        <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">
          Cauliflower BQ
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1008">
    <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/cauliflower-bq">
        
  <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>

    <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/mother-choice-pure-baking-soda-100g">
    <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="Mother Choice Pure Baking Soda 100g" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI3MzgsInB1ciI6ImJsb2JfaWQifX0=--047024c56e507b464cfd466bb4ecdefad19b4cef/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-1460
        </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/mother-choice-pure-baking-soda-100g">
        <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">
          Mother Choice Pure Baking Soda 100g
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1469">
    <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/mother-choice-pure-baking-soda-100g">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 210</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >2,100</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/laziza-sheer-khurma-160g">
    <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="LAZIZA SHEER KHURMA 160G" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIxMTYsInB1ciI6ImJsb2JfaWQifX0=--0519ce5aa26072e48c08ff0884f1e3ad4ebad7f7/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-1357
        </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/laziza-sheer-khurma-160g">
        <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">
          LAZIZA SHEER KHURMA 160G
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1366">
    <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/laziza-sheer-khurma-160g">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 219</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >2,190</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/roll-up-chocolate-truffle-cake">
    <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="Roll Up Chocolate Truffle Cake" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQwODEsInB1ciI6ImJsb2JfaWQifX0=--f9e5a426d15929eb3fde3bff525cdc7e03da56ef/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="15% off"><span class="text-[9px] sm:text-[10px] font-extrabold leading-none tabular-nums">15%</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-1684
        </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/roll-up-chocolate-truffle-cake">
        <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">
          Roll Up Chocolate Truffle Cake
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1693">
    <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/roll-up-chocolate-truffle-cake">
        
  <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 6,800</p>
        <p class="truncate tabular-nums leading-none text-rose-600 line-through text-[10px] sm:text-sm">Rs 8,000</p>
      </div>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >68,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: 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/lu-prince-biscuit">
    <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="LU Prince Biscuit" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIzNDksInB1ciI6ImJsb2JfaWQifX0=--4c4c56c86ab6d76d84b2e377765684d8eebaaabb/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-1396
        </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/lu-prince-biscuit">
        <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">
          LU Prince Biscuit
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1405">
    <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/lu-prince-biscuit">
        
  <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: 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/fast-action-toilet-bowl-cleaner-toilet-bowl-cleaner-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="Fast Action Toilet Bowl Cleaner Toilet Bowl Cleaner 500ml" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTA5NjksInB1ciI6ImJsb2JfaWQifX0=--10718c31cd80f7108b651768b2951c4dd85fe529/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-1165
        </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/fast-action-toilet-bowl-cleaner-toilet-bowl-cleaner-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">
          Fast Action Toilet Bowl Cleaner Toilet Bowl Cleaner 500ml
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1174">
    <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/fast-action-toilet-bowl-cleaner-toilet-bowl-cleaner-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 329</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >3,290</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-quorma-recipe-mix-masala-50g">
    <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 Quorma Recipe Mix Masala 50g" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI5NzYsInB1ciI6ImJsb2JfaWQifX0=--9f8daaaf5e5dc4db7c90eaae4183fd12b6257323/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-1500
        </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-quorma-recipe-mix-masala-50g">
        <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 Quorma Recipe Mix Masala 50g
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1509">
    <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-quorma-recipe-mix-masala-50g">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 150</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >1,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: 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/sufi-canola-oil-1ltr-x5">
    <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 Canola Oil 1LTR x5" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ2NTAsInB1ciI6ImJsb2JfaWQifX0=--6c376a5b8afcc4e395148a7ae01e03248a245e83/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-1779
        </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-canola-oil-1ltr-x5">
        <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 Canola Oil 1LTR x5
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1788">
    <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-canola-oil-1ltr-x5">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 3,015</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >30,150</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/coca-cola-500-ml-x12">
    <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="Coca Cola 500 ML x12" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAxNzEsInB1ciI6ImJsb2JfaWQifX0=--054bcc2ec831f861b214cc7b2948927cdb756485/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-1033
        </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/coca-cola-500-ml-x12">
        <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">
          Coca Cola 500 ML x12
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1042">
    <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/coca-cola-500-ml-x12">
        
  <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,450</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >14,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/next-fizz-up-2-25-x4">
    <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="Next Fizz Up 2.25 X4" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTMyOTQsInB1ciI6ImJsb2JfaWQifX0=--ee72661f933c75d307cf84a8871db284d2ca40f7/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-1553
        </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/next-fizz-up-2-25-x4">
        <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">
          Next Fizz Up 2.25 X4
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1562">
    <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/next-fizz-up-2-25-x4">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 880</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >8,800</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=47">
      <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>
