{"product_id":"pclab-pro-ryzen-7700x-16gb-ddr5-rtx-5070","title":"PCLAB PRO RYZEN 7700X 16GB DDR5 RTX 5070","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; padding: 0; background: #1F1F21; margin: 0; }\n        .specs-container { background: #1F1F21; border: 1px solid #3a3a3c; border-radius: 8px; padding: 0; overflow: hidden; max-width: 100%; width: 100%; margin: 0; box-sizing: border-box; }\n        .specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }\n        .spec-item { display: flex; align-items: center; gap: 15px; padding: 28px; box-sizing: border-box; }\n        .spec-item:nth-child(1), .spec-item:nth-child(3) { border-right: 1px solid #3a3a3c; }\n        .spec-item:nth-child(1), .spec-item:nth-child(2) { border-bottom: 1px solid #3a3a3c; }\n        .spec-icon { min-width: 40px; display: flex; align-items: center; justify-content: center; color: #D3D3D3; }\n        .spec-content h3 { margin: 0; font-size: 18px; font-weight: 600; color: #D3D3D3; }\n        .spec-content p { margin: 2px 0 0 0; font-size: 14px; color: #D3D3D3; font-weight: 400; }\n        @media (max-width: 500px) { .specs-container { padding: 0; border-radius: 4px; } .specs-grid { grid-template-columns: 1fr 1fr; gap: 0; } body { padding: 0; } .spec-item { flex-direction: column; text-align: center; gap: 10px; padding: 18px; } .spec-content h3 { font-size: 14px; } .spec-content p { font-size: 12px; } .spec-icon { min-width: auto; } .spec-icon svg { width: 28px; height: 28px; } }\n        .detailed-specs { margin-top: 0; padding: 4px 28px 28px; }\n        .collapse-checkbox { position: absolute; opacity: 0; pointer-events: none; }\n        .collapse-header { display: flex; align-items: center; cursor: pointer; user-select: none; padding: 15px 0; }\n        .collapse-header:hover h2 { color: #ffffff; }\n        .detailed-specs h2 { color: #D3D3D3; font-size: 20px; margin: 0; font-weight: 600; transition: color 0.2s; }\n        .collapse-icon { color: #D3D3D3; font-size: 24px; margin-left: auto; flex-shrink: 0; transition: transform 0.3s ease; }\n        .collapse-checkbox:checked ~ .collapse-header .collapse-icon { transform: rotate(180deg); }\n        .collapse-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }\n        .collapse-checkbox:checked ~ .collapse-content { max-height: 1000px; }\n        .specs-table { width: 100%; border-collapse: collapse; }\n        .specs-table th { color: #D3D3D3; padding: 12px 8px; text-align: left; font-weight: 600; font-size: 13px; border-bottom: 1px solid #3a3a3c; }\n        .specs-table td { padding: 12px 8px; color: #D3D3D3; font-size: 14px; border-bottom: 1px solid #3a3a3c; }\n        .specs-table tbody tr:last-child td { border-bottom: none; }\n        @media (max-width: 768px) { .specs-table { font-size: 12px; } .specs-table th, .specs-table td { padding: 10px 6px; } }\n        @media (max-width: 500px) { .specs-table { font-size: 13px; } .specs-table th { font-size: 12px; padding: 10px 8px; } .specs-table td { padding: 10px 8px; } .detailed-specs { padding: 4px 18px 18px; } .detailed-specs h2 { font-size: 18px; } .collapse-icon { font-size: 20px; } }\n\u003c\/style\u003e\n\u003cdiv class=\"specs-container\"\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003cpath d=\"M4 4h4v4H4V4zm6 0h4v4h-4V4zm6 0h4v4h-4V4zM4 10h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4zM4 16h4v4H4v-4zm6 0h4v4h-4v-4zm6 0h4v4h-4v-4z\"\u003e\u003c\/path\u003e\u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-content\"\u003e\n\u003ch3\u003eRyzen 7 7700X\u003c\/h3\u003e\n\u003cp\u003eCPU\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003crect x=\"4\" y=\"8\" width=\"16\" height=\"12\" rx=\"1\"\u003e\u003c\/rect\u003e\u003crect x=\"7\" y=\"6\" width=\"3\" height=\"2\"\u003e\u003c\/rect\u003e\u003crect x=\"14\" y=\"6\" width=\"3\" height=\"2\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"9\" cy=\"14\" r=\"1.5\" fill=\"white\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"15\" cy=\"14\" r=\"1.5\" fill=\"white\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-content\"\u003e\n\u003ch3\u003eRTX 5070\u003c\/h3\u003e\n\u003cp\u003eGPU\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"currentColor\"\u003e\u003crect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"1\"\u003e\u003c\/rect\u003e\u003crect x=\"6\" y=\"9\" width=\"2\" height=\"6\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"9\" y=\"9\" width=\"2\" height=\"6\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"12\" y=\"9\" width=\"2\" height=\"6\" fill=\"white\"\u003e\u003c\/rect\u003e\u003crect x=\"15\" y=\"9\" width=\"2\" height=\"6\" fill=\"white\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-content\"\u003e\n\u003ch3\u003e16GB DDR5\u003c\/h3\u003e\n\u003cp\u003eRAM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cdiv class=\"spec-icon\"\u003e\u003csvg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\u003crect x=\"6\" y=\"4\" width=\"12\" height=\"16\" rx=\"1\" transform=\"rotate(45 12 12)\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-content\"\u003e\n\u003ch3\u003e1TB\u003c\/h3\u003e\n\u003cp\u003eSSD\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"detailed-specs\"\u003e\n\u003cinput type=\"checkbox\" id=\"collapseToggle\" class=\"collapse-checkbox\"\u003e\n\u003clabel for=\"collapseToggle\" class=\"collapse-header\"\u003e\n\u003ch2\u003eDetailed Specifications\u003c\/h2\u003e\n\u003cspan class=\"collapse-icon\"\u003e▼\u003c\/span\u003e\n\u003c\/label\u003e\n\u003cdiv class=\"collapse-content\"\u003e\n\u003ctable class=\"specs-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eComponent\u003c\/th\u003e\n\u003cth\u003eModel\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProcessor\u003c\/td\u003e\n\u003ctd\u003eAMD Ryzen 7 7700X\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMotherboard\u003c\/td\u003e\n\u003ctd\u003eB650 Chipset\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMemory\u003c\/td\u003e\n\u003ctd\u003e16GB DDR5 6000MHz\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eStorage\u003c\/td\u003e\n\u003ctd\u003e1TB NVMe SSD\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGraphics\u003c\/td\u003e\n\u003ctd\u003eNVIDIA GeForce RTX 5070\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePower Supply\u003c\/td\u003e\n\u003ctd\u003e750W 80+ Bronze\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"pclab","offers":[{"title":"Black","offer_id":58433667334488,"sku":null,"price":1579.0,"currency_code":"GBP","in_stock":true},{"title":"White","offer_id":58433667367256,"sku":null,"price":1579.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1005\/8399\/7784\/files\/1acedb24-a506-46d9-b87a-b7e5ac061b05.png?v=1788997758","url":"https:\/\/pc-lab.co.uk\/products\/pclab-pro-ryzen-7700x-16gb-ddr5-rtx-5070","provider":"pclab","version":"1.0","type":"link"}