{"product_id":"asrock-intel-arc-b580-challenger-12gb-graphics-card","title":"ASRock Intel Arc B580 Challenger 12GB Graphics Card","description":"\u003c!-- Product Description Container --\u003e\n\u003cdiv class=\"product-description\"\u003e\n\n  \u003c!-- Tab Navigation --\u003e\n  \u003cdiv class=\"pd-tabs\"\u003e\n    \u003cbutton class=\"pd-tab-btn active\" data-tab=\"overview\"\u003eOverview\u003c\/button\u003e\n    \u003cbutton class=\"pd-tab-btn\" data-tab=\"features\"\u003eFeatures\u003c\/button\u003e\n    \u003cbutton class=\"pd-tab-btn\" data-tab=\"tech-specs\"\u003eTechnical Specifications\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Overview Tab Content --\u003e\n  \u003cdiv class=\"pd-tab-content active\" id=\"overview\"\u003e\n\n    \u003c!-- Hero Banner --\u003e\n    \u003cdiv class=\"pd-hero\"\u003e\n      \u003cdiv class=\"pd-hero-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0562\/7713\/9620\/files\/81igM3aW65L.jpg?v=1778592061\" alt=\"ASRock Intel Arc B580 Challenger 12GB OC\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-hero-content\"\u003e\n        \u003ch1 class=\"pd-title\"\u003eASRock Intel Arc B580 Challenger 12GB OC\u003c\/h1\u003e\n        \u003cp class=\"pd-subtitle\"\u003eIntel Arc B580 Graphics Card with 12GB GDDR6 \u0026amp; Dual Fan Cooling\u003c\/p\u003e\n        \u003cdiv class=\"pd-key-features\"\u003e\n          \u003cdiv class=\"pd-feature\"\u003e\n            \u003csvg class=\"pd-feature-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003crect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n              \u003crect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n              \u003cline x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\u003e\u003c\/line\u003e\n              \u003cline x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n            \u003cspan class=\"pd-feature-label\"\u003eGPU\u003c\/span\u003e\n            \u003cspan class=\"pd-feature-value\"\u003eIntel Arc B580\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"pd-feature\"\u003e\n            \u003csvg class=\"pd-feature-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolygon points=\"12 2 2 7 12 12 22 7 12 2\"\u003e\u003c\/polygon\u003e\n              \u003cpolyline points=\"2 17 12 22 22 17\"\u003e\u003c\/polyline\u003e\n              \u003cpolyline points=\"2 12 12 17 22 12\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n            \u003cspan class=\"pd-feature-label\"\u003eMemory\u003c\/span\u003e\n            \u003cspan class=\"pd-feature-value\"\u003e12GB GDDR6 192-bit\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"pd-feature\"\u003e\n            \u003csvg class=\"pd-feature-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n              \u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n            \u003cspan class=\"pd-feature-label\"\u003eBase Clock\u003c\/span\u003e\n            \u003cspan class=\"pd-feature-value\"\u003e2740 MHz\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"pd-feature\"\u003e\n            \u003csvg class=\"pd-feature-icon\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M5 12.55a11 11 0 0 1 14.08 0\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M1.42 9a16 16 0 0 1 21.16 0\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\u003e\u003c\/path\u003e\n              \u003cline x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n            \u003cspan class=\"pd-feature-label\"\u003eOutputs\u003c\/span\u003e\n            \u003cspan class=\"pd-feature-value\"\u003eHDMI + 3x DP\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Product Overview Section --\u003e\n    \u003cdiv class=\"pd-section\"\u003e\n      \u003ch2 class=\"pd-section-header\"\u003eProduct Overview\u003c\/h2\u003e\n      \u003cdiv class=\"pd-overview-content\"\u003e\n        \u003cp\u003eThe ASRock Intel Arc B580 Challenger 12GB OC is a high-performance graphics card powered by the Intel Arc B580 GPU with the advanced Xe2 architecture. Featuring a generous 12GB of GDDR6 memory on a 192-bit bus, this card delivers exceptional performance for 1440p gaming and demanding creative workloads.\u003c\/p\u003e\n        \u003cp\u003eWith a factory overclocked base clock of 2740 MHz and 20 Xe2 cores, the Arc B580 handles the latest games with ease. The dual fan cooling solution ensures reliable operation during intense gaming sessions, while the 12GB frame buffer provides ample memory for today's most demanding titles and future-proofing.\u003c\/p\u003e\n        \u003cp\u003eFeaturing full DirectX 12 Ultimate support with hardware ray tracing and XeSS upscaling technology, this graphics card delivers beautiful, smooth gameplay. The multiple display outputs allow you to connect up to 4 monitors for an immersive gaming or productivity setup.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Highlight Grid --\u003e\n    \u003cdiv class=\"pd-section\"\u003e\n      \u003ch2 class=\"pd-section-header\"\u003eKey Highlights\u003c\/h2\u003e\n      \u003cdiv class=\"pd-highlight-grid\"\u003e\n        \u003cdiv class=\"pd-highlight-card\"\u003e\n          \u003cdiv class=\"pd-highlight-icon\"\u003e\n            \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"pd-highlight-title\"\u003e12GB GDDR6 Memory\u003c\/h3\u003e\n          \u003cp class=\"pd-highlight-description\"\u003e192-bit memory bus with 19 Gbps speed for smooth high-resolution gaming\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pd-highlight-card\"\u003e\n          \u003cdiv class=\"pd-highlight-icon\"\u003e\n            \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpath d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M19 10v2a7 7 0 0 1-14 0v-2\"\u003e\u003c\/path\u003e\n              \u003cline x1=\"12\" y1=\"19\" x2=\"12\" y2=\"22\"\u003e\u003c\/line\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"pd-highlight-title\"\u003e20 Xe2 Cores\u003c\/h3\u003e\n          \u003cp class=\"pd-highlight-description\"\u003eAdvanced Xe2 architecture with hardware ray tracing for realistic lighting\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pd-highlight-card\"\u003e\n          \u003cdiv class=\"pd-highlight-icon\"\u003e\n            \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n              \u003cpolyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\u003e\u003c\/polyline\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003ch3 class=\"pd-highlight-title\"\u003e2740 MHz OC Clock\u003c\/h3\u003e\n          \u003cp class=\"pd-highlight-description\"\u003eFactory overclocked for enhanced performance in gaming and creation\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Quick Specs Reference --\u003e\n    \u003cdiv class=\"pd-section\"\u003e\n      \u003ch2 class=\"pd-section-header\"\u003eSpecifications at a Glance\u003c\/h2\u003e\n      \u003cdiv class=\"pd-quick-specs\"\u003e\n        \u003cdiv class=\"pd-quick-spec-item\"\u003e\n          \u003cspan class=\"pd-quick-spec-label\"\u003eMemory\u003c\/span\u003e\n          \u003cspan class=\"pd-quick-spec-value\"\u003e12GB GDDR6\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pd-quick-spec-item\"\u003e\n          \u003cspan class=\"pd-quick-spec-label\"\u003eBus\u003c\/span\u003e\n          \u003cspan class=\"pd-quick-spec-value\"\u003e192-bit\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pd-quick-spec-item\"\u003e\n          \u003cspan class=\"pd-quick-spec-label\"\u003eBase Clock\u003c\/span\u003e\n          \u003cspan class=\"pd-quick-spec-value\"\u003e2740 MHz\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pd-quick-spec-item\"\u003e\n          \u003cspan class=\"pd-quick-spec-label\"\u003eOutputs\u003c\/span\u003e\n          \u003cspan class=\"pd-quick-spec-value\"\u003e4x Display\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Features Tab Content --\u003e\n  \u003cdiv class=\"pd-tab-content\" id=\"features\"\u003e\n\n    \u003cdiv class=\"pd-section\"\u003e\n      \u003ch2 class=\"pd-section-header\"\u003eBuilt for High-Performance Gaming\u003c\/h2\u003e\n      \u003cp class=\"pd-section-intro\"\u003eThe ASRock Arc B580 Challenger combines Intel's powerful Xe2 architecture with ASRock's reliable cooling and build quality for an exceptional gaming experience at 1440p and beyond.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Feature Cards Grid --\u003e\n    \u003cdiv class=\"pd-features-grid\"\u003e\n      \u003cdiv class=\"pd-feature-card\"\u003e\n        \u003cdiv class=\"pd-feature-card-icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003crect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n            \u003crect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n            \u003cline x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"\u003e\u003c\/line\u003e\n            \u003cline x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"pd-feature-card-title\"\u003eIntel Arc B580 GPU\u003c\/h3\u003e\n        \u003cp class=\"pd-feature-card-desc\"\u003e20 Xe2 cores with hardware ray tracing and XeSS upscaling for beautiful gaming.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-card\"\u003e\n        \u003cdiv class=\"pd-feature-card-icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpolygon points=\"12 2 2 7 12 12 22 7 12 2\"\u003e\u003c\/polygon\u003e\n            \u003cpolyline points=\"2 17 12 22 22 17\"\u003e\u003c\/polyline\u003e\n            \u003cpolyline points=\"2 12 12 17 22 12\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"pd-feature-card-title\"\u003e12GB GDDR6 Memory\u003c\/h3\u003e\n        \u003cp class=\"pd-feature-card-desc\"\u003e192-bit memory bus with 19 Gbps bandwidth for smooth high-resolution gaming.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-card\"\u003e\n        \u003cdiv class=\"pd-feature-card-icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\n            \u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"pd-feature-card-title\"\u003e2740 MHz OC Boost\u003c\/h3\u003e\n        \u003cp class=\"pd-feature-card-desc\"\u003eFactory overclocked base clock for enhanced performance out of the box.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-card\"\u003e\n        \u003cdiv class=\"pd-feature-card-icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M18 20V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M2 20h20\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M14 12v.01\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"pd-feature-card-title\"\u003eMulti-Display Support\u003c\/h3\u003e\n        \u003cp class=\"pd-feature-card-desc\"\u003eHDMI plus 3x DisplayPort for multi-monitor gaming and productivity setups.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-card\"\u003e\n        \u003cdiv class=\"pd-feature-card-icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003cpath d=\"M5 12.55a11 11 0 0 1 14.08 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M1.42 9a16 16 0 0 1 21.16 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\u003e\u003c\/path\u003e\n            \u003cline x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"\u003e\u003c\/line\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"pd-feature-card-title\"\u003eDual Fan Cooling\u003c\/h3\u003e\n        \u003cp class=\"pd-feature-card-desc\"\u003eAxial Fan design with dual fans for efficient heat dissipation and quiet operation.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-card\"\u003e\n        \u003cdiv class=\"pd-feature-card-icon\"\u003e\n          \u003csvg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n            \u003crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\u003e\u003c\/rect\u003e\n            \u003ccircle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\u003e\u003c\/circle\u003e\n            \u003cpolyline points=\"21 15 16 10 5 21\"\u003e\u003c\/polyline\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003ch3 class=\"pd-feature-card-title\"\u003eMetal Backplate\u003c\/h3\u003e\n        \u003cp class=\"pd-feature-card-desc\"\u003eStylish metal backplate enhances thermal efficiency and card rigidity.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Feature Highlights --\u003e\n    \u003cdiv class=\"pd-section\"\u003e\n      \u003ch2 class=\"pd-section-header\"\u003eFeature in Detail\u003c\/h2\u003e\n      \u003cp class=\"pd-section-intro\"\u003eExplore the key features that set this product apart\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Feature 1 - Image Left --\u003e\n    \u003cdiv class=\"pd-visual-feature\"\u003e\n      \u003cdiv class=\"pd-visual-feature-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0562\/7713\/9620\/files\/41EEYV-Sh_L.jpg?v=1778592060\" alt=\"ASRock Arc B580 Cooling\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-visual-feature-content\"\u003e\n        \u003ch3 class=\"pd-visual-feature-title\"\u003eDual Fan Design with Axial Fan Technology\u003c\/h3\u003e\n        \u003cp class=\"pd-visual-feature-desc\"\u003eASRock's custom dual fan design delivers enhanced airflow for optimal cooling performance. The Axial Fan technology ensures efficient heat dissipation while maintaining quiet operation during everyday tasks and light gaming.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Feature 2 - Image Right --\u003e\n    \u003cdiv class=\"pd-visual-feature\"\u003e\n      \u003cdiv class=\"pd-visual-feature-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0562\/7713\/9620\/files\/Intel_20Arc_20B580_20Challenger_2012GB_20OC_L5_1.png?v=1778592896\" alt=\"Premium Design\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-visual-feature-content\"\u003e\n        \u003ch3 class=\"pd-visual-feature-title\"\u003ePremium Design \u0026amp; Construction\u003c\/h3\u003e\n        \u003cp class=\"pd-visual-feature-desc\"\u003eThe stylish metal backplate not only adds visual appeal but also enhances thermal efficiency with its thermal pad design, keeping temperatures under control during intense gaming sessions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Visual Feature 3 - Image Left --\u003e\n    \u003cdiv class=\"pd-visual-feature\"\u003e\n      \u003cdiv class=\"pd-visual-feature-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0562\/7713\/9620\/files\/Intel_Arc_B580_Challenger_12GB_OC_M8.png?v=1778592061\" alt=\"Connectivity Ports\"\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-visual-feature-content\"\u003e\n        \u003ch3 class=\"pd-visual-feature-title\"\u003eComprehensive Connectivity Options\u003c\/h3\u003e\n        \u003cp class=\"pd-visual-feature-desc\"\u003eThe Arc B580 Challenger comes equipped with 1x HDMI 2.1 and 3x DisplayPort 2.1 outputs, supporting up to 4 displays simultaneously with a maximum resolution of 7680 x 4320 (8K). Whether you're building a multi-monitor workstation or a high-resolution gaming setup, you have the flexibility to connect all your displays with ease.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Technical Specifications Tab Content --\u003e\n  \u003cdiv class=\"pd-tab-content\" id=\"tech-specs\"\u003e\n\n    \u003cdiv class=\"pd-section\"\u003e\n      \u003ch2 class=\"pd-section-header\"\u003eTechnical Specifications\u003c\/h2\u003e\n      \u003cp class=\"pd-section-intro\"\u003eDetailed specifications for ASRock Intel Arc B580 Challenger 12GB OC\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pd-specs-container\"\u003e\n      \u003cdetails class=\"pd-specs-group\" open\u003e\n        \u003csummary\u003eGraphics Processing\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eGPU\u003c\/th\u003e\n\u003ctd\u003eIntel Arc B580\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eArchitecture\u003c\/th\u003e\n\u003ctd\u003eIntel Xe2 (Battlemage)\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eBase Clock\u003c\/th\u003e\n\u003ctd\u003e2740 MHz\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eXe2 Cores\u003c\/th\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eRay-tracing Cores\u003c\/th\u003e\n\u003ctd\u003e20\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eDirectX\u003c\/th\u003e\n\u003ctd\u003e12 Ultimate\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eOpenGL\u003c\/th\u003e\n\u003ctd\u003e4.6\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pd-specs-group\"\u003e\n        \u003csummary\u003eMemory\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eMemory Size\u003c\/th\u003e\n\u003ctd\u003e12 GB\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eMemory Type\u003c\/th\u003e\n\u003ctd\u003eGDDR6\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eMemory Bus\u003c\/th\u003e\n\u003ctd\u003e192-bit\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eMemory Speed\u003c\/th\u003e\n\u003ctd\u003e19 Gbps\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pd-specs-group\"\u003e\n        \u003csummary\u003eDisplay Outputs\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eHDMI\u003c\/th\u003e\n\u003ctd\u003e1x HDMI 2.1\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eDisplayPort\u003c\/th\u003e\n\u003ctd\u003e3x DisplayPort 2.1\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eMaximum Resolution\u003c\/th\u003e\n\u003ctd\u003e7680 x 4320 (8K)\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eMulti-display Support\u003c\/th\u003e\n\u003ctd\u003eUp to 4 screens\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pd-specs-group\"\u003e\n        \u003csummary\u003ePower\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eInterface\u003c\/th\u003e\n\u003ctd\u003ePCI Express 4.0 x16\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003ePower Connector\u003c\/th\u003e\n\u003ctd\u003e1x 8-pin\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eTBP\u003c\/th\u003e\n\u003ctd\u003e190W\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eRecommended PSU\u003c\/th\u003e\n\u003ctd\u003e650W\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pd-specs-group\"\u003e\n        \u003csummary\u003eCooling\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eCooling System\u003c\/th\u003e\n\u003ctd\u003eDual Fan (Axial Fan)\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eBackplate\u003c\/th\u003e\n\u003ctd\u003eMetal with thermal pad\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pd-specs-group\"\u003e\n        \u003csummary\u003ePhysical\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eSlot Size\u003c\/th\u003e\n\u003ctd\u003eDual slot\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003ctd\u003e~267 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eHeight\u003c\/th\u003e\n\u003ctd\u003e~111 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eWidth\u003c\/th\u003e\n\u003ctd\u003e~40 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n      \u003cdetails class=\"pd-specs-group\"\u003e\n        \u003csummary\u003eFeatures\u003c\/summary\u003e\n        \u003ctable class=\"pd-specs-table\"\u003e\n          \u003ctr\u003e\n\u003cth\u003eRay Tracing\u003c\/th\u003e\n\u003ctd\u003eYes (20 cores)\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eXeSS Upscaling\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eAV1 Encode\/Decode\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003cth\u003eQuick Sync\u003c\/th\u003e\n\u003ctd\u003eYes\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/table\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* ============================================\n   Product Description Styles - Muli Font\n   Flat Design with White Backgrounds\n   ============================================ *\/\n\n\/* CSS Custom Properties *\/\n.product-description {\n  --font-primary: 'Muli', sans-serif;\n  --color-primary: #eb1998;\n  --color-secondary: #C4006D;\n  --color-text: #1f2937;\n  --color-muted: #6b7280;\n  --color-background: #ffffff;\n  --color-card-bg: #f9fafb;\n  --color-border: #e5e7eb;\n  --color-border-light: #f3f4f6;\n  --spacing-unit: 8px;\n  --border-radius: 8px;\n  --section-spacing: calc(var(--spacing-unit) * 3);\n  --card-padding: calc(var(--spacing-unit) * 2);\n\n  font-family: var(--font-primary);\n  color: var(--color-text);\n  line-height: 1.6;\n  margin: 0 auto;\n  padding: calc(var(--spacing-unit) * 2);\n}\n\n\/* Tabs *\/\n.pd-tabs {\n  display: flex;\n  gap: 0;\n  border-bottom: 2px solid var(--color-border);\n  margin-bottom: var(--section-spacing);\n}\n\n.pd-tab-btn {\n  font-family: var(--font-primary);\n  font-size: 0.9375rem;\n  font-weight: 600;\n  padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);\n  background: none;\n  border: none;\n  border-bottom: 3px solid transparent;\n  cursor: pointer;\n  color: var(--color-muted);\n  margin-bottom: -2px;\n}\n\n.pd-tab-btn.active {\n  color: var(--color-primary);\n  border-bottom-color: var(--color-primary);\n}\n\n\/* Tab Content *\/\n.pd-tab-content {\n  display: none;\n}\n\n.pd-tab-content.active {\n  display: block;\n}\n\n\/* Hero Banner *\/\n.pd-hero {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: calc(var(--spacing-unit) * 4);\n  align-items: center;\n  margin-bottom: var(--section-spacing);\n  padding: calc(var(--spacing-unit) * 2);\n}\n\n.pd-hero-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pd-hero-image img {\n  width: 100%;\n  max-width: 380px;\n  height: auto;\n  border-radius: var(--border-radius);\n}\n\n.pd-hero-content {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing-unit) * 1.5);\n}\n\n.pd-title {\n  font-family: var(--font-primary);\n  font-size: 1.75rem;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0;\n  line-height: 1.25;\n  letter-spacing: -0.02em;\n}\n\n.pd-subtitle {\n  font-family: var(--font-primary);\n  font-size: 1rem;\n  color: var(--color-muted);\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* Key Features (4 main) *\/\n.pd-key-features {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: var(--spacing-unit);\n  margin-top: calc(var(--spacing-unit) * 1.5);\n}\n\n.pd-feature {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing-unit) * 0.5);\n  padding: calc(var(--spacing-unit) * 1);\n}\n\n.pd-feature-icon {\n  color: var(--color-primary);\n}\n\n.pd-feature-label {\n  font-family: var(--font-primary);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--color-muted);\n}\n\n.pd-feature-value {\n  font-family: var(--font-primary);\n  font-size: 0.9375rem;\n  font-weight: 600;\n  color: var(--color-text);\n}\n\n\/* Sections *\/\n.pd-section {\n  margin-bottom: var(--section-spacing);\n}\n\n.pd-section-header {\n  font-family: var(--font-primary);\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: var(--color-primary);\n  margin: 0 0 calc(var(--spacing-unit) * 2) 0;\n  padding-bottom: var(--spacing-unit);\n  border-bottom: 2px solid var(--color-border);\n}\n\n.pd-section-intro {\n  font-family: var(--font-primary);\n  font-size: 1rem;\n  color: var(--color-muted);\n  margin: calc(var(--spacing-unit) * -1) 0 calc(var(--spacing-unit) * 2) 0;\n}\n\n\/* Overview Content *\/\n.pd-overview-content {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing-unit) * 1.5);\n}\n\n.pd-overview-content p {\n  font-family: var(--font-primary);\n  font-size: 0.9375rem;\n  line-height: 1.75;\n  color: var(--color-text);\n  margin: 0;\n}\n\n\/* Highlight Grid *\/\n.pd-highlight-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--spacing-unit);\n}\n\n.pd-highlight-card {\n  padding: calc(var(--spacing-unit) * 1.5);\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing-unit) * 0.75);\n}\n\n.pd-highlight-icon {\n  color: var(--color-primary);\n}\n\n.pd-highlight-title {\n  font-family: var(--font-primary);\n  font-size: 1rem;\n  font-weight: 700;\n  color: var(--color-primary);\n  margin: 0;\n}\n\n.pd-highlight-description {\n  font-family: var(--font-primary);\n  font-size: 0.875rem;\n  color: var(--color-muted);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Quick Specs *\/\n.pd-quick-specs {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: var(--spacing-unit);\n  padding: calc(var(--spacing-unit) * 1.5);\n}\n\n.pd-quick-spec-item {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing-unit) * 0.5);\n  padding: var(--spacing-unit);\n  text-align: center;\n  border-left: 1px solid var(--color-border-light);\n}\n\n.pd-quick-spec-item:first-child {\n  border-left: none;\n}\n\n.pd-quick-spec-label {\n  font-family: var(--font-primary);\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--color-muted);\n}\n\n.pd-quick-spec-value {\n  font-family: var(--font-primary);\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--color-text);\n}\n\n\/* Features Grid *\/\n.pd-features-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: var(--spacing-unit);\n  margin-bottom: var(--section-spacing);\n}\n\n.pd-feature-card {\n  padding: calc(var(--spacing-unit) * 1.5);\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing-unit) * 1);\n}\n\n.pd-feature-card-icon {\n  color: var(--color-primary);\n}\n\n.pd-feature-card-title {\n  font-family: var(--font-primary);\n  font-size: 0.9375rem;\n  font-weight: 700;\n  color: var(--color-primary);\n  margin: 0;\n}\n\n.pd-feature-card-desc {\n  font-family: var(--font-primary);\n  font-size: 0.875rem;\n  color: var(--color-muted);\n  margin: 0;\n  line-height: 1.6;\n}\n\n\/* Visual Feature Highlights *\/\n.pd-visual-features {\n  display: flex;\n  flex-direction: column;\n  gap: var(--section-spacing);\n  margin-bottom: var(--section-spacing);\n}\n\n.pd-visual-feature {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: calc(var(--spacing-unit) * 4);\n  align-items: center;\n  padding: calc(var(--spacing-unit) * 2);\n}\n\n.pd-visual-feature:nth-child(even) {\n  direction: rtl;\n}\n\n.pd-visual-feature:nth-child(even) \u003e * {\n  direction: ltr;\n}\n\n.pd-visual-feature-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pd-visual-feature-image img {\n  width: 100%;\n  max-width: 320px;\n  height: auto;\n  border-radius: var(--border-radius);\n}\n\n.pd-visual-feature-content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-unit);\n}\n\n.pd-visual-feature-title {\n  font-family: var(--font-primary);\n  font-size: 1.25rem;\n  font-weight: 700;\n  color: var(--color-primary);\n  margin: 0;\n}\n\n.pd-visual-feature-desc {\n  font-family: var(--font-primary);\n  font-size: 0.9375rem;\n  color: var(--color-text);\n  line-height: 1.7;\n  margin: 0;\n}\n\n\/* Technical Specifications *\/\n.pd-specs-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-unit);\n  margin-bottom: var(--section-spacing);\n}\n\n.pd-specs-group {\n  overflow: hidden;\n}\n\n.pd-specs-group summary {\n  font-family: var(--font-primary);\n  font-size: 0.9375rem;\n  font-weight: 600;\n  padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);\n  background: var(--color-background);\n  cursor: pointer;\n  list-style: none;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--color-border-light);\n}\n\n.pd-specs-group summary::-webkit-details-marker {\n  display: none;\n}\n\n.pd-specs-group summary::after {\n  content: '+';\n  font-size: 1.25rem;\n  font-weight: 400;\n  color: var(--color-muted);\n  line-height: 1;\n}\n\n.pd-specs-group[open] summary::after {\n  content: '-';\n}\n\n.pd-specs-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--font-primary);\n  font-size: 0.875rem;\n}\n\n.pd-specs-table tr:not(:last-child) {\n  border-bottom: 1px solid var(--color-border-light);\n}\n\n.pd-specs-table th,\n.pd-specs-table td {\n  padding: calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);\n  text-align: left;\n}\n\n.pd-specs-table th {\n  width: 35%;\n  font-weight: 600;\n  color: var(--color-muted);\n}\n\n.pd-specs-table td {\n  color: var(--color-text);\n}\n\n\/* Download Section *\/\n.pd-download-section {\n  padding: calc(var(--spacing-unit) * 1.5);\n}\n\n.pd-download-header {\n  font-family: var(--font-primary);\n  font-size: 1rem;\n  font-weight: 700;\n  color: var(--color-text);\n  margin: 0 0 calc(var(--spacing-unit) * 2) 0;\n}\n\n.pd-download-links {\n  display: flex;\n  gap: calc(var(--spacing-unit) * 2);\n  flex-wrap: wrap;\n}\n\n.pd-download-link {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-unit);\n  padding: var(--spacing-unit) calc(var(--spacing-unit) * 1.5);\n  color: var(--color-text);\n  text-decoration: none;\n  font-family: var(--font-primary);\n  font-size: 0.875rem;\n  font-weight: 500;\n}\n\n.pd-download-link svg {\n  color: var(--color-primary);\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n  .pd-hero {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .pd-hero-image {\n    order: 1;\n  }\n\n  .pd-hero-content {\n    order: 2;\n  }\n\n  .pd-key-features {\n    justify-content: center;\n  }\n\n  .pd-quick-specs {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .pd-quick-spec-item:first-child {\n    border-left: 1px solid var(--color-border-light);\n  }\n\n  .pd-quick-spec-item:nth-child(2) {\n    border-left: none;\n  }\n\n  .pd-visual-feature {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .pd-visual-feature:nth-child(even) {\n    direction: ltr;\n  }\n\n  .pd-visual-feature-image {\n    order: 1;\n  }\n\n  .pd-visual-feature-content {\n    order: 2;\n  }\n}\n\n@media (max-width: 768px) {\n  .pd-tabs {\n    overflow-x: auto;\n  }\n\n  .pd-tab-btn {\n    padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2);\n    white-space: nowrap;\n  }\n\n  .pd-highlight-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pd-features-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .pd-quick-specs {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .pd-quick-spec-item {\n    border-left: none;\n    border-bottom: 1px solid var(--color-border-light);\n  }\n\n  .pd-quick-spec-item:nth-child(1),\n  .pd-quick-spec-item:nth-child(2) {\n    border-top: none;\n  }\n}\n\n@media (max-width: 480px) {\n  .pd-key-features {\n    grid-template-columns: 1fr;\n  }\n\n  .pd-features-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pd-download-links {\n    flex-direction: column;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ Tab functionality - no animations, instant switch\ndocument.addEventListener('DOMContentLoaded', function() {\n  const tabBtns = document.querySelectorAll('.pd-tab-btn');\n\n  tabBtns.forEach(btn =\u003e {\n    btn.addEventListener('click', function() {\n      const tabId = this.dataset.tab;\n\n      \/\/ Update active tab button\n      document.querySelectorAll('.pd-tab-btn').forEach(b =\u003e b.classList.remove('active'));\n      this.classList.add('active');\n\n      \/\/ Show corresponding content\n      document.querySelectorAll('.pd-tab-content').forEach(content =\u003e {\n        content.classList.remove('active');\n      });\n      document.getElementById(tabId).classList.add('active');\n    });\n  });\n});\n\u003c\/script\u003e","brand":"ASROCK","offers":[{"title":"Default Title","offer_id":58078920343936,"sku":"B580 CL 12GO","price":319.0,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0562\/7713\/9620\/files\/81igM3aW65L.jpg?v=1778670138","url":"https:\/\/computerorbit.com\/products\/asrock-intel-arc-b580-challenger-12gb-graphics-card","provider":"Computer Orbit","version":"1.0","type":"link"}