{"product_id":"tita-magnetic-wireless-charging-phone-holder-ultra-for-model-y-juniper-model-3-highland","title":"TITA Pro HUD - Ecrã Magnético OLED para Tablier do Model Y Juniper \/ Model 3 Highland","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        .video-container {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n            height: 0;\n            overflow: hidden;\n        }\n        .video-container iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: 0;\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"video-container\"\u003e\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/B-iNOdFewnk?si=PFkH6OkFFg9ImiYe\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c!-- MAIN CONTAINER STARTS HERE --\u003e\n\u003cstyle\u003e\n        \/* --- CORE STYLES --- *\/\n        #tesery-product-wrapper {\n            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            color: #333;\n            line-height: 1.6;\n            max-width: 100%;\n            margin: 0 auto;\n            background-color: #fff;\n            overflow-x: hidden;\n        }\n\n        #tesery-product-wrapper * {\n            box-sizing: border-box;\n        }\n\n        #tesery-product-wrapper h2, \n        #tesery-product-wrapper h3 {\n            margin: 0 0 15px 0;\n            font-weight: 600;\n        }\n\n        #tesery-product-wrapper h2 {\n            color: #007BFF;\n            font-size: 2rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        #tesery-product-wrapper p {\n            margin: 0 0 15px 0;\n            color: #555;\n            font-size: 1rem;\n        }\n      \n        #tesery-product-wrapper ul {\n            margin: 0 0 15px 0;\n            padding-left: 20px;\n            color: #555;\n        }\n      \n        #tesery-product-wrapper li {\n            margin-bottom: 8px;\n        }\n\n        \/* --- UTILITIES --- *\/\n        .tesery-section {\n            width: 100%;\n            padding: 40px 0;\n        }\n\n        .tesery-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* --- PLACEHOLDERS --- *\/\n        .placeholder-box {\n            background-color: #f0f2f5;\n            color: #888;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            border: 1px dashed #ccc;\n            font-weight: bold;\n            font-size: 1.2rem;\n            width: 100%;\n            height: 100%;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n\n        .placeholder-box:hover {\n            background-color: #e9ecef;\n            border-color: #007BFF;\n            color: #007BFF;\n        }\n\n        \/* --- 1. SLIDER MODULE --- *\/\n        .slider-module {\n            width: 100%;\n            aspect-ratio: 21 \/ 9;\n            position: relative;\n            overflow: hidden;\n            background: #eee;\n        }\n      \n        .slider-track {\n            display: flex;\n            width: 300%;\n            height: 100%;\n            transition: transform 0.5s ease-in-out;\n        }\n\n        .slide {\n            width: 33.333%;\n            height: 100%;\n            flex-shrink: 0;\n        }\n\n        .slider-nav {\n            position: absolute;\n            bottom: 20px;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            gap: 10px;\n            z-index: 10;\n        }\n\n        .slider-dot {\n            width: 12px;\n            height: 12px;\n            background: rgba(255,255,255,0.5);\n            border-radius: 50%;\n            cursor: pointer;\n            transition: background 0.3s;\n        }\n        .slider-dot.active { background: #007BFF; }\n\n        .slider-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            background: rgba(0,0,0,0.3);\n            color: white;\n            border: none;\n            padding: 0;\n            cursor: pointer;\n            font-size: 24px;\n            z-index: 20;\n            border-radius: 50%;\n            width: 50px;\n            height: 50px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            pointer-events: auto; \n        }\n        .prev-slide { left: 20px; }\n        .next-slide { right: 20px; }\n        .slider-arrow:hover { background: rgba(0,123,255,0.8); }\n\n\n        \/* --- 2. KEY FEATURES --- *\/\n        .feature-row {\n            display: flex;\n            width: 100%;\n            min-height: 500px;\n            align-items: stretch;\n            overflow: hidden;\n        }\n\n        .feature-img-col {\n            flex: 0 0 60%;\n            position: relative;\n            overflow: hidden;\n        }\n      \n        .feature-img-col .placeholder-box {\n            border-radius: 0;\n            border: none;\n            height: 100%;\n            width: 100%;\n            object-fit: cover;\n        }\n\n        .feature-text-col {\n            flex: 0 0 40%;\n            background: #fff;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            padding: 60px;\n            position: relative;\n        }\n\n        .feature-row:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        .feature-separator {\n            width: 50px;\n            height: 3px;\n            background-color: #007BFF;\n            margin: 15px 0 25px 0;\n            border-radius: 2px;\n        }\n\n        .feature-title-keyword {\n            color: #007BFF;\n        }\n\n        .feature-text-col:hover {\n            background-color: #f9faff;\n            transition: background-color 0.3s ease;\n        }\n\n\n        \/* --- 3. GALLERY SECTION --- *\/\n        .gallery-grid {\n            display: flex;\n            width: 100%;\n            gap: 10px;\n            padding: 10px 20px 40px 20px;\n            max-width: 1400px;\n            margin: 0 auto;\n        }\n\n        .gallery-item {\n            flex: 1;\n            aspect-ratio: 3 \/ 4;\n            position: relative;\n        }\n\n        .gallery-item .placeholder-box {\n            border-radius: 8px;\n            font-size: 1rem;\n            border: none;\n            background-size: cover;\n            background-position: center;\n        }\n\n\n        \/* --- 4. PACKING LIST --- *\/\n        .packing-list-section {\n            text-align: center;\n            background: #fafafa;\n            padding: 60px 20px;\n        }\n      \n        .packing-list-wrapper {\n            max-width: 800px;\n            margin: 0 auto;\n            aspect-ratio: 1 \/ 1;\n        }\n\n        .packing-list-wrapper .placeholder-box {\n            border-radius: 12px;\n            border: 1px solid #ddd;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n\n\n        \/* --- 5. INSTALLATION --- *\/\n        .installation-section {\n            padding: 60px 20px;\n            background: #fff;\n            max-width: 1000px;\n            margin: 0 auto;\n        }\n\n        .install-step {\n            border-bottom: 1px solid #eee;\n            margin-bottom: 20px;\n        }\n\n        .install-header {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            padding: 20px 0;\n            transition: color 0.3s;\n            width: 100%;\n            user-select: none;\n        }\n\n        .install-header:hover h3 {\n            color: #007BFF;\n        }\n\n        .install-header h3 {\n            margin: 0;\n            font-size: 1.2rem;\n            pointer-events: none; \n        }\n\n        .toggle-icon {\n            font-size: 1.5rem;\n            color: #007BFF;\n            transition: transform 0.3s ease;\n            pointer-events: none; \n        }\n\n        .install-content {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease-out;\n        }\n\n        .install-inner {\n            padding-bottom: 30px;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n      \n        .install-img-placeholder {\n            width: 100%;\n            max-width: 600px;\n            margin: 0 auto; \n            aspect-ratio: 1 \/ 1; \n            border-radius: 8px;\n        }\n\n\n        \/* --- 6. BOTTOM BANNER --- *\/\n        .bottom-banner {\n            width: 100%;\n            aspect-ratio: 21 \/ 9;\n        }\n        .bottom-banner .placeholder-box {\n            border: none;\n            border-radius: 0;\n        }\n\n\n        \/* --- 7. FAQ --- *\/\n        .faq-section {\n            padding: 60px 20px;\n            background: #f9f9f9;\n        }\n\n        .faq-item {\n            background: #fff;\n            margin-bottom: 15px;\n            border-radius: 8px;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n            overflow: hidden;\n        }\n\n        .faq-question {\n            padding: 20px;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n            width: 100%;\n            user-select: none;\n        }\n\n        .faq-question:hover {\n            color: #007BFF;\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n            padding: 0 20px;\n        }\n\n        .faq-answer p {\n            padding-bottom: 20px;\n            margin: 0;\n            font-size: 0.95rem;\n            color: #666;\n        }\n\n\n        \/* --- RESPONSIVE MEDIA QUERIES --- *\/\n        @media (max-width: 768px) {\n            .tesery-section { padding: 30px 0; }\n            .feature-text-col { padding: 30px 20px; }\n          \n            .feature-row, \n            .feature-row:nth-child(even) {\n                flex-direction: column;\n                height: auto;\n                min-height: auto;\n            }\n\n            .feature-img-col {\n                flex: 0 0 auto;\n                width: 100%;\n                aspect-ratio: 16 \/ 9;\n            }\n\n            .feature-text-col {\n                flex: 0 0 auto;\n                width: 100%;\n            }\n\n            .gallery-grid {\n                flex-wrap: wrap;\n            }\n            .gallery-item {\n                flex: 0 0 calc(50% - 5px);\n            }\n\n            .slider-module, .bottom-banner {\n                aspect-ratio: 16 \/ 9;\n            }\n          \n            .slider-arrow {\n                width: 40px;\n                height: 40px;\n                font-size: 18px;\n            }\n\n            h2 { font-size: 1.5rem !important; }\n        }\n\n    \u003c\/style\u003e\n\u003cdiv id=\"tesery-product-wrapper\"\u003e\n\u003c!-- 1. Sliding Banner --\u003e\n\u003cdiv id=\"tesery-hero-slider\" class=\"slider-module\"\u003e\n\u003cdiv id=\"tesery-slider-track\" class=\"slider-track\"\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv style=\"background: #eef; border: none;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_90ec191d-051e-4371-a827-2a68464caa5e.jpg?v=1768377606\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv style=\"background: #dee; border: none;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_b4bab847-a64e-49e8-8221-03ff0db6445c.png?v=1768377606\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slide\"\u003e\n\u003cdiv style=\"background: #dde; border: none;\" class=\"placeholder-box\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_2_1a71ab23-0bde-4c84-a8e4-649164beaf4f.png?v=1768377611\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton id=\"tesery-prev-btn\" class=\"slider-arrow prev-slide\"\u003e❮\u003c\/button\u003e \u003cbutton id=\"tesery-next-btn\" class=\"slider-arrow next-slide\"\u003e❯\u003c\/button\u003e\n\u003cdiv class=\"slider-nav\"\u003e\n\u003cdiv class=\"slider-dot active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"slider-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 2. Key Features --\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-col\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_3.jpg?v=1768379332\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text-col\"\u003e\n\u003ch2\u003e\n\u003cspan class=\"feature-title-keyword\"\u003eSincronização\u003c\/span\u003e de dados em tempo real\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eExperimente uma integração perfeita com o seu Tesla Model 3 ou Model Y. Este ecrã lê diretamente os dados originais do veículo, garantindo que a velocidade, o estado da mudança, a percentagem da bateria e a pressão dos pneus são sincronizados instantaneamente, sem qualquer latência. Mantenha os olhos na estrada com as informações essenciais bem no seu campo de visão.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-col\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_2.jpg?v=1768379093\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text-col\"\u003e\n\u003ch2\u003e\nEstabilidade \u003cspan class=\"feature-title-keyword\"\u003emagnética\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eA inovação alia-se à conveniência. O nosso sistema proprietário de montagem magnética permite uma instalação não destrutiva, fixando-se firmemente no lugar. Mantém-se perfeitamente estável mesmo em estradas acidentadas, mas pode ser facilmente ajustado ou removido sem deixar resíduos ou marcas no tablier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-col\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_10.jpg?v=1768379556\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text-col\"\u003e\n\u003ch2\u003e\nEcrã \u003cspan class=\"feature-title-keyword\"\u003eIPS HD\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eCom um impressionante ecrã IPS de alta definição e um amplo ângulo de visualização. O brilho do ecrã é ajustado automaticamente com base na luz ambiente, garantindo uma visibilidade cristalina durante os dias de sol e uma visualização confortável, sem encandeamento, durante a condução noturna. Combina na perfeição com a estética minimalista do interior do seu Tesla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-col\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_4.jpg?v=1768379756\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text-col\"\u003e\n\u003ch2\u003eVários \u003cspan class=\"feature-title-keyword\"\u003etemas de interface\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eAltere instantaneamente o aspeto e a experiência de utilização com três temas de interface distintos, adaptados ao seu estado de espírito e estilo de condução:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eTema de interface com ponteiro:\u003c\/strong\u003e Precisão clássica, ao estilo analógico.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTema de interface renovado:\u003c\/strong\u003e Moderno, elegante e de alta tecnologia.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eTema de interface clássico:\u003c\/strong\u003e Limpo, simples e essencial.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-col\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_5.jpg?v=1768379898\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text-col\"\u003e\n\u003ch2\u003e\u003cspan class=\"feature-title-keyword\"\u003eArranque\u003c\/span\u003e personalizado\n\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eTorne cada viagem verdadeiramente sua, definindo uma animação de arranque personalizada que é reproduzida sempre que liga o dispositivo. Expresse a sua personalidade e o seu estilo desde o momento em que inicia a viagem. As atualizações OTA (Over-The-Air) contínuas garantem que o dispositivo evolui automaticamente com novas funcionalidades e melhorias da interface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-row\"\u003e\n\u003cdiv class=\"feature-img-col\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_6.jpg?v=1768380270\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text-col\"\u003e\n\u003ch2\u003e\u003cspan class=\"feature-title-keyword\"\u003eConstrução\u003c\/span\u003e de qualidade automóvel\n\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eExperimente um trabalho artesanal de excelência, com cada detalhe concebido para garantir a máxima qualidade. O Dashboard Cookie inclui um painel de vidro de elevada transparência e resistente a impressões digitais, que proporciona uma visibilidade perfeita em todas as condições.\u003c\/p\u003e\n\u003cp\u003eA robusta caixa em aço inoxidável de qualidade automóvel garante a máxima durabilidade e uma rápida dissipação do calor. Com tecnologia de rebordo biselado 2.5D sem juntas, que evita a acumulação de pó, e um perfil com apenas 6 mm de espessura, proporciona um visual discreto e não intrusivo que complementa qualquer cockpit automóvel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3. GALLERY SECTION --\u003e\n\u003cdiv style=\"background-color: #fcfcfc;\" class=\"tesery-section\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 30px;\"\u003e4 Guia de utilização\u003c\/h2\u003e\n\u003c!-- Updated to Grid Layout --\u003e\n\u003cdiv class=\"gallery-grid\"\u003e\n\u003cdiv class=\"gallery-item\"\u003e\n\u003cdiv style=\"background: #f1f1f1;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_1.png?v=1768377568\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-item\"\u003e\n\u003cdiv style=\"background: #e9e9e9;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_7.png?v=1768377017\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-item\"\u003e\n\u003cdiv style=\"background: #f1f1f1;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_6.png?v=1768377016\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gallery-item\"\u003e\n\u003cdiv style=\"background: #e9e9e9;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_5.png?v=1768377015\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 4. Product List --\u003e\n\u003cdiv class=\"tesery-section packing-list-section\"\u003e\n\u003cdiv class=\"tesery-container\"\u003e\n\u003ch2\u003eO que está na \u003cspan style=\"color: #007bff;\"\u003eembalagem\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv style=\"width: 50px; height: 3px; background-color: #007bff; margin: 15px auto 30px auto;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"packing-list-wrapper\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_8.png?v=1768376991\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 5. Installation Guide --\u003e\n\u003cdiv class=\"tesery-section installation-section\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003e\u003cspan style=\"color: #007bff;\"\u003eGuia\u003c\/span\u003e de instalação\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; margin-bottom: 40px;\"\u003e\u003ca rel=\"noopener\" title=\"How to Install Magnetic Dashboard Display for Tesla Model 3 \u0026amp; Y | Step-by-Step Guide\" href=\"https:\/\/www.youtube.com\/watch?v=wPwn3Q640_U\" target=\"_blank\"\u003eInstalação DIY simples\u003c\/a\u003e em menos de 20 minutos\u003c\/p\u003e\n\u003c!-- Step 1 --\u003e\n\u003cdiv class=\"install-step\"\u003e\n\u003cdiv class=\"install-header js-install-toggle\"\u003e\n\u003ch3\u003ePasso 1: Remover o acabamento do tablier\u003c\/h3\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"install-content\"\u003e\n\u003cdiv class=\"install-inner\"\u003e\n\u003cp\u003eUtilize a ferramenta de plástico fornecida para levantar suavemente o painel de acabamento do tablier, do lado do passageiro em direção ao lado do condutor. Tenha cuidado para não aplicar força excessiva, evitando partir os grampos.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/HUD_Display_OLED_Screen_for_Model_Y_Juniper_4_bb780583-81a1-46ac-bd96-ceb0bf09cef9.jpg?v=1768381624\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 2 --\u003e\n\u003cdiv class=\"install-step\"\u003e\n\u003cdiv class=\"install-header js-install-toggle\"\u003e\n\u003ch3\u003ePasso 2: Ligar o cabo do adaptador\u003c\/h3\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"install-content\"\u003e\n\u003cdiv class=\"install-inner\"\u003e\n\u003cp\u003eLocalize a ficha do computador principal (AMD Ryzen ou Intel Atom, consoante o ano do seu modelo). Desligue o conector original e insira o adaptador divisor em Y fornecido no kit. Certifique-se de que ouve um “clique” firme para garantir uma ligação segura.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/HUD_Display_OLED_Screen_for_Model_Y_Juniper.jpg?v=1768381629\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Step 3 --\u003e\n\u003cdiv class=\"install-step\"\u003e\n\u003cdiv class=\"install-header js-install-toggle\"\u003e\n\u003ch3\u003ePasso 3: Passar o fio e instalar o ecrã\u003c\/h3\u003e\n\u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"install-content\"\u003e\n\u003cdiv class=\"install-inner\"\u003e\n\u003cp\u003ePasse o fio de forma organizada pelo espaço na zona da coluna de direção. Posicione a base magnética na parte superior da cobertura da coluna de direção, encaixe o ecrã e volte a instalar o painel de acabamento do tablier.\u003c\/p\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/HUD_Display_OLED_Screen_for_Model_Y_Juniper_3_5c0547e4-b807-4310-8d45-fef342b5f190.jpg?v=1768381623\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 6. Bottom Banner --\u003e\n\u003cdiv class=\"bottom-banner\"\u003e\n\u003cdiv style=\"background: #222; color: #fff;\" class=\"placeholder-box\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesery_MagLink_HUD_-_OLED_Magnetic_Dashboard_Display_for_Model_Y_Juniper_Model_3_Highland_4.png?v=1768377608\"\u003e\u003c\/div\u003e\n\u003c!-- 7. FAQ Section --\u003e\n\u003cdiv class=\"tesery-section faq-section\"\u003e\n\u003cdiv style=\"max-width: 800px;\" class=\"tesery-container\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003ePerguntas \u003cspan style=\"color: #007bff;\"\u003efrequentes\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cbr\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question js-faq-toggle\"\u003eIsto anula a garantia do meu Tesla? \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eNão. Esta instalação é totalmente reversível e utiliza um adaptador plug-and-play que não corta nem emenda quaisquer cabos originais de fábrica. No entanto, recomendamos sempre removê-la antes de visitar um centro de assistência, para evitar confusões.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question js-faq-toggle\"\u003eComo posso aceder a novas funcionalidades ou temas da IU? \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eO dispositivo suporta atualizações OTA (Over-The-Air) contínuas. Quando é disponibilizada uma nova funcionalidade ou tema, a atualização será enviada para o seu dispositivo automaticamente ou manualmente através da aplicação complementar, garantindo que o ecrã está sempre atualizado.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question js-faq-toggle\"\u003ePosso personalizar os dados apresentados no ecrã? \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eSem dúvida. Pode personalizar as interfaces de apresentação da IU, alterar o conteúdo dos pequenos widgets em cartão e escolher se pretende dar prioridade à apresentação dos quilómetros restantes ou da percentagem da bateria.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question js-faq-toggle\"\u003eQual é a segurança do suporte magnético? Vai cair durante uma viagem com solavancos? \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eO Dashboard Cookie utiliza um sistema magnético de bloqueio potente e especializado. Foi concebido para manter uma fixação segura mesmo em terrenos acidentados. Se o seu dispositivo não suportar atração magnética, a embalagem inclui também dois autocolantes auxiliares de atração magnética.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- MAIN SCRIPT LOGIC --\u003e \u003cscript\u003e\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ --- 1. FAQ ACCORDION LOGIC ---\n        const faqToggles = document.querySelectorAll('.js-faq-toggle');\n\n        faqToggles.forEach(toggle =\u003e {\n            toggle.addEventListener('click', function() {\n                const answer = this.nextElementSibling;\n                const icon = this.querySelector('.toggle-icon');\n              \n                \/\/ Toggle current\n                if (answer.style.maxHeight) {\n                    answer.style.maxHeight = null;\n                    icon.textContent = '+';\n                    icon.style.transform = 'rotate(0deg)';\n                    this.style.color = '';\n                } else {\n                    \/\/ Optional: Close others\n                    faqToggles.forEach(otherToggle =\u003e {\n                        const otherAnswer = otherToggle.nextElementSibling;\n                        const otherIcon = otherToggle.querySelector('.toggle-icon');\n                        if (otherAnswer !== answer) {\n                            otherAnswer.style.maxHeight = null;\n                            otherIcon.textContent = '+';\n                            otherIcon.style.transform = 'rotate(0deg)';\n                            otherToggle.style.color = '';\n                        }\n                    });\n\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\n                    icon.textContent = '−'; \/\/ Minus sign\n                    icon.style.transform = 'rotate(180deg)';\n                    this.style.color = '#007BFF';\n                }\n            });\n        });\n\n        \/\/ --- 2. INSTALLATION ACCORDION LOGIC ---\n        const installToggles = document.querySelectorAll('.js-install-toggle');\n\n        installToggles.forEach(toggle =\u003e {\n            toggle.addEventListener('click', function() {\n                const content = this.nextElementSibling;\n                const icon = this.querySelector('.toggle-icon');\n\n                if (content.style.maxHeight) {\n                    content.style.maxHeight = null;\n                    icon.textContent = '+';\n                    icon.style.transform = 'rotate(0deg)';\n                } else {\n                    \/\/ Close others\n                    installToggles.forEach(otherToggle =\u003e {\n                         const otherContent = otherToggle.nextElementSibling;\n                         const otherIcon = otherToggle.querySelector('.toggle-icon');\n                         if(otherContent !== content) {\n                            otherContent.style.maxHeight = null;\n                            otherIcon.textContent = '+';\n                            otherIcon.style.transform = 'rotate(0deg)';\n                         }\n                    });\n\n                    content.style.maxHeight = content.scrollHeight + \"px\";\n                    icon.textContent = '−'; \n                    icon.style.transform = 'rotate(180deg)';\n                }\n            });\n        });\n\n        \/\/ --- 3. SLIDER LOGIC ---\n        const track = document.getElementById('tesery-slider-track');\n        const prevBtn = document.getElementById('tesery-prev-btn');\n        const nextBtn = document.getElementById('tesery-next-btn');\n        const dots = document.querySelectorAll('.slider-dot');\n      \n        let slideIndex = 0;\n        const totalSlides = 3;\n\n        function updateSlider() {\n            if(!track) return;\n            const translateValue = -(slideIndex * 33.333); \n            track.style.transform = `translateX(${translateValue}%)`;\n          \n            dots.forEach((dot, index) =\u003e {\n                if(index === slideIndex) dot.classList.add('active');\n                else dot.classList.remove('active');\n            });\n        }\n\n        if(prevBtn \u0026\u0026 nextBtn) {\n            prevBtn.addEventListener('click', function(e) {\n                e.preventDefault(); \/\/ Stop page jumps\n                slideIndex--;\n                if (slideIndex \u003c 0) slideIndex = totalSlides - 1;\n                updateSlider();\n            });\n\n            nextBtn.addEventListener('click', function(e) {\n                e.preventDefault();\n                slideIndex++;\n                if (slideIndex \u003e= totalSlides) slideIndex = 0;\n                updateSlider();\n            });\n        }\n\n        \/\/ Dot Navigation\n        dots.forEach((dot, index) =\u003e {\n            dot.addEventListener('click', function() {\n                slideIndex = index;\n                updateSlider();\n            });\n        });\n\n        \/\/ Auto play (Optional, but usually good)\n        let autoSlide = setInterval(() =\u003e {\n            slideIndex++;\n            if (slideIndex \u003e= totalSlides) slideIndex = 0;\n            updateSlider();\n        }, 6000); \/\/ 6 seconds\n\n        \/\/ Stop auto play on interaction\n        if(track) {\n            track.addEventListener('mouseenter', () =\u003e clearInterval(autoSlide));\n        }\n    });\n    \u003c\/script\u003e\n\u003c\/div\u003e\n\u003c!-- MAIN CONTAINER ENDS HERE --\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"TESERY","offers":[{"title":"Ecrã do painel+Carregador sem fios (Model Y Juniper 2025+)","offer_id":68061291020520,"sku":"TFH003","price":36.95,"currency_code":"EUR","in_stock":true},{"title":"Ecrã do painel+Carregador sem fios (Model 3 Highland 2024+)","offer_id":68061291053288,"sku":"TFH003","price":36.95,"currency_code":"EUR","in_stock":true},{"title":"Ecrã do painel+Carregador sem fios (Modelo YL 2026+)","offer_id":68061291086056,"sku":"TFH003","price":36.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/tesery-maglink-hud-oled-magnetic-dashboard-display-for-model-y-juniper-model-3-highland-6475937.jpg?v=1768452375","url":"https:\/\/www.tesery.com\/pt-pt\/products\/tita-magnetic-wireless-charging-phone-holder-ultra-for-model-y-juniper-model-3-highland","provider":"Tesery Official Store","version":"1.0","type":"link"}