Description
/* Global Styles & Scoping */ .product-page-container-carbon { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif; color: #333; background-color: #ffffff; margin: 0 auto; max-width: 1200px; overflow: hidden; padding: 0 15px; } .product-page-container-carbon * { box-sizing: border-box; } .product-page-container-carbon .section { padding: 40px 20px; border-bottom: 1px solid #eee; } .product-page-container-carbon h2 { font-size: 2.2rem; color: #007BFF; text-align: center; margin-bottom: 40px; font-weight: 700; letter-spacing: -0.5px; } .product-page-container-carbon h3 { font-size: 1.5rem; color: #222; margin-bottom: 15px; font-weight: 600; } .product-page-container-carbon p { font-size: 1rem; line-height: 1.6; color: #555; margin-bottom: 1rem; } .product-page-container-carbon ul { margin-bottom: 1rem; padding-left: 20px; } .product-page-container-carbon li { margin-bottom: 10px; color: #555; } /* Image & Video Placeholders */ .product-page-container-carbon .placeholder-image { width: 100%; background-color: #e9ecef; border: none; display: flex; align-items: center; justify-content: center; color: #6c757d; font-weight: bold; border-radius: 12px; margin-bottom: 20px; transition: box-shadow 0.3s ease; overflow: hidden; padding: 0; } .product-page-container-carbon .placeholder-image img, .product-page-container-carbon .placeholder-image iframe { width: 100%; height: 100%; object-fit: cover; display: block; border: none; } .product-page-container-carbon .placeholder-image:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.1); } /* Hero Section */ .product-page-container-carbon .hero-section { text-align: center; background: radial-gradient(circle at center, #f8f9fa 0%, #e9ecef 100%); padding: 60px 20px; } .product-page-container-carbon .hero-section h2 { color: #111; font-size: 2.5rem; } .product-page-container-carbon .hero-section .sub-headline { font-size: 1.25rem; color: #555; max-width: 700px; margin: 0 auto 30px auto; } /* Feature Grid */ .product-page-container-carbon .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .product-page-container-carbon .feature-text { padding: 20px; } /* Why Choose Us Grid */ .product-page-container-carbon .why-us-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; text-align: center; margin-top: 30px; } .product-page-container-carbon .why-card { background: #f9f9f9; padding: 30px 20px; border-radius: 12px; transition: transform 0.3s ease; } .product-page-container-carbon .why-card:hover { transform: translateY(-5px); background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .product-page-container-carbon .icon-check { color: #007BFF; font-size: 2rem; margin-bottom: 15px; display: block; } /* Style Options */ .product-page-container-carbon .style-options { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; } .product-page-container-carbon .style-card { flex: 1; min-width: 300px; text-align: center; } /* Compatibility Table */ .product-page-container-carbon .compat-table { width: 100%; max-width: 600px; margin: 20px auto; border-collapse: collapse; } .product-page-container-carbon .compat-table td, .product-page-container-carbon .compat-table th { padding: 15px; border-bottom: 1px solid #ddd; text-align: left; } .product-page-container-carbon .compat-table th { background-color: #f8f9fa; font-weight: 600; } /* Box Content List */ .product-page-container-carbon .box-content-list { list-style: none; padding: 0; max-width: 600px; margin: 0 auto; text-align: left; background: #f8f9fa; padding: 30px; border-radius: 12px; border: 1px solid #eee; } .product-page-container-carbon .box-content-list li { padding: 10px 0; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; font-weight: 500; } .product-page-container-carbon .box-content-list li:last-child { border-bottom: none; } .product-page-container-carbon .box-content-list li::before { content: ‘📦’; margin-right: 15px; font-size: 1.2rem; } /* Warranty Badge */ .product-page-container-carbon .warranty-box { text-align: center; background: linear-gradient(to right, #eef2f3, #e6effc); padding: 25px; border-radius: 12px; border: 1px solid #dbeafe; margin: 40px auto; max-width: 800px; display: flex; align-items: center; justify-content: center; gap: 20px; } .product-page-container-carbon .warranty-icon { font-size: 2.5rem; } .product-page-container-carbon .warranty-text h4 { margin: 0 0 5px 0; color: #0056b3; font-size: 1.2rem; } .product-page-container-carbon .warranty-text p { margin: 0; font-size: 0.95rem; color: #444; } /* FAQ Accordion */ .product-page-container-carbon .faq-container { max-width: 800px; margin: 0 auto; } .product-page-container-carbon .faq-item { border-bottom: 1px solid #ddd; margin-bottom: 10px; } .product-page-container-carbon .faq-question { cursor: pointer; padding: 20px; display: flex; justify-content: space-between; align-items: center; font-weight: bold; background-color: #f9f9f9; border-radius: 5px 5px 0 0; transition: background-color 0.2s; } .product-page-container-carbon .faq-question:hover { background-color: #f0f0f0; } .product-page-container-carbon .faq-question::after { content: ‘+’; font-size: 1.5rem; transition: transform 0.3s ease; color: #007BFF; } .product-page-container-carbon .faq-item.active .faq-question::after { transform: rotate(45deg); } .product-page-container-carbon .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; padding: 0 20px; background-color: #fff; border-radius: 0 0 5px 5px; } .product-page-container-carbon .faq-answer p { padding: 20px 0; margin: 0; } /* Responsive */ @media (max-width: 768px) { .product-page-container-carbon .feature-grid { grid-template-columns: 1fr; } .product-page-container-carbon .feature-grid.reverse { display: flex; flex-direction: column-reverse; } .product-page-container-carbon h2 { font-size: 1.8rem; } .product-page-container-carbon .warranty-box { flex-direction: column; text-align: center; gap: 10px; } }
Redefine Your Profile
Genuine Carbon Fiber Mirror Replacements for Model S & X.
Not a cover. A complete transformation.
The “Factory Plus” Look
Designed, Not Just Covered
Most carbon fiber options on the market are cheap stick-on caps that add bulk and create unsightly gaps. We believe in doing it right.
These are full replacement units. You remove the factory plastic cap and snap these into place using original mounting points. The result is a flush, aerodynamic finish that looks like it came straight from a performance studio.
100% Real Carbon Fiber
Authentic Weave & Clarity
Crafted from genuine carbon fiber, these mirrors offer the depth and 3D shimmer that vinyl wraps simply cannot fake.
- Lightweight: Motorsport-inspired construction.
- Durable: UV-resistant clear coat prevents yellowing and fading.
- Premium Feel: A tactile upgrade you see every time you drive.
Choose Your Finish
Whether you are building a bold performance look or a stealthy OEM+ cruiser.
Gloss Carbon
Bold, eye-catching, and high-contrast. Matches perfectly with performance wheels and spoilers.
Matte Carbon
Understated, stealthy, and sophisticated. The perfect choice for a “chrome delete” aesthetic.
Perfect Fitment Guaranteed
Precision-molded specifically for legacy Model S and Model X platforms.
| Model | Year Range |
|---|---|
| Tesla Model S | 2014 – 2020 |
| Tesla Model X | 2015 – 2019 |
*Please verify your vehicle year before ordering to ensure seamless installation.
What’s in the Box
- 1x Driver Side Carbon Fiber Mirror Replacement (Not including mirror)
- 1x Passenger Side Carbon Fiber Mirror Replacement (Not including mirror)
- 1x Installation Pry Tool (Included)
Why Tesla Owners Choose This Upgrade
✓
Instant Impact
One of the most visible exterior details. It instantly signals performance and attention to detail.
✓
No Shortcuts
Say goodbye to peeling tape and awkward edges found on cheap overlays.
✓
The Perfect Pair
The ideal finishing piece if you already have a carbon spoiler or side skirts.
🛡️
1-Year Quality Warranty
We stand by our craftsmanship. Covered against UV fading, yellowing, or clear coat peeling.
Frequently Asked Questions
How difficult is the installation?
Installation Difficulty: Moderate (30-45 mins).
This is a full replacement, which requires removing the factory mirror glass to access the clips. We include a specialized Pry Tool to help with this process. We recommend professional installation for best results, though many enthusiasts install it themselves in under 45 minutes.
Does this affect mirror folding or heating?
Does NOT affect power-folding, heating, or auto-dimming functions.
Since you are only replacing the outer housing cap, all internal mechanisms remain untouched. Your power-folding, heating, and auto-dimming functions will continue to work exactly as they did before.
Will this fit the 2021+ Refresh (Plaid/Long Range)?
No. This product is specifically engineered for the legacy Model S (2014–2020) and Model X (2015–2019). The mirror design was changed on the 2021+ refresh models.
Is this real carbon fiber?
Yes. These are made with 100% genuine carbon fiber laid over a precision ABS mold for fitment. We do not use “carbon look” hydro-dipped plastic.
What if I break a clip during installation?
We recommend watching our installation video carefully before starting. However, if you encounter issues during installation, please contact our support team immediately for guidance.
document.addEventListener(‘DOMContentLoaded’, function () { const container = document.querySelector(‘.product-page-container-carbon’); if (!container) return; const faqItems = container.querySelectorAll(‘.faq-item’); faqItems.forEach(item => { const question = item.querySelector(‘.faq-question’); const answer = item.querySelector(‘.faq-answer’); question.addEventListener(‘click’, () => { const isActive = item.classList.contains(‘active’); faqItems.forEach(otherItem => { if(otherItem !== item) { otherItem.classList.remove(‘active’); otherItem.querySelector(‘.faq-answer’).style.maxHeight = ‘0px’; otherItem.querySelector(‘.faq-answer’).style.padding = ‘0 20px’; } }); if (!isActive) { item.classList.add(‘active’); answer.style.maxHeight = answer.scrollHeight + ‘px’; answer.style.padding = ‘0 20px’; } else { item.classList.remove(‘active’); answer.style.maxHeight = ‘0px’; setTimeout(() => { if(!item.classList.contains(‘active’)) answer.style.padding = ‘0 20px’; }, 300); } }); }); });
Explore more from our collection.
Reviews
There are no reviews yet.