
<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/olpers-desi-ghee-tarka-1kg">
    <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="Olpers Desi Ghee Tarka 1kg" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTM1MDIsInB1ciI6ImJsb2JfaWQifX0=--4940ecfc587407d0b44e8286594c162279ed1c4a/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/olpers-desi-ghee-tarka-1kg">
        <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">
          Olpers Desi Ghee Tarka 1kg
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1596">
    <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/olpers-desi-ghee-tarka-1kg">
        
  <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,300</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >33,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/balti-macaroni-2-in-1">
    <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="Balti Macaroni 2 in 1" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTQ3OCwicHVyIjoiYmxvYl9pZCJ9fQ==--623d30cfc496c5dc144eae4bc4875c350c261992/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/balti-macaroni-2-in-1">
        <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">
          Balti Macaroni 2 in 1
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_927">
    <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/balti-macaroni-2-in-1">
        
  <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: 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/nestle-lactogen-1-200-gm">
    <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="Nestle Lactogen 1 200 GM" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTMxNTAsInB1ciI6ImJsb2JfaWQifX0=--d1f70abee1e1bf60b57179ff2dd23d0dc4649685/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/nestle-lactogen-1-200-gm">
        <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">
          Nestle Lactogen 1 200 GM
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1539">
    <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/nestle-lactogen-1-200-gm">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 750</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >7,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/master-calligraphy-marker-604-black">
    <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="Master Calligraphy Marker 604 ( Black )" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI1MzIsInB1ciI6ImJsb2JfaWQifX0=--21ae151959c8b885f0c7ecb934d1d37c787c422d/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/master-calligraphy-marker-604-black">
        <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">
          Master Calligraphy Marker 604 ( Black )
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1435">
    <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/master-calligraphy-marker-604-black">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 20</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >200</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/lifebuoy-egg-amp-yogurt-anti-dandruff-strength-shampoo-175ml">
    <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="Lifebuoy Egg &amp; Yogurt Anti Dandruff Strength Shampoo 175ml" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIyMDEsInB1ciI6ImJsb2JfaWQifX0=--eadc258fdd81c3ae909df24e3045303df9123272/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>

    </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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/lifebuoy-egg-amp-yogurt-anti-dandruff-strength-shampoo-175ml">
        <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">
          Lifebuoy Egg &amp; Yogurt Anti Dandruff Strength Shampoo 175ml
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1379">
    <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/lifebuoy-egg-amp-yogurt-anti-dandruff-strength-shampoo-175ml">
        
  <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 287.10</p>
        <p class="truncate tabular-nums leading-none text-rose-600 line-through text-[10px] sm:text-sm">Rs 319</p>
      </div>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >2,871</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/anardana">
    <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="Anardana" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6OTMzMCwicHVyIjoiYmxvYl9pZCJ9fQ==--0b0e29361eac70421f36033fa58e0a2a617b47e7/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/anardana">
        <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">
          Anardana
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_902">
    <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/anardana">
        
  <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: 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/sting-berry-blast-energy-drink-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="Sting Berry Blast Energy Drink 250ml" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTQ1OTIsInB1ciI6ImJsb2JfaWQifX0=--f4b37ea278741e48f7ca9b3d21c4f4fe5c3f9342/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/sting-berry-blast-energy-drink-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">
          Sting Berry Blast Energy Drink 250ml
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1778">
    <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/sting-berry-blast-energy-drink-250ml">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 120</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >1,200</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/lotte-spout-strawberry-gum">
    <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="Lotte Spout Strawberry Gum" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIzMDcsInB1ciI6ImJsb2JfaWQifX0=--6e6bf876112932b8313b39c919f3168fa9916ce3/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/lotte-spout-strawberry-gum">
        <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">
          Lotte Spout Strawberry Gum
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1398">
    <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/lotte-spout-strawberry-gum">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 60</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >600</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/happy-birthday-peppa-pig-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="Happy Birthday Peppa Pig Cake" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE1NzAsInB1ciI6ImJsb2JfaWQifX0=--1bee11c12d554dcb78bf3357fe9c63255dbad780/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>

    </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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/happy-birthday-peppa-pig-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">
          Happy Birthday Peppa Pig Cake
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1275">
    <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/happy-birthday-peppa-pig-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 3,186.65</p>
        <p class="truncate tabular-nums leading-none text-rose-600 line-through text-[10px] sm:text-sm">Rs 3,749</p>
      </div>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >31,866</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/lude-instant-shoe-polish-black">
    <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="LUDE INSTANT SHOE POLISH (Black)" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTIzMzUsInB1ciI6ImJsb2JfaWQifX0=--27c179ed03c83aac57438f65a99a9d60c29b8dc1/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/lude-instant-shoe-polish-black">
        <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">
          LUDE INSTANT SHOE POLISH (Black)
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1403">
    <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/lude-instant-shoe-polish-black">
        
  <div class="space-y-0.5">
      <p class="truncate font-extrabold tabular-nums leading-none text-slate-900 text-xs sm:text-sm" >Rs 120</p>
    <p class="text-[9px] font-semibold leading-tight text-amber-800 sm:text-[11px]">
      Or <span >1,200</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/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>

    </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-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: 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/max-scrub-stainless-steel-spiral-rust-proof-large">
    <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="Max Scrub Stainless Steel Spiral Rust Proof Large" loading="lazy" decoding="async" width="320" height="320" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTI1NjUsInB1ciI6ImJsb2JfaWQifX0=--7a570c5ae4145e10ec1a1033a15f55014177b9c9/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>
</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-start justify-between gap-1.5">
      <a class="min-w-0 flex-1" data-turbo-frame="_top" href="/marketplace/products/max-scrub-stainless-steel-spiral-rust-proof-large">
        <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">
          Max Scrub Stainless Steel Spiral Rust Proof Large
        </h3>
</a>      <div class="hidden shrink-0 pt-0.5 sm:block">
        
<div id="wishlist_button_1440">
    <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/max-scrub-stainless-steel-spiral-rust-proof-large">
        
  <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=36">
      <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>
