<turbo-stream action="append" target="device-list">
  <template>
      <a class="group block" href="/mobile/38285?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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-amber-50 text-amber-700 border-amber-200">
          GRADE B
        </span>
        <p class="text-base font-extrabold text-gray-900">£399</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/38284?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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 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 A + 
        </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/38279?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fm-cdn.phonearena.com%2Fimages%2Farticle%2F180625-wide-two_1200%2FSamsungs-rumored-Galaxy-Z-Fold-8-branding-strategy-makes-zero-sense...-for-now.webp%3F1779810845">
  <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 FOLD 8 5G" class="h-full object-contain" src="https://m-cdn.phonearena.com/images/article/180625-wide-two_1200/Samsungs-rumored-Galaxy-Z-Fold-8-branding-strategy-makes-zero-sense...-for-now.webp?1779810845" />
      <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 FOLD 8 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">£1450</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/38275?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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 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">£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/38277?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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/38278?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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/38269?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fhk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103%3F%24624_624_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="A20" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/hk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103?$624_624_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">
        A20 32GB
      </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/38270?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fhk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103%3F%24624_624_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="A20" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/hk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103?$624_624_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">
        A20 32GB
      </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/38271?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fhk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103%3F%24624_624_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="A20" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/hk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103?$624_624_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">
        A20 32GB
      </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/38272?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fhk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103%3F%24624_624_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="A20" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/hk-en-galaxy-a20-a205-sm-a205gzkvtgy-black-168665103?$624_624_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">
        A20 32GB
      </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/38266?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;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 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-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>
      <a class="group block" href="/mobile/38249?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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 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 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/38248?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpngdownloads.wordpress.com%2Fwp-content%2Fuploads%2F2024%2F01%2Fsamsung-galaxy-s24-ultra-colors-png.jpg%3Fw%3D850">
  <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 ULTRA 5G" class="h-full object-contain" src="https://pngdownloads.wordpress.com/wp-content/uploads/2024/01/samsung-galaxy-s24-ultra-colors-png.jpg?w=850" />
      <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 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£625</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/38244?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fimages.samsung.com%2Fis%2Fimage%2Fsamsung%2Fassets%2Fsg%2Ftablets%2Fgalaxy-tab-s9-fe%2Fbuy%2F720x720_KV_MO.jpg%3Fimbypass%3Dtrue">
  <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 S9 FE+ 5G" class="h-full object-contain" src="https://images.samsung.com/is/image/samsung/assets/sg/tablets/galaxy-tab-s9-fe/buy/720x720_KV_MO.jpg?imbypass=true" />
      <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 S9 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-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/38241?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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 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-blue-50 text-blue-700 border-blue-200">
          GRADE A+
        </span>
        <p class="text-base font-extrabold text-gray-900">£575</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/38238?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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 1TB
      </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">£1299</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/38239?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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 1TB
      </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">£1299</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/38236?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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-green-50 text-green-700 border-green-200">
          NEW
        </span>
        <p class="text-base font-extrabold text-gray-900">£475</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/38229?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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">£899</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/38230?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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">£899</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/38231?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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">£899</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/38227?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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">£899</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/38228?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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">£899</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/38222?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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 1TB
      </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">£1299</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/38219?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Ffdn2.gsmarena.com%2Fvv%2Fbigpic%2Fsamsung-galaxy-s23-fe.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="GALAXY S23 FE" class="h-full object-contain" src="https://fdn2.gsmarena.com/vv/bigpic/samsung-galaxy-s23-fe.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">
        GALAXY 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-amber-50 text-amber-700 border-amber-200">
          GRADE B
        </span>
        <p class="text-base font-extrabold text-gray-900">£225</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/38217?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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 1TB
      </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">£1345</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/38216?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&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>

    <!-- 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">£899</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/38213?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpngdownloads.wordpress.com%2Fwp-content%2Fuploads%2F2024%2F01%2Fsamsung-galaxy-s24-ultra-colors-png.jpg%3Fw%3D850">
  <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 ULTRA 5G" class="h-full object-contain" src="https://pngdownloads.wordpress.com/wp-content/uploads/2024/01/samsung-galaxy-s24-ultra-colors-png.jpg?w=850" />
      <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 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </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/38211?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fm-cdn.phonearena.com%2Fimages%2Fphones%2F85456-350%2FSamsung-Galaxy-A37-5G.webp">
  <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="A37 5G" class="h-full object-contain" src="https://m-cdn.phonearena.com/images/phones/85456-350/Samsung-Galaxy-A37-5G.webp" />
      <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">
        A37 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">£355</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/38205?back_to=%2Fmobile%3Ffilters%255BItemMakeName%255D%255B%255D%3DSAMSUNG%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpngdownloads.wordpress.com%2Fwp-content%2Fuploads%2F2024%2F01%2Fsamsung-galaxy-s24-ultra-colors-png.jpg%3Fw%3D850">
  <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="GALAXY S24 ULTRA" class="h-full object-contain" src="https://pngdownloads.wordpress.com/wp-content/uploads/2024/01/samsung-galaxy-s24-ultra-colors-png.jpg?w=850" />
      <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">
        GALAXY S24 ULTRA 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£600</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?filters%5BItemMakeName%5D%5B%5D=SAMSUNG&amp;filters%5BStockItemsOnly%5D=true&amp;pagination%5BPageNumber%5D=2">
      <span class="loading loading-dots loading-lg"></span>
</turbo-frame></template></turbo-stream>