Description
/* === Base Variables & Reset === */ .tpd-wrapper { –tpd-primary: #0065b3; –tpd-success: #10b981; –tpd-danger: #ef4444; –tpd-warning: #f59e0b; –tpd-text-main: #333333; –tpd-text-light: #666666; –tpd-bg-light: #f9f9f9; –tpd-border: #e5e5e5; –tpd-radius-card: 20px; –tpd-radius-img: 18px; –tpd-shadow: 0 8px 24px rgba(0,0,0,0.04); –tpd-shadow-hover: 0 15px 35px rgba(0,0,0,0.1); font-family: ‘DM Sans’, sans-serif; color: var(–tpd-text-main); line-height: 1.85; max-width: 1320px; margin: 0 auto; padding: 20px 0; box-sizing: border-box; } .tpd-wrapper * { box-sizing: border-box; } .tpd-wrapper h2, .tpd-wrapper h3, .tpd-wrapper h4 { font-family: ‘Montserrat’, sans-serif; margin-top: 0; color: var(–tpd-text-main); } .tpd-wrapper img { max-width: 100%; height: auto; display: block; border-radius: var(–tpd-radius-img); } /* Force Section Spacing */ .tpd-section { margin-top: 80px !important; margin-bottom: 80px !important; clear: both; } .tpd-section-title { font-size: 36px; font-weight: 800; text-align: center; margin-bottom: 20px !important; } .tpd-section-subtitle { font-size: 17px; color: var(–tpd-text-light); text-align: center; max-width: 800px; margin: 0 auto 50px auto !important; } /* Navigation */ .tpd-nav { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 60px; } .tpd-nav a { text-decoration: none; color: var(–tpd-text-main); font-size: 14px; font-weight: 600; letter-spacing: 0.05em; padding: 12px 24px; border: 1px solid var(–tpd-border); border-radius: 30px; transition: all 0.3s ease; } .tpd-nav a:hover { border-color: var(–tpd-primary); color: var(–tpd-primary); background-color: var(–tpd-bg-light); } /* === Hero Split Layout === */ .tpd-hero-split { display: flex; align-items: center; gap: 50px; margin-bottom: 80px; } .tpd-hero-split-img { flex: 1; border-radius: var(–tpd-radius-card); overflow: hidden; box-shadow: var(–tpd-shadow); } .tpd-hero-split-img img { width: 100%; display: block; object-fit: cover; } .tpd-hero-split-text { flex: 1; } .tpd-hero-split-title { font-size: 42px; font-weight: 800; line-height: 1.2; margin-bottom: 20px; color: var(–tpd-text-main); } .tpd-hero-split-desc { font-size: 16px; color: var(–tpd-text-light); margin-bottom: 25px; line-height: 1.7; } .tpd-hero-split-list { list-style: none !important; /* Force hide shopify bullets */ padding: 0; margin: 0 0 30px 0; } .tpd-hero-split-list li { list-style-type: none !important; /* Force hide shopify bullets */ position: relative; padding-left: 32px; margin-bottom: 16px; font-size: 16px; color: var(–tpd-text-main); font-weight: 600; display: flex; align-items: center; } .tpd-hero-split-list li svg { position: absolute; left: 0; color: var(–tpd-primary); } /* Notice Box */ .tpd-notice-box { background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 18px 25px; border-radius: 8px; font-size: 14px; color: #856404; display: flex; align-items: flex-start; gap: 12px; line-height: 1.6; margin-bottom: 20px; } .tpd-notice-box svg { flex-shrink: 0; margin-top: 2px; } /* === Features Grid === */ .tpd-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; } .tpd-feature-card { background: #fff; border: 1px solid var(–tpd-border); border-radius: var(–tpd-radius-card); padding: 40px; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; } .tpd-feature-card:hover { transform: translateY(-5px); box-shadow: var(–tpd-shadow-hover); } .tpd-feature-icon { width: 60px; height: 60px; background: #eff6ff; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(–tpd-primary); margin-bottom: 20px; } .tpd-feature-title { font-size: 22px; font-weight: 700; margin-bottom: 15px; } .tpd-feature-desc { font-size: 15px; color: var(–tpd-text-light); line-height: 1.7; margin: 0; } /* === Compatibility Table & Guide === */ .tpd-specs-container { max-width: 1200px; margin: 0 auto; } /* Buying Guide Box */ .tpd-guide-box { background-color: #eff6ff; border-left: 4px solid var(–tpd-primary); padding: 25px 30px; border-radius: 8px; margin-bottom: 30px; } .tpd-guide-title { font-size: 18px; font-weight: 700; color: var(–tpd-primary); margin-bottom: 15px; font-family: ‘Montserrat’, sans-serif; display: flex; align-items: center; gap: 8px; } .tpd-guide-list { list-style: none !important; /* Force hide shopify bullets */ padding: 0; margin: 0; } .tpd-guide-list li { list-style-type: none !important; /* Force hide shopify bullets */ position: relative; padding-left: 24px; margin-bottom: 12px; color: var(–tpd-text-main); font-size: 15px; line-height: 1.6; } .tpd-guide-list li:last-child { margin-bottom: 0; } .tpd-guide-list li::before { content: ‘•’; color: var(–tpd-primary); font-size: 20px; position: absolute; left: 0; top: -2px; } .tpd-specs-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: var(–tpd-radius-card); overflow: hidden; box-shadow: var(–tpd-shadow); border: 1px solid var(–tpd-border); } .tpd-specs-table th, .tpd-specs-table td { padding: 10px 20px; /* Reduced vertical padding */ text-align: left; border-bottom: 1px solid var(–tpd-border); font-size: 16px; vertical-align: middle; } .tpd-specs-table tr:last-child th, .tpd-specs-table tr:last-child td { border-bottom: none; } .tpd-specs-table th { background-color: var(–tpd-bg-light); font-weight: 700; color: var(–tpd-text-main); font-family: ‘Montserrat’, sans-serif; padding: 14px 20px; /* Keep header slightly taller */ } .tpd-specs-table td { color: var(–tpd-text-light); } .tpd-specs-table tbody tr:hover { background-color: var(–tpd-bg-light); } /* Year Tag Style */ .tpd-year-tag { background-color: #eff6ff; color: var(–tpd-primary); border: 1px solid #bfdbfe; padding: 2px 12px; border-radius: 20px; font-size: 14px; font-weight: 700; display: inline-block; } /* === FAQ Styles === */ .tpd-faq-container { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; } .tpd-faq-item { background: #fff; border: 1px solid var(–tpd-border); border-radius: 12px; overflow: hidden; box-shadow: var(–tpd-shadow); } .tpd-faq-summary { padding: 22px 30px; font-size: 17px; font-family: ‘Montserrat’, sans-serif; font-weight: 700; color: var(–tpd-text-main); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.3s ease; } .tpd-faq-summary:hover { background-color: var(–tpd-bg-light); } .tpd-faq-summary::-webkit-details-marker { display: none; } .tpd-faq-summary::after { content: ‘+’; font-size: 26px; color: var(–tpd-primary); font-weight: 400; transition: transform 0.3s ease; } .tpd-faq-item[open] .tpd-faq-summary::after { transform: rotate(45deg); } .tpd-faq-content { padding: 0 30px 30px 30px; color: var(–tpd-text-light); font-size: 16px; line-height: 1.7; } /* Responsive Design */ @media (max-width: 992px) { .tpd-hero-split { flex-direction: column; gap: 30px; } .tpd-hero-split-text { text-align: center; } .tpd-hero-split-list li { text-align: left; display: inline-flex; width: 100%; max-width: 400px; } .tpd-notice-box { text-align: left; } .tpd-features-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .tpd-section { margin-top: 60px !important; margin-bottom: 60px !important; } .tpd-hero-split-title { font-size: 32px; } .tpd-section-title { font-size: 28px; } .tpd-feature-card { padding: 25px; } .tpd-guide-box { padding: 20px; } .tpd-specs-table th { padding: 10px 12px; font-size: 14px; } .tpd-specs-table td { padding: 8px 12px; font-size: 14px; } /* Reduced mobile vertical padding */ .tpd-year-tag { padding: 2px 8px; font-size: 12px; } .tpd-faq-summary { font-size: 16px; padding: 18px 20px; } .tpd-faq-content { padding: 0 20px 25px 20px; } } Overview Features Compatibility FAQ 
Model S (2016-2022)
OEM Replacement Headlight
Important Installation Notice: Installing these headlights requires removing the front bumper. If you are not an experienced DIYer, we strongly recommend having a professional mechanic perform the installation.
Restore your Tesla Model S to its original glory with TESERY’s direct OEM replacement LED Headlight Assembly. Engineered to seamlessly replace damaged, yellowed, or broken factory units without compromising on quality or functionality.
- 1:1 Exact OEM Fitment
- Retains Factory Turn Assist
- OEM-Grade Durability & Anti-Yellowing
- Direct Plug & Play Swap
Premium OEM Replacement Features
Why choose TESERY to replace your damaged Model S headlights?
Precision 1:1 Fitment
Engineered to perfectly match the contours and mounting points of your Tesla Model S (2016-2022). A seamless replacement that looks and fits exactly like the factory original.
Retains Turn Assist
Maintain 100% of your factory features. Our assembly fully supports the Turn Assist function, automatically lighting up the side of the road when turning, just like your original OEM headlights.
Crystal Clear Illumination
Restores your nighttime visibility with crisp, 4500K cold white illumination. Replaces dim, foggy, or burnt-out original lights for maximum road safety.
Weatherproof & Anti-Yellowing
Built with an IP68 waterproof housing and UV-coated polycarbonate lens to prevent future yellowing, fogging, or internal condensation. Built to outlast harsh weather.
Vehicle Compatibility
Compatible with Tesla Model S (2016-2020)
Compatibility Buying Guide
- General Check: Please verify your vehicle year against the detailed compatibility table below.
- For 2016 Models: Please confirm whether your original factory headlights are equipped with the “Turn Assist” function before purchasing.
- Not Compatible: If your Model S is 2015 or older OR 2023 and newer, this product is explicitly NOT compatible with your vehicle.
| Year | Vehicle | Trim Level |
|---|---|---|
| 2020 | Tesla Model S | Long Range Plus Sedan 4-Door |
| 2020 | Tesla Model S | Mayor Sedan 4-Door |
| 2020 | Tesla Model S | Performance Sedan 4-Door |
| 2019 | Tesla Model S | 75D Sedan 4-Door |
| 2019 | Tesla Model S | 100D Sedan 4-Door |
| 2019 | Tesla Model S | P100D Sedan 4-Door |
| 2018 | Tesla Model S | 75D Sedan 4-Door |
| 2018 | Tesla Model S | 100D Sedan 4-Door |
| 2018 | Tesla Model S | P100D Sedan 4-Door |
| 2017 | Tesla Model S | 60D Sedan 4-Door |
| 2017 | Tesla Model S | 60 Sedan 4-Door |
| 2017 | Tesla Model S | 75D Sedan 4-Door |
| 2017 | Tesla Model S | 75 Sedan 4-Door |
| 2017 | Tesla Model S | 90D Sedan 4-Door |
| 2017 | Tesla Model S | P100D Sedan 4-Door |
| 2016 | Tesla Model S | 70D Sedan 4-Door |
| 2016 | Tesla Model S | 70 Sedan 4-Door |
| 2016 | Tesla Model S | 85D Sedan 4-Door |
| 2016 | Tesla Model S | 85 Sedan 4-Door |
| 2016 | Tesla Model S | 90D Sedan 4-Door |
Frequently Asked Questions
Find answers to the most common questions about replacing your Model S headlights.
Q1: Is this headlight for the “Nose-Cone” or the “Facelift” Model S?
This assembly is specifically designed for the Post-Facelift Model S (2016–2022), which features the sleek, integrated front fascia (No-Grille look). It is a direct replacement for the Factory LED generation of headlights.
Note: This unit is not compatible with the pre-2016 “Nose-Cone” (Xenon) models.
Q2: My car has the original LED headlights. Does this assembly fix the “Yellow DRL” issue?
Yes. This is the primary reason owners choose our TESERY upgrade. The original factory LED units are prone to the Daytime Running Light (DRL) strip turning yellow or dimming. Our assembly uses enhanced heat-resistant light guides and premium LED chips to ensure your DRLs stay a brilliant, crisp 6000K white for the long term.
Q3: Is this a “Matrix” headlight or a standard LED replacement?
This is a High-Performance LED Assembly designed to match the technical architecture of the 2016-2022 era. It provides a significant brightness upgrade over the aging stock LEDs while ensuring 100% electrical compatibility with the vehicle’s original LED driver protocols.
Q4: Does it support the “Adaptive/Three-Position” cornering function?
Yes. Our TESERY LED assembly is engineered to support Tesla’s Turn Assist and Adaptive Cornering signals. As you steer, the light distribution adjusts to illuminate your path, preserving the premium safety functionality that came with your original LED-equipped Model S.
Q5: Is it compatible with both MCU1 and MCU2 hardware?
Absolutely. We have tested this unit across the 2016-2022 transition. Whether your Model S features the original MCU1 (Nvidia) or the upgraded MCU2 (Intel/AMD) infotainment system, the headlights will “handshake” perfectly with the vehicle’s gateway without any error codes.
Q6: Can I install this myself? Is it truly Plug-and-Play?
It is 100% Plug-and-Play using the factory 14-pin connector. No wire splicing or external resistors are needed. After installation, we strongly recommend entering Service Mode on your touchscreen and performing a “Software Reinstall”. This allows the car to calibrate the new LED units and ensure perfect beam alignment.
Q7: Will this headlight handle future Tesla OTA updates?
Yes. Our internal control modules are OTA-Ready. They are designed to communicate correctly with the latest 2026.x Tesla firmware. You can update your car’s software with total confidence that your headlights will remain fully functional.
Explore more from our collection.
Reviews
There are no reviews yet.