{"product_id":"tita-magnetic-wireless-charging-phone-holder-ultra-for-model-y-juniper-model-3-highland","title":"TITA Pro HUD - شاشة عرض OLED مغناطيسية للوحة العدادات لطراز Y Juniper \/ طراز 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\"\u003eالبيانات الفورية\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eاستمتع بتكامل سلس مع Tesla Model 3 أو Model Y. تقرأ هذه الشاشة بيانات السيارة الأصلية مباشرة، ما يضمن مزامنة السرعة وحالة ناقل الحركة ونسبة البطارية وضغط الإطارات فوراً ومن دون أي تأخير. أبقِ عينيك على الطريق مع عرض المعلومات الأساسية مباشرة ضمن مجال رؤيتك.\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\nثبات \u003cspan class=\"feature-title-keyword\"\u003eمغناطيسي\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eتلتقي الابتكارات مع الراحة. يتيح نظام التثبيت المغناطيسي الخاص بنا تركيباً غير متلف يثبت في مكانه بإحكام. ويبقى ثابتاً تماماً حتى على الطرق الوعرة، مع إمكانية ضبطه أو إزالته بسهولة من دون ترك أي بقايا أو علامات على لوحة القيادة.\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\nشاشة \u003cspan class=\"feature-title-keyword\"\u003eHD IPS\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eتتميز الشاشة بشاشة IPS مذهلة عالية الدقة وزاوية رؤية واسعة. تضبط الشاشة السطوع تلقائياً استناداً إلى الإضاءة المحيطة، ما يضمن رؤية فائقة الوضوح خلال الأيام المشمسة ومشاهدة مريحة غير متوهجة أثناء القيادة ليلاً. وتنسجم تماماً مع الطابع البسيط لمقصورة 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\u003e\u003cspan class=\"feature-title-keyword\"\u003eأنساق متعددة لواجهة المستخدم\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eغيّر المظهر والإحساس فوراً باستخدام ثلاثة أنساق مميزة لواجهة المستخدم، لتناسب مزاجك وأسلوب قيادتك:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eنسق واجهة المستخدم بالمؤشر:\u003c\/strong\u003e دقة كلاسيكية بأسلوب تناظري.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eنسق واجهة المستخدم المحدّث:\u003c\/strong\u003e عصري وأنيق وعالي التقنية.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eنسق واجهة المستخدم الكلاسيكي:\u003c\/strong\u003e نظيف وبسيط وعملي.\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\"\u003eبدء تشغيل\u003c\/span\u003e مخصص\n\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eاجعل كل رحلة مميزة بطابعك الخاص من خلال ضبط رسوم متحركة مخصصة لبدء التشغيل تُعرض في كل مرة تشغّل فيها الجهاز. عبّر عن شخصيتك وأسلوبك منذ لحظة بدء رحلتك. وتضمن تحديثات OTA (عبر الهواء) المستمرة تطور جهازك تلقائياً بميزات جديدة وتحسينات على واجهة المستخدم.\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\"\u003eهيكل\u003c\/span\u003e بدرجة السيارات\n\u003c\/h2\u003e\n\u003cdiv class=\"feature-separator\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eاختبر الحرفية الفاخرة، إذ صُمم كل تفصيل بإتقان لتحقيق أعلى مستويات التميز. تتميز Dashboard Cookie بلوحة زجاجية عالية الشفافية ومقاومة لبصمات الأصابع، ما يوفر رؤية مثالية في جميع الظروف.\u003c\/p\u003e\n\u003cp\u003eيضمن الغلاف المصنوع من الفولاذ المقاوم للصدأ بدرجة السيارات أقصى قدر من المتانة وتبديد الحرارة بسرعة. وبفضل تقنية الحواف المشطوفة المتواصلة بتصميم 2.5D وسُمك لا يتجاوز 6 مم، يمنحك مظهراً أنيقاً وغير لافت ينسجم مع أي مقصورة قيادة.\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 دليل التشغيل\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\u003eمحتويات \u003cspan style=\"color: #007bff;\"\u003eالعبوة\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;\"\u003eدليل\u003c\/span\u003e التركيب\n\u003c\/h2\u003e\n\u003cp style=\"text-align: center; margin-bottom: 40px;\"\u003e\u003ca rel=\"noopener\" title=\"كيفية تركيب شاشة لوحة العدادات المغناطيسية لسيارتي Tesla Model 3 وamp; Y | دليل إرشادي خطوة بخطوة\" href=\"https:\/\/www.youtube.com\/watch?v=wPwn3Q640_U\" target=\"_blank\"\u003eتركيب ذاتي بسيط\u003c\/a\u003e في أقل من 20 دقيقة\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\u003eالخطوة 1: إزالة تزيين لوحة العدادات\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\u003eاستخدم أداة الفك البلاستيكية المرفقة لرفع لوحة تزيين لوحة العدادات برفق، بدءًا من جهة الراكب باتجاه جهة السائق. احرص على عدم استخدام قوة مفرطة لتجنب كسر المشابك.\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\u003eالخطوة 2: توصيل كابل المحول\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\u003eحدّد موقع قابس الكمبيوتر الرئيسي (AMD Ryzen أو Intel Atom، حسب سنة طرازك). افصل الموصل الأصلي وأدخل محول التفرّع Y المرفق في المجموعة. تأكد من سماع صوت «نقرة» واضح لضمان اتصال محكم.\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\u003eالخطوة 3: تمرير السلك وتركيب الشاشة\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\u003eمرّر السلك بترتيب عبر الفجوة الموجودة في منطقة عمود التوجيه. ضع القاعدة المغناطيسية أعلى غطاء عمود التوجيه، وثبّت الشاشة، ثم أعد تركيب لوحة تزيين لوحة العدادات.\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;\"\u003eالأسئلة \u003cspan style=\"color: #007bff;\"\u003eالشائعة\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cbr\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question js-faq-toggle\"\u003eهل سيؤدي ذلك إلى إلغاء ضمان Tesla الخاص بي؟ \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eلا. هذا التثبيت قابل للعكس بالكامل، ويستخدم محولًا للتوصيل والتشغيل لا يقطع أو يصل أي أسلاك أصلية من المصنع. ومع ذلك، نوصي دائمًا بإزالته قبل زيارة مركز الخدمة لتجنب الالتباس.\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\"\u003eكيف يمكنني الوصول إلى الميزات الجديدة أو سمات واجهة المستخدم؟ \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eيدعم الجهاز تحديثات OTA (عبر الأثير) المستمرة. عند إطلاق ميزة جديدة أو سمة جديدة، سيُرسل التحديث إلى جهازك تلقائيًا أو يدويًا عبر التطبيق المصاحب، مما يضمن بقاء شاشتك محدّثة دائمًا.\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\"\u003eهل يمكنني تخصيص البيانات المعروضة على الشاشة؟ \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eبالتأكيد. يمكنك تخصيص واجهات عرض واجهة المستخدم، وتبديل محتوى أدوات البطاقات الصغيرة، واختيار ما إذا كنت تفضّل عرض المسافة المتبقية أو نسبة البطارية.\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\"\u003eما مدى أمان الحامل المغناطيسي؟ هل سيسقط أثناء القيادة على طريق وعرة؟ \u003cspan class=\"toggle-icon\"\u003e+\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eتستخدم شاشة Dashboard Cookie نظام قفل مغناطيسيًا قويًا ومتخصصًا. وقد صُممت للحفاظ على تثبيت محكم حتى على الطرق الوعرة. وإذا كان جهازك لا يدعم التجاذب المغناطيسي، فتتضمن العبوة أيضًا ملصقين مغناطيسيين مساعدَين.\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":"شاشة لوحة المعلومات + شاحن لاسلكي (Model Y Juniper 2025+)","offer_id":68061291020520,"sku":"TFH003","price":39.99,"currency_code":"USD","in_stock":true},{"title":"شاشة لوحة القيادة + شاحن لاسلكي (Model 3 Highland 2024+)","offer_id":68061291053288,"sku":"TFH003","price":39.99,"currency_code":"USD","in_stock":true},{"title":"شاشة لوحة التحكم + شاحن لاسلكي (Model YL 2026+)","offer_id":68061291086056,"sku":"TFH003","price":39.99,"currency_code":"USD","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\/ar-sa\/products\/tita-magnetic-wireless-charging-phone-holder-ultra-for-model-y-juniper-model-3-highland","provider":"Tesery Official Store","version":"1.0","type":"link"}