{"title":"مبردات","description":"\u003cp style=\";text-align:right;direction:rtl\"\u003e تبريد الهواء أو التبريد السائل لأجهزة البناء\u003c\/p\u003e","products":[{"product_id":"hyper-411-nano","title":"Hyper 411 Nano","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        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            background: #0a0a0a;\n            color: #fff;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .bg-pattern {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                radial-gradient(circle at 20% 30%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),\n                radial-gradient(circle at 80% 70%, rgba(139, 92, 246, 0.15) 0%, transparent 50%);\n            z-index: -1;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 60px 20px;\n            position: relative;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 80px;\n            animation: fadeInDown 0.8s ease;\n        }\n\n        .badge {\n            display: inline-block;\n            background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n            padding: 10px 25px;\n            border-radius: 25px;\n            font-size: 0.8rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 25px;\n            box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);\n        }\n\n        h1 {\n            font-size: 4.5rem;\n            font-weight: 900;\n            margin-bottom: 15px;\n            background: linear-gradient(135deg, #fff 0%, #3b82f6 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            letter-spacing: -2px;\n        }\n\n        h3 {\n            font-size: 1.5rem;\n            color: #9ca3af;\n            font-weight: 400;\n        }\n\n        .hero-section {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr;\n            gap: 80px;\n            margin-bottom: 100px;\n            align-items: center;\n        }\n\n        .product-showcase {\n            position: relative;\n        }\n\n        .product-image {\n            background: linear-gradient(135deg, #1e1e2e 0%, #0f0f1a 100%);\n            border-radius: 40px;\n            padding: 80px;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6);\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(59, 130, 246, 0.2);\n        }\n\n        .product-image::before {\n            content: '';\n            position: absolute;\n            top: -100%;\n            left: -100%;\n            width: 300%;\n            height: 300%;\n            background: conic-gradient(from 0deg, transparent, rgba(59, 130, 246, 0.2), transparent 30%);\n            animation: rotate 8s linear infinite;\n        }\n\n        .product-image-placeholder {\n            width: 100%;\n            aspect-ratio: 1;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.1), transparent);\n            border-radius: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 5rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        .features-highlight {\n            display: grid;\n            gap: 25px;\n        }\n\n        .feature-card {\n            background: rgba(255, 255, 255, 0.03);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 25px;\n            padding: 30px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));\n            opacity: 0;\n            transition: opacity 0.4s;\n        }\n\n        .feature-card:hover {\n            transform: translateX(10px);\n            border-color: rgba(59, 130, 246, 0.4);\n            box-shadow: 0 20px 40px rgba(59, 130, 246, 0.2);\n        }\n\n        .feature-card:hover::before {\n            opacity: 1;\n        }\n\n        .feature-content {\n            position: relative;\n            z-index: 1;\n        }\n\n        .feature-icon {\n            font-size: 2.5rem;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .feature-title {\n            font-size: 1.2rem;\n            font-weight: 700;\n            margin-bottom: 8px;\n            color: #fff;\n        }\n\n        .feature-desc {\n            font-size: 0.95rem;\n            color: #9ca3af;\n        }\n\n        .stats-section {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n            margin-bottom: 100px;\n            padding: 0 20px;\n        }\n\n        .stat-card {\n            text-align: center;\n            padding: 40px 20px;\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 20px;\n            transition: all 0.3s ease;\n        }\n\n        .stat-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(59, 130, 246, 0.4);\n        }\n\n        .stat-number {\n            font-size: 3rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, #3b82f6, #8b5cf6);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 10px;\n        }\n\n        .stat-label {\n            font-size: 0.9rem;\n            color: #9ca3af;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .section-title {\n            font-size: 2.8rem;\n            font-weight: 800;\n            margin-bottom: 50px;\n            text-align: center;\n        }\n\n        .specs-container {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            margin-bottom: 100px;\n        }\n\n        .spec-group {\n            background: rgba(255, 255, 255, 0.03);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 30px;\n            padding: 40px;\n        }\n\n        .spec-group-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 30px;\n            color: #3b82f6;\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .spec-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 18px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .spec-item:last-child {\n            border-bottom: none;\n        }\n\n        .spec-label {\n            font-weight: 500;\n            color: #9ca3af;\n            font-size: 0.95rem;\n        }\n\n        .spec-value {\n            color: #fff;\n            text-align: right;\n            font-weight: 600;\n            font-size: 0.95rem;\n        }\n\n        .compatibility-section {\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1));\n            border-radius: 40px;\n            padding: 60px;\n            margin-bottom: 80px;\n            border: 1px solid rgba(59, 130, 246, 0.2);\n        }\n\n        .socket-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 25px;\n            margin-top: 40px;\n        }\n\n        .socket-card {\n            background: rgba(0, 0, 0, 0.3);\n            padding: 30px;\n            border-radius: 20px;\n            text-align: center;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .socket-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(59, 130, 246, 0.5);\n            background: rgba(0, 0, 0, 0.5);\n        }\n\n        .socket-brand {\n            font-size: 1.8rem;\n            font-weight: 900;\n            margin-bottom: 15px;\n        }\n\n        .socket-list {\n            color: #9ca3af;\n            font-size: 0.9rem;\n            line-height: 1.8;\n        }\n\n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes rotate {\n            to {\n                transform: rotate(360deg);\n            }\n        }\n\n        @media (max-width: 1024px) {\n            h1 {\n                font-size: 3rem;\n            }\n\n            .hero-section {\n                grid-template-columns: 1fr;\n                gap: 50px;\n            }\n\n            .stats-section {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .specs-container {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            h1 {\n                font-size: 2.5rem;\n            }\n\n            .stats-section {\n                grid-template-columns: 1fr;\n            }\n\n            .socket-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"bg-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cheader\u003e\n\u003cdiv class=\"badge\"\u003eCompact Cooler, High Performance\u003c\/div\u003e\n\u003ch1\u003eHyper 411 Nano\u003c\/h1\u003e\n\u003ch3\u003eDirect Contact Air Cooling Technology\u003c\/h3\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"product-showcase\"\u003e\n\u003cdiv class=\"product-image\"\u003e\n\u003cdiv class=\"product-image-placeholder\"\u003e❄️\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-highlight\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🔥\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eDirect Contact Technology\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003e4 heat pipes with direct contact for maximum heat transfer efficiency\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003cspan class=\"feature-icon\"\u003e⚫\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eAll Black Aesthetic\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eSleek design that complements any build\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🔧\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eUniversal Compatibility\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eSupports both AMD and Intel platforms\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003cspan class=\"feature-icon\"\u003e⚡\u003c\/span\u003e\n\u003cdiv class=\"feature-title\"\u003eEasy Installation\u003c\/div\u003e\n\u003cdiv class=\"feature-desc\"\u003eSimple fan mount system for quick setup\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stats-section\"\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cdiv class=\"stat-number\"\u003e92mm\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eFan Size\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cdiv class=\"stat-number\"\u003e45.14\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eCFM Airflow\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cdiv class=\"stat-number\"\u003e30.04\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003edBA Noise\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat-card\"\u003e\n\u003cdiv class=\"stat-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"stat-label\"\u003eHeat Pipes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection\u003e\n\u003ch2 class=\"section-title\"\u003eTechnical Specifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-container\"\u003e\n\u003cdiv class=\"spec-group\"\u003e\n\u003cdiv class=\"spec-group-title\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e Cooler Specifications\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eProduct Number\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eRR-H410-25PK-R1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eCooler Type\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eAir Cooler\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eSeries\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eHyper\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eColor\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eBlack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eDimensions (L×W×H)\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e102×85×136 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eHeat Sink Material\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eAluminum Fins\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eHeat Pipes\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e4 (Direct Contact)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eWarranty\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e2 Years\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-group\"\u003e\n\u003cdiv class=\"spec-group-title\"\u003e\n\u003cspan\u003e🌀\u003c\/span\u003e Fan Specifications\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eFan Quantity\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e1 PC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eFan Size\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e92×92×25.4 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eFan Speed\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e650-2500 RPM (PWM)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eAirflow\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e45.14 CFM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eNoise Level\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e30.04 dBA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eAir Pressure\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e3.25 mmH₂O (Max)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003eMTTF\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e\u0026gt;160,000 Hours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003ePower Connector\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e4-Pin PWM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cspan class=\"spec-label\"\u003ePower Consumption\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e1.68W\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"compatibility-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSocket Compatibility\u003c\/h2\u003e\n\u003cdiv class=\"socket-grid\"\u003e\n\u003cdiv class=\"socket-card\"\u003e\n\u003cdiv class=\"socket-brand\"\u003eINTEL\u003c\/div\u003e\n\u003cdiv class=\"socket-list\"\u003eLGA 1851 \/ 1700 \/ 1200\u003cbr\u003eLGA 1151 \/ 1150 \/ 1155 \/ 1156\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"socket-card\"\u003e\n\u003cdiv class=\"socket-brand\"\u003eAMD\u003c\/div\u003e\n\u003cdiv class=\"socket-list\"\u003eAM5 \/ AM4 Socket\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Cooler Master","offers":[{"title":"Default Title","offer_id":51435261755524,"sku":null,"price":1450.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/smart_19.webp?v=1767447940"},{"product_id":"cooler-master-hyper-212-pro","title":"Cooler Master Hyper 212 PRO","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        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            background: #000;\n            color: #fff;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        @keyframes rgbShift {\n            0% { filter: hue-rotate(0deg); }\n            100% { filter: hue-rotate(360deg); }\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-20px); }\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes shimmer {\n            0% { background-position: -1000px 0; }\n            100% { background-position: 1000px 0; }\n        }\n\n        .rgb-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: \n                radial-gradient(circle at 20% 20%, rgba(255, 0, 100, 0.2) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(0, 150, 255, 0.2) 0%, transparent 50%),\n                radial-gradient(circle at 40% 60%, rgba(100, 255, 0, 0.15) 0%, transparent 50%);\n            animation: rgbShift 10s ease-in-out infinite;\n            z-index: -1;\n        }\n\n        .container {\n            max-width: 1500px;\n            margin: 0 auto;\n            padding: 60px 20px;\n            position: relative;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 80px;\n            animation: fadeInUp 0.8s ease;\n        }\n\n        .rgb-badge {\n            display: inline-block;\n            background: linear-gradient(90deg, #ff0080, #ff8c00, #40e0d0, #ff0080);\n            background-size: 300% 100%;\n            padding: 12px 30px;\n            border-radius: 30px;\n            font-size: 0.85rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 25px;\n            animation: shimmer 3s linear infinite;\n            box-shadow: 0 0 30px rgba(255, 0, 128, 0.5);\n        }\n\n        h1 {\n            font-size: 5rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            background: linear-gradient(135deg, #fff 0%, #ff0080 50%, #40e0d0 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            letter-spacing: -3px;\n            text-shadow: 0 0 80px rgba(255, 0, 128, 0.5);\n        }\n\n        h3 {\n            font-size: 1.6rem;\n            color: #aaa;\n            font-weight: 300;\n        }\n\n        .hero-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 80px;\n            margin-bottom: 100px;\n            align-items: center;\n        }\n\n        .product-stage {\n            position: relative;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .product-container {\n            background: linear-gradient(135deg, rgba(20, 20, 40, 0.8), rgba(10, 10, 20, 0.8));\n            border-radius: 50px;\n            padding: 100px;\n            box-shadow: \n                0 0 100px rgba(255, 0, 128, 0.3),\n                0 50px 100px rgba(0, 0, 0, 0.5);\n            position: relative;\n            overflow: hidden;\n            border: 2px solid rgba(255, 255, 255, 0.1);\n        }\n\n        .product-container::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: conic-gradient(\n                from 0deg,\n                transparent,\n                rgba(255, 0, 128, 0.3),\n                transparent 30%,\n                transparent,\n                rgba(0, 200, 255, 0.3),\n                transparent 60%,\n                transparent,\n                rgba(100, 255, 0, 0.3),\n                transparent 90%\n            );\n            animation: rgbShift 8s linear infinite;\n        }\n\n        .product-display {\n            width: 100%;\n            aspect-ratio: 1;\n            background: radial-gradient(circle, rgba(255, 0, 128, 0.2), transparent);\n            border-radius: 40px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 6rem;\n            position: relative;\n            z-index: 1;\n            box-shadow: inset 0 0 60px rgba(255, 0, 128, 0.3);\n        }\n\n        .features-showcase {\n            display: grid;\n            gap: 30px;\n        }\n\n        .feature-highlight {\n            background: rgba(255, 255, 255, 0.02);\n            backdrop-filter: blur(30px);\n            border: 2px solid rgba(255, 255, 255, 0.05);\n            border-radius: 30px;\n            padding: 35px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .feature-highlight::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\n            transition: left 0.5s;\n        }\n\n        .feature-highlight:hover::before {\n            left: 100%;\n        }\n\n        .feature-highlight:hover {\n            transform: translateY(-8px) scale(1.02);\n            border-color: rgba(255, 0, 128, 0.5);\n            box-shadow: \n                0 20px 60px rgba(255, 0, 128, 0.3),\n                0 0 40px rgba(0, 200, 255, 0.2);\n        }\n\n        .feature-inner {\n            position: relative;\n            z-index: 1;\n        }\n\n        .feature-emoji {\n            font-size: 3rem;\n            margin-bottom: 15px;\n            display: block;\n            filter: drop-shadow(0 0 10px rgba(255, 0, 128, 0.5));\n        }\n\n        .feature-name {\n            font-size: 1.3rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #fff;\n        }\n\n        .feature-text {\n            font-size: 1rem;\n            color: #aaa;\n            line-height: 1.6;\n        }\n\n        .performance-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 25px;\n            margin-bottom: 100px;\n            padding: 0 20px;\n        }\n\n        .perf-card {\n            text-align: center;\n            padding: 50px 30px;\n            background: rgba(255, 255, 255, 0.02);\n            border: 2px solid rgba(255, 255, 255, 0.05);\n            border-radius: 25px;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .perf-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, rgba(255, 0, 128, 0.1), rgba(0, 200, 255, 0.1));\n            opacity: 0;\n            transition: opacity 0.3s;\n        }\n\n        .perf-card:hover {\n            transform: translateY(-10px);\n            border-color: rgba(255, 0, 128, 0.5);\n        }\n\n        .perf-card:hover::after {\n            opacity: 1;\n        }\n\n        .perf-value {\n            font-size: 3.5rem;\n            font-weight: 900;\n            background: linear-gradient(135deg, #ff0080, #40e0d0);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 10px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .perf-metric {\n            font-size: 0.9rem;\n            color: #888;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .section-header {\n            font-size: 3rem;\n            font-weight: 800;\n            margin-bottom: 60px;\n            text-align: center;\n            background: linear-gradient(135deg, #fff, #ff0080);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .specs-layout {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 40px;\n            margin-bottom: 100px;\n        }\n\n        .spec-panel {\n            background: rgba(255, 255, 255, 0.02);\n            border: 2px solid rgba(255, 255, 255, 0.05);\n            border-radius: 35px;\n            padding: 45px;\n            transition: all 0.3s ease;\n        }\n\n        .spec-panel:hover {\n            border-color: rgba(255, 0, 128, 0.3);\n            box-shadow: 0 20px 60px rgba(255, 0, 128, 0.2);\n        }\n\n        .spec-category {\n            font-size: 1.6rem;\n            font-weight: 700;\n            margin-bottom: 30px;\n            color: #ff0080;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .spec-row {\n            display: flex;\n            justify-content: space-between;\n            padding: 20px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n            transition: all 0.2s ease;\n        }\n\n        .spec-row:hover {\n            padding-left: 10px;\n            border-color: rgba(255, 0, 128, 0.3);\n        }\n\n        .spec-row:last-child {\n            border-bottom: none;\n        }\n\n        .spec-key {\n            font-weight: 500;\n            color: #888;\n            font-size: 0.95rem;\n        }\n\n        .spec-val {\n            color: #fff;\n            text-align: right;\n            font-weight: 600;\n            font-size: 0.95rem;\n        }\n\n        .rgb-section {\n            background: linear-gradient(135deg, \n                rgba(255, 0, 128, 0.1), \n                rgba(0, 200, 255, 0.1),\n                rgba(100, 255, 0, 0.1));\n            border-radius: 50px;\n            padding: 70px;\n            margin-bottom: 80px;\n            border: 2px solid rgba(255, 255, 255, 0.1);\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .rgb-section::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, \n                transparent,\n                rgba(255, 255, 255, 0.05),\n                transparent);\n            animation: shimmer 3s linear infinite;\n        }\n\n        .rgb-title {\n            font-size: 2.5rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            background: linear-gradient(90deg, #ff0080, #ff8c00, #40e0d0, #ff0080);\n            background-size: 200% 100%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: shimmer 3s linear infinite;\n            position: relative;\n            z-index: 1;\n        }\n\n        .rgb-desc {\n            font-size: 1.1rem;\n            color: #aaa;\n            max-width: 600px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n\n        .compat-section {\n            background: rgba(255, 255, 255, 0.02);\n            border: 2px solid rgba(255, 255, 255, 0.05);\n            border-radius: 40px;\n            padding: 60px;\n            margin-bottom: 80px;\n        }\n\n        .socket-display {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n\n        .socket-box {\n            background: rgba(0, 0, 0, 0.4);\n            padding: 40px;\n            border-radius: 25px;\n            text-align: center;\n            border: 2px solid rgba(255, 255, 255, 0.05);\n            transition: all 0.3s ease;\n        }\n\n        .socket-box:hover {\n            transform: translateY(-8px);\n            border-color: rgba(255, 0, 128, 0.5);\n            box-shadow: 0 15px 40px rgba(255, 0, 128, 0.2);\n        }\n\n        .socket-name {\n            font-size: 2rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            background: linear-gradient(135deg, #ff0080, #40e0d0);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .socket-info {\n            color: #888;\n            font-size: 0.95rem;\n            line-height: 1.9;\n        }\n\n        @media (max-width: 1024px) {\n            h1 {\n                font-size: 3.5rem;\n            }\n\n            .hero-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .specs-layout {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            h1 {\n                font-size: 2.5rem;\n            }\n\n            .performance-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .socket-display {\n                grid-template-columns: 1fr;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"rgb-bg\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cheader\u003e\n\u003cdiv class=\"rgb-badge\"\u003eAddressable Gen 2 RGB\u003c\/div\u003e\n\u003ch1\u003eHyper 212 Spectrum\u003c\/h1\u003e\n\u003ch3\u003eDirect Contact Air Cooling with ARGB Illumination\u003c\/h3\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv class=\"product-stage\"\u003e\n\u003cdiv class=\"product-container\"\u003e\n\u003cdiv class=\"product-display\"\u003e🌈\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-showcase\"\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003cdiv class=\"feature-inner\"\u003e\n\u003cspan class=\"feature-emoji\"\u003e💡\u003c\/span\u003e\n\u003cdiv class=\"feature-name\"\u003eAddressable RGB Gen 2\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003eStunning lighting effects with full ARGB customization support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003cdiv class=\"feature-inner\"\u003e\n\u003cspan class=\"feature-emoji\"\u003e🔥\u003c\/span\u003e\n\u003cdiv class=\"feature-name\"\u003eDirect Contact Tech\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e4 heat pipes with direct CPU contact for superior heat dissipation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003cdiv class=\"feature-inner\"\u003e\n\u003cspan class=\"feature-emoji\"\u003e🌀\u003c\/span\u003e\n\u003cdiv class=\"feature-name\"\u003e120mm Performance Fan\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003eLoop Dynamic Bearing for reliable, quiet operation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-highlight\"\u003e\n\u003cdiv class=\"feature-inner\"\u003e\n\u003cspan class=\"feature-emoji\"\u003e⚡\u003c\/span\u003e\n\u003cdiv class=\"feature-name\"\u003eUniversal Compatibility\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003eSupports latest Intel and AMD platforms\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"performance-grid\"\u003e\n\u003cdiv class=\"perf-card\"\u003e\n\u003cdiv class=\"perf-value\"\u003e120mm\u003c\/div\u003e\n\u003cdiv class=\"perf-metric\"\u003eFan Size\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"perf-card\"\u003e\n\u003cdiv class=\"perf-value\"\u003e70.7\u003c\/div\u003e\n\u003cdiv class=\"perf-metric\"\u003eCFM Max\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"perf-card\"\u003e\n\u003cdiv class=\"perf-value\"\u003e32.8\u003c\/div\u003e\n\u003cdiv class=\"perf-metric\"\u003edBA Max\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"perf-card\"\u003e\n\u003cdiv class=\"perf-value\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"perf-metric\"\u003eHeat Pipes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"perf-card\"\u003e\n\u003cdiv class=\"perf-value\"\u003e2500\u003c\/div\u003e\n\u003cdiv class=\"perf-metric\"\u003eMax RPM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rgb-section\"\u003e\n\u003cdiv class=\"rgb-title\"\u003eAddressable RGB Gen 2 Lighting\u003c\/div\u003e\n\u003cdiv class=\"rgb-desc\"\u003eExperience vibrant, customizable RGB lighting that syncs with your motherboard. Create stunning visual effects and personalize your build like never before.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection\u003e\n\u003ch2 class=\"section-header\"\u003eTechnical Specifications\u003c\/h2\u003e\n\u003cdiv class=\"specs-layout\"\u003e\n\u003cdiv class=\"spec-panel\"\u003e\n\u003cdiv class=\"spec-category\"\u003e\n\u003cspan\u003e🌡️\u003c\/span\u003e Cooler Details\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eProduct Number\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eRR-212S-25PZ-R1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eCooler Type\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eAir Cooler\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eSeries\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eHyper\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eColor\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eBlack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eRGB Profile\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eAddressable Gen 2 RGB\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eDimensions (L×W×H)\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e125×74×152 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eHeat Sink Material\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eAluminum Fins\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eHeat Pipes\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e4 (Direct Contact)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eWarranty\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e2 Years\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-panel\"\u003e\n\u003cdiv class=\"spec-category\"\u003e\n\u003cspan\u003e🌀\u003c\/span\u003e Fan Performance\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eFan Quantity\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e1 PC\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eFan Size\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e120×120×25 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eBearing Type\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eLoop Dynamic Bearing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eFan Speed\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e690-2500 RPM (PWM)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMax Airflow\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e70.7 CFM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMax Noise Level\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e32.8 dBA\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMax Air Pressure\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e3.61 mmH₂O\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMTTF\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e\u0026gt;160,000 Hours\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003ePower Connector\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e4-Pin PWM\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003ePower Consumption\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e2.4W\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"compat-section\"\u003e\n\u003ch2 class=\"section-header\"\u003eSocket Compatibility\u003c\/h2\u003e\n\u003cdiv class=\"socket-display\"\u003e\n\u003cdiv class=\"socket-box\"\u003e\n\u003cdiv class=\"socket-name\"\u003eINTEL\u003c\/div\u003e\n\u003cdiv class=\"socket-info\"\u003eLGA 1851 \/ 1700 \/ 1200\u003cbr\u003eLGA 1151 \/ 1150 \/ 1155 \/ 1156\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"socket-box\"\u003e\n\u003cdiv class=\"socket-name\"\u003eAMD\u003c\/div\u003e\n\u003cdiv class=\"socket-info\"\u003eAM5 \/ AM4 Socket\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Cooler Master","offers":[{"title":"Default Title","offer_id":51435265622148,"sku":null,"price":2000.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/smart_23.webp?v=1767448362"},{"product_id":"hyper-612-apex","title":"Hyper 612 APEX","description":"\u003cbody\u003e\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eHyper 612 APEX - Premium CPU Cooler\u003c\/title\u003e\n    \u003cstyle\u003e\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            background: #fafafa;\n            color: #1a1a1a;\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        .theme-dark {\n            background: #0a0a0a;\n            color: #fafafa;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes slideIn {\n            from {\n                opacity: 0;\n                transform: translateX(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0px); }\n            50% { transform: translateY(-15px); }\n        }\n\n        .nav-bar {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            z-index: 1000;\n            display: flex;\n            gap: 15px;\n        }\n\n        .color-toggle {\n            display: flex;\n            gap: 10px;\n            background: rgba(255, 255, 255, 0.9);\n            padding: 10px 15px;\n            border-radius: 25px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n            backdrop-filter: blur(10px);\n        }\n\n        .theme-dark .color-toggle {\n            background: rgba(20, 20, 20, 0.9);\n        }\n\n        .color-btn {\n            width: 35px;\n            height: 35px;\n            border-radius: 50%;\n            border: 3px solid transparent;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .color-btn:hover {\n            transform: scale(1.1);\n        }\n\n        .color-btn.active {\n            border-color: #000;\n            box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);\n        }\n\n        .theme-dark .color-btn.active {\n            border-color: #fff;\n            box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1);\n        }\n\n        .color-black {\n            background: linear-gradient(135deg, #1a1a1a, #4a4a4a);\n        }\n\n        .color-white {\n            background: linear-gradient(135deg, #ffffff, #e0e0e0);\n        }\n\n        .container {\n            max-width: 1600px;\n            margin: 0 auto;\n            padding: 80px 40px;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 100px;\n            animation: fadeIn 0.8s ease;\n        }\n\n        .apex-badge {\n            display: inline-block;\n            background: #000;\n            color: #fff;\n            padding: 12px 35px;\n            border-radius: 30px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            margin-bottom: 30px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n        }\n\n        .theme-dark .apex-badge {\n            background: #fff;\n            color: #000;\n        }\n\n        h1 {\n            font-size: 6rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            letter-spacing: -4px;\n            color: #000;\n        }\n\n        .theme-dark h1 {\n            color: #fff;\n        }\n\n        .subtitle {\n            font-size: 1.5rem;\n            color: #666;\n            font-weight: 400;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .theme-dark .subtitle {\n            color: #999;\n        }\n\n        .hero-layout {\n            display: grid;\n            grid-template-columns: 1.3fr 1fr;\n            gap: 100px;\n            margin-bottom: 120px;\n            align-items: center;\n        }\n\n        .product-visual {\n            position: relative;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .product-frame {\n            background: #fff;\n            border-radius: 40px;\n            padding: 80px;\n            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.08);\n            position: relative;\n        }\n\n        .theme-dark .product-frame {\n            background: #1a1a1a;\n            box-shadow: 0 30px 80px rgba(255, 255, 255, 0.03);\n        }\n\n        .product-icon {\n            width: 100%;\n            aspect-ratio: 1;\n            background: linear-gradient(135deg, #f5f5f5, #e0e0e0);\n            border-radius: 30px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 7rem;\n        }\n\n        .theme-dark .product-icon {\n            background: linear-gradient(135deg, #2a2a2a, #1a1a1a);\n        }\n\n        .features-list {\n            display: flex;\n            flex-direction: column;\n            gap: 30px;\n        }\n\n        .feature-item {\n            background: #fff;\n            padding: 35px;\n            border-radius: 25px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            border: 2px solid transparent;\n        }\n\n        .theme-dark .feature-item {\n            background: #1a1a1a;\n            box-shadow: 0 4px 20px rgba(255, 255, 255, 0.02);\n        }\n\n        .feature-item:hover {\n            transform: translateX(15px);\n            border-color: #000;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\n        }\n\n        .theme-dark .feature-item:hover {\n            border-color: #fff;\n            box-shadow: 0 8px 30px rgba(255, 255, 255, 0.05);\n        }\n\n        .feature-emoji {\n            font-size: 2.5rem;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        .feature-heading {\n            font-size: 1.4rem;\n            font-weight: 700;\n            margin-bottom: 10px;\n            color: #000;\n        }\n\n        .theme-dark .feature-heading {\n            color: #fff;\n        }\n\n        .feature-detail {\n            font-size: 1rem;\n            color: #666;\n            line-height: 1.7;\n        }\n\n        .theme-dark .feature-detail {\n            color: #999;\n        }\n\n        .metrics-bar {\n            display: grid;\n            grid-template-columns: repeat(5, 1fr);\n            gap: 30px;\n            margin-bottom: 120px;\n            padding: 0 20px;\n        }\n\n        .metric-box {\n            text-align: center;\n            padding: 45px 25px;\n            background: #fff;\n            border-radius: 20px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n            transition: all 0.3s ease;\n        }\n\n        .theme-dark .metric-box {\n            background: #1a1a1a;\n            box-shadow: 0 4px 20px rgba(255, 255, 255, 0.02);\n        }\n\n        .metric-box:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n        }\n\n        .theme-dark .metric-box:hover {\n            box-shadow: 0 12px 40px rgba(255, 255, 255, 0.06);\n        }\n\n        .metric-num {\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: #000;\n            margin-bottom: 8px;\n        }\n\n        .theme-dark .metric-num {\n            color: #fff;\n        }\n\n        .metric-desc {\n            font-size: 0.85rem;\n            color: #666;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            font-weight: 600;\n        }\n\n        .theme-dark .metric-desc {\n            color: #999;\n        }\n\n        .section-head {\n            font-size: 3.5rem;\n            font-weight: 800;\n            margin-bottom: 70px;\n            text-align: center;\n            color: #000;\n        }\n\n        .theme-dark .section-head {\n            color: #fff;\n        }\n\n        .tech-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 50px;\n            margin-bottom: 120px;\n        }\n\n        .tech-card {\n            background: #fff;\n            border-radius: 30px;\n            padding: 50px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n        }\n\n        .theme-dark .tech-card {\n            background: #1a1a1a;\n            box-shadow: 0 4px 20px rgba(255, 255, 255, 0.02);\n        }\n\n        .tech-title {\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 35px;\n            color: #000;\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .theme-dark .tech-title {\n            color: #fff;\n        }\n\n        .tech-line {\n            display: flex;\n            justify-content: space-between;\n            padding: 22px 0;\n            border-bottom: 1px solid #f0f0f0;\n            transition: all 0.2s ease;\n        }\n\n        .theme-dark .tech-line {\n            border-color: #2a2a2a;\n        }\n\n        .tech-line:hover {\n            padding-left: 12px;\n            background: #fafafa;\n        }\n\n        .theme-dark .tech-line:hover {\n            background: #252525;\n        }\n\n        .tech-line:last-child {\n            border-bottom: none;\n        }\n\n        .tech-name {\n            font-weight: 500;\n            color: #666;\n            font-size: 0.95rem;\n        }\n\n        .theme-dark .tech-name {\n            color: #999;\n        }\n\n        .tech-spec {\n            color: #000;\n            font-weight: 600;\n            text-align: right;\n            font-size: 0.95rem;\n        }\n\n        .theme-dark .tech-spec {\n            color: #fff;\n        }\n\n        .schp-highlight {\n            background: linear-gradient(135deg, #f5f5f5, #e0e0e0);\n            border-radius: 40px;\n            padding: 80px;\n            margin-bottom: 120px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .theme-dark .schp-highlight {\n            background: linear-gradient(135deg, #1a1a1a, #0a0a0a);\n        }\n\n        .schp-title {\n            font-size: 3rem;\n            font-weight: 900;\n            margin-bottom: 25px;\n            color: #000;\n        }\n\n        .theme-dark .schp-title {\n            color: #fff;\n        }\n\n        .schp-text {\n            font-size: 1.2rem;\n            color: #666;\n            max-width: 800px;\n            margin: 0 auto 40px;\n            line-height: 1.8;\n        }\n\n        .theme-dark .schp-text {\n            color: #999;\n        }\n\n        .schp-badge {\n            display: inline-block;\n            background: #000;\n            color: #fff;\n            padding: 15px 40px;\n            border-radius: 30px;\n            font-weight: 700;\n            font-size: 0.9rem;\n            letter-spacing: 2px;\n        }\n\n        .theme-dark .schp-badge {\n            background: #fff;\n            color: #000;\n        }\n\n        .socket-area {\n            background: #fff;\n            border-radius: 35px;\n            padding: 70px;\n            margin-bottom: 80px;\n            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n        }\n\n        .theme-dark .socket-area {\n            background: #1a1a1a;\n            box-shadow: 0 4px 20px rgba(255, 255, 255, 0.02);\n        }\n\n        .socket-flex {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 35px;\n            margin-top: 50px;\n        }\n\n        .socket-item {\n            background: #fafafa;\n            padding: 45px;\n            border-radius: 25px;\n            text-align: center;\n            transition: all 0.3s ease;\n            border: 2px solid transparent;\n        }\n\n        .theme-dark .socket-item {\n            background: #0a0a0a;\n        }\n\n        .socket-item:hover {\n            transform: translateY(-6px);\n            border-color: #000;\n            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);\n        }\n\n        .theme-dark .socket-item:hover {\n            border-color: #fff;\n            box-shadow: 0 12px 30px rgba(255, 255, 255, 0.05);\n        }\n\n        .socket-brand {\n            font-size: 2.2rem;\n            font-weight: 900;\n            margin-bottom: 20px;\n            color: #000;\n        }\n\n        .theme-dark .socket-brand {\n            color: #fff;\n        }\n\n        .socket-compat {\n            color: #666;\n            font-size: 0.95rem;\n            line-height: 2;\n        }\n\n        .theme-dark .socket-compat {\n            color: #999;\n        }\n\n        .warranty-footer {\n            text-align: center;\n            padding: 60px;\n            background: #000;\n            color: #fff;\n            border-radius: 35px;\n            margin-bottom: 40px;\n        }\n\n        .theme-dark .warranty-footer {\n            background: #fff;\n            color: #000;\n        }\n\n        .warranty-text {\n            font-size: 2.5rem;\n            font-weight: 900;\n            margin-bottom: 10px;\n        }\n\n        .warranty-sub {\n            font-size: 1rem;\n            opacity: 0.8;\n        }\n\n        @media (max-width: 1200px) {\n            h1 {\n                font-size: 4rem;\n            }\n\n            .hero-layout {\n                grid-template-columns: 1fr;\n                gap: 60px;\n            }\n\n            .tech-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 768px) {\n            h1 {\n                font-size: 3rem;\n            }\n\n            .metrics-bar {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .socket-flex {\n                grid-template-columns: 1fr;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"nav-bar\"\u003e\n        \u003cdiv class=\"color-toggle\"\u003e\n            \u003cbutton class=\"color-btn color-black active\" onclick=\"setColor('black')\" aria-label=\"Black theme\"\u003e\u003c\/button\u003e\n            \u003cbutton class=\"color-btn color-white\" onclick=\"setColor('white')\" aria-label=\"White theme\"\u003e\u003c\/button\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cheader\u003e\n            \u003cdiv class=\"apex-badge\"\u003ePremium Cooling Solution\u003c\/div\u003e\n            \u003ch1\u003eHyper 612 APEX\u003c\/h1\u003e\n            \u003cp class=\"subtitle\"\u003eSix SCHP design with patented Superconductive Composite Heat Pipes for ultimate thermal performance\u003c\/p\u003e\n        \u003c\/header\u003e\n\n        \u003cdiv class=\"hero-layout\"\u003e\n            \u003cdiv class=\"product-visual\"\u003e\n                \u003cdiv class=\"product-frame\"\u003e\n                    \u003cdiv class=\"product-icon\"\u003e🏔️\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"features-list\"\u003e\n                \u003cdiv class=\"feature-item\"\u003e\n                    \u003cspan class=\"feature-emoji\"\u003e⚡\u003c\/span\u003e\n                    \u003cdiv class=\"feature-heading\"\u003e6 SCHP Design\u003c\/div\u003e\n                    \u003cdiv class=\"feature-detail\"\u003eSix Superconductive Composite Heat Pipes for maximum heat dissipation efficiency\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-item\"\u003e\n                    \u003cspan class=\"feature-emoji\"\u003e🔬\u003c\/span\u003e\n                    \u003cdiv class=\"feature-heading\"\u003ePatented Technology\u003c\/div\u003e\n                    \u003cdiv class=\"feature-detail\"\u003eAdvanced superconductive composite material for superior thermal transfer\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-item\"\u003e\n                    \u003cspan class=\"feature-emoji\"\u003e🎨\u003c\/span\u003e\n                    \u003cdiv class=\"feature-heading\"\u003eDual Color Options\u003c\/div\u003e\n                    \u003cdiv class=\"feature-detail\"\u003eAvailable in sophisticated Black and White colorations\u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"feature-item\"\u003e\n                    \u003cspan class=\"feature-emoji\"\u003e🌀\u003c\/span\u003e\n                    \u003cdiv class=\"feature-heading\"\u003eDual Mobius 120P Fans\u003c\/div\u003e\n                    \u003cdiv class=\"feature-detail\"\u003eTwo premium fans with LDB bearings for silent, powerful cooling\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"metrics-bar\"\u003e\n            \u003cdiv class=\"metric-box\"\u003e\n                \u003cdiv class=\"metric-num\"\u003e2×120\u003c\/div\u003e\n                \u003cdiv class=\"metric-desc\"\u003eDual Fans\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"metric-box\"\u003e\n                \u003cdiv class=\"metric-num\"\u003e75.2\u003c\/div\u003e\n                \u003cdiv class=\"metric-desc\"\u003eCFM Max\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"metric-box\"\u003e\n                \u003cdiv class=\"metric-num\"\u003e30\u003c\/div\u003e\n                \u003cdiv class=\"metric-desc\"\u003edBA Max\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"metric-box\"\u003e\n                \u003cdiv class=\"metric-num\"\u003e6\u003c\/div\u003e\n                \u003cdiv class=\"metric-desc\"\u003eHeat Pipes\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"metric-box\"\u003e\n                \u003cdiv class=\"metric-num\"\u003e5Y\u003c\/div\u003e\n                \u003cdiv class=\"metric-desc\"\u003eWarranty\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"schp-highlight\"\u003e\n            \u003cdiv class=\"schp-title\"\u003eSuperconductive Composite Heat Pipes\u003c\/div\u003e\n            \u003cp class=\"schp-text\"\u003e\n                Revolutionary patented SCHP technology delivers exceptional heat transfer performance. \n                Six precision-engineered heat pipes work in harmony to efficiently draw heat away from your CPU, \n                ensuring optimal temperatures even under the most demanding workloads.\n            \u003c\/p\u003e\n            \u003cspan class=\"schp-badge\"\u003ePATENTED TECHNOLOGY\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003csection\u003e\n            \u003ch2 class=\"section-head\"\u003eTechnical Specifications\u003c\/h2\u003e\n            \u003cdiv class=\"tech-grid\"\u003e\n                \u003cdiv class=\"tech-card\"\u003e\n                    \u003cdiv class=\"tech-title\"\u003e\n                        \u003cspan\u003e🌡️\u003c\/span\u003e Cooler Details\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eProduct Number (Black)\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eMAP-T6PN-225PK-R1\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eProduct Number (White)\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eMAP-T6PN-225PW-CW\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eCooler Type\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eAir Cooler\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eSeries\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eHyper\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eColor Options\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eBlack \/ White\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eDimensions (L×W×H)\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e127×114×159 mm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eHeat Pipe Technology\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e6× SCHP (Patented)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eWarranty\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e5 Years\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"tech-card\"\u003e\n                    \u003cdiv class=\"tech-title\"\u003e\n                        \u003cspan\u003e🌀\u003c\/span\u003e Fan Performance\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eFan Model\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eMobius 120P\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eFan Quantity\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e2 PCS\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eFan Size\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e120×120×25 mm\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eBearing Type\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003eLDB (Loop Dynamic)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eFan Speed\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e0-2400 RPM (PWM)\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eMax Airflow\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e75.2 CFM\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eMax Noise Level\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e30 dBA\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eMax Air Pressure\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e3.63 mmH₂O\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003eMTTF\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e\u0026gt;200,000 Hours\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003ePower Connector\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e4-Pin PWM\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"tech-line\"\u003e\n                        \u003cspan class=\"tech-name\"\u003ePower Consumption\u003c\/span\u003e\n                        \u003cspan class=\"tech-spec\"\u003e2.16W\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003csection class=\"socket-area\"\u003e\n            \u003ch2 class=\"section-head\"\u003eUniversal Compatibility\u003c\/h2\u003e\n            \u003cdiv class=\"socket-flex\"\u003e\n                \u003cdiv class=\"socket-item\"\u003e\n                    \u003cdiv class=\"socket-brand\"\u003eINTEL\u003c\/div\u003e\n                    \u003cdiv class=\"socket-compat\"\u003e\n                        LGA 1851 \/ 1700 \/ 1200\u003cbr\u003e\n                        LGA 1151 \/ 1150 \/ 1155 \/ 1156\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"socket-item\"\u003e\n                    \u003cdiv class=\"socket-brand\"\u003eAMD\u003c\/div\u003e\n                    \u003cdiv class=\"socket-compat\"\u003e\n                        AM5 \/ AM4 Socket\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003cdiv class=\"warranty-footer\"\u003e\n            \u003cdiv class=\"warranty-text\"\u003e5 YEAR WARRANTY\u003c\/div\u003e\n            \u003cdiv class=\"warranty-sub\"\u003ePremium quality backed by extended warranty coverage\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function setColor(color) {\n            const buttons = document.querySelectorAll('.color-btn');\n            buttons.forEach(btn =\u003e btn.classList.remove('active'));\n            \n            if (color === 'black') {\n                document.body.classList.remove('theme-dark');\n                document.querySelector('.color-black').classList.add('active');\n            } else {\n                document.body.classList.add('theme-dark');\n                document.querySelector('.color-white').classList.add('active');\n            }\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Cooler Master","offers":[{"title":"Default Title","offer_id":51435268472964,"sku":null,"price":3950.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/smart_24.webp?v=1767448632"},{"product_id":"prime-lc-240-argb","title":"Prime LC 240 ARGB","description":"\u003c!-- ASUS Prime LC 240 ARGB - Shopify Guaranteed Version --\u003e\n\u003cdiv style=\"background-color: #0a0a0a; color: #ffffff; font-family: sans-serif; padding: 25px; border-radius: 10px; line-height: 1.6; border: 1px solid #333;\"\u003e\n    \n    \u003c!-- Header Section --\u003e\n    \u003cdiv style=\"text-align: center; border-bottom: 2px solid #00c8ff; padding-bottom: 25px; margin-bottom: 30px;\"\u003e\n        \u003ch2 style=\"color: #ffffff; font-size: 26px; text-transform: uppercase; margin: 0; letter-spacing: 2px; font-weight: 900;\"\u003e\n            Prime LC 240 ARGB\n        \u003c\/h2\u003e\n        \u003cdiv style=\"color: #00c8ff; font-size: 16px; font-weight: bold; margin-top: 5px;\"\u003eInfinity Elegance, Cooling Mastery\u003c\/div\u003e\n        \u003cp style=\"color: #d0d0d0; font-size: 14px; margin: 15px auto 0; max-width: 800px;\"\u003e\n            A high-performance all-in-one liquid cooler featuring a customizable infinity mirror water block, pre-installed ARGB fans, and a specially designed CPU contact area for elite heat dissipation.\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Key Performance Highlights --\u003e\n    \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; justify-content: center;\"\u003e\n        \u003cdiv style=\"background: #1a1a1a; padding: 15px; border-top: 3px solid #00c8ff; min-width: 140px; text-align: center; border-radius: 4px;\"\u003e\n            \u003cspan style=\"display: block; color: #a0a0a0; font-size: 11px; text-transform: uppercase;\"\u003eRadiator Size\u003c\/span\u003e\n            \u003cstrong style=\"font-size: 18px; color: #ffffff;\"\u003e240 mm\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #1a1a1a; padding: 15px; border-top: 3px solid #00c8ff; min-width: 140px; text-align: center; border-radius: 4px;\"\u003e\n            \u003cspan style=\"display: block; color: #a0a0a0; font-size: 11px; text-transform: uppercase;\"\u003eMax Fan Speed\u003c\/span\u003e\n            \u003cstrong style=\"font-size: 18px; color: #ffffff;\"\u003e2200 RPM\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #1a1a1a; padding: 15px; border-top: 3px solid #00c8ff; min-width: 140px; text-align: center; border-radius: 4px;\"\u003e\n            \u003cspan style=\"display: block; color: #a0a0a0; font-size: 11px; text-transform: uppercase;\"\u003eWarranty\u003c\/span\u003e\n            \u003cstrong style=\"font-size: 18px; color: #ffffff;\"\u003e6 Years\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #1a1a1a; padding: 15px; border-top: 3px solid #00c8ff; min-width: 140px; text-align: center; border-radius: 4px;\"\u003e\n            \u003cspan style=\"display: block; color: #a0a0a0; font-size: 11px; text-transform: uppercase;\"\u003eSocket Ready\u003c\/span\u003e\n            \u003cstrong style=\"font-size: 18px; color: #ffffff;\"\u003eLGA 1851\/AM5\u003c\/strong\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Main Features --\u003e\n    \u003cdiv style=\"margin-bottom: 30px;\"\u003e\n        \u003cdiv style=\"background: #151515; padding: 15px; border-left: 4px solid #00c8ff; margin-bottom: 10px; border-radius: 0 4px 4px 0;\"\u003e\n            \u003cstrong style=\"color: #00c8ff; display: block; font-size: 16px;\"\u003eCustomizable Infinity Mirror\u003c\/strong\u003e\n            \u003cspan style=\"font-size: 13px; color: #e0e0e0;\"\u003eCaptivating visual depth with swappable lenses (Prime or ASUS styles) to personalize your PC aesthetics.\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #151515; padding: 15px; border-left: 4px solid #00c8ff; margin-bottom: 10px; border-radius: 0 4px 4px 0;\"\u003e\n            \u003cstrong style=\"color: #00c8ff; display: block; font-size: 16px;\"\u003eOptimized Heat Dissipation\u003c\/strong\u003e\n            \u003cspan style=\"font-size: 13px; color: #e0e0e0;\"\u003eSpecially designed CPU contact area with a copper plate for stable and effective performance.\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv style=\"background: #151515; padding: 15px; border-left: 4px solid #00c8ff; margin-bottom: 10px; border-radius: 0 4px 4px 0;\"\u003e\n            \u003cstrong style=\"color: #00c8ff; display: block; font-size: 16px;\"\u003eIntegrated ARGB Fans\u003c\/strong\u003e\n            \u003cspan style=\"font-size: 13px; color: #e0e0e0;\"\u003eHigh-performance PWM fans with a single-cable connection for much easier cable management.\u003c\/span\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Technical Specifications Table --\u003e\n    \u003ch3 style=\"color: #00c8ff; font-size: 18px; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase;\"\u003eTechnical Specifications\u003c\/h3\u003e\n    \u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 13px;\"\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold; width: 45%;\"\u003eMODEL\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #00c8ff; font-weight: bold;\"\u003ePrime LC 240 ARGB\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold;\"\u003eBLOCK MATERIAL\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px;\"\u003eCopper (CPU Plate)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold;\"\u003eRADIATOR DIMS\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px;\"\u003e277 x 120 x 27 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold;\"\u003eFAN AIRFLOW\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px;\"\u003e75.7 CFM (Max)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold;\"\u003eFAN NOISE\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px;\"\u003e34 dB(A)\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold;\"\u003eINTEL SOCKETS\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px;\"\u003eLGA 1851, 1700, 1200, 115x\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr style=\"border-bottom: 1px solid #222;\"\u003e\n            \u003ctd style=\"padding: 12px 5px; color: #a0a0a0; font-weight: bold;\"\u003eAMD SOCKETS\u003c\/td\u003e\n            \u003ctd style=\"padding: 12px 5px;\"\u003eAM5, AM4\u003c\/td\u003e\n        \u003c\/tr\u003e\n    \u003c\/table\u003e\n\n    \u003c!-- Tube \u0026 Durability Info --\u003e\n    \u003cdiv style=\"margin-top: 25px; background: #111; padding: 15px; border-radius: 4px; font-size: 12px; color: #e0e0e0;\"\u003e\n        \u003cstrong\u003eSleeved Rubber Tubing:\u003c\/strong\u003e 400 mm length with reinforced sleeves for increased durability and long-term reliability.\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"ASUS","offers":[{"title":"Default Title","offer_id":51834806501508,"sku":null,"price":3500.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/w692_2.png?v=1778090234"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/collections\/maxresdefault.jpg?v=1741011577","url":"https:\/\/zstations.com\/ar\/collections\/coolers.oembed","provider":"Z-Station","version":"1.0","type":"link"}