Descrição
/* Strictly isolated scope to prevent affecting Shopify theme */
.tpd-wrapper {
–tpd-primary: #0065b3;
–tpd-text-main: #333333;
–tpd-text-light: #666666;
–tpd-bg-light: #f5f5f5;
–tpd-border: #e5e5e5;
–tpd-radius-card: 20px;
–tpd-radius-img: 18px;
–tpd-shadow: 0 8px 24px rgba(0,0,0,0.06);
font-family: ‘DM Sans’, sans-serif;
color: var(–tpd-text-main);
line-height: 1.85;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box;
}
/* Exclusive media class */
.tpd-media-el {
max-width: 100%;
height: auto;
display: block;
border-radius: var(–tpd-radius-img) !important;
margin: 0;
padding: 0;
}
.tpd-section {
margin-bottom: 80px;
width: 100%;
}
/* Typography */
.tpd-hero-title {
font-family: ‘Montserrat’, sans-serif;
font-size: 42px;
font-weight: 800;
text-align: center;
margin: 0 0 25px 0;
color: var(–tpd-text-main);
}
.tpd-section-title {
font-family: ‘Montserrat’, sans-serif;
font-size: 34px;
font-weight: 700;
text-align: center;
margin: 0 0 15px 0;
color: var(–tpd-text-main);
}
.tpd-section-subtitle {
font-size: 16px;
color: var(–tpd-text-light);
text-align: center;
max-width: 640px;
margin: 0 auto 40px auto;
}
/* Navigation (No background) */
.tpd-nav {
display: flex;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
margin-bottom: 60px;
}
.tpd-nav-link {
text-decoration: none;
color: var(–tpd-text-light);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.06em;
padding: 5px 0;
transition: color 0.3s ease;
}
.tpd-nav-link:hover {
color: var(–tpd-primary);
}
/* Product Details Card (Badge & Tags) */
.tpd-details-card {
background: #ffffff;
border-radius: var(–tpd-radius-card);
box-shadow: var(–tpd-shadow);
border: 1px solid var(–tpd-border);
padding: 50px;
margin-bottom: 60px;
}
.tpd-badge {
display: inline-block;
background: var(–tpd-primary);
color: #ffffff;
padding: 8px 20px;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 25px;
}
.tpd-tags-wrap {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 30px;
}
.tpd-tag {
background: #f0f4f8;
color: var(–tpd-text-main);
padding: 8px 18px;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
}
.tpd-tag-blue {
background: #e3f2fd;
color: var(–tpd-primary);
}
.tpd-details-text {
font-size: 16px;
color: var(–tpd-text-light);
line-height: 1.8;
margin-bottom: 30px;
}
/* Fix for double bullets caused by Shopify themes */
.tpd-details-list {
list-style: none !important;
padding: 0 !important;
margin: 0;
}
.tpd-details-list li {
list-style: none !important;
position: relative;
padding-left: 24px;
margin-bottom: 15px;
font-size: 16px;
color: var(–tpd-text-light);
line-height: 1.6;
}
.tpd-details-list li::before {
content: ”;
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background: var(–tpd-primary);
border-radius: 50%;
}
.tpd-details-list strong {
color: var(–tpd-text-main);
font-weight: 700;
}
/* Feature Rows (Staggered Layout) */
.tpd-features-container {
display: flex;
flex-direction: column;
gap: 40px;
}
.tpd-feature-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
background: #ffffff;
border-radius: var(–tpd-radius-card);
box-shadow: var(–tpd-shadow);
padding: 40px;
width: 100%;
box-sizing: border-box;
}
.tpd-feature-row:nth-child(even) {
flex-direction: row-reverse;
}
.tpd-feature-img-wrap {
width: 50%;
}
.tpd-feature-text-wrap {
width: 50%;
}
.tpd-feature-title {
font-family: ‘Montserrat’, sans-serif;
font-size: 22px;
font-weight: 700;
margin: 0 0 15px 0;
color: var(–tpd-text-main);
}
.tpd-feature-desc {
margin: 0;
color: var(–tpd-text-light);
}
/* Video Showcase */
.tpd-top-video-wrap {
width: 100%;
margin: 0 auto;
border-radius: var(–tpd-radius-img) !important;
box-shadow: var(–tpd-shadow);
overflow: hidden;
border: 1px solid #000000;
}
.tpd-top-video-wrap .tpd-media-el {
width: 100%;
}
/* Before & After */
.tpd-ba-container {
width: 100%;
margin: 0 auto;
position: relative;
border-radius: var(–tpd-radius-img) !important;
overflow: hidden;
background: transparent;
box-shadow: none;
padding-top: 56.25%; /* 16:9 aspect ratio */
}
.tpd-ba-img {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
object-fit: cover;
border-radius: var(–tpd-radius-img) !important;
}
.tpd-ba-after {
opacity: 0;
transition: opacity 0.4s ease;
z-index: 2;
}
.tpd-ba-controls {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 25px;
}
.tpd-ba-btn {
background: var(–tpd-bg-light);
border: none;
padding: 12px 30px;
border-radius: 30px;
font-family: ‘DM Sans’, sans-serif;
font-size: 15px;
font-weight: 600;
color: var(–tpd-text-main);
cursor: pointer;
transition: all 0.3s ease;
}
.tpd-ba-btn.tpd-active {
background: var(–tpd-primary);
color: #fff;
}
/* Comparison Table */
.tpd-table-wrap {
width: 100%;
margin: 0 auto;
background: #fff;
border-radius: var(–tpd-radius-card);
box-shadow: var(–tpd-shadow);
overflow-x: auto;
}
.tpd-table {
width: 100%;
min-width: 600px;
border-collapse: collapse;
margin: 0;
}
.tpd-th {
background: var(–tpd-primary);
color: #fff;
padding: 20px;
text-align: left;
font-family: ‘Montserrat’, sans-serif;
font-weight: 700;
border: none;
}
.tpd-td {
padding: 18px 20px;
border-bottom: 1px solid var(–tpd-border);
color: var(–tpd-text-main);
}
.tpd-tr:last-child .tpd-td {
border-bottom: none;
}
.tpd-tr:nth-child(even) {
background-color: #fafafa;
}
.tpd-td-upgrade {
color: var(–tpd-primary);
font-weight: 600;
}
/* FAQ */
.tpd-faq-list {
width: 100%;
margin: 0 auto;
}
.tpd-faq-item {
background: #fff;
border: none;
box-shadow: var(–tpd-shadow);
border-radius: 12px;
margin-bottom: 15px;
overflow: hidden;
}
.tpd-faq-summary {
padding: 20px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
color: var(–tpd-text-main);
}
.tpd-faq-summary::-webkit-details-marker {
display: none;
}
.tpd-faq-icon {
font-size: 24px;
line-height: 1;
transition: transform 0.3s ease;
color: var(–tpd-primary);
}
.tpd-faq-item[open] .tpd-faq-icon {
transform: rotate(45deg);
}
.tpd-faq-content {
padding: 0 20px 20px 20px;
color: var(–tpd-text-light);
}
/* Responsive */
@media (max-width: 768px) {
.tpd-hero-title { font-size: 30px; }
.tpd-section-title { font-size: 26px; }
.tpd-nav { gap: 15px; }
.tpd-details-card {
padding: 30px 20px;
}
/* 移动端标签并排显示优化 */
.tpd-badge {
padding: 6px 14px;
font-size: 11px;
margin-bottom: 15px;
}
.tpd-tags-wrap {
gap: 8px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap; /* 允许换行,但配合 nowrap 让它们在一行放多个 */
}
.tpd-tag {
padding: 6px 12px;
font-size: 12px;
white-space: nowrap; /* 强制文字不换行,实现一行两个 */
text-align: center;
}
.tpd-feature-row {
flex-direction: column !important;
padding: 25px;
gap: 20px;
}
.tpd-feature-img-wrap, .tpd-feature-text-wrap {
width: 100%;
}
.tpd-ba-controls {
gap: 10px;
margin-top: 15px;
}
.tpd-ba-btn {
padding: 10px 15px;
font-size: 13px;
flex: 1;
text-align: center;
white-space: nowrap;
}
}
- OEM-Grade Fitment: Perfect panel gaps and original-grade sealing to resist fogging over time.
- Full LED Lighting System: Complete LED upgrade including running lights, turn signals, brake lights, and reverse lights.
- Dynamic Sequential Turn Signals: The crisp amber light sweeps smoothly, offering clear directional indication to other drivers.
- High-Intensity Output: Instant high-intensity red illumination for maximum safety during braking and poor weather conditions.

| Feature | Venom Style Upgrade | Original Old Style |
|---|---|---|
| Appearance | High-brightness & Elegant, LED Light Source | Low-spec Halogen Lights Too Plain |
| Running Lights | LED Daytime Running Lights | Low-spec Halogen Lights |
| Turn Signals | Dynamic LED Turn Signals | Low-spec Halogen Lights |
| Brake Lights | High-intensity LED Brake Lights | Low-spec Halogen Lights |
| Reverse/Fog Lights | Bright LED Reverse Lights | Low-spec Halogen Lights |
Which Tesla models are compatible with these tail lights?
Will the installation void my vehicle’s warranty?
What lighting functions are included in this upgrade?
Do I need to hire a professional for installation?
(function() {
document.addEventListener(“DOMContentLoaded”, function() {
// Before & After Toggle Logic
var btnBefore = document.getElementById(“tpd-btn-before”);
var btnAfter = document.getElementById(“tpd-btn-after”);
var imgAfter = document.getElementById(“tpd-ba-after-img”);
if(btnBefore && btnAfter && imgAfter) {
btnBefore.addEventListener(“click”, function() {
imgAfter.style.opacity = “0”;
btnBefore.classList.add(“tpd-active”);
btnAfter.classList.remove(“tpd-active”);
});
btnAfter.addEventListener(“click”, function() {
imgAfter.style.opacity = “1”;
btnAfter.classList.add(“tpd-active”);
btnBefore.classList.remove(“tpd-active”);
});
}
});
})();
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “Which Tesla models are compatible with these tail lights?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “These Venom Style Tail Lights are perfectly compatible with Tesla Model 3 (years 2021-2023) and Tesla Model Y (years 2021-2025.3).”
}
},
{
“@type”: “Question”,
“name”: “Will the installation void my vehicle’s warranty?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “No, it will not. This is a non-destructive upgrade. The plug-and-play installation requires no wire cutting and utilizes direct connectors, preserving your original functionality and warranty.”
}
},
{
“@type”: “Question”,
“name”: “What lighting functions are included in this upgrade?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “This is a complete full LED lighting system upgrade. It includes elegant running lights, dynamic sequential turn signals, high-intensity brake lights, and bright reverse/fog lights.”
}
},
{
“@type”: “Question”,
“name”: “Do I need to hire a professional for installation?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “While the lights feature a plug-and-play design that makes DIY installation possible for those with basic tools and experience, we always recommend professional installation to ensure perfect alignment and secure connections.”
}
}
]
}














Avaliações
Ainda não existem avaliações.