TESEVO Full LED Headlight Replacement for Model 3 (2017-2020) δΈ¨1077371 / 1077372
/* === Premium Tesla Accessory Page Styling === */ :root { --tesla-blue: #2c5e8a; --tesla-light-blue: #3a7cb4; --tesla-dark: #1c1c1c; --tesla-light: #f8f9fa; --tesla-accent: #e8212 7; /* Tesla red accent */ --brand-color: #76B900; /* TESEVO brand color */ --brand-light: #8cc617; --section-color-1: #ffffff; --section-color-2: #ffffff; --section-color-3: #ffffff; --section-color-4: #ffffff; --body-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; --heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } /* Base styling */ .tesery-product-description-container { font-family: var(--body-font); color: #333; line-height: 1.6; background-color: #ffffff; max-width: 1200px; margin: 0 auto; padding: 0; } /* Hero section */ .hero-section { position: relative; text-align: center; padding: 0; margin-bottom: 40px; overflow: hidden; border-radius: 12px; max-height: 500px; display: flex; flex-direction: column; justify-content: center; } .hero-image { width: 100%; height: auto; object-fit: cover; z-index: 0; } .hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } .hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 90%; text-align: center; } .product-title { color: white; font-family: var(--heading-font); font-weight: 700; font-size: 2.8rem; text-shadow: 0 2px 4px rgba(0,0,0,0.5); margin-bottom: 15px; } .product-subtitle { font-weight: 500; color: white; font-size: 1.2rem; margin-bottom: 0; text-shadow: 0 2px 3px rgba(0,0,0,0.5); } /* Content container */ .content-container { padding: 0 24px; } /* Section styling */ .section-title { color: var(--brand-color); text-align: center; margin: 2.5rem 0 1.5rem; font-family: var(--heading-font); font-weight: 600; font-size: 1.8rem; position: relative; padding-bottom: 15px; } .section-title::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: var(--brand-color); border-radius: 2px; } /* Feature grid styling */ .feature-section { padding: 50px 0; background-color: var(--section-color-1); border-radius: 12px; margin-bottom: 40px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .feature-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 2.5rem 0; } .feature-card { background: white; border-radius: 12px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; text-align: center; padding: 30px 20px; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); } .feature-icon { font-size: 2.2rem; color: var(--brand-color); margin-bottom: 20px; display: inline-block; } .feature-title { color: var(--tesla-dark); font-weight: 600; font-size: 1.2rem; margin: 0 0 12px; } .feature-description { color: #555; font-size: 0.95rem; margin: 0; } /* Why Choose Us Section */ .benefits-section { padding: 40px 0; margin: 40px 0; text-align: center; } .benefits-intro { max-width: 800px; margin: 0 auto 30px; color: #444; font-size: 1.1rem; } /* Installation steps section */ .installation-section { background-color: var(--section-color-2); border-radius: 12px; padding: 40px; margin: 3rem 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .steps-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 30px; } .step-card { background: white; border-radius: 12px; padding: 30px 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-align: center; transition: transform 0.3s ease; position: relative; } .step-card:hover { transform: translateY(-5px); } .step-number { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--brand-color); color: white; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; } .step-icon { font-size: 2.5rem; margin-bottom: 20px; color: var(--brand-color); } .step-title { color: var(--tesla-dark); font-weight: 600; font-size: 1.2rem; margin-bottom: 15px; } .step-desc { color: #555; font-size: 0.95rem; margin: 0; } /* Compatibility section */ .compatibility-section { padding: 40px 0; margin: 40px 0; } .table-container { margin-top: 30px; overflow-x: auto; } .compatibility-table { width: 100%; border-collapse: collapse; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .compatibility-table th, .compatibility-table td { padding: 15px 20px; text-align: left; border-bottom: 1px solid #eaeaea; } .compatibility-table th { background-color: var(--brand-color); color: white; font-weight: 600; } .compatibility-table tr:nth-child(even) { background-color: #f8f9fa; } .compatibility-table tr:hover { background-color: #f1f8ff; } /* Specs section */ .specs-section { background-color: var(--section-color-3); border-radius: 12px; padding: 40px; margin: 3rem 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .specs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 30px; } .spec-item { display: flex; align-items: center; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04); } .spec-icon { font-size: 1.5rem; margin-right: 15px; color: var(--brand-color); flex-shrink: 0; } .spec-content { flex-grow: 1; } .spec-name { font-weight: 600; color: var(--tesla-dark); margin: 0 0 5px 0; } .spec-value { font-size: 0.95rem; color: #555; margin: 0; } /* FAQ styling */ .faq-section { margin: 3rem 0; background-color: var(--section-color-4); padding: 40px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .faq-item { margin-bottom: 15px; border-radius: 8px; background: white; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04); overflow: hidden; border: 1px solid #f0f0f0; } .faq-question { color: var(--tesla-dark); font-weight: 600; padding: 20px; margin: 0; border-bottom: 1px solid #f0f0f0; position: relative; } .faq-question::before { content: "Q:"; color: var(--brand-color); font-weight: 700; margin-right: 8px; } .faq-answer { color: #555; padding: 15px 20px 20px; margin: 0; } .faq-answer::before { content: "A:"; color: var(--tesla-accent); font-weight: 700; margin-right: 8px; } /* Banner section */ .banner-section { position: relative; text-align: center; padding: 0; margin: 60px 0; overflow: hidden; border-radius: 12px; max-height: 300px; } .banner-image { width: 100%; height: auto; object-fit: cover; border-radius: 12px; } .banner-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 12px; } .banner-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; color: white; text-align: center; } .banner-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 15px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); } .banner-subtitle { font-size: 1.1rem; font-weight: 400; margin-bottom: 20px; text-shadow: 0 2px 3px rgba(0,0,0,0.5); line-height: 1.6; } /* CTA Button styling */ .cta-section { text-align: center; margin: 3rem 0; padding: 20px; } .brand-button { background: var(--brand-color); color: white !important; padding: 16px 32px; border-radius: 50px; font-weight: 600; text-transform: uppercase; transition: all 0.3s; border: none; cursor: pointer; display: inline-block; text-decoration: none; font-size: 1rem; letter-spacing: 0.5px; box-shadow: 0 5px 15px rgba(118, 185, 0, 0.3); } .brand-button:hover { background: var(--brand-light); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(118, 185, 0, 0.4); } /* Responsive adjustments */ @media (max-width: 768px) { .product-title { font-size: 2rem; } .feature-list { grid-template-columns: 1fr; } .steps-container { grid-template-columns: 1fr; } .specs-grid { grid-template-columns: 1fr; } .installation-section, .specs-section, .faq-section { padding: 25px 20px; } .banner-title { font-size: 1.8rem; } .banner-subtitle { font-size: 1rem; } } TESEVO Full LED Headlight Replacement for Model 3 (2017-2020) Upgrade your Tesla Model 3 with premium LED headlights that deliver exceptional performance, perfect fit, and enhanced visibility. Designed specifically for Tesla Model 3 (2017-2020) with OEM-quality standards and advanced lighting technology. π Tailored for Tesla Model 3 Specifically designed for Tesla Model 3 (2017-2020), ensuring a perfect fit and optimal performance with seamless integration. βοΈ OEM Standard Headlights OEM part numbers 1077371-00-K & 1077372-00-K meet stringent quality standards, offering the same reliability as original parts. π§ Scalable and Long-lasting Design High scalability and wear resistance design conforms perfectly to the lamp surface after proper heating, ensuring long service life. β¨ Distinctive and Stylish Appearance Bright colors and clean lines enhance your vehicle's aesthetics while contributing to a more dynamic and modern look. π‘ Advanced Lighting Technology Engineered to reduce color temperature and increase light penetration for superior visibility in various driving conditions. π Precise Part Number Matching Perfect compatibility with OEM: 1077371-00-K & 1077372-00-K, Interchangeable Part Number: 10773 for guaranteed fit. Professional Installation Steps Follow these steps for proper headlight installation 1 π Disconnect Battery Safely disconnect the vehicle's battery and ensure the car is parked on a level surface with parking brake engaged. 2 π§ Remove Old Headlight Carefully remove the front bumper cover and disconnect the wiring harness, then unscrew the old headlight assembly. 3 π₯ Heat and Prepare Apply proper heating to ensure the new headlight conforms perfectly to the lamp surface for optimal fitment. 4 β‘ Install New Headlight Mount the new TESEVO LED headlight assembly and securely fasten all mounting points according to specifications. 5 π Connect Wiring Reconnect all electrical connections ensuring proper contact and secure all wiring harnesses in their original positions. 6 β Test and Adjust Reconnect battery, test all lighting functions, and adjust headlight alignment for optimal performance and safety. Technical Specifications π’ OEM Part Numbers 1077371-00-K & 1077372-00-K π§ Manufacturer Part Number 1077371-00-K & 1077372-00-K π Interchangeable Part Number 10773 π‘ Lighting Technology Full LED with Enhanced Visibility π― Build Quality OEM Standard with Wear Resistance π‘οΈ Installation Method Heat Application for Perfect Fit Vehicle Compatibility Designed specifically for Tesla Model 3 vehicles manufactured between 2017-2020 Vehicle Model Compatible Years Part Numbers Tesla Model 3 2017 - 2020 OEM: 1077371-00-K & 1077372-00-KInterchangeable: 10773 Ensure your Tesla Model 3 falls within the specified year range for perfect compatibility and optimal performance. Frequently Asked Questions (FAQs) Will these headlights fit my Tesla Model 3? These TESEVO LED headlights are specifically designed for Tesla Model 3 vehicles manufactured between 2017-2020. They match OEM part numbers 1077371-00-K and 1077372-00-K, ensuring perfect compatibility and fit. What makes these headlights better than stock ones? Our LED headlights feature advanced lighting technology that reduces color temperature and increases light penetration, providing superior visibility in various driving conditions. Do I need special tools for installation? Professional installation is recommended. The process requires basic automotive tools and proper heating equipment to ensure the headlights conform perfectly to the lamp surface. The scalable design allows for perfect fitment when properly heated during installation. Are these headlights as reliable as OEM parts? Yes, these headlights meet the stringent quality standards of OEM parts, offering the same reliability and performance as the original Tesla headlights. They feature high scalability and wear resistance for long service life. What is the warranty on these headlights? TESEVO LED headlights come with comprehensive warranty coverage. The long-lasting design with wear resistance ensures reliable performance over extended periods. Contact your retailer for specific warranty terms and conditions.
More you might like
Related
TESEVO LED Headlight Assembly for Model 3 Highland
Related
Centralina faro full Led/Full Led Headlight control unit
Related
LED HEADLIGHT V2 FULL SMOKED
Related