{"product_id":"model-3-y-s-x-rgb-64-color-puddle-lights","title":"TESERY RGB 64-Color Puddle Lights for Model 3\/Y\/S\/X | App Controlled","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700\u0026family=Instrument+Sans:wght@400;500;600;700;800\u0026display=swap');\n\n.tpd-container {\n    --primary-color: #0065b3;\n    --text-dark: #111827;\n    --text-gray: #4b5563;\n    --bg-white: #ffffff;\n    --bg-light: #f9fafb;\n    --warning-bg: #fffaf0; \n    --warning-border: #feebc8;\n    --warning-text: #744210;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n    font-family: 'Instrument Sans', sans-serif;\n    color: var(--text-dark);\n    line-height: 1.6;\n    background-color: var(--bg-white);\n}\n\n.tpd-inner-content {\n    padding: 0 20px;\n}\n\n\/* Hero Image *\/\n.tpd-hero-img {\n    width: 100%;\n    margin-bottom: 20px;\n}\n.tpd-hero-img img {\n    width: 100%;\n    display: block;\n    border-radius: 16px; \n}\n\n\/* Section Titles *\/\n.tpd-section-title {\n    font-family: 'Instrument Sans', sans-serif;\n    font-size: 42px;\n    text-align: center;\n    margin: 60px 0 40px;\n    font-weight: 700;\n    letter-spacing: -1px;\n    color: var(--text-dark);\n    line-height: 1.2;\n}\n\n\/* Icons Grid with White Rounded Backgrounds *\/\n.tpd-icon-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-bottom: 60px;\n}\n.tpd-icon-card {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 30px 15px;\n    background: #ffffff;\n    border-radius: 20px;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\n    border: 1px solid #f0f0f0;\n}\n.tpd-icon-circle {\n    width: 48px; \n    height: 48px;\n    background: #f0f7ff;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 12px;\n}\n.tpd-icon-card svg { width: 22px; height: 22px; color: var(--primary-color); }\n.tpd-icon-card h4 { font-size: 15px; font-weight: 700; margin-bottom: 4px; color: var(--text-dark); }\n.tpd-icon-card p { font-size: 12px; color: var(--text-gray); margin: 0; line-height: 1.3; }\n\n\/* Feature Cards *\/\n.tpd-feature-card {\n    background: #ffffff;\n    padding: 40px;\n    border-radius: 24px;\n    margin-bottom: 30px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n    border: 1px solid #f5f5f5;\n    width: 100%;\n    box-sizing: border-box;\n}\n.tpd-feature-row { display: flex; align-items: center; gap: 50px; } \n.tpd-feature-row.reverse { flex-direction: row-reverse; }\n.tpd-feature-image { flex: 1.1; overflow: hidden; }\n.tpd-feature-image img { width: 100%; display: block; border-radius: 16px; }\n.tpd-feature-content { flex: 1; }\n.tpd-feature-content h3 { \n    font-family: 'Instrument Sans', sans-serif; \n    font-size: 32px; \n    font-weight: 700;\n    margin-bottom: 15px; \n    color: var(--text-dark); \n    letter-spacing: -0.5px;\n}\n.tpd-feature-content p { font-size: 16px; margin: 0; color: var(--text-gray); }\n\n\/* Compatibility Section *\/\n.tpd-compatibility-card-wrapper {\n    background: #ffffff;\n    padding: 60px 40px;\n    border-radius: 24px;\n    margin: 40px 0;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n    border: 1px solid #f5f5f5;\n    box-sizing: border-box;\n}\n.tpd-comp-header {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 35px;\n}\n.tpd-comp-header .tpd-section-title { margin-top: 0; font-weight: 700; }\n.tpd-comp-header p {\n    font-size: 16px;\n    color: var(--text-gray);\n    margin-top: -20px;\n}\n.tpd-comp-alert {\n    background: var(--warning-bg);\n    border: 1px solid var(--warning-border);\n    border-radius: 12px;\n    padding: 20px 25px;\n    display: flex;\n    gap: 15px;\n    max-width: 900px;\n    margin: 0 auto;\n    align-items: center;\n}\n.tpd-comp-alert svg { color: #d69e2e; min-width: 24px; }\n.tpd-comp-alert p { font-size: 15px; color: var(--warning-text); margin: 0; }\n.tpd-comp-alert b { color: #975a16; }\n\n\/* FAQ Styles *\/\n.tpd-faq-section { \n    padding: 40px 0 80px; \n}\n.tpd-faq-list {\n    width: 100%;\n    margin: 0 auto;\n}\n.tpd-faq-item {\n    background: #ffffff;\n    border-radius: 12px;\n    margin-bottom: 16px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n    border: 1px solid #f0f0f0;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n.tpd-faq-item:hover {\n    box-shadow: 0 6px 25px rgba(0,0,0,0.08);\n}\n.tpd-faq-item summary {\n    list-style: none;\n    padding: 20px 25px;\n    cursor: pointer;\n    font-weight: 700;\n    font-size: 17px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    user-select: none;\n}\n.tpd-faq-icon { width: 16px; height: 16px; position: relative; }\n.tpd-faq-icon::before { content: ''; position: absolute; width: 100%; height: 2px; background: #333; top: 50%; margin-top: -1px; }\n.tpd-faq-icon::after { content: ''; position: absolute; width: 2px; height: 100%; background: #333; left: 50%; margin-left: -1px; transition: transform 0.3s; }\n.tpd-faq-item[open] .tpd-faq-icon::after { transform: rotate(90deg); opacity: 0; }\n\n.tpd-faq-a { \n    padding: 0 25px 20px 25px; \n    font-size: 15px; \n    color: var(--text-gray); \n    border-top: 1px solid #f9f9f9;\n    padding-top: 15px;\n}\n\n\/* Responsive *\/\n@media (max-width: 992px) {\n    .tpd-inner-content { padding: 0 15px; }\n    .tpd-section-title { font-size: 28px; margin: 40px 0 20px; }\n    .tpd-icon-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 40px; }\n    .tpd-icon-card { padding: 20px 10px; }\n    .tpd-icon-card h4 { font-size: 13px; }\n    .tpd-icon-card p { display: none; } \n    .tpd-icon-circle { width: 42px; height: 42px; margin-bottom: 8px; }\n    .tpd-feature-row, .tpd-feature-row.reverse { flex-direction: column; gap: 20px; text-align: center; }\n    .tpd-feature-card { padding: 25px 20px; border-radius: 16px; }\n    .tpd-feature-content h3 { font-size: 24px; }\n    .tpd-compatibility-card-wrapper { padding: 40px 20px; border-radius: 16px; }\n    .tpd-comp-alert { flex-direction: column; text-align: center; }\n    .tpd-faq-item summary { font-size: 15px; padding: 15px 20px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"tpd-container\"\u003e\n    \u003cdiv class=\"tpd-hero-img\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesla_Model_3YSX_RGB_64-Color_Puddle_Lights_10.png?v=1777347785\" alt=\"Tesla Puddle Lights Poster\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tpd-inner-content\"\u003e\n        \u003ch2 class=\"tpd-section-title\"\u003eCustomizable RGB Puddle Lights\u003cbr\u003eFor Tesla Model 3\/Y\/S\/X\u003c\/h2\u003e\n\n        \u003cdiv class=\"tpd-icon-grid\"\u003e\n            \u003cdiv class=\"tpd-icon-card\"\u003e\n                \u003cdiv class=\"tpd-icon-circle\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch4\u003eUltra Bright\u003c\/h4\u003e\n                \u003cp\u003eCrisp HD projection\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"tpd-icon-card\"\u003e\n                \u003cdiv class=\"tpd-icon-circle\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M13 10V3L4 14h7v7l9-11h-7z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch4\u003eLow Energy\u003c\/h4\u003e\n                \u003cp\u003eSmart LED efficiency\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"tpd-icon-card\"\u003e\n                \u003cdiv class=\"tpd-icon-circle\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch4\u003eWaterproof\u003c\/h4\u003e\n                \u003cp\u003eIP67 fully sealed\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"tpd-icon-card\"\u003e\n                \u003cdiv class=\"tpd-icon-circle\"\u003e\u003csvg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n                \u003ch4\u003eSmart Logic\u003c\/h4\u003e\n                \u003cp\u003eInstant activation\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tpd-feature-card\"\u003e\n            \u003cdiv class=\"tpd-feature-row\"\u003e\n                \u003cdiv class=\"tpd-feature-image\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesla_Model_3YSX_RGB_64-Color_Puddle_Lights_9.png?v=1777347785\" alt=\"64-Color Ambient\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tpd-feature-content\"\u003e\n                    \u003ch3\u003e64-Color Ambient Lighting\u003c\/h3\u003e\n                    \u003cp\u003eElevate your Tesla experience with 64 vibrant colors. Transition between dynamic gradient effects or choose a steady solid color to match your mood via Bluetooth.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tpd-feature-card\"\u003e\n            \u003cdiv class=\"tpd-feature-row reverse\"\u003e\n                \u003cdiv class=\"tpd-feature-image\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesla_Model_3YSX_RGB_64-Color_Puddle_Lights_10_035a7d38-7767-4dd5-bd61-8570f149f88c.png?v=1777358445\" alt=\"App Control\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tpd-feature-content\"\u003e\n                    \u003ch3\u003eIntelligent APP Control\u003c\/h3\u003e\n                    \u003cp\u003eUnlock precise control through our mobile app. Adjust brightness, switch lighting patterns, and customize your setup in real-time. Perfectly synced for a premium feel.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tpd-feature-card\"\u003e\n            \u003cdiv class=\"tpd-feature-row\"\u003e\n                \u003cdiv class=\"tpd-feature-image\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesla_Model_3YSX_RGB_64-Color_Puddle_Lights_8.jpg?v=1777347785\" alt=\"Plug and Play Installation\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"tpd-feature-content\"\u003e\n                    \u003ch3\u003eTesla-Specific Plug \u0026amp; Play\u003c\/h3\u003e\n                    \u003cp\u003eDesigned exclusively for Tesla's original factory interface. No wire splicing, no drilling, and no damage to your car. Enjoy a seamless 5-minute DIY installation that fits perfectly into the original housing.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tpd-compatibility-card-wrapper\"\u003e\n            \u003cdiv class=\"tpd-comp-header\"\u003e\n                \u003ch2 class=\"tpd-section-title\"\u003eCompatibility \u0026amp; Verification\u003c\/h2\u003e\n                \u003cp\u003ePlease ensure your vehicle uses the standard rectangular puddle light housing before purchasing.\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"tpd-comp-alert\"\u003e\n                \u003csvg fill=\"currentColor\" width=\"24\" height=\"24\" viewbox=\"0 0 20 20\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n                \u003cp\u003e\n                    \u003cb\u003eSpecial Note for Model S\/X (2023+):\u003c\/b\u003e Compatible with \u003cb\u003eFront Doors\u003c\/b\u003e only. Rear doors on these newer models use a curved housing design and are not supported.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003csection class=\"tpd-faq-section\"\u003e\n            \u003ch2 class=\"tpd-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n            \u003cdiv class=\"tpd-faq-list\"\u003e\n                \u003cdetails class=\"tpd-faq-item\" open\u003e\n                    \u003csummary\u003eIs this compatible with all Tesla models? \u003cdiv class=\"tpd-faq-icon\"\u003e\u003c\/div\u003e\u003c\/summary\u003e\n                    \u003cdiv class=\"tpd-faq-a\"\u003eFits Model 3, Model Y, and Model S\/X with standard rectangular puddle light housings. For 2023+ Model S\/X, it fits front doors only.\u003c\/div\u003e\n                \u003c\/details\u003e\n                \n                \u003cdetails class=\"tpd-faq-item\"\u003e\n                    \u003csummary\u003eHow do I control the 64 colors? \u003cdiv class=\"tpd-faq-icon\"\u003e\u003c\/div\u003e\u003c\/summary\u003e\n                    \u003cdiv class=\"tpd-faq-a\"\u003eUse our dedicated mobile app (iOS\/Android) via Bluetooth. You can select solid colors, gradients, adjust brightness, or sync with music.\u003c\/div\u003e\n                \u003c\/details\u003e\n\n                \u003cdetails class=\"tpd-faq-item\"\u003e\n                    \u003csummary\u003eIs the installation difficult? \u003cdiv class=\"tpd-faq-icon\"\u003e\u003c\/div\u003e\u003c\/summary\u003e\n                    \u003cdiv class=\"tpd-faq-a\"\u003eNo, it is 100% plug-and-play. It uses original factory connectors with no splicing or drilling required. Installation takes about 5 minutes per door.\u003c\/div\u003e\n                \u003c\/details\u003e\n\n                \u003cdetails class=\"tpd-faq-item\"\u003e\n                    \u003csummary\u003eWill this affect the car's battery? \u003cdiv class=\"tpd-faq-icon\"\u003e\u003c\/div\u003e\u003c\/summary\u003e\n                    \u003cdiv class=\"tpd-faq-a\"\u003eOur high-efficiency LEDs consume very little power and only activate when the door is open, having no noticeable impact on your vehicle's range or battery life.\u003c\/div\u003e\n                \u003c\/details\u003e\n\n                \u003cdetails class=\"tpd-faq-item\"\u003e\n                    \u003csummary\u003eWhat should I do if an error message appears? \u003cdiv class=\"tpd-faq-icon\"\u003e\u003c\/div\u003e\u003c\/summary\u003e\n                    \u003cdiv class=\"tpd-faq-a\"\u003eOur lights are designed for factory compatibility. If an error occurs, it's usually a loose connector. Simply unplug and re-check the connection to ensure it's firmly snapped in.\u003c\/div\u003e\n                \u003c\/details\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"4 PCS","offer_id":48398763589864,"sku":"TLA023-4","price":1066.0,"currency_code":"MOP","in_stock":true},{"title":"2 PCS","offer_id":48398763622632,"sku":"TLA023","price":574.0,"currency_code":"MOP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Tesla_Model_3YSX_RGB_64-Color_Puddle_Lights_6.png?v=1777347785","url":"https:\/\/www.tesery.com\/zh-zh\/products\/model-3-y-s-x-rgb-64-color-puddle-lights","provider":"Tesery Official Store","version":"1.0","type":"link"}