{"product_id":"tesla-model-3-y-rgb-sound-activated-ambient-lighting-kit","title":"TESERY Model 3\/Y RGB Sound-Activated Ambient Lighting Kit","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Define Colors for Black and White Theme *\/\n        :root {\n            --primary-color: #000;\n            --dark-text: #000;\n            --light-border: #f3f3f3;\n            --hover-border: #000;\n            --hover-text: #000; \n            --light-bg: #f7f7f7;\n            --white-bg: #ffffff;\n            \/* Accent Color kept as Cyan to highlight RGB\/Dynamic features *\/\n            --accent-color: #04d8cd;\n        }\n\n        * {\n            box-sizing: border-box;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\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        }\n\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        \/* UPDATED: h2 Divider now uses a RGB Linear Gradient for a dynamic effect *\/\n        .h2-divider {\n            width: 50px;\n            height: 3px;\n            \/* RGB Rainbow Gradient *\/\n            background-image: linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);\n            margin: 0px auto 10px;\n            border-radius: 2px;\n            \/* Optional: Adds a subtle animation for dynamic effect *\/\n            animation: gradient-shift 5s linear infinite; \n            background-size: 200% auto; \/* For animation effect *\/\n        }\n\n        @keyframes gradient-shift {\n            0% { background-position: 0% 50%; }\n            100% { background-position: 100% 50%; }\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        .tesery-product-description-container h3 {\n            color: var(--dark-text);\n            font-size: 32px; \n            margin-top: 60px;\n            margin-bottom: 25px;\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: left;\n        }\n        \n        \/* UPDATED: Main Visual Item and Video Container - Changed to Image Containers *\/\n        .main-visual-item,\n        .youtube-video-container-bottom {\n            position: relative;\n            width: 100%;\n            padding-bottom: 56.25%;\n            height: 0;\n            overflow: hidden;\n            margin-bottom: 40px;\n            background: #000;\n        }\n\n        .main-visual-item {\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }\n\n        .youtube-video-container-bottom {\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n            margin-top: 40px;\n        }\n\n        \/* NEW: Image Styles for Main Visual - Use img instead of iframe *\/\n        .main-visual-item img,\n        .youtube-video-container-bottom img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            border: 0;\n            border-radius: inherit;\n        }\n\n        \/* Mobile optimization for visual elements *\/\n        @media (max-width: 768px) {\n            .main-visual-item,\n            .youtube-video-container-bottom {\n                border-radius: 8px;\n                margin-left: 0;\n                margin-right: 0;\n            }\n            \n            .main-visual-item img,\n            .youtube-video-container-bottom img {\n                border-radius: 8px;\n            }\n        }\n        \n        .features-section {\n            margin-bottom: 40px;\n            background: transparent;\n            padding: 0;\n            border-radius: 0;\n            box-shadow: none;\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: transparent;\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;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            max-width: 50%;\n            position: relative;\n            text-align: start;\n            background: #ffffff;\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: 50%;\n        }\n\n        \/* Mobile optimization for features *\/\n        @media (max-width: 768px) {\n            .features-section {\n                padding: 0;\n                margin-left: 0;\n                margin-right: 0;\n                width: 100%;\n            }\n\n            .feature-item {\n                padding: 0 5px;\n                gap: 15px;\n                margin-bottom: 30px;\n                box-shadow: none;\n            }\n\n            .feature-item:hover {\n                transform: none;\n                box-shadow: none;\n            }\n\n            .feature-image {\n                border-radius: 8px;\n            }\n\n            .feature-image img {\n                border-radius: 8px;\n            }\n\n            .feature-content {\n                padding: 0 5px;\n            }\n\n            .feature-content h4 {\n                font-size: 18px;\n            }\n\n            .feature-content p {\n                font-size: 14px;\n                line-height: 1.5;\n            }\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        .specs-container {\n            max-width: 1200px;\n            margin: 0 auto 40px;\n            padding: 30px;\n            background-color: var(--white-bg);\n            border-radius: 12px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n        }\n        \n        .spec-item {\n            padding: 15px 0;\n            border-bottom: 1px solid var(--light-border);\n            font-size: 16px;\n            color: var(--dark-text);\n        }\n        \n        .spec-item:last-child {\n            border-bottom: none;\n        }\n        \n        .spec-item strong {\n            color: var(--primary-color);\n        }\n\n        .package-image-container {\n            max-width: 1200px;\n            margin: 30px auto 40px;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n            background: #ffffff;\n        }\n        \n        .package-image-container img {\n            width: 100%;\n            height: auto;\n            display: block;\n            border-radius: 12px;\n        }\n\n        .product-showcase {\n            display: flex;\n            gap: 30px;\n            margin: 40px auto;\n            max-width: 1200px;\n            justify-content: center;\n        }\n        \n        .showcase-item {\n            flex: 1;\n            max-width: 585px;\n            background: var(--white-bg);\n            border-radius: 12px;\n            text-align: center;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n            overflow: hidden;\n        }\n        \n        .showcase-item:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);\n        }\n        \n        .showcase-image {\n            width: 100%;\n            aspect-ratio: 1\/1;\n            background: #ffffff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            overflow: hidden;\n            border: 1px dashed #000000;\n            border-radius: 12px;\n        }\n        \n        .showcase-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        \/* *** PURE CSS FAQ STYLING (No JavaScript Required) *** *\/\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        \/* Hide checkbox *\/\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            user-select: none;\n        }\n        \n        .faq-question:hover {\n            color: var(--hover-text);\n        }\n\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            margin-left: 15px;\n        }\n\n        \/* When checkbox is checked *\/\n        .faq-toggle:checked + .faq-question::after {\n            content: '−';\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;\n            background-color: var(--white-bg);\n            padding: 0 20px;\n        }\n\n        .faq-toggle:checked ~ .faq-answer {\n            max-height: 1000px;\n            padding: 15px 20px;\n            border-top: 1px solid var(--light-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\n            .tesery-product-description-container h3 {\n                font-size: 24px;\n                margin-top: 40px;\n                margin-bottom: 20px;\n            }\n\n            .feature-item, .feature-item.reverse {\n                flex-direction: column;\n                align-items: stretch;\n                margin-bottom: 20px;\n            }\n            \n            .feature-image, .feature-content {\n                max-width: 100%;\n                padding: 0;\n            }\n            \n            .product-showcase {\n                flex-direction: column;\n            }\n            \n            .showcase-item {\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\u003eTesla Model 3\/Y RGB Sound-Activated Ambient Light Screen Modification\u003c\/h2\u003e\n\u003cdiv class=\"h2-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-tags\"\u003e\n\u003cspan class=\"tag\"\u003eRGB Color\u003c\/span\u003e \u003cspan class=\"tag\"\u003eSound Activated\u003c\/span\u003e \u003cspan class=\"tag\"\u003eMusic Sync\u003c\/span\u003e \u003cspan class=\"tag\"\u003eModel 3\/Y Universal\u003c\/span\u003e \u003cspan class=\"tag\"\u003e\u003cspan\u003eOBD Power Supply\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"text-align: start;\" class=\"main-visual-item\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesla_sound-activated_RGB_ambient_lighting_5.jpg?v=1764668239\" alt=\"RGB Sound-Activated Ambient Light Demo\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"features-section\"\u003e\n\u003ch3\u003eElevate Your Cabin with Dynamic Light \u0026amp; Sound\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eTransform your driving into a sensory experience with intelligent ambient lighting that pulsates to your music and offers vibrant customization.\u003c\/p\u003e\n\u003cdiv class=\"feature-item\"\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\/model-3y-music-synced-rgb-ambient-lighting-with-wireless-charging-phone-mount-7038229.jpg?v=1764671822\u0026amp;width=493\" alt=\"Intelligent Sound Pickup \u0026amp; Synchronization\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eIntelligent Sound Pickup \u0026amp; Synchronization\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe core feature! The lights utilize smart sound sensing technology, allowing the dual light strips to perfectly \u003cstrong\u003esynchronize and change color\/pattern\u003c\/strong\u003e based on the ambient music or audio within the car, creating a truly immersive environment.\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:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/model-3y-music-synced-rgb-ambient-lighting-with-wireless-charging-phone-mount-5925054.jpg?v=1755864823\" alt=\"24 Brilliant RGB LED Beads and Multiple Modes\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eVibrant, High-Quality RGB Lighting\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eEquipped with 24 brilliant RGB LED beads for a dynamic and rich color display. Choose from multiple exciting modes including: \u003cstrong\u003eDream Color Sound Pickup\u003c\/strong\u003e, Single Color Mode, Focus Mode, and a smooth Breathing Gradient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/model-3y-music-synced-rgb-ambient-lighting-with-wireless-charging-phone-mount-6606908.jpg?v=1755864824\" alt=\"DIY Custom Installation Flexibility\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eDIY Custom Installation Flexibility\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eThe flexible kit allows for a truly \u003cstrong\u003epersonalized placement\u003c\/strong\u003e. Easily install the strips in various locations within your Tesla, such as the dashboard edge, car doors, or center console, to craft your unique lighting aesthetic.\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:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/TeslaModel3YRGBSound-ActivatedAmbientLightingKit_4.jpg?v=1764667025\" alt=\"Simple Setup and Instant Pairing\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eSimple Setup and Instant Pairing\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eDesigned for easy installation with a simple connection to the Type-C port and OBD power. The product promises instant pairing (1-second), minimizing setup time and maximizing your enjoyment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top: 50px;\"\u003eTechnical Specifications\u003c\/h3\u003e\n\u003cdiv class=\"specs-container\"\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Applicable Models:\u003c\/strong\u003e Tesla Model 3\/Y (2017-Present)\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Lighting Technology:\u003c\/strong\u003e 24 colorful RGB beads\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Power Supply:\u003c\/strong\u003e OBD power supply\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Input Power:\u003c\/strong\u003e 5V \/ 0.5A\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Product Material:\u003c\/strong\u003e ABS and PC (Polycarbonate)\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Shell Color:\u003c\/strong\u003e Ash Grey\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Product Dimensions:\u003c\/strong\u003e 225*20*17mm\u003c\/div\u003e\n\u003cdiv class=\"spec-item\"\u003e\n\u003cstrong\u003e◾ Power Interface:\u003c\/strong\u003e Type-C port\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003e \u003c\/p\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch3 style=\"margin-bottom: 25px;\"\u003eFrequently Asked Questions\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cinput type=\"checkbox\" id=\"faq1\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1\" class=\"faq-question\"\u003eQ1: Is this ambient light compatible with the new Model 3 Highland and new Model Y?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA1: Yes, this lighting kit is universally compatible with\u003cstrong\u003e Tesla Model 3\/Y (2017-Present)\u003c\/strong\u003e, including the latest Model 3 Highland and New Model Y versions.\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\"\u003e \u003clabel for=\"faq2\" class=\"faq-question\"\u003eQ2: How does the sound pickup feature work?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA2: The light strips have a built-in intelligent microphone\/sensor that actively listens to the ambient sound (music, voice, engine noise) and instantly translates the volume and rhythm into dynamic color changes and patterns (Dream Color Sound Pickup mode).\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\"\u003e \u003clabel for=\"faq3\" class=\"faq-question\"\u003eQ3: How is the product powered?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA3: The light kit is powered via an OBD power supply. This method draws power directly from the vehicle's On-Board Diagnostics port, ensuring a clean, hidden installation without splicing wires.\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\"\u003e \u003clabel for=\"faq4\" class=\"faq-question\"\u003eQ4: How many LED beads does each light strip have?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA4: The system is equipped with 24 colorful RGB beads per light unit for a bright and high-density lighting effect.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tesvra Official Store","offers":[{"title":"Default Title","offer_id":53639630913835,"sku":"TLA005","price":79.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1002\/8515\/3579\/files\/tesla-model-3y-rgb-sound-activated-ambient-lighting-kit-8038216_2d1c99da-89ba-47b7-8b78-d5336b92d49a.jpg?v=1780492809","url":"https:\/\/tesvra.com\/products\/tesla-model-3-y-rgb-sound-activated-ambient-lighting-kit","provider":"Tesvra.com","version":"1.0","type":"link"}