{"product_id":"vector-series-v219-case-black-psu-650-watt-80-4-x-120mm-argb-fans","title":"VECTOR SERIES - V219 CASE (BLACK) + PSU 650 WATT 80+4 x 120mm ARGB Fans","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\u003eV219 Gaming Case - Refined Performance\u003c\/title\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@200;300;400;600;800\u0026amp;family=Playfair+Display:wght@400;700;900\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003cstyle\u003e\n        :root {\n            --gold: #d4af37;\n            --dark-navy: #0f1419;\n            --navy: #1a1f2e;\n            --cream: #f8f6f0;\n            --silver: #c0c0c0;\n            --accent: #8b7355;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Montserrat', sans-serif;\n            background: var(--cream);\n            color: var(--dark-navy);\n            overflow-x: hidden;\n            line-height: 1.8;\n        }\n\n        \/* Elegant Background Pattern *\/\n        .bg-pattern {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.03;\n            background-image: \n                repeating-linear-gradient(0deg, transparent, transparent 2px, var(--dark-navy) 2px, var(--dark-navy) 4px),\n                repeating-linear-gradient(90deg, transparent, transparent 2px, var(--dark-navy) 2px, var(--dark-navy) 4px);\n            background-size: 100px 100px;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 3rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        \/* Navigation *\/\n        nav {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 2.5rem 0;\n            animation: fadeInDown 0.8s ease-out;\n        }\n\n        @keyframes fadeInDown {\n            from { opacity: 0; transform: translateY(-30px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .brand {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            font-weight: 900;\n            color: var(--dark-navy);\n            letter-spacing: -1px;\n            position: relative;\n        }\n\n        .brand::after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 60px;\n            height: 3px;\n            background: var(--gold);\n        }\n\n        .nav-links {\n            display: flex;\n            gap: 2.5rem;\n            list-style: none;\n        }\n\n        .nav-links a {\n            text-decoration: none;\n            color: var(--dark-navy);\n            font-weight: 400;\n            font-size: 0.95rem;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            transition: color 0.3s ease;\n            position: relative;\n        }\n\n        .nav-links a::after {\n            content: '';\n            position: absolute;\n            bottom: -5px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: var(--gold);\n            transition: width 0.3s ease;\n        }\n\n        .nav-links a:hover::after {\n            width: 100%;\n        }\n\n        \/* Hero Section *\/\n        .hero {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 5rem;\n            align-items: center;\n            padding: 5rem 0;\n            min-height: 85vh;\n        }\n\n        .hero-content {\n            animation: fadeInLeft 1s ease-out 0.3s both;\n        }\n\n        @keyframes fadeInLeft {\n            from { opacity: 0; transform: translateX(-50px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n\n        .subtitle {\n            font-size: 0.85rem;\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: var(--gold);\n            margin-bottom: 1.5rem;\n            font-weight: 600;\n        }\n\n        .hero h1 {\n            font-family: 'Playfair Display', serif;\n            font-size: 5.5rem;\n            font-weight: 900;\n            line-height: 1;\n            margin-bottom: 2rem;\n            color: var(--dark-navy);\n        }\n\n        .hero-description {\n            font-size: 1.15rem;\n            color: rgba(15, 20, 25, 0.7);\n            margin-bottom: 3rem;\n            font-weight: 300;\n            line-height: 1.9;\n        }\n\n        .color-options {\n            display: flex;\n            gap: 1rem;\n            margin-bottom: 3rem;\n        }\n\n        .color-btn {\n            padding: 1.2rem 2.5rem;\n            border: 2px solid var(--dark-navy);\n            background: transparent;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            cursor: pointer;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .color-btn::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: var(--dark-navy);\n            transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            z-index: -1;\n        }\n\n        .color-btn:hover::before {\n            left: 0;\n        }\n\n        .color-btn:hover {\n            color: var(--cream);\n            border-color: var(--dark-navy);\n        }\n\n        .cta-button {\n            padding: 1.2rem 3rem;\n            background: var(--gold);\n            border: none;\n            color: var(--dark-navy);\n            font-family: 'Montserrat', sans-serif;\n            font-size: 0.9rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\n        }\n\n        .cta-button:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 15px 40px rgba(212, 175, 55, 0.4);\n        }\n\n        .hero-visual {\n            position: relative;\n            animation: fadeInRight 1s ease-out 0.5s both;\n        }\n\n        @keyframes fadeInRight {\n            from { opacity: 0; transform: translateX(50px); }\n            to { opacity: 1; transform: translateX(0); }\n        }\n\n        .case-display {\n            width: 100%;\n            height: 650px;\n            background: linear-gradient(135deg, var(--navy) 0%, var(--dark-navy) 100%);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 30px 80px rgba(15, 20, 25, 0.3);\n        }\n\n        .case-display::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(135deg, transparent 0%, rgba(212, 175, 55, 0.1) 100%);\n        }\n\n        .case-label {\n            font-family: 'Playfair Display', serif;\n            font-size: 5rem;\n            font-weight: 900;\n            color: var(--gold);\n            text-align: center;\n            z-index: 1;\n            letter-spacing: 3px;\n        }\n\n        .floating-badge {\n            position: absolute;\n            top: 30px;\n            right: 30px;\n            background: var(--gold);\n            color: var(--dark-navy);\n            padding: 1rem 2rem;\n            border-radius: 50px;\n            font-size: 0.75rem;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            animation: float 3s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        \/* Specifications Section *\/\n        .specs {\n            padding: 8rem 0;\n            background: var(--dark-navy);\n            margin: 6rem -100vw;\n            padding-left: 100vw;\n            padding-right: 100vw;\n        }\n\n        .specs-header {\n            text-align: center;\n            margin-bottom: 5rem;\n        }\n\n        .specs-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: var(--gold);\n            margin-bottom: 1rem;\n        }\n\n        .specs-subtitle {\n            font-size: 1.1rem;\n            color: rgba(248, 246, 240, 0.6);\n            font-weight: 300;\n        }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 2.5rem;\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 3rem;\n        }\n\n        .spec-item {\n            background: rgba(248, 246, 240, 0.03);\n            border: 1px solid rgba(212, 175, 55, 0.2);\n            padding: 2.5rem;\n            transition: all 0.4s ease;\n            position: relative;\n        }\n\n        .spec-item::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 4px;\n            height: 0;\n            background: var(--gold);\n            transition: height 0.4s ease;\n        }\n\n        .spec-item:hover::before {\n            height: 100%;\n        }\n\n        .spec-item:hover {\n            background: rgba(248, 246, 240, 0.06);\n            transform: translateX(10px);\n        }\n\n        .spec-name {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--gold);\n            margin-bottom: 1rem;\n            font-weight: 600;\n        }\n\n        .spec-detail {\n            font-size: 1.25rem;\n            color: var(--cream);\n            font-weight: 300;\n            line-height: 1.6;\n        }\n\n        \/* Features Section *\/\n        .features {\n            padding: 8rem 0;\n        }\n\n        .features-title {\n            font-family: 'Playfair Display', serif;\n            font-size: 3.5rem;\n            font-weight: 900;\n            text-align: center;\n            margin-bottom: 1rem;\n            color: var(--dark-navy);\n        }\n\n        .features-intro {\n            text-align: center;\n            font-size: 1.1rem;\n            color: rgba(15, 20, 25, 0.6);\n            margin-bottom: 5rem;\n            font-weight: 300;\n        }\n\n        .features-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 4rem;\n        }\n\n        .feature {\n            display: flex;\n            gap: 2rem;\n            align-items: flex-start;\n        }\n\n        .feature-number {\n            font-family: 'Playfair Display', serif;\n            font-size: 4rem;\n            font-weight: 900;\n            color: var(--gold);\n            line-height: 1;\n            opacity: 0.3;\n        }\n\n        .feature-content h3 {\n            font-family: 'Playfair Display', serif;\n            font-size: 1.8rem;\n            font-weight: 700;\n            margin-bottom: 1rem;\n            color: var(--dark-navy);\n        }\n\n        .feature-content p {\n            font-size: 1rem;\n            color: rgba(15, 20, 25, 0.7);\n            line-height: 1.8;\n            font-weight: 300;\n        }\n\n        \/* Highlights *\/\n        .highlights {\n            background: var(--navy);\n            padding: 5rem 0;\n            margin: 6rem -100vw;\n            padding-left: 100vw;\n            padding-right: 100vw;\n        }\n\n        .highlights-container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 0 3rem;\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 4rem;\n        }\n\n        .highlight-card {\n            text-align: center;\n            color: var(--cream);\n        }\n\n        .highlight-value {\n            font-family: 'Playfair Display', serif;\n            font-size: 4rem;\n            font-weight: 900;\n            color: var(--gold);\n            margin-bottom: 1rem;\n        }\n\n        .highlight-label {\n            font-size: 0.9rem;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: rgba(248, 246, 240, 0.7);\n            font-weight: 400;\n        }\n\n        \/* Footer *\/\n        footer {\n            padding: 4rem 0;\n            text-align: center;\n            border-top: 1px solid rgba(15, 20, 25, 0.1);\n        }\n\n        footer p {\n            color: rgba(15, 20, 25, 0.5);\n            font-size: 0.9rem;\n            font-weight: 300;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .hero {\n                grid-template-columns: 1fr;\n                gap: 4rem;\n            }\n\n            .hero h1 {\n                font-size: 4rem;\n            }\n\n            .features-grid {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n\n            .highlights-container {\n                grid-template-columns: 1fr;\n                gap: 3rem;\n            }\n\n            .nav-links {\n                display: none;\n            }\n        }\n\n        @media (max-width: 640px) {\n            .container {\n                padding: 0 1.5rem;\n            }\n\n            .brand {\n                font-size: 2rem;\n            }\n\n            .hero h1 {\n                font-size: 2.8rem;\n            }\n\n            .color-options {\n                flex-direction: column;\n            }\n\n            .specs-grid {\n                grid-template-columns: 1fr;\n                padding: 0 1.5rem;\n            }\n\n            .case-display {\n                height: 400px;\n            }\n\n            .case-label {\n                font-size: 3rem;\n            }\n        }\n\n        \/* Scroll Reveal *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(40px);\n            transition: all 0.8s ease-out;\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"bg-pattern\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cnav\u003e\n            \u003cdiv class=\"brand\"\u003eV219\u003c\/div\u003e\n            \u003cul class=\"nav-links\"\u003e\n                \u003cli\u003e\u003ca href=\"#specs\"\u003eSpecifications\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#features\"\u003eFeatures\u003c\/a\u003e\u003c\/li\u003e\n                \u003cli\u003e\u003ca href=\"#design\"\u003eDesign\u003c\/a\u003e\u003c\/li\u003e\n            \u003c\/ul\u003e\n        \u003c\/nav\u003e\n\n        \u003csection class=\"hero\"\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003cdiv class=\"subtitle\"\u003ePremium Mid-Tower\u003c\/div\u003e\n                \u003ch1\u003eRefined Performance\u003c\/h1\u003e\n                \u003cp class=\"hero-description\"\u003eThe V219 represents the pinnacle of thoughtful engineering—where exceptional thermal management meets architectural elegance. Designed for builders who appreciate the finer details.\u003c\/p\u003e\n                \n                \u003cdiv class=\"color-options\"\u003e\n                    \u003cbutton class=\"color-btn\"\u003eV219BF Black\u003c\/button\u003e\n                    \u003cbutton class=\"color-btn\"\u003eV219WF White\u003c\/button\u003e\n                \u003c\/div\u003e\n\n                \u003cbutton class=\"cta-button\"\u003eExplore Details\u003c\/button\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"hero-visual\"\u003e\n                \u003cdiv class=\"case-display\"\u003e\n                    \u003cdiv class=\"floating-badge\"\u003ePremium Build\u003c\/div\u003e\n                    \u003cdiv class=\"case-label\"\u003eV219\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/div\u003e\n\n    \u003csection class=\"specs\" id=\"specs\"\u003e\n        \u003cdiv class=\"specs-header reveal\"\u003e\n            \u003ch2 class=\"specs-title\"\u003eTechnical Excellence\u003c\/h2\u003e\n            \u003cp class=\"specs-subtitle\"\u003ePrecision-engineered for demanding builds\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"specs-grid\"\u003e\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eDimensions\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e360 × 215 × 470 mm\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eMotherboard Compatibility\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003eATX \/ Micro-ATX \/ Mini-ITX\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eExpansion Slots\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e7 Full-Length Slots\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eConstruction Materials\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003ePremium Steel \u0026amp; Tempered Glass\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eStorage Capacity\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e2× 3.5\" HDD \/ 3× 2.5\" SSD\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eFront I\/O\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003eUSB 3.0 ×1, USB 2.0 ×2, HD Audio\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003ePre-installed Cooling\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e4× ARGB 120mm Fans\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eMaximum GPU Length\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e340mm (Extended Support)\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eCPU Cooler Clearance\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e165mm Height\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eSide Panel Design\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003eTempered Glass (L) \/ Steel (R)\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003eRadiator Support\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003e360mm Front \/ 280mm Top\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"spec-item reveal\"\u003e\n                \u003cdiv class=\"spec-name\"\u003ePower Supply\u003c\/div\u003e\n                \u003cdiv class=\"spec-detail\"\u003eATX PSU (Bottom Mounted)\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003csection class=\"features\" id=\"features\"\u003e\n            \u003ch2 class=\"features-title reveal\"\u003eDistinctive Features\u003c\/h2\u003e\n            \u003cp class=\"features-intro reveal\"\u003eEvery element crafted with purpose\u003c\/p\u003e\n\n            \u003cdiv class=\"features-grid\"\u003e\n                \u003cdiv class=\"feature reveal\"\u003e\n                    \u003cdiv class=\"feature-number\"\u003e01\u003c\/div\u003e\n                    \u003cdiv class=\"feature-content\"\u003e\n                        \u003ch3\u003eEnhanced Storage\u003c\/h3\u003e\n                        \u003cp\u003eIncreased storage capacity with 2× 3.5\" HDD bays and 3× 2.5\" SSD mounts, providing flexible configuration for extensive data requirements.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"feature reveal\"\u003e\n                    \u003cdiv class=\"feature-number\"\u003e02\u003c\/div\u003e\n                    \u003cdiv class=\"feature-content\"\u003e\n                        \u003ch3\u003eSuperior Airflow\u003c\/h3\u003e\n                        \u003cp\u003eComprehensive fan support up to 10 units with optimized ventilation paths ensures exceptional thermal performance under demanding workloads.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"feature reveal\"\u003e\n                    \u003cdiv class=\"feature-number\"\u003e03\u003c\/div\u003e\n                    \u003cdiv class=\"feature-content\"\u003e\n                        \u003ch3\u003eExtended GPU Clearance\u003c\/h3\u003e\n                        \u003cp\u003eAccommodates graphics cards up to 340mm, offering compatibility with the latest high-performance GPUs for gaming and professional applications.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"feature reveal\"\u003e\n                    \u003cdiv class=\"feature-number\"\u003e04\u003c\/div\u003e\n                    \u003cdiv class=\"feature-content\"\u003e\n                        \u003ch3\u003ePremium ARGB Lighting\u003c\/h3\u003e\n                        \u003cp\u003ePre-installed ARGB fans create stunning visual effects, synchronized lighting transforms your build into a personalized showcase.\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/div\u003e\n\n    \u003csection class=\"highlights\"\u003e\n        \u003cdiv class=\"highlights-container\"\u003e\n            \u003cdiv class=\"highlight-card reveal\"\u003e\n                \u003cdiv class=\"highlight-value\"\u003e340mm\u003c\/div\u003e\n                \u003cdiv class=\"highlight-label\"\u003eMaximum GPU Length\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlight-card reveal\"\u003e\n                \u003cdiv class=\"highlight-value\"\u003e10\u003c\/div\u003e\n                \u003cdiv class=\"highlight-label\"\u003eFan Mounting Points\u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"highlight-card reveal\"\u003e\n                \u003cdiv class=\"highlight-value\"\u003e360mm\u003c\/div\u003e\n                \u003cdiv class=\"highlight-label\"\u003eFront Radiator Support\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv class=\"container\"\u003e\n        \u003cfooter\u003e\n            \u003cp\u003e© 2026 V219 Series. Engineered for Excellence.\u003c\/p\u003e\n        \u003c\/footer\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        \/\/ Scroll reveal animation\n        function reveal() {\n            const reveals = document.querySelectorAll('.reveal');\n            \n            reveals.forEach(element =\u003e {\n                const windowHeight = window.innerHeight;\n                const elementTop = element.getBoundingClientRect().top;\n                const elementVisible = 150;\n                \n                if (elementTop \u003c windowHeight - elementVisible) {\n                    element.classList.add('active');\n                }\n            });\n        }\n\n        window.addEventListener('scroll', reveal);\n        reveal(); \/\/ Initial check\n\n        \/\/ Smooth scroll for navigation\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor =\u003e {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({ behavior: 'smooth' });\n                }\n            });\n        });\n\n        \/\/ Parallax effect on hero\n        window.addEventListener('mousemove', (e) =\u003e {\n            const caseDisplay = document.querySelector('.case-display');\n            const x = (e.clientX \/ window.innerWidth - 0.5) * 10;\n            const y = (e.clientY \/ window.innerHeight - 0.5) * 10;\n            caseDisplay.style.transform = `perspective(1000px) rotateY(${x}deg) rotateX(${-y}deg)`;\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Z-Station","offers":[{"title":"Black","offer_id":51505989845124,"sku":null,"price":3400.0,"currency_code":"EGP","in_stock":true},{"title":"White","offer_id":51505989877892,"sku":null,"price":3700.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/V219B-L2.webp?v=1769796373","url":"https:\/\/zstations.com\/ar\/products\/vector-series-v219-case-black-psu-650-watt-80-4-x-120mm-argb-fans","provider":"Z-Station","version":"1.0","type":"link"}