<turbo-stream action="append" target="device-list">
  <template>
      <a class="group block" href="/mobile/38295?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2F6413%2F6413248cv1d.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="NITRO 5 GAMING" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/6413/6413248cv1d.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">ACER</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        NITRO 5 GAMING 256GB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£350</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/38274?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2Ffe197a7b-4a3a-4297-b8c6-fac9e2acf3c9.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="SWITCH" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/fe197a7b-4a3a-4297-b8c6-fac9e2acf3c9.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">NINTENDO</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        SWITCH 32GB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-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/38209?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2Faabaa9c2-9e4f-4e03-b147-8d857bc35644.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="PS5 DIGITAL EDITION" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/aabaa9c2-9e4f-4e03-b147-8d857bc35644.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">SONY</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        PS5 DIGITAL EDITION 1TB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-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/38062?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fmedia.ldlc.com%2Fr1600%2Fld%2Fproducts%2F00%2F05%2F92%2F57%2FLD0005925707_1.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="GF66 12UC" class="h-full object-contain" src="https://media.ldlc.com/r1600/ld/products/00/05/92/57/LD0005925707_1.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">MSI KATANA</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        GF66 12UC 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-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </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/37549?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2F8e0917a8-a30f-4a72-b034-032d7f437da1.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="3S" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/8e0917a8-a30f-4a72-b034-032d7f437da1.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">META QUEST</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        3S 128GB
      </h3>
      <p class="text-xs text-gray-400"></p>

      <!-- Condition badge -->
      <div class="mt-auto pt-2 flex items-center justify-between gap-2">
        <span class="text-[10px] font-semibold px-2 py-0.5 rounded-full border
          bg-blue-50 text-blue-700 border-blue-200">
          GRADE A
        </span>
        <p class="text-base font-extrabold text-gray-900">£235</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/37395?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2F8e0917a8-a30f-4a72-b034-032d7f437da1.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="3S" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/8e0917a8-a30f-4a72-b034-032d7f437da1.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">META QUEST</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        3S 128GB
      </h3>
      <p class="text-xs text-gray-400">GAMING</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">£249</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/30697?back_to=%2Fmobile%3Ffilters%255BCategory%255D%3Dgaming%26filters%255BStockItemsOnly%255D%3Dtrue&amp;url=https%3A%2F%2Fpisces.bbystatic.com%2Fimage2%2FBestBuy_US%2Fimages%2Fproducts%2F6514%2F6514550cv14d.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="SWITCH LITE" class="h-full object-contain" src="https://pisces.bbystatic.com/image2/BestBuy_US/images/products/6514/6514550cv14d.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">NINTENDO</p>
      <h3 class="text-sm font-bold text-gray-800 leading-snug line-clamp-2">
        SWITCH LITE STANDARD
      </h3>
      <p class="text-xs text-gray-400">GAMING</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">£115</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>
    <div class=""></div>  
</template></turbo-stream>