Description
/* Define Colors for Black and White Theme */ :root { –primary-color: #000; /* Main text and accents (Pure Black) */ –dark-text: #000; /* Text color set to pure black */ –light-border: #f3f3f3; /* Very light border color */ –hover-border: #000; /* Black border on hover */ –hover-text: #000; –light-bg: #f7f7f7; –white-bg: #ffffff; –accent-color: #04d8cd; /* NEW: Accent color for the dash */ } .tesery-product-description-container { font-family: ‘Arial’, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; color: var(–dark-text); line-height: 1.6; } /* *** MODIFIED: Main Title H2 and Tags *** */ .tesery-product-description-container h2 { color: var(–dark-text); font-size: 32px; margin-bottom: 5px; /* Reduced margin to bring divider closer */ text-align: center; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); } /* *** NEW: H2 Divider Style *** */ .h2-divider { width: 50px; /* Short dash */ height: 3px; background-color: var(–accent-color); margin: 0px auto 10px; /* Centered, small space below h2, above tags */ border-radius: 2px; } .product-tags { text-align: center; margin-bottom: 30px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .product-tags .tag { display: inline-block; padding: 5px 10px; background-color: var(–light-bg); border: 1px solid var(–light-border); border-radius: 6px; font-size: 14px; color: var(–dark-text); font-weight: 500; } /* *** MODIFIED: Section Title H3 font size *** */ .tesery-product-description-container h3 { color: var(–dark-text); font-size: 28px; margin-top: 30px; margin-bottom: 15px; text-align: center; } .tesery-product-description-container h4 { font-size: 20px; margin-bottom: 10px; color: var(–primary-color); } .tesery-product-description-container p { font-size: 16px; line-height: 1.6; margin-bottom: 15px; text-align: justify; } /* Main Visuals (YouTube Video) – Responsive 16:9 container */ .main-visual-item { border-radius: 12px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); text-align: center; position: relative; padding-bottom: 56.25%; /* 16:9 ratio hack */ height: 0; background: #000; } .main-visual-item iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Features Section */ .features-section { margin-bottom: 40px; background: var(–white-bg); padding: 30px; border-radius: 12px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.03); } .feature-item { display: flex; margin-bottom: 40px; gap: 40px; align-items: center; padding: 20px; border-radius: 12px; transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: var(–white-bg); } .feature-item:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); } .feature-image { flex: 1; aspect-ratio: 4/3; border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; max-width: 50%; position: relative; text-align: start; } .feature-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; transition: transform 0.5s ease; } .feature-item:hover .feature-image img { transform: scale(1.05); } .feature-content { flex: 1; padding: 0 15px; max-width: 50%; } .feature-divider { width: 60px; height: 3px; background-color: var(–primary-color); margin-bottom: 15px; } .feature-item.reverse { flex-direction: row-reverse; } /* Product Breakdown (Specs & Accessories) */ .product-breakdown { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 40px; } .breakdown-section { flex: 0 1 calc(50% – 10px); padding: 30px; background-color: var(–white-bg); border: 1px dashed var(–primary-color); border-radius: 12px; text-align: center; transition: box-shadow 0.3s ease; } .breakdown-section h4 { margin-top: 0; color: var(–primary-color); text-align: center; } .breakdown-section ul { list-style: none; padding: 0; text-align: left; max-width: 350px; margin: 0 auto; margin-bottom: 20px; } .breakdown-section li { margin-bottom: 10px; font-size: 16px; color: var(–dark-text); position: relative; padding-left: 20px; } .breakdown-section li::before { content: ‘✓’; color: var(–primary-color); font-weight: bold; position: absolute; left: 0; } /* Accessories Image Styling */ .accessories-image-container { margin: 20px auto 0; max-width: 90%; overflow: hidden; } .accessories-image { width: 100%; height: auto; border-radius: 12px; display: block; } .breakdown-section .button { display: inline-block; padding: 12px 25px; background-color: var(–primary-color); color: white; border-radius: 8px; text-decoration: none; font-weight: bold; transition: background-color 0.3s ease; margin-top: 20px; } .breakdown-section .button:hover { background-color: #222; } /* Bottom YouTube Video Section (Restored) */ .youtube-video-container-bottom { margin-top: 40px; margin-bottom: 40px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); position: relative; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; background: #000; } .youtube-video-container-bottom iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* *** OPTIMIZED FAQ STYLING *** */ .faq-section { margin-top: 50px; margin-bottom: 40px; padding: 0 20px; } .faq-item { margin-bottom: 10px; border: 1px solid var(–light-border); border-radius: 12px; overflow: hidden; background-color: var(–white-bg); transition: box-shadow 0.3s ease, border-color 0.2s ease; width: 100%; } .faq-item:hover { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05); border-color: var(–hover-border); } .faq-question { background-color: var(–white-bg); padding: 15px 20px; cursor: pointer; font-weight: normal; font-size: 17px; display: flex; justify-content: space-between; align-items: center; transition: color 0.2s ease; color: var(–dark-text); white-space: normal; /* Allows text to wrap */ word-break: break-word; /* Forces wrapping of long words/strings */ } .faq-question:hover { color: var(–hover-text); } .faq-question::after { content: ‘+’; font-size: 20px; color: var(–primary-color); transition: transform 0.3s ease; flex-shrink: 0; } .faq-question.active::after { content: ‘-‘; color: var(–primary-color); transform: rotate(0deg); } .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out; background-color: var(–white-bg); border-top: 1px solid var(–light-border); } .faq-item .faq-answer.active { border-top-color: var(–hover-border); } .faq-answer.active { padding: 15px 20px; max-height: 500px; } .faq-answer p { font-size: 15px; color: #555; margin-bottom: 0; text-align: left; } /* Responsive Design */ @media (max-width: 768px) { .tesery-product-description-container { padding: 10px; } .feature-item, .feature-item.reverse { flex-direction: column; align-items: stretch; margin-bottom: 20px; } .feature-image, .feature-content { max-width: 100%; padding: 0; } .product-breakdown { flex-direction: column; } .breakdown-section { flex: 1; margin-bottom: 20px; } }
Laser-Carved Ambient Light for Model Y Juniper Wireless Charging Port
Model Y Juniper Only OEM Screen Control Non-Destructive Install
Elevate Your Ride’s Ambiance
Go beyond lighting. This upgrade creates a warm, unique atmosphere around your console, making your Model Y Juniper interior feel more personal, premium, and inviting.
Precision-Carved Perfection
Our exclusive laser-carved design and iconic Launch LOGO transform your console into a work of art, giving your Tesla a truly unique and premium feel.
Exclusive Launch LOGO
The exclusive Launch LOGO is meticulously laser-carved for ultimate precision and clarity. It provides a subtle yet premium design accent, ensuring your interior feels truly unique and personalized.
Premium Materials, Superior Feel
Constructed from high-quality leather and durable ABS, this accent light adds a sophisticated touch while withstanding daily wear and tear for a lasting, luxurious feel.
Seamless OEM Integration
Take full control of your lighting directly through your Tesla’s OEM screen. Easily match colors with your existing ambient lights for a perfectly synced, factory-like look.
Product Specifications
◾ Compatibility: Tesla Model Y (Juniper refresh model)
◾ Installation: Non-Destructive, Custom-Fit Upgrade
◾ Material: High-Quality Leather & Durable ABS
◾ Control: Integrated with Tesla OEM Screen
◾ Feature: Exclusive Laser-Carved Launch LOGO
Product Accessories Included
Installation Video Guide
Designed as a non-destructive, custom-fit upgrade, this light is simple to install. Our detailed video guide (see below) makes the process easy, with no expertise required. You can trust that your interior upgrade will be quick and hassle-free.
Frequently Asked Questions
Q1: Is this light compatible with all Model Y versions?
A1: Designed specifically for Model Y Juniper (new center console/wireless charging port). Please confirm your console design before purchasing.
Q2: How do I control the light, and what should I do if the car screen control is unresponsive?
A2: Control via Comfort Cabin App or Tesla OEM Touchscreen. If the screen is unresponsive, switch to “Car Screen Control” mode in the Comfort Cabin App settings.
Q3: Is the installation truly non-destructive, and can the light be removed later?
A3: Yes, installation is non-destructive (plug-and-play). It can be fully uninstalled without damaging your vehicle’s interior.
Q4: What should I do if the light is not turning on, working partially, or showing a control delay?
A4: Troubleshooting: 1. Not working: Unplug and reseat the wiring harness/control box. 2. Partial light: Reset the system (lock car, wait 5 min, unlock). 3. Delay: Normal on first use; subsequent operations are instant.
// Use DOMContentLoaded instead of window.onload to ensure the script runs immediately // after the DOM structure is loaded, improving stability in dynamic environments like Shopify. document.addEventListener(‘DOMContentLoaded’, function() { // ———————————————————————- // 1. FAQ Accordion Logic (Dynamic Height Fix) // ———————————————————————- document.querySelectorAll(‘.faq-question’).forEach(question => { question.addEventListener(‘click’, () => { const answer = question.nextElementSibling; // Close all other active questions/answers in the same section document.querySelectorAll(‘.faq-question.active’).forEach(q => { if (q !== question) { q.classList.remove(‘active’); q.nextElementSibling.classList.remove(‘active’); // Reset max-height on close q.nextElementSibling.style.maxHeight = null; } }); // Toggle the current question and answer visibility question.classList.toggle(‘active’); answer.classList.toggle(‘active’); // Dynamic Max-Height calculation using scrollHeight if (answer.classList.contains(‘active’)) { // When opening: set max-height to the actual scroll height answer.style.maxHeight = answer.scrollHeight + “px”; } else { // When closing: revert to null, which falls back to the CSS max-height: 0 answer.style.maxHeight = null; } }); }); // ———————————————————————- // 2. Main Visual Video (Autoplay & Pause on Scroll) Logic – URL Fixed // ———————————————————————- const videoContainer = document.querySelector(‘.main-visual-item’); const iframe = videoContainer ? videoContainer.querySelector(‘iframe’) : null; if (iframe && ‘IntersectionObserver’ in window) { const videoId = videoContainer.getAttribute(‘data-video-id’); // CRITICAL FIX: Added “https://” and “/” to form a valid YouTube URL const baseSrc = `https://www.youtube.com/embed/${videoId}?si=aL_3zZyIroHn5KBS&loop=1&playlist=${videoId}&mute=1`; const playingSrc = `${baseSrc}&autoplay=1`; const pausedSrc = `${baseSrc}&autoplay=0`; // Initialization: Start playing immediately (if the browser allows muted autoplay) iframe.src = playingSrc; const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { // Video is visible: Ensure it is playing/restarts if (!iframe.src.includes(‘autoplay=1’)) { iframe.src = playingSrc; } } else { // Video is not visible: Pause/Stop playback if (iframe.src.includes(‘autoplay=1’)) { iframe.src = pausedSrc; } } }); }, { threshold: 0.1 // Trigger when 10% of the video is visible }); observer.observe(videoContainer); } else if (iframe) { // Fallback for old browsers: always keep autoplay on const videoId = videoContainer.getAttribute(‘data-video-id’); // CRITICAL FIX: Added “https://” and “/” to form a valid YouTube URL iframe.src = `https://www.youtube.com/embed/${videoId}?si=aL_3zZyIroHn5KBS&loop=1&playlist=${videoId}&mute=1&autoplay=1`; } });
Explore more from our collection.
Reviews
There are no reviews yet.