<turbo-stream action="append" target="device-list">
  <template>
      <a class="group block" href="/mobile/37377?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">£105</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/37376?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">£105</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/37375?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">£105</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/37374?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">£105</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/37373?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">£105</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/37372?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">£105</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/37371?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">£105</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/37370?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">£105</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/37369?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">£105</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/37368?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">£105</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/37367?url=https%3A%2F%2Fp.turbosquid.com%2Fts-thumb%2Fsw%2FNLKo3U%2FbKepVAXY%2F01%2Fpng%2F1572788217%2F600x600%2Ffit_q87%2F06dea60bd45ff6ccfcdff46f7e2c74ffecabab44%2F01.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 11" class="h-full object-contain" src="https://p.turbosquid.com/ts-thumb/sw/NLKo3U/bKepVAXY/01/png/1572788217/600x600/fit_q87/06dea60bd45ff6ccfcdff46f7e2c74ffecabab44/01.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 11 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£179</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/37366?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">£255</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/37365?url=https%3A%2F%2Fwww.gsmarena.com.bd%2Fimages%2Fproducts%2FXiaomi-Redmi-Note-15-Pro-5G.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="NOTE 15 PRO" class="h-full object-contain" src="https://www.gsmarena.com.bd/images/products/Xiaomi-Redmi-Note-15-Pro-5G.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">REDMI</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        NOTE 15 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-blue-50 text-blue-700 border-blue-200">
          GRADE A+
        </span>
        <p class="text-base font-extrabold text-gray-900">£275</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/37364?url=https%3A%2F%2Ffdn2.gsmarena.com%2Fvv%2Fpics%2Fxiaomi%2Fxiaomi-redmi-note-14-pro-5g-2.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="NOTE 14 PRO" class="h-full object-contain" src="https://fdn2.gsmarena.com/vv/pics/xiaomi/xiaomi-redmi-note-14-pro-5g-2.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">REDMI</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        NOTE 14 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£199</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/37363?url=https%3A%2F%2Fcdsassets.apple.com%2Flive%2F7WUAS350%2Fimages%2Ftech-specs%2F121031-iphone-16-pro.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 16 PRO" class="h-full object-contain" src="https://cdsassets.apple.com/live/7WUAS350/images/tech-specs/121031-iphone-16-pro.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 16 PRO 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">£599</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/37362?url=https%3A%2F%2Fwww.gsmarena.com.bd%2Fimages%2Fproducts%2FHonor-X5c-Plus.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="X5C PLUS" class="h-full object-contain" src="https://www.gsmarena.com.bd/images/products/Honor-X5c-Plus.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">HONOR</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        X5C PLUS 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£75</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/37361?url=https%3A%2F%2Fstore.storeimages.cdn-apple.com%2F1%2Fas-images.apple.com%2Fis%2FMXM63ref_FV98_VW_34FR%2Bwatch-case-44-aluminum-starlight-nc-se3_VW_34FR%2Bwatch-face-44-aluminum-starlight-se3_VW_34FR%3Fwid%3D1200%26hei%3D630%26fmt%3Djpeg%26qlt%3D95%26.v%3DQVR6TmZRU2x1RjZIVW5wdDlyenB5RW5TeWJ6QW43NUFnQ2V4cmRFc1VnWURIZXhSOVNUU1hpL1hkOUNjbEVLTGhpTVc5NTdJR1JvUi9pdHVmZmxBMm5qblBjd2JiYm5raG5NaEt4aVI1UUlESGV4UjlTVFNYaS9YZDlDY2xFS0xvK21YS3ZleHRJTHZaYXpyanR3Mll2WUdSYmoxQm9QSEYwaFF1cjNsaWR4MVNuc0M1anc4N2tjZ3pMZWFaVDZtcEt1NEdvbU43emdCOCt1Y0dwSTJhRlcyVXFPSk5zdFVpS1Iyd2M1ZjV1aw">
  <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="WATCH SE 44MM" class="h-full object-contain" src="https://store.storeimages.cdn-apple.com/1/as-images.apple.com/is/MXM63ref_FV98_VW_34FR+watch-case-44-aluminum-starlight-nc-se3_VW_34FR+watch-face-44-aluminum-starlight-se3_VW_34FR?wid=1200&amp;hei=630&amp;fmt=jpeg&amp;qlt=95&amp;.v=QVR6TmZRU2x1RjZIVW5wdDlyenB5RW5TeWJ6QW43NUFnQ2V4cmRFc1VnWURIZXhSOVNUU1hpL1hkOUNjbEVLTGhpTVc5NTdJR1JvUi9pdHVmZmxBMm5qblBjd2JiYm5raG5NaEt4aVI1UUlESGV4UjlTVFNYaS9YZDlDY2xFS0xvK21YS3ZleHRJTHZaYXpyanR3Mll2WUdSYmoxQm9QSEYwaFF1cjNsaWR4MVNuc0M1anc4N2tjZ3pMZWFaVDZtcEt1NEdvbU43emdCOCt1Y0dwSTJhRlcyVXFPSk5zdFVpS1Iyd2M1ZjV1aw" />
      <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">
        WATCH SE 44MM 4GB
      </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">£135</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/37360?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 5G" 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>

    <!-- 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 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-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£749</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/37359?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 5G" 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>

    <!-- 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 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-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£749</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/37358?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-amber-50 text-amber-700 border-amber-200">
          GRADE A 100%
        </span>
        <p class="text-base font-extrabold text-gray-900">£825</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/37357?url=https%3A%2F%2Ffdn2.gsmarena.com%2Fvv%2Fbigpic%2Fgoogle-pixel-6.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="PIXEL 6" class="h-full object-contain" src="https://fdn2.gsmarena.com/vv/bigpic/google-pixel-6.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">GOOGLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        PIXEL 6 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">£145</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/37356?url=https%3A%2F%2Fcontentstatic.techgig.com%2Fphoto%2F112645956%2Fiphone-15-plus-available-at-just-rs-16298-on-flipkart-details-inside.jpg%3F363532">
  <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 15 PLUS" class="h-full object-contain" src="https://contentstatic.techgig.com/photo/112645956/iphone-15-plus-available-at-just-rs-16298-on-flipkart-details-inside.jpg?363532" />
      <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 15 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">£499</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/37355?url=https%3A%2F%2Fwww.citypng.com%2Fpublic%2Fuploads%2Fpreview%2Fapple-iphone-15-all-colors-hd-png-11694997117cep6j9ej7i.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 15" class="h-full object-contain" src="https://www.citypng.com/public/uploads/preview/apple-iphone-15-all-colors-hd-png-11694997117cep6j9ej7i.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 15 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">£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/37354?url=https%3A%2F%2Fwww.citypng.com%2Fpublic%2Fuploads%2Fpreview%2Fiphone-15-pro-max-all-colors-hd-png-116949841795tz5ootrjo.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 15 PRO" class="h-full object-contain" src="https://www.citypng.com/public/uploads/preview/iphone-15-pro-max-all-colors-hd-png-116949841795tz5ootrjo.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 15 PRO 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">£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/37353?url=https%3A%2F%2Fistore.co.na%2Fcdn%2Fshop%2Fproducts%2FiPhone14_LineupScreen_accb032b-cec3-49fa-bddb-441475708b80_1200x.png%3Fv%3D1664345584">
  <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" class="h-full object-contain" src="https://istore.co.na/cdn/shop/products/iPhone14_LineupScreen_accb032b-cec3-49fa-bddb-441475708b80_1200x.png?v=1664345584" />
      <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 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">£295</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/37352?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>

    <!-- 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 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">£1199</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/37351?url=https%3A%2F%2Fwww.getorchard.com%2Fcdn%2Fshop%2Fproducts%2Fiphone-xr.png%3Fv%3D1745500776%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="IPHONE XR" class="h-full object-contain" src="https://www.getorchard.com/cdn/shop/products/iphone-xr.png?v=1745500776&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">APPLE</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        IPHONE XR 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-amber-50 text-amber-700 border-amber-200">
          GRADE B
        </span>
        <p class="text-base font-extrabold text-gray-900">£99</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/37350?url=https%3A%2F%2Fistore.co.na%2Fcdn%2Fshop%2Fproducts%2FiPhone14_LineupScreen_accb032b-cec3-49fa-bddb-441475708b80_1200x.png%3Fv%3D1664345584">
  <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" class="h-full object-contain" src="https://istore.co.na/cdn/shop/products/iPhone14_LineupScreen_accb032b-cec3-49fa-bddb-441475708b80_1200x.png?v=1664345584" />
      <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 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">£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/37349?url=https%3A%2F%2Fcdn.vodafone.co.uk%2Fweb-marketing%2Friver%2Fconsumer%2Fpay_monthly_contracts%2Fsamsung%2Fgalaxy_s20_fe_5g%2Fimages%2Fdesktop%2Fsamsung-SE20-img1-m.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="S20 FE 5G" class="h-full object-contain" src="https://cdn.vodafone.co.uk/web-marketing/river/consumer/pay_monthly_contracts/samsung/galaxy_s20_fe_5g/images/desktop/samsung-SE20-img1-m.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">
        S20 FE 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">£140</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/37348?url=https%3A%2F%2Fm-cdn.phonearena.com%2Fimages%2Farticles%2F404432-image%2F110-Galaxy-flip5-product-lavender-HI.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="Z FLIP 5" class="h-full object-contain" src="https://m-cdn.phonearena.com/images/articles/404432-image/110-Galaxy-flip5-product-lavender-HI.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">
        Z FLIP 5 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">£365</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>