Description
/* === Scoped CSS Rules Start === */ .tesery-product-description-container { font-family: ‘Inter’, system-ui, sans-serif; color: var(–text-dark, #333333); line-height: 1.6; padding: 0; background: var(–gradient-light-glass); } .tesery-product-description-container section { padding: 40px 24px; max-width: 100%; margin: 0 auto; box-sizing: border-box; background: transparent; box-shadow: none; border-radius: 0; } /* Applying Glassmorphism to content containers */ .tesery-product-description-container .content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); margin-bottom: 2em; } .tesery-hero-section { background: transparent; box-shadow: none; border-radius: 0; } .tesery-product-description-container h2 { color: var(–accent-color, #B5838D); text-align: center; margin: 0 0 1.5em; font-size: 2.8em; line-height: 1.2; } .tesery-product-description-container h3 { color: var(–text-dark, #333333); margin: 2.5em 0 1em; font-size: 2.2em; text-align: center; font-weight: 700; padding-bottom: 0.5em; position: relative; } .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; } .tesery-product-description-container h3.section-header::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; border-radius: 16px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; } .tesery-product-description-container h3.section-header:hover::before { transform: scale(1.05); box-shadow: 0 8px 30px rgba(0,0,0,0.1); } /* Reassigning gradients to be more cohesive with the main background */ .tesery-product-description-container .tesery-feature-grid-section h3.section-header::before { background: var(–gradient-subtle-pink); } .tesery-product-description-container .tesery-specs-section h3.section-header::before { background: var(–gradient-yellow-orange); } .tesery-product-description-container .tesery-package-section h3.section-header::before { background: var(–gradient-subtle-pink); } .tesery-product-description-container .tesery-faq-section h3.section-header::before { background: var(–gradient-yellow-orange); } .tesery-product-description-container .tesery-trust-section h3.section-header::before { background: var(–gradient-subtle-pink); } .tesery-product-description-container p { color: var(–text-dark, #333333); max-width: 800px; margin: 1em auto; text-align: center; } /* Hero section */ .tesery-hero-section { padding: 60px 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .tesery-hero-content-wrapper { display: flex; flex-direction: row; align-items: center; max-width: 1200px; width: 100%; gap: 50px; } .tesery-hero-image-banner { flex: 1; max-width: 600px; box-shadow: var(–shadow-heavy, 0 20px 60px rgba(0,0,0,0.15)); 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; } .tesery-hero-text-content-wrapper { flex: 1; max-width: 600px; text-align: left; } .tesery-hero-text-content-wrapper h1 { font-size: 3.5em; color: var(–text-dark, #333333); margin-bottom: 0.2em; line-height: 1.1; text-align: left; } .tesery-hero-text-content-wrapper .hero-description { font-size: 1.1em; color: var(–text-medium); margin: 0.5em 0 1em 0; max-width: 700px; text-align: left; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.5em; color: var(–text-medium); margin-bottom: 1.5em; font-style: italic; text-align: left; } .tesery-hero-text-content-wrapper .prop-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 12px; max-width: 100%; margin-bottom: 0; } .tesery-hero-section .prop-item { display: flex; align-items: center; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); border-radius: 50px; padding: 8px 16px; font-weight: 600; color: var(–text-dark, #333333); font-size: 1em; white-space: nowrap; box-shadow: var(–shadow-light-glass); border: 1px solid var(–border-color-light-glass); flex-grow: 0; flex-basis: auto; justify-content: center; } .tesery-feature-grid-section .feature-container { padding: 40px 24px; max-width: 100%; margin: 0 auto; box-sizing: border-box; background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .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, 0 8px 40px rgba(0,0,0,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, #B5838D); margin-bottom: 0.5em; text-align: center; } .tesery-product-description-container .feature-item p { text-align: center; color: var(–text-medium); font-size: 1.1em; line-height: 1.7; } .tesery-product-description-container .feature-item:nth-child(even) p { text-align: center; } .tesery-specs-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .specs-section-content { margin: 2em auto; max-width: 900px; text-align: left; } .tesery-product-description-container .specs-list { list-style-type: none; padding: 0; margin: 1em 0; } .tesery-product-description-container .specs-list li { padding: 12px 20px; background: rgba(255, 255, 255, 0.5); border: 1px solid var(–border-color-light-glass); border-radius: 8px; margin-bottom: 8px; font-weight: 400; color: var(–text-medium); } .tesery-product-description-container .specs-list li strong { color: var(–accent-color, #B5838D); font-weight: 600; } .tesery-product-description-container .specs-list ul { list-style-type: disc; padding-left: 20px; margin-top: 8px; } .tesery-product-description-container .specs-list ul li { background: transparent; border: none; padding: 4px 0; margin-bottom: 0; color: var(–text-medium); } .tesery-package-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-product-description-container .package-section-content { margin: 2em auto; max-width: 900px; text-align: center; } .tesery-product-description-container .package-section-content p { color: var(–text-medium); } .tesery-product-description-container .package-section-content ul { list-style-type: none; padding: 0; margin: 1em 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; } .tesery-product-description-container .package-section-content li { background: rgba(255, 255, 255, 0.5); border: 1px solid var(–border-color-light-glass); border-radius: 8px; padding: 12px 20px; font-weight: 600; color: var(–text-dark); box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: transform 0.2s; } .tesery-product-description-container .package-section-content li:hover { transform: translateY(-2px); } .tesery-faq-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .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: rgba(255, 255, 255, 0.5); border-radius: var(–border-radius, 16px); border: 1px solid var(–border-color-light-glass); transition: all 0.3s ease; overflow: hidden; } .tesery-product-description-container .faq-item:hover { box-shadow: var(–shadow-medium, 0 8px 40px rgba(0,0,0,0.12)); border-color: var(–accent-light, #B5838D); } .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-dark, #333333); 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, #B5838D); 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(0, 0, 0, 0.02); } .tesery-product-description-container .faq-content { padding: 0 24px 20px; color: var(–text-medium, #666666); 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); } } .tesery-trust-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .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-light-glass); border-radius: var(–border-radius, 8px); padding: 20px; background: rgba(255, 255, 255, 0.5); box-shadow: var(–shadow-light-glass); 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, 0 8px 40px rgba(0,0,0,0.12)); } .tesery-product-description-container .review-header { display: flex; flex-direction: column; align-items: center; margin-bottom: 12px; } .tesery-product-description-container .review-avatar { width: 48px; height: 48px; border-radius: 50%; background: var(–border-color-light); 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-dark, #333333); display: block; text-align: center; } .tesery-product-description-container .testimonial { font-style: italic; color: var(–text-medium, #666666); margin: 1em 0 0; padding-left: 0; border-left: none; font-size: 1em; text-align: center; } .tesery-cta-section.content-card { background: var(–bg-card-light-glass); backdrop-filter: blur(10px); box-shadow: var(–shadow-light-glass); border-radius: 24px; border: 1px solid var(–border-color-light-glass); } .tesery-cta-section h2 { color: var(–text-dark); font-size: 2.5em; margin-bottom: 0.5em; } .tesery-cta-section p { color: var(–text-medium); margin-bottom: 2em; font-size: 1.2em; } .tesery-product-description-container .brand-button { background: var(–bg-cta-button); color: var(–accent-color, #B5838D); 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(0,0,0,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(0,0,0,0.05), 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(0,0,0,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-content-wrapper { flex-direction: column; gap: 20px; } .tesery-hero-image-banner, .tesery-hero-text-content-wrapper { max-width: 100%; text-align: center; } .tesery-hero-text-content-wrapper h1, .tesery-hero-text-content-wrapper .hero-description, .tesery-hero-text-content-wrapper .subtitle { text-align: center; } .tesery-hero-text-content-wrapper .prop-grid { justify-content: center; } .tesery-product-description-container .feature-grid { max-width: 90%; } .tesery-product-description-container .specs-section-content { 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); } .tesery-hero-text-content-wrapper h1 { font-size: 2.8em; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.2em; } .tesery-hero-image-banner { margin-bottom: 20px; } .tesery-hero-image-banner .hero-image { border-radius: 12px; } .tesery-hero-text-content-wrapper .prop-grid { justify-content: space-evenly; gap: 8px; margin-bottom: 20px; } .tesery-product-description-container .prop-item { font-size: 1em; padding: 8px 15px; color: var(–text-dark, #333333); } .tesery-product-description-container .prop-item span { font-size: 1em; } .tesery-faq-item summary { padding: 16px 44px 16px 20px; font-size: 0.95rem; color: var(–text-dark, #333333); } .tesery-faq-item summary::after { right: 20px; font-size: 18px; } .tesery-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-text-content-wrapper h1 { font-size: 2.2em; } .tesery-hero-text-content-wrapper .subtitle { font-size: 1.1em; } .tesery-hero-text-content-wrapper .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-cta-section h2 { font-size: 1.8em; } .tesery-cta-section p { font-size: 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: #B5838D; –accent-color: #B5838D; –accent-light: #C79F9C; –accent-secondary: #E0B195; –warm-white: #f8f8f8; –crisp-white: #ffffff; –text-dark: #333333; –text-medium: #666666; –text-light: #999999; /* Light Glassmorphism variables with warm tones */ –gradient-light-glass: linear-gradient(135deg, #F9FAFB 0%, #FFFFFF 100%); –bg-card-light-glass: rgba(255, 255, 255, 0.7); –bg-light-accent: #e9e9eb; –border-color-light-glass: rgba(255, 255, 255, 0.2); –shadow-light-glass: 0 4px 20px rgba(0,0,0,0.08); –text-dark-on-light: #333333; –bg-cta-button: #ffffff; –gradient-primary: linear-gradient(135deg, #B5838D 0%, #7C5E6A 100%); –gradient-secondary: linear-gradient(135deg, #E0B195 0%, #B5838D 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; –gradient-yellow-orange: linear-gradient(135deg, #FFEF96 0%, #FFB670 100%); /* New, more subtle pink gradient */ –gradient-subtle-pink: linear-gradient(135deg, #FDE6E4 0%, #F8D3C8 100%); } 
License Plate Projection Lights for Model 3/Y
Custom-made projection lights for your Model 3/Y, instantly elevate your car’s personality and recognition with a clear ground projection, making your ride stand out from the crowd.
Personalized Projection, Illuminate Your Style.
Enhanced Cooling Multiple Styles Non-Destructive Long Lasting Elevated Style HD Projection
Key Features & Benefits
Engineered for Longevity: 200% Better Heat Dissipation
Experience unparalleled performance and durability. Our fully upgraded design features an oversized aluminum heatsink, engineered to boost heat dissipation by 200%. This advanced cooling ensures your LED projector remains bright, stable, and lasts for years to come.
Unleash Your Personal Style with Multiple Designs
Choose from a curated collection of projection patterns, including the dynamic ‘Time Tunnel,’ the elegant ‘Commemorative Badge,’ and the iconic ‘Moon Landing Badge.’ Find the perfect design that speaks to you and makes a bold statement.
Transform Your Ride, Instantly
Ditch the bland factory lights and make a statement. Our projection lights create a stunning visual effect that elevates your car’s presence. The crisp, high-definition projection turns a simple exit from your car into a memorable event, showcasing your attention to detail and personal flair.
Effortless Installation, Zero Modifications
Enjoy a seamless upgrade with our true plug-and-play design. This non-destructive replacement fits your original light housing perfectly, with no drilling, cutting, or complicated wiring. Get the premium look you want in under 15 minutes.
Product Specifications
- Compatibility:
- Tesla Model 3 2017-Present
- Tesla Model Y 2020-2025.3
- Installation:
- Method: Non-destructive replacement of the original light
- Installation Time: Approximately 15 minutes
What’s in the Box
The standard package includes:
- License Plate Projection Lights x 1
- Installation Tool x 1
- Instruction Manual x 1
Frequently Asked Questions
Will this projection light affect the original license plate illumination?
No. Our projection light is designed to provide an additional ground projection effect without compromising the original license plate lighting. The light source is bright and meets regulatory requirements.
Is the installation difficult? Do I need a professional?
Installation is very easy and requires no tools or wire modification. You simply remove the original license plate light and snap the new one in place. We provide a detailed installation guide, so most users can easily complete it themselves.
How clear is the projection pattern? Will it be blurry?
We use high-precision optical lenses and custom high-brightness LED beads to ensure the projection pattern is clear and sharp. The special heat dissipation design prevents the pattern from becoming blurry or distorted due to high temperatures.
Is this projection light compatible with my Model Y?
Yes, this product is perfectly compatible with all versions of the Model 3 and Model Y, including Model 3 2017-Present and Model Y 2020-2025.3.
Ready to Upgrade? Light Up Your Unique Style.
Easy to install, making your car shine with a unique charm at night.
Explore more from our collection.
Reviews
There are no reviews yet.