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; 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: 100px !important; margin-bottom: 100px !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; } /* Top Hero Title */ .tpd-hero-title { font-size: 46px; font-weight: 800; line-height: 1.25; text-align: center; margin-bottom: 30px; } /* Navigation */ .tpd-nav { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin-bottom: 80px; } .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); } /* Product Intro */ .tpd-hero-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; max-width: 1200px; margin: 0 auto; } .tpd-hero-img img { width: 100%; border-radius: var(–tpd-radius-img); box-shadow: 0 10px 30px rgba(0,0,0,0.08); transition: transform 0.4s ease, box-shadow 0.4s ease; } .tpd-hero-img img:hover { transform: translateY(-5px); box-shadow: var(–tpd-shadow-hover); } .tpd-hero-content { display: flex; flex-direction: column; gap: 30px; } /* Notice Box */ .tpd-notice-box { background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 18px 25px; border-radius: 8px; font-size: 15px; color: #856404; display: flex; align-items: flex-start; gap: 12px; line-height: 1.6; } .tpd-notice-box svg { flex-shrink: 0; margin-top: 4px; } .tpd-intro-features { display: flex; flex-direction: column; gap: 25px; } .tpd-intro-feature { display: flex; align-items: flex-start; gap: 18px; } .tpd-intro-feature-icon { width: 36px; height: 36px; background: var(–tpd-bg-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(–tpd-primary); flex-shrink: 0; margin-top: 2px; } .tpd-intro-feature h4 { font-size: 19px; margin-bottom: 6px; } .tpd-intro-feature p { margin: 0; font-size: 16px; color: var(–tpd-text-light); } /* Tags */ .tpd-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; padding-top: 25px; border-top: 1px solid var(–tpd-border); } .tpd-tag { background: #e6f0f9; color: var(–tpd-primary); padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 700; margin-bottom: 5px; } /* Selection Guide */ .tpd-guide-container { max-width: 1200px; margin: 0 auto; } .tpd-guide-split-card { background: #fff; border: 1px solid var(–tpd-border); border-radius: var(–tpd-radius-card); padding: 50px; box-shadow: var(–tpd-shadow); margin-bottom: 80px; } .tpd-guide-split { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .tpd-comparison-img-wrap { text-align: center; } .tpd-comparison-img-wrap img { max-width: 100%; border-radius: var(–tpd-radius-img); box-shadow: var(–tpd-shadow); border: 1px solid var(–tpd-border); margin: 0 auto; } .tpd-rule-content { display: flex; flex-direction: column; gap: 30px; } .tpd-rule-card { background: var(–tpd-bg-light); border-left: 5px solid var(–tpd-primary); border-radius: 12px; padding: 30px; } .tpd-rule-card h4 { font-size: 24px; margin-bottom: 15px; color: var(–tpd-primary); } .tpd-rule-card p { margin: 0; font-size: 16px; color: var(–tpd-text-main); } .tpd-cs-box { background: #fff; border: 1px dashed #ccc; border-radius: 12px; padding: 25px; display: flex; align-items: flex-start; gap: 15px; } .tpd-cs-box svg { flex-shrink: 0; color: var(–tpd-primary); margin-top: 5px; } .tpd-cs-box p { margin: 0; font-size: 15px; color: var(–tpd-text-light); } /* Comparison Layout */ .tpd-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .tpd-comp-card { background: #fff; border: 2px solid var(–tpd-border); border-radius: var(–tpd-radius-card); padding: 40px; text-align: center; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; box-shadow: var(–tpd-shadow); } .tpd-comp-card.tpd-active { border-color: var(–tpd-success); background: linear-gradient(to bottom, #ffffff, #f0fdf4); } .tpd-comp-card.tpd-inactive { border-color: var(–tpd-danger); background: linear-gradient(to bottom, #ffffff, #fef2f2); } .tpd-comp-card h4 { font-size: 26px; margin-bottom: 25px; color: var(–tpd-text-main); } .tpd-comp-card-subtitle { font-size: 16px; font-weight: 700; color: var(–tpd-text-light); margin-bottom: 15px; text-align: left; } .tpd-comp-pn { background: #fff; border: 1px solid var(–tpd-border); padding: 20px 25px; border-radius: 12px; font-family: ‘DM Sans’, sans-serif; font-size: 15px; line-height: 1.8; text-align: left; margin-bottom: 35px; color: var(–tpd-text-main); flex-grow: 1; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02); } .tpd-comp-pn ul { margin: 0; padding-left: 20px; } .tpd-comp-pn li { margin-bottom: 10px; } .tpd-comp-pn li:last-child { margin-bottom: 0; } .tpd-comp-pn strong { color: var(–tpd-primary); font-weight: 700; } .tpd-comp-card.tpd-inactive .tpd-comp-pn strong { color: var(–tpd-text-main); } .tpd-comp-footer { display: flex; flex-direction: column; align-items: center; gap: 18px; margin-top: auto; } .tpd-status-icon { width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .tpd-status-icon.success { background: var(–tpd-success); } .tpd-status-icon.danger { background: var(–tpd-danger); } .tpd-status-text { font-size: 20px; font-weight: 800; letter-spacing: 0.5px; } .tpd-status-text.success { color: var(–tpd-success); } .tpd-status-text.danger { color: var(–tpd-danger); } .tpd-shop-link { display: inline-block; padding: 14px 30px; background-color: #fff; color: var(–tpd-text-main); border: 2px solid var(–tpd-border); border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 15px; transition: all 0.3s ease; width: 100%; max-width: 260px; } .tpd-shop-link:hover { border-color: var(–tpd-danger); color: var(–tpd-danger); } /* Important Notes Grid */ .tpd-notes-grid { display: grid; grid-template-columns: 1fr; gap: 30px; max-width: 1200px; margin: 0 auto; } .tpd-note-card { background: #fff; border-radius: var(–tpd-radius-card); box-shadow: var(–tpd-shadow); overflow: hidden; border: 1px solid var(–tpd-border); } .tpd-note-blue { border-left: 6px solid var(–tpd-primary); } .tpd-note-header { display: flex; align-items: center; gap: 15px; padding: 25px 30px; background: var(–tpd-bg-light); border-bottom: 1px solid var(–tpd-border); } .tpd-note-header h3 { margin: 0; font-size: 22px; } .tpd-note-blue .tpd-note-header h3 { color: var(–tpd-primary); } .tpd-note-body { padding: 30px; } .tpd-note-body p { margin: 0 0 15px 0; font-size: 16px; color: var(–tpd-text-light); line-height: 1.7; } .tpd-highlight-box { display: flex; align-items: flex-start; gap: 15px; background: #f0f7ff; padding: 20px; border-radius: 12px; margin-top: 20px; } .tpd-highlight-box p { margin: 0; color: #0c4a6e; } /* 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: 19px; 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: 768px) { .tpd-section { margin-top: 60px !important; margin-bottom: 60px !important; } .tpd-hero-title { font-size: 32px; margin-bottom: 20px; } .tpd-hero-split { grid-template-columns: 1fr; gap: 40px; } .tpd-section-title { font-size: 28px; } .tpd-guide-split-card { padding: 30px 20px; } .tpd-guide-split { grid-template-columns: 1fr; gap: 40px; } .tpd-comparison { grid-template-columns: 1fr; gap: 30px; } .tpd-comp-card { padding: 30px 20px; } .tpd-note-header { padding: 20px; } .tpd-note-body { padding: 20px; } .tpd-faq-summary { font-size: 17px; padding: 18px 20px; } .tpd-faq-content { padding: 0 20px 25px 20px; } }
Full LED Headlight Replacement
for Model 3 (17-20) & Model Y (20-21)
Overview Selection Guide Important Notes FAQ 
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.
Perfect OEM Replacement
Designed specifically to directly replace your damaged, aged, or faulty factory Full LED (reflector style) headlights without any modifications.
Plug & Play Fitment
Matches the exact specifications, mounting points, and connectors of the original Tesla parts (PN: 1077371 / 1077372).
Factory-Level Illumination
Restores the original brightness and clear light distribution of the standard LED reflector design for optimal nighttime visibility.
Direct Fit No Modification No Error Codes OEM Quality
How to 100% Accurately Choose Your Headlights?
Follow the golden rule below to identify your original headlights before purchasing.
The Key Difference: NO Projector Lens
The easiest way to identify your headlights is by looking at the outer edge. If there is NO round projector lens, you need this Full LED version.
As shown in the image, Full LED headlights (This Product) feature multiple rectangular reflector bowls and completely lack the outer circular lens found on the newer Matrix versions.
Still unsure? We are here to help!
If you cannot determine which headlights your car has, please take a clear, high-definition photo of your current headlights and send it to our customer service team. We will identify it for you accurately.
Full LED Headlight (No Lens)
Common Part Numbers:
- Starts with: 1077371-XX-X or 1077372-XX-X
- RHD (UK/Ireland ECE): Left 1077379-XX-X / Right 1077380-XX-X
This Product
Matrix LED (Projector Style)
Common Part Numbers:
- Starts with: 1514952-XX-X or 1521822-XX-X
- North America SAE: Left 2085749-XX-X / Right 2085750-XX-X
Not This Product Shop Matrix LED Headlights
Important Notes
Please read these crucial details before making your purchase.
Technical Support Notice: Control Modules
To ensure 100% software compatibility and stability, our headlights come pre-equipped with original-spec control modules. While these high-cost components offer the best performance, electronic sync issues can occur in very rare cases.
If you encounter any module-related error during installation, please contact us immediately—we will provide a free replacement module right away. Alternatively, since our assembly is a precise 1:1 match, you can also swap in the functional module from your original headlight for an instant fix. We stand behind our hardware and will ensure your installation is successful.
Frequently Asked Questions
Find answers to the most common questions about replacing your headlights.
How do I know if I have the “Reflector” or “Matrix” headlight style?
This 1077371/1077372 unit is the Reflector style (Standard LED). You can identify it by looking at the interior: if you see multiple rectangular chrome-finished bowls without a large circular lens, this is the correct part for you. If your car has a prominent round projector lens on the outer edge, you have the “Matrix” version (2021+) and should select our Matrix-specific listing instead.
Will this fix the yellowing light strip (DRL) issue on my Model 3?
Yes. The yellow or amber tint in your current headlight is caused by internal heat and moisture degrading the factory DRL guide. Our replacement is 100% brand new with upgraded high-density seals to prevent moisture ingress, restoring the crisp, brilliant white signature look of your Tesla.
Is any programming or “Service Mode” calibration required?
For these standard LED units, it is a 100% Plug-and-Play installation. Unlike the Matrix versions, these do not require complex software handshakes. However, we always recommend a simple “Headlight Calibration” in the Tesla Service menu after installation just to ensure the beam height is perfectly leveled for the best nighttime visibility.
Does this come as a complete assembly with the control modules?
Yes. This is a Complete Headlight Assembly. It includes the housing, LED boards, and the integrated control modules. You do not need to harvest any parts from your old, broken headlight. Just swap the entire unit and plug in the factory harness.
Explore more from our collection.
Reviews
There are no reviews yet.