{"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@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');.tpd-container {    --primary-color: #0065b3;    --text-dark: #111827;    --text-gray: #4b5563;    --bg-white: #ffffff;    --bg-light: #f9fafb;    --warning-bg: #fffaf0;     --warning-border: #feebc8;    --warning-text: #744210;    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 *\/.tpd-hero-img {    width: 100%;    margin-bottom: 20px;}.tpd-hero-img img {    width: 100%;    display: block;    border-radius: 16px; }\/* Section Titles *\/.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;}\/* Icons Grid with White Rounded Backgrounds *\/.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: #f0f7ff;    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 Cards *\/.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.1; 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); }\/* Compatibility Section *\/.tpd-compatibility-card-wrapper {    background: #ffffff;    padding: 60px 40px;    border-radius: 24px;    margin: 40px 0;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);    border: 1px solid #f5f5f5;    box-sizing: border-box;}.tpd-comp-header {    text-align: center;    max-width: 850px;    margin: 0 auto 35px;}.tpd-comp-header .tpd-section-title { margin-top: 0; font-weight: 700; }.tpd-comp-header p {    font-size: 16px;    color: var(--text-gray);    margin-top: -20px;}.tpd-comp-alert {    background: var(--warning-bg);    border: 1px solid var(--warning-border);    border-radius: 12px;    padding: 20px 25px;    display: flex;    gap: 15px;    max-width: 900px;    margin: 0 auto;    align-items: center;}.tpd-comp-alert svg { color: #d69e2e; min-width: 24px; }.tpd-comp-alert p { font-size: 15px; color: var(--warning-text); margin: 0; }.tpd-comp-alert b { color: #975a16; }\/* 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 *\/@media (max-width: 992px) {    .tpd-inner-content { padding: 0 15px; }    .tpd-section-title { font-size: 28px; margin: 40px 0 20px; }    .tpd-icon-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 40px; }    .tpd-icon-card { padding: 20px 10px; }    .tpd-icon-card h4 { font-size: 13px; }    .tpd-icon-card p { display: none; }     .tpd-icon-circle { width: 42px; height: 42px; margin-bottom: 8px; }    .tpd-feature-row, .tpd-feature-row.reverse { flex-direction: column; gap: 20px; text-align: center; }    .tpd-feature-card { padding: 25px 20px; border-radius: 16px; }    .tpd-feature-content h3 { font-size: 24px; }    .tpd-compatibility-card-wrapper { padding: 40px 20px; border-radius: 16px; }    .tpd-comp-alert { flex-direction: column; text-align: center; }    .tpd-faq-item summary { font-size: 15px; padding: 15px 20px; }}\u003c\/style\u003e\u003cdiv class=\"tpd-container\"\u003e\n\u003cdiv class=\"tpd-hero-img\"\u003e\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\u003c\/div\u003e\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\u003cdiv class=\"tpd-icon-grid\"\u003e\n\u003cdiv class=\"tpd-icon-card\"\u003e\n\u003cdiv class=\"tpd-icon-circle\"\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\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\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\u003cdiv class=\"tpd-feature-card\"\u003e\u003cdiv class=\"tpd-feature-row\"\u003e\n\u003cdiv class=\"tpd-feature-image\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-64-color-puddle-lights-for-model-3ysx-app-controlled-7552161.png?v=1777419193\u0026amp;width=713\" alt=\"64-Color Ambient\"\u003e\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\u003c\/div\u003e\n\u003cdiv class=\"tpd-feature-card\"\u003e\u003cdiv class=\"tpd-feature-row reverse\"\u003e\n\u003cdiv class=\"tpd-feature-image\"\u003e\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\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\u003c\/div\u003e\n\u003cdiv class=\"tpd-feature-card\"\u003e\u003cdiv class=\"tpd-feature-row\"\u003e\n\u003cdiv class=\"tpd-feature-image\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-64-color-puddle-lights-for-model-3ysx-app-controlled-3934867.jpg?v=1777419194\u0026amp;width=713\" alt=\"Plug and Play Installation\"\u003e\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\u003c\/div\u003e\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 check your model and manufacture date 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\u003cp\u003e\u003cb\u003eModel 3 \/ Model Y:\u003c\/b\u003e Compatible with vehicles manufactured \u003cb\u003e2017–2024\u003c\/b\u003e.\u003cbr\u003e\u003cb\u003eModel S \/ Model X:\u003c\/b\u003e Compatible with vehicles manufactured \u003cb\u003e2016–2021\u003c\/b\u003e (pre-facelift) only. \u003cb\u003eNot compatible\u003c\/b\u003e with 2021–2024 (post-facelift) models.\u003cbr\u003e\u003cb\u003eNote:\u003c\/b\u003e On post-facelift Model S\/X, the rear door puddle light housing is \u003cb\u003eround-shaped\u003c\/b\u003e and is \u003cb\u003enot supported\u003c\/b\u003e by this product.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"tpd-faq-section\"\u003e\u003ch2 class=\"tpd-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdiv class=\"tpd-faq-list\"\u003e\n\u003cdetails class=\"tpd-faq-item\"\u003e\u003csummary\u003eIs this compatible with all Tesla models?\u003c\/summary\u003e\u003cdiv class=\"tpd-faq-a\"\u003eFits Model 3 and Model Y manufactured 2017–2024. For Model S\/X, it fits vehicles manufactured 2016–2021 (pre-facelift) only; post-facelift (2021–2024) Model S\/X, including the round rear door housing, is not supported.\u003c\/div\u003e\u003c\/details\u003e\u003cdetails class=\"tpd-faq-item\"\u003e\u003csummary\u003eHow do I control the 64 colors?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails class=\"tpd-faq-item\"\u003e\u003csummary\u003eIs the installation difficult?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails class=\"tpd-faq-item\"\u003e\u003csummary\u003eWill this affect the car's battery?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails class=\"tpd-faq-item\"\u003e\u003csummary\u003eWhat should I do if an error message appears?\u003c\/summary\u003e\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\u003c\/details\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"4 PCS","offer_id":46962254774469,"sku":"TLA023-4","price":109.99,"currency_code":"USD","in_stock":true},{"title":"2 PCS","offer_id":46962254807237,"sku":"TLA023","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/5008\/7365\/files\/tesery-rgb-64-color-puddle-lights-for-model-3ysx-app-controlled-9835157_bb98fc34-52b1-4127-a956-398d7b423cca.png?v=1789807594","url":"https:\/\/tescraft.shop\/products\/model-3-y-s-x-rgb-64-color-puddle-lights","provider":"TesCraft","version":"1.0","type":"link"}