{"product_id":"infinita-series-i803-case-black-with-lcd","title":"INFINITA SERIES - i803 CASE (BLACK) with LCD","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700;900\u0026amp;family=Rajdhani:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --bg-dark: #0a0e1a;\n            --bg-card: #141824;\n            --accent-cyan: #00d9ff;\n            --accent-purple: #b537ff;\n            --accent-pink: #ff3366;\n            --text-primary: #ffffff;\n            --text-secondary: #8b95b0;\n            --glow-cyan: 0 0 20px rgba(0, 217, 255, 0.4);\n            --glow-purple: 0 0 20px rgba(181, 55, 255, 0.4);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Rajdhani', sans-serif;\n            background: var(--bg-dark);\n            color: var(--text-primary);\n            overflow-x: hidden;\n            min-height: 100vh;\n            position: relative;\n        }\n\n        body::before {\n            content: '';\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(0, 217, 255, 0.08) 0%, transparent 50%),\n                radial-gradient(circle at 80% 70%, rgba(181, 55, 255, 0.08) 0%, transparent 50%),\n                radial-gradient(circle at 50% 50%, rgba(255, 51, 102, 0.05) 0%, transparent 70%);\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .noise {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0.03;\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n            pointer-events: none;\n            z-index: 1;\n        }\n\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 60px 40px;\n            position: relative;\n            z-index: 2;\n        }\n\n        header {\n            text-align: center;\n            margin-bottom: 80px;\n            animation: fadeInDown 1s ease-out;\n        }\n\n        .product-badge {\n            display: inline-block;\n            padding: 8px 20px;\n            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));\n            border-radius: 20px;\n            font-size: 14px;\n            font-weight: 600;\n            letter-spacing: 2px;\n            margin-bottom: 20px;\n            animation: pulse 2s ease-in-out infinite;\n        }\n\n        h1 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: clamp(48px, 8vw, 96px);\n            font-weight: 900;\n            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple), var(--accent-pink));\n            background-size: 200% 200%;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 15px;\n            animation: gradientShift 4s ease infinite;\n            letter-spacing: -2px;\n            line-height: 1;\n        }\n\n        .subtitle {\n            font-size: 20px;\n            color: var(--text-secondary);\n            font-weight: 500;\n            letter-spacing: 1px;\n        }\n\n        .model-number {\n            display: inline-block;\n            margin-top: 15px;\n            padding: 10px 25px;\n            background: var(--bg-card);\n            border: 1px solid rgba(0, 217, 255, 0.3);\n            border-radius: 8px;\n            font-size: 16px;\n            color: var(--accent-cyan);\n            font-weight: 600;\n            letter-spacing: 2px;\n        }\n\n        .specs-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n            gap: 25px;\n            animation: fadeInUp 1s ease-out 0.3s backwards;\n        }\n\n        .spec-card {\n            background: var(--bg-card);\n            border: 1px solid rgba(139, 149, 176, 0.1);\n            border-radius: 16px;\n            padding: 30px;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            animation: fadeInCard 0.8s ease-out backwards;\n        }\n\n        .spec-card:nth-child(1) { animation-delay: 0.1s; }\n        .spec-card:nth-child(2) { animation-delay: 0.2s; }\n        .spec-card:nth-child(3) { animation-delay: 0.3s; }\n        .spec-card:nth-child(4) { animation-delay: 0.4s; }\n        .spec-card:nth-child(5) { animation-delay: 0.5s; }\n        .spec-card:nth-child(6) { animation-delay: 0.6s; }\n\n        .spec-card::before {\n            content: '';\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            right: -2px;\n            bottom: -2px;\n            background: linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));\n            border-radius: 16px;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            z-index: -1;\n        }\n\n        .spec-card:hover::before {\n            opacity: 0.3;\n        }\n\n        .spec-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 15px 40px rgba(0, 217, 255, 0.2);\n            border-color: rgba(0, 217, 255, 0.4);\n        }\n\n        .spec-label {\n            font-size: 13px;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: var(--text-secondary);\n            margin-bottom: 12px;\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .spec-label::before {\n            content: '';\n            width: 4px;\n            height: 4px;\n            background: var(--accent-cyan);\n            border-radius: 50%;\n            box-shadow: var(--glow-cyan);\n        }\n\n        .spec-value {\n            font-size: 18px;\n            font-weight: 600;\n            color: var(--text-primary);\n            line-height: 1.6;\n        }\n\n        .highlight-card {\n            grid-column: 1 \/ -1;\n            background: linear-gradient(135deg, rgba(0, 217, 255, 0.1), rgba(181, 55, 255, 0.1));\n            border: 2px solid rgba(0, 217, 255, 0.3);\n            padding: 40px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .highlight-card::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            right: -100px;\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(0, 217, 255, 0.15), transparent);\n            border-radius: 50%;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        .dimensions-display {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 15px;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: var(--accent-cyan);\n            text-shadow: var(--glow-cyan);\n            flex-wrap: wrap;\n        }\n\n        .dimensions-display span {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .dimensions-display .separator {\n            color: var(--accent-purple);\n            opacity: 0.6;\n        }\n\n        .feature-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 12px;\n            margin-top: 30px;\n            animation: fadeInUp 1s ease-out 0.6s backwards;\n        }\n\n        .tag {\n            padding: 10px 20px;\n            background: var(--bg-card);\n            border: 1px solid rgba(0, 217, 255, 0.3);\n            border-radius: 25px;\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--accent-cyan);\n            transition: all 0.3s ease;\n            cursor: default;\n        }\n\n        .tag:hover {\n            background: rgba(0, 217, 255, 0.1);\n            border-color: var(--accent-cyan);\n            box-shadow: var(--glow-cyan);\n            transform: scale(1.05);\n        }\n\n        .io-ports {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-top: 15px;\n        }\n\n        .port-icon {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            padding: 8px 15px;\n            background: rgba(0, 217, 255, 0.1);\n            border-radius: 8px;\n            font-size: 14px;\n            color: var(--accent-cyan);\n            font-weight: 600;\n        }\n\n        .port-icon::before {\n            content: '●';\n            font-size: 20px;\n        }\n\n        footer {\n            text-align: center;\n            margin-top: 80px;\n            padding: 30px;\n            border-top: 1px solid rgba(139, 149, 176, 0.1);\n            color: var(--text-secondary);\n            font-size: 14px;\n            animation: fadeIn 1s ease-out 1s backwards;\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 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 fadeInCard {\n            from {\n                opacity: 0;\n                transform: scale(0.9);\n            }\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n        }\n\n        @keyframes gradientShift {\n            0%, 100% {\n                background-position: 0% 50%;\n            }\n            50% {\n                background-position: 100% 50%;\n            }\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                opacity: 1;\n                transform: scale(1);\n            }\n            50% {\n                opacity: 0.8;\n                transform: scale(1.02);\n            }\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translate(0, 0);\n            }\n            50% {\n                transform: translate(-20px, 20px);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 40px 20px;\n            }\n\n            .specs-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .dimensions-display {\n                font-size: 24px;\n            }\n\n            .highlight-card {\n                padding: 30px 20px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"noise\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"container\"\u003e\n\u003cheader\u003e\n\u003cdiv class=\"product-badge\"\u003eGAMING HARDWARE\u003c\/div\u003e\n\u003ch1\u003ei803 LCD\u003c\/h1\u003e\n\u003cp class=\"subtitle\"\u003ePremium E-ATX Gaming Case\u003c\/p\u003e\n\u003cdiv class=\"model-number\"\u003eMODEL: i803BF (BLACK)\u003c\/div\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-card highlight-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eDimensions\u003c\/div\u003e\n\u003cdiv class=\"dimensions-display\"\u003e\n\u003cspan\u003e480\u003csmall style=\"font-size: 18px; opacity: 0.7;\"\u003emm\u003c\/small\u003e\u003c\/span\u003e \u003cspan class=\"separator\"\u003e×\u003c\/span\u003e \u003cspan\u003e210\u003csmall style=\"font-size: 18px; opacity: 0.7;\"\u003emm\u003c\/small\u003e\u003c\/span\u003e \u003cspan class=\"separator\"\u003e×\u003c\/span\u003e \u003cspan\u003e485\u003csmall style=\"font-size: 18px; opacity: 0.7;\"\u003emm\u003c\/small\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: center; margin-top: 15px; color: var(--text-secondary); font-size: 14px; letter-spacing: 1px;\"\u003eLENGTH × WIDTH × HEIGHT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMotherboard Support\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eE-ATX \/ ATX\u003cbr\u003eMicro-ATX \/ Mini-ITX\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eExpansion Slots\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e7 Slots\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMaterials\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003ePlastic, Steel,\u003cbr\u003eTempered Glass\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eStorage Support\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e2× 3.5\" HDD\u003cbr\u003e2× 2.5\" SSD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eI\/O Ports\u003c\/div\u003e\n\u003cdiv class=\"io-ports\"\u003e\n\u003cdiv class=\"port-icon\"\u003eType-C\u003c\/div\u003e\n\u003cdiv class=\"port-icon\"\u003eUSB 3.0\u003c\/div\u003e\n\u003cdiv class=\"port-icon\"\u003eHD Audio\u003c\/div\u003e\n\u003cdiv class=\"port-icon\"\u003ePower\u003c\/div\u003e\n\u003cdiv class=\"port-icon\"\u003eLED\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eFan Support\u003c\/div\u003e\n\u003cdiv style=\"font-size: 16px; line-height: 1.8;\" class=\"spec-value\"\u003e\n\u003cstrong style=\"color: var(--accent-cyan);\"\u003eTop:\u003c\/strong\u003e 120mm × 3 \/ 140mm × 2\u003cbr\u003e\u003cstrong style=\"color: var(--accent-cyan);\"\u003eSide:\u003c\/strong\u003e 120mm × 2\u003cbr\u003e\u003cstrong style=\"color: var(--accent-cyan);\"\u003eRear:\u003c\/strong\u003e 120mm × 1\u003cbr\u003e\u003cstrong style=\"color: var(--accent-cyan);\"\u003ePSU Chamber:\u003c\/strong\u003e 120mm × 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePreinstalled Fans\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e3× ARGB LED 120mm\u003cbr\u003e\u003cspan style=\"font-size: 14px; color: var(--text-secondary);\"\u003e(2× Side, 1× Rear)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eRadiator Support\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eTop: 360mm\u003cbr\u003eSide: 240mm\u003cbr\u003eRear: 120mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMax GPU Length\u003c\/div\u003e\n\u003cdiv style=\"font-size: 32px; color: var(--accent-purple);\" class=\"spec-value\"\u003e400mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eMax CPU Cooler Height\u003c\/div\u003e\n\u003cdiv style=\"font-size: 32px; color: var(--accent-purple);\" class=\"spec-value\"\u003e165mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003eSide Panels\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003e\n\u003cstrong style=\"color: var(--accent-cyan);\"\u003eLeft:\u003c\/strong\u003e Tempered Glass + 3.5\" LCD\u003cbr\u003e\u003cstrong style=\"color: var(--accent-cyan);\"\u003eRight:\u003c\/strong\u003e Steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-card\"\u003e\n\u003cdiv class=\"spec-label\"\u003ePSU Support\u003c\/div\u003e\n\u003cdiv class=\"spec-value\"\u003eStandard PS2 \/ ATX PSU\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cdiv class=\"tag\"\u003e✦ 3.5\" LCD Display\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e✦ E-ATX Compatible\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e✦ ARGB Lighting\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e✦ Tempered Glass\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e✦ 360mm Radiator Ready\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e✦ Type-C Port\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e✦ Premium Build\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfooter\u003e\n\u003cp\u003ei803 LCD Gaming Case Specifications\u003c\/p\u003e\n\u003c\/footer\u003e\n\u003c\/div\u003e","brand":"Z-Station","offers":[{"title":"Default Title","offer_id":51514243154052,"sku":null,"price":4200.0,"currency_code":"EGP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0612\/4404\/7492\/files\/i803loop-4.webp?v=1770237669","url":"https:\/\/zstations.com\/ar\/products\/infinita-series-i803-case-black-with-lcd","provider":"Z-Station","version":"1.0","type":"link"}