{"product_id":"ziloxe-raffle-launch","title":"Ziloxe Raffle Launch","description":"html\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eZiloxe Moto | Official Launch \u0026amp; Premium Prize Draw\u003c\/title\u003e\n    \u003c!-- Google Fonts for Modern Audi\/BMW Tech Aesthetic --\u003e\n    \u003clink href=\"https:\/\/googleapis.com\" rel=\"stylesheet\"\u003e\n    \n    \u003cstyle\u003e\n        :root {\n            --bg-color: #0b0c10;\n            --surface-color: #1f2833;\n            --text-main: #ffffff;\n            --text-muted: #c5a059; \/* Subdued gold for premium highlights *\/\n            --electric-blue: #00d2ff;\n            --neon-glow: 0 0 15px rgba(0, 210, 255, 0.6);\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--bg-color);\n            color: var(--text-main);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Hero Header Section *\/\n        header {\n            text-align: center;\n            padding: 4rem 1rem 2rem 1rem;\n            background: linear-gradient(180deg, rgba(0,210,255,0.1) 0%, rgba(11,12,16,1) 100%);\n        }\n\n        .brand-logo {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 3rem;\n            font-weight: 900;\n            letter-spacing: 4px;\n            text-transform: uppercase;\n            color: var(--text-main);\n            text-shadow: var(--neon-glow);\n            margin-bottom: 0.5rem;\n        }\n\n        .brand-tagline {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.1rem;\n            letter-spacing: 2px;\n            color: var(--electric-blue);\n            text-transform: uppercase;\n            margin-bottom: 1.5rem;\n        }\n\n        .promo-banner {\n            max-width: 600px;\n            margin: 0 auto;\n            background-color: rgba(31, 40, 51, 0.6);\n            border: 1px solid rgba(0, 210, 255, 0.3);\n            border-radius: 8px;\n            padding: 1rem;\n            font-size: 0.95rem;\n        }\n\n        .promo-banner span {\n            color: var(--electric-blue);\n            font-weight: 600;\n        }\n\n        \/* Main Container Split *\/\n        .main-container {\n            max-width: 1200px;\n            margin: 2rem auto;\n            padding: 0 1.5rem;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3rem;\n        }\n\n        @media (max-width: 900px) {\n            .main-container {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n            }\n        }\n\n        \/* Left Side: Product Lineup \u0026 Specs *\/\n        .info-panel h2 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.8rem;\n            text-transform: uppercase;\n            margin-bottom: 1.5rem;\n            border-left: 4px solid var(--electric-blue);\n            padding-left: 0.75rem;\n        }\n\n        .model-card {\n            background-color: var(--surface-color);\n            border-radius: 8px;\n            padding: 1.5rem;\n            margin-bottom: 1.5rem;\n            border: 1px solid rgba(255,255,255,0.05);\n            transition: transform 0.3s ease, border-color 0.3s ease;\n        }\n\n        .model-card:hover {\n            transform: translateY(-3px);\n            border-color: rgba(0, 210, 255, 0.4);\n        }\n\n        .model-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 1rem;\n            border-bottom: 1px solid rgba(255,255,255,0.1);\n            padding-bottom: 0.5rem;\n        }\n\n        .model-title {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.3rem;\n            font-weight: 700;\n        }\n\n        .model-badge {\n            background-color: rgba(0, 210, 255, 0.15);\n            color: var(--electric-blue);\n            padding: 0.25rem 0.75rem;\n            border-radius: 4px;\n            font-size: 0.8rem;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n        }\n\n        .spec-list {\n            list-style: none;\n            font-size: 0.9rem;\n        }\n\n        .spec-list li {\n            margin-bottom: 0.4rem;\n            display: flex;\n            justify-content: space-between;\n        }\n\n        .spec-list li span {\n            color: rgba(255,255,255,0.6);\n        }\n\n        .spec-list li strong {\n            color: var(--text-main);\n        }\n\n        \/* Right Side: Interactive Raffle Platform *\/\n        .raffle-panel {\n            background-color: var(--surface-color);\n            border-radius: 12px;\n            padding: 2rem;\n            border: 2px solid rgba(0, 210, 255, 0.2);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n            height: fit-content;\n        }\n\n        .raffle-panel h3 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.5rem;\n            text-transform: uppercase;\n            text-align: center;\n            margin-bottom: 1.5rem;\n            color: var(--electric-blue);\n        }\n\n        \/* Selection Tabs *\/\n        .tab-system {\n            display: flex;\n            gap: 0.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .tab-btn {\n            flex: 1;\n            background-color: rgba(11, 12, 16, 0.6);\n            border: 1px solid rgba(255,255,255,0.1);\n            color: rgba(255,255,255,0.6);\n            padding: 0.75rem;\n            border-radius: 6px;\n            cursor: pointer;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 0.9rem;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .tab-btn.active {\n            background-color: var(--electric-blue);\n            color: var(--bg-color);\n            border-color: var(--electric-blue);\n            box-shadow: var(--neon-glow);\n        }\n\n        \/* Interactive Simulator Dashboard *\/\n        .sim-box {\n            background-color: rgba(11, 12, 16, 0.8);\n            border-radius: 8px;\n            padding: 1.5rem;\n            border: 1px solid rgba(255,255,255,0.05);\n            margin-bottom: 1.5rem;\n        }\n\n        .sim-stat {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 0.75rem;\n            font-size: 0.95rem;\n        }\n\n        .sim-stat span {\n            color: rgba(255,255,255,0.6);\n        }\n\n        .sim-stat strong {\n            font-family: 'Orbitron', sans-serif;\n            color: var(--text-main);\n        }\n\n        .progress-container {\n            background-color: rgba(255,255,255,0.1);\n            height: 10px;\n            border-radius: 5px;\n            margin: 1rem 0;\n            overflow: hidden;\n        }\n\n        .progress-bar {\n            background: linear-gradient(90deg, #0077ff, var(--electric-blue));\n            height: 100%;\n            width: 42%; \/* Initial mock value *\/\n            box-shadow: var(--neon-glow);\n            transition: width 0.5s ease;\n        }\n\n        \/* Skill Question Gate *\/\n        .quiz-gate {\n            background-color: rgba(0, 210, 255, 0.03);\n            border: 1px dashed rgba(0, 210, 255, 0.3);\n            border-radius: 8px;\n            padding: 1.25rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .quiz-title {\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            color: var(--electric-blue);\n            margin-bottom: 0.5rem;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .quiz-question {\n            font-size: 0.95rem;\n            margin-bottom: 0.75rem;\n            font-weight: 500;\n        }\n\n        .quiz-options {\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n        }\n\n        .option-label {\n            background-color: rgba(255,255,255,0.03);\n            border: 1px solid rgba(255,255,255,0.1);\n            padding: 0.6rem;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 0.9rem;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            transition: background 0.2s;\n        }\n\n        .option-label:hover {\n            background-color: rgba(255,255,255,0.08);\n        }\n\n        \/* Action Buttons *\/\n        .action-btn {\n            width: 100%;\n            background: linear-gradient(90deg, #00b4db, #00d2ff);\n            border: none;\n            color: #000;\n            padding: 1rem;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 1.1rem;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            border-radius: 6px;\n            cursor: pointer;\n            box-shadow: var(--neon-glow);\n            transition: transform 0.2s, opacity 0.2s;\n        }\n\n        .action-btn:hover {\n            transform: scale(1.02);\n            opacity: 0.95;\n        }\n\n        .action-btn:disabled {\n            background: #444;\n            color: #888;\n            box-shadow: none;\n            cursor: not-allowed;\n            transform: none;\n        }\n\n        \/* Interactive Live Draw Box *\/\n        .live-draw-box {\n            margin-top: 1.5rem;\n            border-top: 1px solid rgba(255,255,255,0.1);\n            padding-top: 1.5rem;\n            text-align: center;\n        }\n\n        .draw-trigger {\n            background: transparent;\n            border: 1px solid var(--electric-blue);\n            color: var(--electric-blue);\n            padding: 0.5rem 1.5rem;\n            border-radius: 4px;\n            cursor: pointer;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 0.85rem;\n            font-weight: 600;\u003c\/style\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":56529848828244,"sku":null,"price":10.0,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1055\/6155\/5284\/files\/IMG_1574.jpg?v=1784662495","url":"https:\/\/ziloxemoto.com\/products\/ziloxe-raffle-launch","provider":"Zilox E-Moto","version":"1.0","type":"link"}