Descrição
@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Instrument+Sans:wght@400;500;600;700;800&display=swap’);
.tpd-container {
–primary-color: #0065b3;
–text-dark: #111827;
–text-gray: #4b5563;
–bg-white: #ffffff;
–bg-light: #f9fafb;
–accent-glow: rgba(0, 101, 179, 0.1);
max-width: 1200px;
margin: 0 auto;
padding: 0;
font-family: ‘Instrument Sans’, sans-serif;
color: var(–text-dark);
line-height: 1.6;
background-color: var(–bg-white);
}
.tpd-inner-content {
padding: 0 20px;
}
/* Hero Image Section */
.tpd-hero-img {
width: 100%;
margin-bottom: 20px;
}
.tpd-hero-img img {
width: 100%;
display: block;
border-radius: 16px;
}
/* Main Section Title */
.tpd-section-title {
font-family: ‘Instrument Sans’, sans-serif;
font-size: 42px;
text-align: center;
margin: 60px 0 40px;
font-weight: 700;
letter-spacing: -1px;
color: var(–text-dark);
line-height: 1.2;
}
/* Selling Points Grid (White Rounded Boxes) */
.tpd-icon-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 60px;
}
.tpd-icon-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 30px 15px;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
border: 1px solid #f0f0f0;
}
.tpd-icon-circle {
width: 48px;
height: 48px;
background: var(–accent-glow);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.tpd-icon-card svg { width: 22px; height: 22px; color: var(–primary-color); }
.tpd-icon-card h4 { font-size: 15px; font-weight: 700; margin-bottom: 4px; color: var(–text-dark); }
.tpd-icon-card p { font-size: 12px; color: var(–text-gray); margin: 0; line-height: 1.3; }
/* Feature Sections */
.tpd-feature-card {
background: #ffffff;
padding: 40px;
border-radius: 24px;
margin-bottom: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
border: 1px solid #f5f5f5;
width: 100%;
box-sizing: border-box;
}
.tpd-feature-row { display: flex; align-items: center; gap: 50px; }
.tpd-feature-row.reverse { flex-direction: row-reverse; }
.tpd-feature-image { flex: 1.2; overflow: hidden; }
.tpd-feature-image img { width: 100%; display: block; border-radius: 16px; }
.tpd-feature-content { flex: 1; }
.tpd-feature-content h3 {
font-family: ‘Instrument Sans’, sans-serif;
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
color: var(–text-dark);
letter-spacing: -0.5px;
}
.tpd-feature-content p { font-size: 16px; margin: 0; color: var(–text-gray); }
/* Box Contents Section */
.tpd-box-section {
background: var(–bg-light);
padding: 60px 40px;
border-radius: 24px;
margin: 40px 0;
text-align: center;
}
.tpd-box-list {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 30px;
flex-wrap: wrap;
}
.tpd-box-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.tpd-box-item svg { color: var(–primary-color); width: 32px; height: 32px; }
.tpd-box-item span { font-weight: 600; font-size: 16px; }
/* FAQ Styles */
.tpd-faq-section { padding: 40px 0 80px; }
.tpd-faq-list { width: 100%; margin: 0 auto; }
.tpd-faq-item {
background: #ffffff;
border-radius: 12px;
margin-bottom: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
border: 1px solid #f0f0f0;
overflow: hidden;
transition: all 0.3s ease;
}
.tpd-faq-item:hover { box-shadow: 0 6px 25px rgba(0,0,0,0.08); }
.tpd-faq-item summary {
list-style: none;
padding: 20px 25px;
cursor: pointer;
font-weight: 700;
font-size: 17px;
display: flex;
justify-content: space-between;
align-items: center;
user-select: none;
}
.tpd-faq-icon { width: 16px; height: 16px; position: relative; }
.tpd-faq-icon::before { content: ”; position: absolute; width: 100%; height: 2px; background: #333; top: 50%; margin-top: -1px; }
.tpd-faq-icon::after { content: ”; position: absolute; width: 2px; height: 100%; background: #333; left: 50%; margin-left: -1px; transition: transform 0.3s; }
.tpd-faq-item[open] .tpd-faq-icon::after { transform: rotate(90deg); opacity: 0; }
.tpd-faq-a {
padding: 0 25px 20px 25px;
font-size: 15px;
color: var(–text-gray);
border-top: 1px solid #f9f9f9;
padding-top: 15px;
}
/* Responsive adjustments */
@media (max-width: 992px) {
.tpd-section-title { font-size: 28px; margin: 40px 0 20px; }
.tpd-icon-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
.tpd-feature-row, .tpd-feature-row.reverse { flex-direction: column; text-align: center; }
.tpd-feature-card { padding: 25px 20px; border-radius: 16px; }
.tpd-feature-content h3 { font-size: 24px; }
.tpd-faq-item summary { font-size: 15px; padding: 15px 20px; }
.tpd-box-list { gap: 20px; }
}
{
“@context”: “https://schema.org”,
“@type”: “FAQPage”,
“mainEntity”: [
{
“@type”: “Question”,
“name”: “Is this compatible with my Tesla?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “This product is specifically designed for Tesla Model 3 Highland (2024+) and Model Y Juniper versions. It fits the updated wireless charging console layout.”
}
},
{
“@type”: “Question”,
“name”: “Will it affect wireless charging speed?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Not at all. The light module is ultra-thin and positioned around the charging ports, ensuring no interference with the 15W Qi charging capability or device placement.”
}
},
{
“@type”: “Question”,
“name”: “How is it powered?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “It connects directly to the original vehicle power interface using a plug-and-play harness. No external battery or complicated wiring is required.”
}
},
{
“@type”: “Question”,
“name”: “Can I turn off the light when I don’t need it?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes, you can turn the light off, adjust brightness, or change colors anytime through the mobile App via Bluetooth.”
}
},
{
“@type”: “Question”,
“name”: “Is the adhesive safe for the interior?”,
“acceptedAnswer”: {
“@type”: “Answer”,
“text”: “Yes, we use automotive-grade adhesive that provides a strong bond but can be removed without leaving residue or damaging the factory console material.”
}
}
]
}
Starry Galaxy Wireless Charging Port
Ambient Light for Model 3/Y
Intelligent App Control
Take full command of your cockpit’s atmosphere. Customize millions of colors and dynamic lighting modes via a dedicated Bluetooth App. From subtle glows to vibrant transitions, the mood is always in your hands.
Laser-Etched Chrome Finish
Specifically engineered for the Model 3 Highland and Model Y Juniper, this premium chrome-finished module features precision laser-etching. It fills the visual void of the charging area with a stunning starry sky effect that stays elegant even when off.
Non-Destructive Adhesive Install
True 5-minute setup. Featuring a premium adhesive backing and direct-plug connectors, this unit installs without removing door frames or cutting wires. Simply peel, stick, and plug for an instant OEM-grade upgrade that won’t void your warranty.
What’s in the Box
Wireless Charging Ambient Light x1
Power Cable x1













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