Tesla Galaxy Sunroof Projector – Starry Sky Ambient Lighting System

Description

/* Define Colors for Black and White Theme */ :root { –primary-color: #000; /* Main text and accents (Pure Black) */ –dark-text: #000; /* Text color set to pure black */ –light-border: #f3f3f3; /* Very light border color */ –hover-border: #000; /* Black border on hover */ –hover-text: #000; –light-bg: #f7f7f7; –white-bg: #ffffff; –accent-color: #04d8cd; /* Used for dividers or small accents */ –ultra-light-bg: #fcfcfc; /* Ultra light, nearly white background for features */ } .tesery-product-description-container { font-family: ‘Arial’, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; color: var(–dark-text); line-height: 1.6; background-color: var(–white-bg); /* Ensure main background is white */ } /* *** MODIFIED: Main Title H2 and Tags *** */ .tesery-product-description-container h2 { color: var(–dark-text); font-size: 32px; margin-bottom: 5px; text-align: center; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05); } /* *** NEW: H2 Divider Style *** */ .h2-divider { width: 50px; height: 3px; background-color: var(–primary-color); margin: 0px auto 10px; border-radius: 2px; } .product-tags { text-align: center; margin-bottom: 30px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; } .product-tags .tag { display: inline-block; padding: 5px 10px; background-color: var(–light-bg); border: 1px solid var(–light-border); border-radius: 6px; font-size: 14px; color: var(–dark-text); font-weight: 500; } /* *** MODIFIED: Section Title H3 font size *** */ .tesery-product-description-container h3 { color: var(–dark-text); font-size: 28px; margin-top: 30px; margin-bottom: 15px; text-align: center; } .tesery-product-description-container h4 { font-size: 20px; margin-bottom: 10px; color: var(–primary-color); } .tesery-product-description-container p { font-size: 16px; line-height: 1.6; margin-bottom: 15px; text-align: justify; } /* Main Visual (Image Placeholder) */ .main-visual-item { border-radius: 12px; overflow: hidden; margin-bottom: 40px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); text-align: center; position: relative; width: 100%; max-height: 600px; background: var(–light-bg); } .main-visual-item img { width: 100%; height: auto; display: block; object-fit: contain; } /* Features Section */ .features-section { margin-bottom: 40px; background: var(–white-bg); padding: 30px 0; border-radius: 12px; } .feature-item { display: flex; margin-bottom: 40px; gap: 40px; align-items: center; padding: 20px; border-radius: 12px; transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: var(–ultra-light-bg); /* Ultra light, nearly white background */ } .feature-item:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); } .feature-image { flex: 1; aspect-ratio: 1/1; /* 1:1 Aspect Ratio */ border-radius: 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; max-width: 40%; position: relative; } .feature-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; transition: transform 0.5s ease; } .feature-item:hover .feature-image img { transform: scale(1.05); } .feature-content { flex: 1; padding: 0 15px; max-width: 60%; } .feature-divider { width: 60px; height: 3px; background-color: var(–primary-color); margin-bottom: 15px; } .feature-item.reverse { flex-direction: row-reverse; } /* Product Breakdown (Specs & Accessories) */ .product-breakdown { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 40px; } .breakdown-section { flex: 0 1 calc(50% – 10px); padding: 30px; background-color: var(–white-bg); border: 1px dashed var(–primary-color); border-radius: 12px; text-align: center; } .breakdown-section h4 { margin-top: 0; color: var(–primary-color); text-align: center; } .breakdown-section ul { list-style: none; padding: 0; text-align: left; max-width: 450px; margin: 0 auto; margin-bottom: 20px; } .breakdown-section li { margin-bottom: 10px; font-size: 16px; color: var(–dark-text); position: relative; padding-left: 20px; } .breakdown-section li::before { content: ‘•’; color: var(–primary-color); font-weight: bold; position: absolute; left: 0; font-size: 20px; line-height: 1; } /* *** FAQ Section Styles (Pure CSS Accordion) *** */ .faq-section { margin-top: 50px; margin-bottom: 40px; padding: 0 20px; } .faq-item { margin-bottom: 10px; border: 1px solid var(–light-border); border-radius: 12px; overflow: hidden; background-color: var(–white-bg); transition: box-shadow 0.3s ease, border-color 0.2s ease; width: 100%; } .faq-item:hover { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05); border-color: var(–hover-border); } /* Hidden Checkbox for Pure CSS Toggle */ .faq-toggle { display: none; } .faq-question { background-color: var(–white-bg); padding: 15px 20px; cursor: pointer; font-weight: normal; font-size: 17px; display: flex; justify-content: space-between; align-items: center; transition: color 0.2s ease; color: var(–dark-text); white-space: normal; word-break: break-word; } .faq-question:hover { color: var(–hover-text); } /* Expand/Collapse Indicator */ .faq-question::after { content: ‘+’; font-size: 20px; color: var(–primary-color); transition: transform 0.3s ease; flex-shrink: 0; } /* When checkbox is checked, change the indicator to ‘-‘ */ .faq-toggle:checked + .faq-question::after { content: ‘-‘; transform: rotate(0deg); } .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; /* Increase transition time for smoother reveal of large max-height */ transition: max-height 0.7s ease-in-out, padding 0.5s ease-in-out; background-color: var(–white-bg); border-top: 1px solid var(–light-border); } /* When checkbox is checked, expand the answer */ .faq-toggle:checked + .faq-question + .faq-answer { padding: 15px 20px; /* Use a large fixed max-height to ensure all content fits */ max-height: 500px; border-top-color: var(–hover-border); } .faq-answer p { font-size: 15px; color: #555; margin-bottom: 0; text-align: left; } /* Responsive Design */ @media (max-width: 768px) { .tesery-product-description-container { padding: 10px; } .feature-item, .feature-item.reverse { flex-direction: column; align-items: center; margin-bottom: 20px; } .feature-image { max-width: 80%; } .feature-content { max-width: 100%; padding: 0; text-align: center; } .feature-content h4 { text-align: center; } .feature-content p { text-align: left; } .product-breakdown { flex-direction: column; } .breakdown-section { flex: 1; margin-bottom: 20px; } .breakdown-section ul { max-width: 100%; } }

Starry Sky Sunroof Projection Light for Tesla

Galaxy Ambient Lighting 360° Focus USB-Powered Safety Design Plug & Play

Key Benefits

Effortless Setup & Maximum Safety

Lights up instantly, with no setup or wiring required—true Plug & Play. Crucially, the design features no internal battery, eliminating overheating and fire risks common with cheap, rechargeable devices, ensuring safe and consistent USB power delivery.

Ultra-Clear Wide-Angle Projection

Equipped with an ultra-clear wide-angle lens for a crisp, realistic starry sky projection. The 360° manual focus ring allows you to fine-tune the sharpness, size, and angle of the image for perfect, edge-to-edge coverage across your sunroof.

Choose Your Universe: Style Options

Customize your cosmic view with two distinct, interchangeable style options:

• Galaxy
• Saturn’s Rings

Premium Build & Extreme Durability

The sleek aluminum + ABS body blends perfectly with Tesla’s minimalist interior. The anti-slip design ensures a secure fit with no shaking or interference while driving. It operates stably in a wide temperature range, working reliably from -20°C to 50°C.

📊 Technical Specifications

• Compatibility: Tesla Model 3 / Y / S / X
• Power: 3.5W, 5V (USB-Powered)
• Brightness: 300 Lumens
• Projection Distance: 0.8 – 2 meters
• Focus Adjustment: 360° Manual Focus Ring
• Materials: Aluminum Alloy + ABS
• Dimensions: Φ35mm × 140mm

📦 Package & Safety Details

• Safety Feature: No internal battery to prevent overheating and fire risks.
• Heat Dissipation: Maintained between 40–55°C (normal during use).
• Installation Method: Secure fit with anti-slip design (Original) or Adhesive mount version (Modified).
• Includes: Starry Sky Projection Light (1pc), User Manual, Certificate of Quality, Premium Gift Box.

Frequently Asked Questions (FAQ)

Q1: Does this projector require an internal battery?

A1: No, it does not. It is USB-powered, which eliminates the risks of overheating and fire associated with internal batteries, ensuring safe and stable operation. This is a key safety feature of our product.

Q2: Which Tesla models are compatible with this light?

A2: This product is compatible with all Tesla models: Tesla Model 3 / Y / S / X. It’s powered via a USB interface and can be used with any available USB port in your vehicle.

Q3: How do I adjust the clarity and size of the projection?

A3: You can easily adjust the sharpness (clarity) and coverage area of the projection using the 360° manual focus ring located on the projector body, allowing you to achieve the perfect visual effect.

Q4: Is the installation difficult? Does it require cutting any wires?

A4: Installation is extremely simple, truly Plug & Play. You just need to plug it into a USB port and place it in a suitable non-slip position. No wire cutting or modification to your vehicle’s original wiring is required.

Explore more from our collection.