Upgrade your Tesla with sleek, customizable ambient lighting for door handle bowls—compatible exclusively with Model 3 Highland and Model Y Juniper

Description

/* === Scoped CSS Rules Start === */ .tesery-product-description-container { font-family: ‘Inter’, system-ui, sans-serif; color: var(–text-light, #cccccc); /* Changed to light text color */ line-height: 1.6; padding: 0; background-color: var(–bg-dark); /* Main container background color */ } .tesery-product-description-container section { padding: 40px 24px; max-width: 100%; margin: 0 auto; box-sizing: border-box; } /* Keep h2 styles for CTA section, as it’s a specific use case */ .tesery-product-description-container h2 { color: var(–accent-color, #4682B4); text-align: center; margin: 0 0 1.5em; font-size: 2.8em; line-height: 1.2; } /* Main h3 style for the hero section, keeping its size */ .tesery-product-description-container h3 { color: var(–text-light, #ffffff); margin: 2.5em 0 1em; font-size: 2.2em; text-align: center; font-weight: 700; padding-bottom: 0.5em; position: relative; } /* New style for section titles with colored, irregular background */ .tesery-product-description-container h3.section-header { color: var(–text-dark-on-light); padding: 20px 50px; display: block; max-width: fit-content; margin: 3em auto 1.5em; font-size: 2.2em; font-weight: 700; text-align: center; position: relative; z-index: 1; } /* Create the irregular, cloud-like shape with a pseudo-element */ .tesery-product-description-container h3.section-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: transparent; border-radius: 16px; border: 2px solid; box-shadow: none; transition: all 0.3s ease; } .tesery-product-description-container h3.section-header:hover::before { transform: scale(1.05); box-shadow: none; } /* Assign a different light, dopamine color to each section header */ .tesery-product-description-container .tesery-feature-grid-section h3.section-header::before { border-color: #A8E6CF; } .tesery-product-description-container .tesery-faq-section h3.section-header::before { border-color: #A9C9E4; } .tesery-product-description-container .tesery-trust-section h3.section-header::before { border-color: #FFEF96; } .tesery-product-description-container p { color: var(–text-light, #cccccc); max-width: 800px; margin: 1em auto; text-align: center; } /* Hero Section Specifics */ .tesery-hero-section { background: var(–bg-dark); padding: 60px 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .tesery-hero-text-content-wrapper { max-width: 1000px; text-align: center; margin-bottom: 40px; /* Add margin below title and tags */ } .tesery-hero-section h1 { font-size: 3.5em; color: var(–text-light, #ffffff); /* Changed to white text */ margin-bottom: 0.2em; line-height: 1.1; text-align: center; } .tesery-hero-section .hero-description { font-size: 1.1em; color: var(–text-light-medium); margin: 0.5em auto 1em; max-width: 700px; text-align: center; } .tesery-hero-section .subtitle { font-size: 1.5em; color: var(–text-light-medium); margin-bottom: 1.5em; font-style: italic; text-align: center; } .tesery-hero-section .brand-button { margin: 0 auto; display: inline-block; } .tesery-hero-section .prop-grid { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; max-width: 1200px; margin-bottom: 40px; text-align: center; } .tesery-hero-section .prop-item { display: flex; align-items: center; background: var(–bg-card-dark); /* Changed to dark background */ border-radius: 50px; padding: 8px 16px; font-weight: 600; color: var(–text-light, #ffffff); /* Changed to light text color */ font-size: 1em; white-space: nowrap; box-shadow: 0 2px 10px rgba(255,255,255,0.05); /* Adjusted for dark mode */ border: 1px solid var(–border-color-dark); flex-grow: 0; flex-basis: auto; justify-content: center; } /* Hero Banner Image */ .tesery-hero-image-banner { width: 100%; max-width: 1000px; /* Reduced banner width */ margin: 0 auto 40px auto; box-shadow: var(–shadow-heavy-dark, 0 20px 60px rgba(255,255,255,0.15)); /* Adjusted for dark mode */ border-radius: var(–border-radius, 16px); } .tesery-hero-image-banner .hero-image { width: 100%; height: auto; display: block; border-radius: var(–border-radius, 16px); object-fit: cover; } /* Feature Section with Alternating Layout */ .tesery-feature-grid-section { background: var(–bg-dark); } .tesery-product-description-container .feature-item { display: flex; align-items: center; gap: 40px; max-width: 1200px; margin: 40px auto; } .tesery-product-description-container .feature-item-content { flex: 1; text-align: center; } .tesery-product-description-container .feature-item-image-wrapper { flex: 1; text-align: center; } .tesery-product-description-container .feature-item img { max-width: 100%; height: auto; border-radius: var(–border-radius, 16px); box-shadow: var(–shadow-medium-dark, 0 8px 40px rgba(255,255,255,0.12)); } .tesery-product-description-container .feature-item:nth-child(even) { flex-direction: row-reverse; } .tesery-product-description-container .feature-item:nth-child(even) .feature-item-content { text-align: center; } .tesery-product-description-container .feature-item h4 { font-size: 2em; color: var(–accent-color, #4682B4); margin-bottom: 0.5em; text-align: center; } .tesery-product-description-container .feature-item p { text-align: center; color: var(–text-light-medium); font-size: 1.1em; line-height: 1.7; } .tesery-product-description-container .feature-item:nth-child(even) p { text-align: center; } /* What’s in the Box section */ .tesery-box-section { background: var(–bg-dark); } .tesery-box-section ul { list-style-type: none; padding: 0; max-width: 500px; margin: 2em auto; text-align: left; } .tesery-box-section li { background: var(–bg-card-dark); border: none; border-radius: var(–border-radius, 8px); padding: 16px 24px; margin-bottom: 12px; color: var(–text-light, #ffffff); font-size: 1.1em; font-weight: 500; transition: all 0.3s ease; } .tesery-box-section li:hover { transform: translateY(-2px); box-shadow: var(–shadow-light-dark, 0 4px 20px rgba(255,255,255,0.08)); } /* FAQ Section */ .tesery-faq-section { background: var(–bg-dark); box-shadow: var(–shadow-light-dark, 0 4px 20px rgba(255,255,255,0.08)); } .tesery-product-description-container .faq-section-content { margin: 2em auto; max-width: 900px; text-align: left; } .tesery-product-description-container .faq-item { margin-bottom: 12px; background: var(–bg-card-dark); /* Changed to dark background */ border-radius: var(–border-radius, 16px); border: 1px solid var(–border-color-dark); transition: all 0.3s ease; overflow: hidden; } .tesery-product-description-container .faq-item:hover { box-shadow: var(–shadow-medium-dark, 0 8px 40px rgba(255,255,255,0.12)); border-color: var(–accent-light, #73A2C8); } .tesery-product-description-container .faq-item details { border: none; } .tesery-product-description-container .faq-item summary { padding: 20px 56px 20px 24px; font-weight: 600; font-size: 1.05rem; cursor: pointer; color: var(–text-light, #ffffff); /* Changed to light text color */ transition: all 0.3s ease; position: relative; list-style: none; outline: none; user-select: none; background: transparent; text-align: left; } .tesery-product-description-container .faq-item summary::-webkit-details-marker { display: none; } .tesery-product-description-container .faq-item summary::after { content: ‘+’; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(–accent-color, #4682B4); transition: all 0.3s ease; font-weight: 300; line-height: 1; } .tesery-product-description-container .faq-item details[open] summary::after { content: ‘−’; transform: translateY(-50%) rotate(0deg); } .tesery-product-description-container .faq-item summary:hover { background: rgba(255, 255, 255, 0.02); } .tesery-product-description-container .faq-content { padding: 0 24px 20px; color: var(–text-light-medium, #cccccc); /* Changed to light text color */ line-height: 1.6; animation: fadeIn 0.3s ease-in-out; text-align: left; } @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /* Trust Section */ .tesery-trust-section { background: var(–bg-dark); } .tesery-product-description-container .trust-section-content { max-width: 1000px; margin: 0 auto; text-align: center; } .tesery-product-description-container .review-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin: 2em 0; } .tesery-product-description-container .review-box { flex: 1; min-width: 300px; max-width: 45%; border: 1px solid var(–border-color-dark); border-radius: var(–border-radius, 8px); padding: 20px; background: var(–bg-card-dark); box-shadow: var(–shadow-light-dark, 0 4px 20px rgba(255,255,255,0.08)); transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } .tesery-product-description-container .review-box:hover { transform: translateY(-5px); box-shadow: var(–shadow-medium-dark, 0 8px 40px rgba(255,255,255,0.12)); } .tesery-product-description-container .review-header { display: flex; flex-direction: column; /* Centered layout */ align-items: center; margin-bottom: 12px; } .tesery-product-description-container .review-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(–border-color-dark); color: var(–star-yellow, #d4af37); display: flex; align-items: center; justify-content: center; font-weight: bold; margin-bottom: 8px; font-size: 1.2em; flex-shrink: 0; } .tesery-product-description-container .review-stars { color: var(–star-yellow, #ffd700); margin-right: 4px; font-size: 1.1em; } .tesery-product-description-container .review-stars + span { font-weight: 600; color: var(–text-light, #ffffff); display: block; /* Make the name a block element to center it below stars */ text-align: center; } .tesery-product-description-container .testimonial { font-style: italic; color: var(–text-light-medium, #cccccc); margin: 1em 0 0; padding-left: 0; border-left: none; font-size: 1em; text-align: center; } /* Call to Action */ .tesery-cta-section { background: var(–bg-dark-accent); color: var(–crisp-white); padding: 60px 24px; text-align: center; } .tesery-cta-section h2 { color: var(–crisp-white); font-size: 2.5em; margin-bottom: 0.5em; } .tesery-cta-section p { color: var(–warm-white); margin-bottom: 2em; font-size: 1.2em; } .tesery-product-description-container .brand-button { background: var(–bg-cta-button); color: var(–accent-color, #4682B4); padding: 16px 40px; border-radius: 50px; font-weight: 700; text-transform: none; font-size: 1.2em; transition: all 0.4s ease; border: none; cursor: pointer; margin: 0 auto; display: block; max-width: 320px; box-shadow: 0 10px 30px rgba(255,255,255,0.2); position: relative; overflow: hidden; } .tesery-product-description-container .brand-button::before { content: ”; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s; } .tesery-product-description-container .brand-button:hover::before { left: 100%; } .tesery-product-description-container .brand-button:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(255,255,255,0.3); color: var(–accent-color); } .tesery-product-description-container .brand-button a { text-decoration: none; color: inherit; display: block; } /* Responsive adjustments */ @media (max-width: 1024px) { .tesery-hero-image-banner { max-width: 100%; } .tesery-product-description-container .feature-grid { max-width: 90%; } .tesery-product-description-container .faq-section-content { max-width: 90%; } .tesery-product-description-container .trust-section-content { max-width: 90%; } .tesery-product-description-container .feature-item { flex-direction: column; text-align: center; } .tesery-product-description-container .feature-item:nth-child(even) { flex-direction: column; } .tesery-product-description-container .feature-item .feature-item-content, .tesery-product-description-container .feature-item:nth-child(even) .feature-item-content { text-align: center; } } @media (max-width: 768px) { .tesery-product-description-container section { padding: 30px 16px; } .tesery-product-description-container h2 { font-size: 2.2em; } .tesery-product-description-container h3 { font-size: 1.8em; margin: 2em 0 0.8em; } .tesery-product-description-container h3.section-header { font-size: 1.8em; padding: 12px 30px; margin: 2.5em auto 1em; color: var(–text-dark-on-light); } /* Hero Section Responsive */ .tesery-hero-section h1 { font-size: 2.8em; } .tesery-hero-section .subtitle { font-size: 1.2em; } .tesery-hero-image-banner { margin-bottom: 20px; } .tesery-hero-section .hero-image { border-radius: 12px; } .tesery-hero-section .prop-grid { margin-bottom: 20px; } .tesery-product-description-container .prop-item { font-size: 1em; padding: 8px 15px; color: var(–text-light, #ffffff); } .tesery-product-description-container .prop-item span { font-size: 1em; } .tesery-product-description-container .faq-item summary { padding: 16px 44px 16px 20px; font-size: 0.95rem; color: var(–text-light, #ffffff); } .tesery-product-description-container .faq-item summary::after { right: 20px; font-size: 18px; } .tesery-product-description-container .faq-content { padding: 0 20px 16px; font-size: 0.9rem; } .tesery-product-description-container .review-container { flex-direction: column; align-items: center; gap: 16px; } .tesery-product-description-container .review-box { max-width: 90%; margin: 0; padding: 16px; } .tesery-product-description-container .review-avatar { width: 40px; height: 40px; margin-right: 10px; font-size: 1em; } .tesery-cta-section h2 { font-size: 2em; } .tesery-cta-section p { font-size: 1.1em; } .tesery-product-description-container .brand-button { padding: 14px 30px; font-size: 1em; max-width: 280px; } } @media (max-width: 480px) { .tesery-product-description-container section { padding: 20px 12px; } .tesery-product-description-container h2 { font-size: 1.8em; } .tesery-product-description-container h3 { font-size: 1.6em; } .tesery-product-description-container h3.section-header { font-size: 1.6em; padding: 10px 20px; margin: 2em auto 0.8em; } .tesery-hero-section h1 { font-size: 2.2em; } .tesery-hero-section .subtitle { font-size: 1.1em; } .tesery-product-description-container .prop-grid { justify-content: space-evenly; gap: 8px; margin-bottom: 20px; } .tesery-product-description-container .prop-item { font-size: 0.9em; padding: 6px 12px; flex-grow: 0; flex-basis: 45%; } .tesery-product-description-container .feature-item { gap: 20px; margin: 30px auto; } .tesery-product-description-container .feature-item h4 { font-size: 1.6em; } .tesery-product-description-container .feature-item p { font-size: 1em; } .tesery-product-description-container .faq-item summary { padding: 12px 40px 12px 16px; font-size: 0.9rem; } .tesery-product-description-container .faq-item summary::after { right: 16px; font-size: 16px; } .tesery-product-description-container .faq-content { padding: 0 16px 12px; font-size: 0.85rem; } .tesery-cta-section h2 { font-size: 1.8em; } .tesery-cta-section p { font-size: 1.1em; } .tesery-product-description-container .brand-button { padding: 12px 25px; font-size: 0.9em; max-width: 250px; } } /* === Scoped CSS Rules End === */ :root { –primary-color: #ffffff; –secondary-color: #4682B4; –accent-color: #4682B4; –accent-light: #73A2C8; –accent-secondary: #E0B195; –warm-white: #f8f8f8; –crisp-white: #ffffff; –text-dark: #333333; –text-medium: #666666; –text-light: #999999; /* Dark mode variables */ –bg-dark: #121212; –bg-card-dark: #1e1e1e; –bg-dark-accent: #2c2c2c; –bg-cta-button: #ffffff; –border-color-dark: #333333; –text-light: #ffffff; –text-light-medium: #cccccc; –text-dark-on-light: #333333; –gradient-primary: linear-gradient(135deg, #4682B4 0%, #305A7B 100%); –gradient-secondary: linear-gradient(135deg, #73A2C8 0%, #4682B4 100%); –border-radius: 16px; –shadow-light: 0 4px 20px rgba(0,0,0,0.08); –shadow-medium: 0 8px 40px rgba(0,0,0,0.12); –shadow-heavy: 0 20px 60px rgba(0,0,0,0.15); –star-yellow: #fbbf24; /* Lighter, dopamine-inspired gradients for titles */ –gradient-blue-green: linear-gradient(135deg, #A8E6CF 0%, #DCE35B 100%); –gradient-pink-purple: linear-gradient(135deg, #FFC7D8 0%, #C8B6F3 100%); –gradient-yellow-orange: linear-gradient(135deg, #FFEF96 0%, #FFB670 100%); }

Door Handle Bowl Lights Ambient Lighting for Model 3 Highland & New Model Y

Transform your car’s interior with customizable, intelligent ambient lighting. These LED lights fit seamlessly into your Model 3 Highland or New Model Y door handle bowls, creating a modern and luxurious atmosphere.

Experience light that anticipates your every move.

Smart Power Management App Control 16 Million Colors Music Rhythm Mode Premium Quality

Key Features & Benefits

Smart Power Management

Equipped with an intelligent power-off mechanism that detects when the user is approximately 3 meters away from the vehicle, ensuring energy efficiency by turning off the lights after 30 seconds of inactivity.

Advanced Customization via App Control

Take full control of your lighting experience with a mobile app. Adjust colors, brightness, saturation, and dynamic effects to match your mood or occasion. Create personalized lighting setups with endless customization options.

16 Million Colors + Dynamic Effects

From smooth color transitions to vibrant dynamic patterns, this system offers limitless possibilities. The 146 preset dynamic modes and customizable music rhythm effects ensure there’s something for everyone.

Enhance Your Vehicle’s Aesthetics

Elevate your car’s interior with a luxurious and modern look. These lights not only add style but also improve visibility and convenience when entering or exiting your vehicle at night.

What’s in the Box

• Lights×4
• Wiring harness×1

Installation Guide

Click on the PDF icon below to download and view the full installation guide.

📄

Frequently Asked Questions

Q: What are the power supply options?

The default power source is the cigarette lighter socket, which is equipped with a smart power-off mechanism that activates when you are approximately 3 meters away from the vehicle, turning off after 30 seconds. An alternative is the rear air conditioning valve, which provides immediate shutdown upon leaving the vehicle. This alternative requires an additional payment of 60 yuan.

Q: What features does the App offer?

The mobile app allows you to adjust colors, brightness, and saturation, and offers both solid color and dynamic modes. The dynamic mode includes 146 fixed effects and unlimited customizable effects, while the music rhythm mode provides 18 synced lighting effects that respond to sound.

Q: What materials are used and how is it installed?

The lights are made of high-quality LED light strips. Installation uses wooden wedge gaps and traceless nano-adhesive, ensuring no drilling or hard adhesives are used. The installation is tool-free and leaves no residue, allowing for easy removal and full restoration of the vehicle’s original condition.

Q: What is included in the box?

The package includes 4 light strips and 1 wiring harness.

Ready to Transform Your Tesla?

Upgrade your vehicle’s ambiance today and drive with a new sense of style.

Upgrade Your Tesla’s Ambiance ➔

Explore more from our collection.