{"product_id":"starry-sky-sunroof-projector-ambient-lighting-for-tesla丨-galaxy-lighting-effect","title":"Starry Sky Sunroof Projector Ambient Lighting for Tesla丨 Galaxy Lighting Effect","description":"\u003cstyle\u003e\n    \/* Define Colors for Black and White Theme *\/\n    :root {\n        --primary-color: #000; \/* Main text and accents (Pure Black) *\/\n        --dark-text: #000; \/* Text color set to pure black *\/\n        --light-border: #f3f3f3; \/* Very light border color *\/\n        --hover-border: #000; \/* Black border on hover *\/\n        --hover-text: #000; \n        --light-bg: #f7f7f7;\n        --white-bg: #ffffff;\n        --accent-color: #04d8cd; \/* Used for dividers or small accents *\/\n        --ultra-light-bg: #fcfcfc; \/* Ultra light, nearly white background for features *\/\n    }\n\n    .tesery-product-description-container {\n        font-family: 'Arial', sans-serif;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 20px;\n        color: var(--dark-text);\n        line-height: 1.6;\n        background-color: var(--white-bg); \/* Ensure main background is white *\/\n    }\n\n    \/* *** MODIFIED: Main Title H2 and Tags *** *\/\n    .tesery-product-description-container h2 {\n        color: var(--dark-text);\n        font-size: 32px;\n        margin-bottom: 5px; \n        text-align: center;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);\n    }\n    \n    \/* *** NEW: H2 Divider Style *** *\/\n    .h2-divider {\n        width: 50px; \n        height: 3px;\n        background-color: var(--primary-color); \n        margin: 0px auto 10px; \n        border-radius: 2px;\n    }\n\n    .product-tags {\n        text-align: center;\n        margin-bottom: 30px;\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n\n    .product-tags .tag {\n        display: inline-block;\n        padding: 5px 10px;\n        background-color: var(--light-bg);\n        border: 1px solid var(--light-border);\n        border-radius: 6px;\n        font-size: 14px;\n        color: var(--dark-text);\n        font-weight: 500;\n    }\n\n    \/* *** MODIFIED: Section Title H3 font size *** *\/\n    .tesery-product-description-container h3 {\n        color: var(--dark-text);\n        font-size: 28px; \n        margin-top: 30px;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .tesery-product-description-container h4 {\n        font-size: 20px;\n        margin-bottom: 10px;\n        color: var(--primary-color); \n    }\n\n    .tesery-product-description-container p {\n        font-size: 16px;\n        line-height: 1.6;\n        margin-bottom: 15px;\n        text-align: justify;\n    }\n    \n    \/* Main Visual (Image Placeholder) *\/\n    .main-visual-item {\n        border-radius: 12px;\n        overflow: hidden;\n        margin-bottom: 40px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        text-align: center;\n        position: relative; \n        width: 100%;\n        max-height: 600px;\n        background: var(--light-bg);\n    }\n    .main-visual-item img {\n        width: 100%;\n        height: auto;\n        display: block;\n        object-fit: contain;\n    }\n    \n    \/* Features Section *\/\n    .features-section {\n        margin-bottom: 40px;\n        background: var(--white-bg);\n        padding: 30px 0;\n        border-radius: 12px;\n    }\n\n    .feature-item {\n        display: flex;\n        margin-bottom: 40px;\n        gap: 40px;\n        align-items: center;\n        padding: 20px;\n        border-radius: 12px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        background-color: var(--ultra-light-bg); \/* Ultra light, nearly white background *\/\n    }\n\n    .feature-item:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .feature-image {\n        flex: 1;\n        aspect-ratio: 1\/1; \/* 1:1 Aspect Ratio *\/\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        max-width: 40%; \n        position: relative;\n    }\n    \n    .feature-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 12px;\n        transition: transform 0.5s ease;\n    }\n    \n    .feature-item:hover .feature-image img {\n        transform: scale(1.05);\n    }\n\n    .feature-content {\n        flex: 1;\n        padding: 0 15px;\n        max-width: 60%;\n    }\n\n    .feature-divider {\n        width: 60px;\n        height: 3px;\n        background-color: var(--primary-color);\n        margin-bottom: 15px;\n    }\n\n    .feature-item.reverse {\n        flex-direction: row-reverse;\n    }\n    \n    \/* Product Breakdown (Specs \u0026 Accessories) *\/\n    .product-breakdown {\n        display: flex;\n        justify-content: space-between; \n        gap: 20px;\n        margin-bottom: 40px;\n    }\n    \n    .breakdown-section {\n        flex: 0 1 calc(50% - 10px);\n        padding: 30px;\n        background-color: var(--white-bg);\n        border: 1px dashed var(--primary-color); \n        border-radius: 12px;\n        text-align: center;\n    }\n    \n    .breakdown-section h4 {\n        margin-top: 0;\n        color: var(--primary-color); \n        text-align: center;\n    }\n\n    .breakdown-section ul {\n        list-style: none;\n        padding: 0;\n        text-align: left;\n        max-width: 450px;\n        margin: 0 auto;\n        margin-bottom: 20px;\n    }\n    \n    .breakdown-section li {\n        margin-bottom: 10px;\n        font-size: 16px;\n        color: var(--dark-text);\n        position: relative;\n        padding-left: 20px;\n    }\n    \n    .breakdown-section li::before {\n        content: '•';\n        color: var(--primary-color); \n        font-weight: bold;\n        position: absolute;\n        left: 0;\n        font-size: 20px;\n        line-height: 1;\n    }\n    \n    \/* *** FAQ Section Styles (Pure CSS Accordion) *** *\/\n    .faq-section {\n        margin-top: 50px;\n        margin-bottom: 40px;\n        padding: 0 20px; \n    }\n\n    .faq-item {\n        margin-bottom: 10px;\n        border: 1px solid var(--light-border); \n        border-radius: 12px; \n        overflow: hidden;\n        background-color: var(--white-bg);\n        transition: box-shadow 0.3s ease, border-color 0.2s ease; \n        width: 100%;\n    }\n\n    .faq-item:hover {\n        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);\n        border-color: var(--hover-border); \n    }\n\n    \/* Hidden Checkbox for Pure CSS Toggle *\/\n    .faq-toggle {\n        display: none;\n    }\n\n    .faq-question {\n        background-color: var(--white-bg);\n        padding: 15px 20px;\n        cursor: pointer;\n        font-weight: normal; \n        font-size: 17px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: color 0.2s ease;\n        color: var(--dark-text); \n        white-space: normal;\n        word-break: break-word;\n    }\n    \n    .faq-question:hover {\n        color: var(--hover-text);\n    }\n\n    \/* Expand\/Collapse Indicator *\/\n    .faq-question::after {\n        content: '+';\n        font-size: 20px;\n        color: var(--primary-color);\n        transition: transform 0.3s ease;\n        flex-shrink: 0; \n    }\n\n    \/* When checkbox is checked, change the indicator to '-' *\/\n    .faq-toggle:checked + .faq-question::after {\n        content: '-';\n        transform: rotate(0deg);\n    }\n\n    .faq-answer {\n        padding: 0 20px;\n        max-height: 0;\n        overflow: hidden;\n        \/* Increase transition time for smoother reveal of large max-height *\/\n        transition: max-height 0.7s ease-in-out, padding 0.5s ease-in-out; \n        background-color: var(--white-bg);\n        border-top: 1px solid var(--light-border);\n    }\n    \n    \/* When checkbox is checked, expand the answer *\/\n    .faq-toggle:checked + .faq-question + .faq-answer {\n        padding: 15px 20px;\n        \/* Use a large fixed max-height to ensure all content fits *\/\n        max-height: 500px; \n        border-top-color: var(--hover-border);\n    }\n\n    .faq-answer p {\n        font-size: 15px;\n        color: #555; \n        margin-bottom: 0;\n        text-align: left;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .tesery-product-description-container {\n            padding: 10px;\n        }\n        .feature-item, .feature-item.reverse {\n            flex-direction: column;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n        .feature-image {\n            max-width: 80%;\n        }\n        .feature-content {\n            max-width: 100%;\n            padding: 0;\n            text-align: center;\n        }\n        .feature-content h4 {\n            text-align: center;\n        }\n        .feature-content p {\n            text-align: left;\n        }\n        .product-breakdown {\n            flex-direction: column;\n        }\n        .breakdown-section {\n            flex: 1;\n            margin-bottom: 20px;\n        }\n        .breakdown-section ul {\n            max-width: 100%;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"tesery-product-description-container\"\u003e\n\u003cdiv style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eStarry Sky Sunroof Projection Light for Tesla\u003c\/h2\u003e\n\u003cdiv class=\"h2-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-tags\"\u003e\n\u003cspan class=\"tag\"\u003eGalaxy Ambient Lighting\u003c\/span\u003e \u003cspan class=\"tag\"\u003e360° Focus\u003c\/span\u003e \u003cspan class=\"tag\"\u003eUSB-Powered Safety Design\u003c\/span\u003e \u003cspan class=\"tag\"\u003ePlug \u0026amp; Play\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003ch3\u003eKey Benefits\u003c\/h3\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/starry-sky-sunroof-projector-ambient-lighting-for-tesla-galaxy-lighting-effect-7029616.jpg?v=1764139151\u0026amp;width=713\" alt=\"Plug and Play USB Setup\" loading=\"lazy\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eEffortless Setup \u0026amp; Maximum Safety\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eLights up instantly, with no setup or wiring required—true Plug \u0026amp; 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/starry-sky-sunroof-projector-ambient-lighting-for-tesla-galaxy-lighting-effect-3315383.jpg?v=1762992977\u0026amp;width=600\" alt=\"Ultra-Clear Wide-Angle Projection\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eUltra-Clear Wide-Angle Projection\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eEquipped 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/starry-sky-sunroof-projector-ambient-lighting-for-tesla-galaxy-lighting-effect-8305245.jpg?v=1764139151\u0026amp;width=713\" alt=\"Multiple Projection Style Options\" loading=\"lazy\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eChoose Your Universe: Style Options\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eCustomize your cosmic view with two distinct, interchangeable style options:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eGalaxy\u003c\/li\u003e\n\u003cli\u003eSaturn's Rings\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/starry-sky-sunroof-projector-ambient-lighting-for-tesla-galaxy-lighting-effect-4591426.jpg?v=1762992979\u0026amp;width=600\" alt=\"Sleek Aluminum Alloy Body\" loading=\"lazy\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003ePremium Build \u0026amp; Extreme Durability\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-breakdown\"\u003e\n\u003cdiv class=\"breakdown-section\"\u003e\n\u003ch4\u003e📊 Technical Specifications\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eCompatibility: Tesla Model 3 \/ Y \/ S \/ X\u003c\/li\u003e\n\u003cli\u003ePower: 3.5W, 5V (USB-Powered)\u003c\/li\u003e\n\u003cli\u003eBrightness: 300 Lumens\u003c\/li\u003e\n\u003cli\u003eProjection Distance: 0.8 – 2 meters\u003c\/li\u003e\n\u003cli\u003eFocus Adjustment: 360° Manual Focus Ring\u003c\/li\u003e\n\u003cli\u003eMaterials: Aluminum Alloy + ABS\u003c\/li\u003e\n\u003cli\u003eDimensions: Φ35mm × 140mm\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breakdown-section\"\u003e\n\u003ch4\u003e📦 Package \u0026amp; Safety Details\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003eSafety Feature: No internal battery to prevent overheating and fire risks.\u003c\/li\u003e\n\u003cli\u003eHeat Dissipation: Maintained between 40–55°C (normal during use).\u003c\/li\u003e\n\u003cli\u003eInstallation Method: Secure fit with anti-slip design (Original) or Adhesive mount version (Modified).\u003c\/li\u003e\n\u003cli\u003eIncludes: Starry Sky Projection Light (1pc), User Manual, Certificate of Quality, Premium Gift Box.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch3 style=\"margin-bottom: 25px;\"\u003eFrequently Asked Questions (FAQ)\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq1\" class=\"faq-toggle\" hidden=\"\"\u003e \u003clabel for=\"faq1\" class=\"faq-question\"\u003eQ1: Does this projector require an internal battery?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA1: 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq2\" class=\"faq-toggle\" hidden=\"\"\u003e \u003clabel for=\"faq2\" class=\"faq-question\"\u003eQ2: Which Tesla models are compatible with this light?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA2: 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq3\" class=\"faq-toggle\" hidden=\"\"\u003e \u003clabel for=\"faq3\" class=\"faq-question\"\u003eQ3: How do I adjust the clarity and size of the projection?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA3: 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq4\" class=\"faq-toggle\" hidden=\"\"\u003e \u003clabel for=\"faq4\" class=\"faq-question\"\u003eQ4: Is the installation difficult? Does it require cutting any wires?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA4: Installation is extremely simple, truly Plug \u0026amp; 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.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"For Model 3\/Y\/S\/X \/ Galaxy","offer_id":47661104627852,"sku":"TLA003-ZD","price":99.0,"currency_code":"USD","in_stock":true},{"title":"For Model 3\/Y\/S\/X \/ Saturn’s Rings","offer_id":47661104660620,"sku":"TLA003-SR","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0577\/5858\/0876\/files\/starry-sky-sunroof-projector-ambient-lighting-for-tesla-galaxy-lighting-effect-7973303.jpg?v=1776424629","url":"https:\/\/gobekusa.com\/products\/starry-sky-sunroof-projector-ambient-lighting-for-tesla%e4%b8%a8-galaxy-lighting-effect","provider":"GobekUSA","version":"1.0","type":"link"}