<turbo-stream action="append" target="device-list">
  <template>
      <a class="group block" href="/mobile/38417?back_to=%2Fmobile&amp;url=https%3A%2F%2Fi.pinimg.com%2F736x%2F46%2F70%2F4f%2F46704f0c1b194422d979753edf718559.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 16 PRO MAX" class="h-full object-contain" src="https://i.pinimg.com/736x/46/70/4f/46704f0c1b194422d979753edf718559.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 16 PRO MAX 256GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£699</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38416?back_to=%2Fmobile&amp;url=https%3A%2F%2Fistore.co.na%2Fcdn%2Fshop%2Fproducts%2FiPhone14Pro_LineupScreen_02421b18-0312-494a-ae5f-d402b5f844a4_1200x.png%3Fv%3D1664270671">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 14 PRO MAX" class="h-full object-contain" src="https://istore.co.na/cdn/shop/products/iPhone14Pro_LineupScreen_02421b18-0312-494a-ae5f-d402b5f844a4_1200x.png?v=1664270671" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 14 PRO MAX 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-amber-50 text-amber-700 border-amber-200">
          GRADE B
        </span>
        <p class="text-base font-extrabold text-gray-900">£465</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38415?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.directlinkcom.co.uk%2Fwp-content%2Fuploads%2F2025%2F10%2F17pmax.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 17 PRO MAX" class="h-full object-contain" src="https://www.directlinkcom.co.uk/wp-content/uploads/2025/10/17pmax.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
        <div class="absolute inset-0 bg-white/70 flex items-center justify-center rounded-t-2xl">
          <span class="bg-red-100 text-red-600 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide">Sold</span>
        </div>
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 17 PRO MAX 512GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£1250</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38414?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.getorchard.com%2Fcdn%2Fshop%2Fproducts%2Fgalaxy-s23-ultra.png%3Fv%3D1745500833%26width%3D1445">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S23 ULTRA 5G" class="h-full object-contain" src="https://www.getorchard.com/cdn/shop/products/galaxy-s23-ultra.png?v=1745500833&amp;width=1445" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S23 ULTRA 5G 512GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-amber-50 text-amber-700 border-amber-200">
          GRADE B
        </span>
        <p class="text-base font-extrabold text-gray-900">£435</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38413?back_to=%2Fmobile&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2F6340%2F6340638_sd.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPAD AIR 4TH GEN" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/6340/6340638_sd.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPAD AIR 4TH GEN 64GB
      </h3>
      <p class="text-xs text-gray-400">WIFI ONLY</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£299</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38412?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.pngpacks.com%2Fuploads%2Fdata%2F2240%2FIMG_S80lI8diK5hP.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 13" class="h-full object-contain" src="https://www.pngpacks.com/uploads/data/2240/IMG_S80lI8diK5hP.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 13 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-amber-50 text-amber-700 border-amber-200">
          GRADE A 100%
        </span>
        <p class="text-base font-extrabold text-gray-900">£325</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38409?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Freviews%2F25%2Fsamsung-galaxy-a07-4g%2Flifestyle%2F-1024w2%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A07" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/reviews/25/samsung-galaxy-a07-4g/lifestyle/-1024w2/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A07 64GB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£110</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38410?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Freviews%2F25%2Fsamsung-galaxy-a07-4g%2Flifestyle%2F-1024w2%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A07" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/reviews/25/samsung-galaxy-a07-4g/lifestyle/-1024w2/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A07 64GB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£110</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38411?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Freviews%2F25%2Fsamsung-galaxy-a07-4g%2Flifestyle%2F-1024w2%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A07" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/reviews/25/samsung-galaxy-a07-4g/lifestyle/-1024w2/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
        <div class="absolute inset-0 bg-white/70 flex items-center justify-center rounded-t-2xl">
          <span class="bg-red-100 text-red-600 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide">Sold</span>
        </div>
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A07 64GB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£110</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38407?back_to=%2Fmobile&amp;url=https%3A%2F%2Fi.ebayimg.com%2Fimages%2Fg%2FbAcAAOSwG~5lRSWa%2Fs-l1200.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S21 5G" class="h-full object-contain" src="https://i.ebayimg.com/images/g/bAcAAOSwG~5lRSWa/s-l1200.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S21 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-amber-50 text-amber-700 border-amber-200">
           GRADE A + 
        </span>
        <p class="text-base font-extrabold text-gray-900">£175</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38408?back_to=%2Fmobile&amp;url=https%3A%2F%2Fi.ebayimg.com%2Fimages%2Fg%2FbAcAAOSwG~5lRSWa%2Fs-l1200.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S21 5G" class="h-full object-contain" src="https://i.ebayimg.com/images/g/bAcAAOSwG~5lRSWa/s-l1200.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
        <div class="absolute inset-0 bg-white/70 flex items-center justify-center rounded-t-2xl">
          <span class="bg-red-100 text-red-600 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide">Sold</span>
        </div>
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S21 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-amber-50 text-amber-700 border-amber-200">
           GRADE A + 
        </span>
        <p class="text-base font-extrabold text-gray-900">£175</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38406?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.pngpacks.com%2Fuploads%2Fdata%2F2240%2FIMG_S80lI8diK5hP.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 13" class="h-full object-contain" src="https://www.pngpacks.com/uploads/data/2240/IMG_S80lI8diK5hP.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 13 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£325</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38405?back_to=%2Fmobile&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fp6pim%2Fes%2Fsm-x110nzaaeub%2Fgallery%2Fes-galaxy-tab-a9-sm-x110-sm-x110nzaaeub-539021728%3F%24650_519_PNG%24">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="TAB A9 PLUS" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/p6pim/es/sm-x110nzaaeub/gallery/es-galaxy-tab-a9-sm-x110-sm-x110nzaaeub-539021728?$650_519_PNG$" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        TAB A9 PLUS 64GB
      </h3>
      <p class="text-xs text-gray-400">WIFI ONLY</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£195</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38404?back_to=%2Fmobile&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fassets%2Fin%2Ftablets%2Fgalaxy-tab-a9%2Fbuy%2F17903_Tab_A9_KV_720x720.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="TAB A9" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/assets/in/tablets/galaxy-tab-a9/buy/17903_Tab_A9_KV_720x720.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        TAB A9 64GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£155</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38403?back_to=%2Fmobile&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fassets%2Fin%2Ftablets%2Fgalaxy-tab-a9%2Fbuy%2F17903_Tab_A9_KV_720x720.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="TAB A9" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/assets/in/tablets/galaxy-tab-a9/buy/17903_Tab_A9_KV_720x720.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
        <div class="absolute inset-0 bg-white/70 flex items-center justify-center rounded-t-2xl">
          <span class="bg-red-100 text-red-600 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide">Sold</span>
        </div>
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        TAB A9 64GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£155</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38402?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.gsmarena.com.in%2Ffront%2Fimages%2Fproduct_images%2Flarge%2F51588.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S26 ULTRA" class="h-full object-contain" src="https://www.gsmarena.com.in/front/images/product_images/large/51588.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
        <div class="absolute inset-0 bg-white/70 flex items-center justify-center rounded-t-2xl">
          <span class="bg-red-100 text-red-600 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wide">Sold</span>
        </div>
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S26 ULTRA 256GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£975</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38401?back_to=%2Fmobile&amp;url=https%3A%2F%2Fhandtec.co.uk%2Fcdn%2Fshop%2Ffiles%2Fs22ultra.png%3Fv%3D1686431349">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S22 ULTRA 5G" class="h-full object-contain" src="https://handtec.co.uk/cdn/shop/files/s22ultra.png?v=1686431349" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S22 ULTRA 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-amber-50 text-amber-700 border-amber-200">
          GRADE B
        </span>
        <p class="text-base font-extrabold text-gray-900">£299</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38400?back_to=%2Fmobile&amp;url=https%3A%2F%2Fcdsassets.apple.com%2Flive%2F7WUAS350%2Fimages%2Ftech-specs%2Fiphone-17-pro-17-pro-max-hero.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 17 PRO" class="h-full object-contain" src="https://cdsassets.apple.com/live/7WUAS350/images/tech-specs/iphone-17-pro-17-pro-max-hero.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 17 PRO 256GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£1045</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38399?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.getorchard.com%2Fcdn%2Fshop%2Fproducts%2Fgalaxy-s23-ultra.png%3Fv%3D1745500833%26width%3D1445">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S23 ULTRA 5G" class="h-full object-contain" src="https://www.getorchard.com/cdn/shop/products/galaxy-s23-ultra.png?v=1745500833&amp;width=1445" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S23 ULTRA 5G 256GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A+
        </span>
        <p class="text-base font-extrabold text-gray-900">£445</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38398?back_to=%2Fmobile&amp;url=https%3A%2F%2Fi.ebayimg.com%2Fimages%2Fg%2FbAcAAOSwG~5lRSWa%2Fs-l1200.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S21 5G" class="h-full object-contain" src="https://i.ebayimg.com/images/g/bAcAAOSwG~5lRSWa/s-l1200.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S21 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A+
        </span>
        <p class="text-base font-extrabold text-gray-900">£185</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38397?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn2.gsmarena.com%2Fvv%2Fpics%2Fsamsung%2Fsamsung-galaxy-a72-5g-r.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A27 5G" class="h-full object-contain" src="https://fdn2.gsmarena.com/vv/pics/samsung/samsung-galaxy-a72-5g-r.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A27 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£265</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38396?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Freviews%2F25%2Fsamsung-galaxy-a07-4g%2Flifestyle%2F-1024w2%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A07" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/reviews/25/samsung-galaxy-a07-4g/lifestyle/-1024w2/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A07 64GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£125</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38395?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Freviews%2F25%2Fsamsung-galaxy-a07-4g%2Flifestyle%2F-1024w2%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A07" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/reviews/25/samsung-galaxy-a07-4g/lifestyle/-1024w2/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A07 64GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£125</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38394?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Fnews%2F25%2F09%2Fgalaxy-a17-4g-finally-official%2Finline%2F-1200%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A17" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/news/25/09/galaxy-a17-4g-finally-official/inline/-1200/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A17 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£165</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38393?back_to=%2Fmobile&amp;url=https%3A%2F%2Ffdn.gsmarena.com%2Fimgroot%2Fnews%2F25%2F09%2Fgalaxy-a17-4g-finally-official%2Finline%2F-1200%2Fgsmarena_001.jpg">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="A17" class="h-full object-contain" src="https://fdn.gsmarena.com/imgroot/news/25/09/galaxy-a17-4g-finally-official/inline/-1200/gsmarena_001.jpg" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        A17 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£165</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38392?back_to=%2Fmobile&amp;url=https%3A%2F%2Fstatic1.pocketnowimages.com%2Fwordpress%2Fwp-content%2Fuploads%2F2023%2F10%2Fli-samsung-galaxy-s23-fe-colors-1.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S23 FE" class="h-full object-contain" src="https://static1.pocketnowimages.com/wordpress/wp-content/uploads/2023/10/li-samsung-galaxy-s23-fe-colors-1.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S23 FE 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£425</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38391?back_to=%2Fmobile&amp;url=https%3A%2F%2Fhelios-i.mashable.com%2Fimagery%2Farticles%2F00xoJ8rfEqTj1cYmI83unwa%2Fhero-image.fill.size_1248x702.v1644423659.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S22 5G" class="h-full object-contain" src="https://helios-i.mashable.com/imagery/articles/00xoJ8rfEqTj1cYmI83unwa/hero-image.fill.size_1248x702.v1644423659.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S22 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£245</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38390?back_to=%2Fmobile&amp;url=https%3A%2F%2Fwww.rollingstone.com%2Fwp-content%2Fuploads%2F2024%2F03%2Fsamsung-galaxy-s24-deals-2024.png%3Fw%3D914%26h%3D642%26crop%3D1">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S24 5G" class="h-full object-contain" src="https://www.rollingstone.com/wp-content/uploads/2024/03/samsung-galaxy-s24-deals-2024.png?w=914&amp;h=642&amp;crop=1" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S24 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£345</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38389?back_to=%2Fmobile&amp;url=https%3A%2F%2Fhelios-i.mashable.com%2Fimagery%2Farticles%2F00xoJ8rfEqTj1cYmI83unwa%2Fhero-image.fill.size_1248x702.v1644423659.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="S22 5G" class="h-full object-contain" src="https://helios-i.mashable.com/imagery/articles/00xoJ8rfEqTj1cYmI83unwa/hero-image.fill.size_1248x702.v1644423659.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">SAMSUNG</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        S22 5G 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£245</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
      <a class="group block" href="/mobile/38388?back_to=%2Fmobile&amp;url=https%3A%2F%2Fshop.daisycomms.co.uk%2Fwp-content%2Fuploads%2F2023%2F03%2FiPhone14-rangeyellow.png">
  <div class="bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-200 overflow-hidden flex flex-col h-full border border-gray-100 hover:border-green-200">

    <!-- Image -->
    <div class="relative bg-gray-50 flex items-center justify-center p-4 h-[180px]">
      <img alt="IPHONE 14 PLUS" class="h-full object-contain" src="https://shop.daisycomms.co.uk/wp-content/uploads/2023/03/iPhone14-rangeyellow.png" />
      <img alt="Warranty" class="absolute top-2 left-2 opacity-90" src="/assets/warranty-6f2832a6.png" width="64" height="64" />
    </div>

    <!-- Info -->
    <div class="flex flex-col flex-1 p-4 gap-2">
      <p class="text-[10px] font-semibold text-green-600 uppercase tracking-widest">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE 14 PLUS 128GB
      </h3>
      <p class="text-xs text-gray-400">UNLOCKED</p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£375</p>
      </div>

      <button class="mt-2 w-full bg-[rgb(0,106,58)] hover:bg-green-800 text-white text-xs font-semibold py-2 rounded-xl transition-colors duration-150">
        View Details
      </button>
    </div>
  </div>
</a>
  </template>
</turbo-stream>


<turbo-stream action="replace" target="load_devices"><template>
    <turbo-frame loading="lazy" id="load_devices" src="/mobile.turbo_stream?pagination%5BPageNumber%5D=2">
      <span class="loading loading-dots loading-lg"></span>
</turbo-frame></template></turbo-stream>