{"product_id":"door-projection-welcome-light-puddle-lights-for-cybertruck","title":"Door Projection Welcome Light Puddle Lights for Cybertruck","description":"\u003cstyle\u003e\n  .product-page {\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 26px 14px 38px;\n    color: #1f1f1f;\n    font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n    line-height: 1.6;\n  }\n\n  .product-page,\n  .product-page * {\n    box-sizing: border-box;\n  }\n\n  .product-page img {\n    max-width: 100%;\n    height: auto;\n  }\n\n  .product-page h2 {\n    margin: 0 0 10px;\n    text-align: center;\n    font-size: 36px;\n    line-height: 1.18;\n    font-weight: 800;\n    letter-spacing: 0;\n  }\n\n  .product-page details summary {\n    font-size: 15px;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 18px;\n    margin: 30px 0;\n  }\n\n  .features-grid \u003e div {\n    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n  }\n\n  .product-page details {\n    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\n  }\n\n  .product-page details[open] {\n    border-color: #c0c8d2 !important;\n    box-shadow: 0 12px 24px rgba(0, 86, 179, 0.08) !important;\n  }\n\n  .features-grid \u003e div:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.06) !important;\n    border-color: #c0c8d2 !important;\n  }\n\n  table tr:not(:first-child):hover {\n    background-color: #f7f8fa !important;\n  }\n\n  details[open] summary {\n    margin-bottom: 4px;\n    color: #003d7a !important;\n  }\n\n  details summary span {\n    transition: transform 0.2s ease;\n  }\n\n  details[open] summary span {\n    transform: rotate(45deg);\n  }\n\n  details summary::-webkit-details-marker {\n    display: none;\n  }\n\n  @media (max-width: 1200px), (hover: none), (pointer: coarse) {\n    html,\n    body {\n      max-width: 100% !important;\n      overflow-x: hidden !important;\n    }\n\n    .product-page {\n      width: 100% !important;\n      max-width: 100% !important;\n      overflow-x: hidden !important;\n      padding: 20px 10px 30px !important;\n    }\n\n    .product-page \u003e section {\n      width: 100% !important;\n      max-width: 100% !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n    }\n\n    .product-page \u003e section[style*=\"border-radius: 22px\"] {\n      padding: 20px 14px !important;\n      border-radius: 18px !important;\n    }\n\n    .product-page h2 {\n      font-size: 26px !important;\n      line-height: 1.22 !important;\n      overflow-wrap: anywhere;\n    }\n\n    .product-page h3 {\n      font-size: 21px !important;\n    }\n\n    .product-page p,\n    .product-page strong,\n    .product-page summary,\n    .product-page td {\n      overflow-wrap: anywhere;\n      word-break: normal;\n    }\n\n    .features-grid {\n      display: grid !important;\n      grid-template-columns: 1fr !important;\n      gap: 14px !important;\n      margin: 24px 0 !important;\n      width: 100% !important;\n    }\n\n    .features-grid \u003e div {\n      width: 100% !important;\n      max-width: 100% !important;\n      min-height: 0 !important;\n    }\n\n    .product-page section:nth-of-type(3) \u003e div:nth-of-type(2),\n    .product-page section:nth-of-type(4) \u003e div:nth-of-type(2),\n    .product-page section:nth-of-type(5) \u003e div:nth-of-type(2),\n    .product-page section:nth-of-type(7) {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: stretch !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      gap: 16px !important;\n    }\n\n    .product-page section:nth-of-type(3) \u003e div:nth-of-type(2) \u003e div,\n    .product-page section:nth-of-type(4) \u003e div:nth-of-type(2) \u003e div,\n    .product-page section:nth-of-type(5) \u003e div:nth-of-type(2) \u003e div,\n    .product-page section:nth-of-type(7) \u003e div {\n      flex: 0 0 auto !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      min-width: 0 !important;\n    }\n\n    .product-page section:nth-of-type(5) \u003e div:nth-of-type(3) {\n      display: grid !important;\n      grid-template-columns: 1fr !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .product-page \u003e section[style*=\"display: flex\"],\n    .product-page section \u003e div[style*=\"display: flex\"][style*=\"flex-wrap: wrap\"] {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: stretch !important;\n      width: 100% !important;\n      max-width: 100% !important;\n    }\n\n    .product-page \u003e section[style*=\"display: flex\"] \u003e div,\n    .product-page section \u003e div[style*=\"display: flex\"][style*=\"flex-wrap: wrap\"] \u003e div {\n      flex: 0 0 auto !important;\n      width: 100% !important;\n      max-width: 100% !important;\n      min-width: 0 !important;\n    }\n\n    .product-page section \u003e div[style*=\"display: grid\"][style*=\"grid-template-columns\"] {\n      display: grid !important;\n      grid-template-columns: 1fr !important;\n      width: 100% !important;\n    }\n\n    .product-page div[style*=\"overflow-x: auto\"] {\n      width: 100% !important;\n      max-width: 100% !important;\n      overflow-x: hidden !important;\n    }\n\n    .product-page table {\n      width: 100% !important;\n      min-width: 0 !important;\n      table-layout: fixed !important;\n    }\n\n    .product-page table td {\n      padding: 12px 10px !important;\n      white-space: normal !important;\n      word-break: break-word;\n    }\n\n    .product-page table td:first-child {\n      width: 38% !important;\n    }\n\n    .product-page details {\n      width: 100% !important;\n      max-width: 100% !important;\n      padding: 14px !important;\n      background: #fff !important;\n    }\n\n    .product-page details[open] {\n      background: #f7f8fa !important;\n    }\n\n    .product-page details summary {\n      min-height: 44px;\n      font-size: 14px !important;\n      -webkit-tap-highlight-color: transparent;\n    }\n\n    .product-page details summary span {\n      flex: 0 0 26px;\n      width: 26px !important;\n      height: 26px !important;\n      border-radius: 50%;\n      background: #f7f8fa;\n    }\n\n    .features-grid \u003e div:hover {\n      transform: none;\n      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04) !important;\n      border-color: #e0e4ea !important;\n    }\n  }\n\n  @media (max-width: 650px) {\n    .product-page {\n      padding: 20px 10px 30px !important;\n    }\n\n    .product-page h2 {\n      font-size: 26px;\n    }\n\n    .product-page h3 {\n      font-size: 21px !important;\n    }\n\n    .product-page details summary {\n      font-size: 14px;\n    }\n\n    .features-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"product-page\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003csection style=\"text-align: center; margin: 0 0 32px;\"\u003e\n\n    \u003ch2\u003e\n      Cybertruck Door Projection\n      \u003cspan style=\"color: #0056b3;\"\u003eWelcome Lights\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp style=\"margin: 0 auto 16px; max-width: 720px; color: #666; font-size: 18px;\"\u003e\n      Upgrade every entry with crisp ground projection, durable alloy construction,\n      and automatic illumination whenever your Cybertruck door opens.\n    \u003c\/p\u003e\n\n    \u003cdiv style=\"display: inline-flex; align-items: center; justify-content: center; max-width: 100%; margin: 0 auto 26px; padding: 10px 20px; border-radius: 40px; background: #f7f8fa; color: #0056b3; font-size: 15px; font-weight: 700;\"\u003e\n      HD projection · CNC alloy housing · Plug \u0026amp; play\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Door_Projection_Welcome_Light_Puddle_Lights_for_Cybertruck.jpg?v=1787739775\" alt=\"Door Projection Welcome Light for Tesla Cybertruck\" loading=\"lazy\" style=\"width: 100%; height: auto; display: block; border: 0; margin: 0;\"\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003csection class=\"features-grid\"\u003e\n\n    \u003cdiv style=\"background: #fff; border: 1px solid #e0e4ea; border-radius: 18px; box-shadow: 0 10px 24px rgba(0,0,0,0.04); padding: 22px; min-height: 190px;\"\u003e\n\n      \u003cdiv style=\"width: 54px; height: 54px; border-radius: 14px; background: #f7f8fa; display: flex; align-items: center; justify-content: center; font-size: 27px; margin-bottom: 16px;\"\u003e\n        ✨\n      \u003c\/div\u003e\n\n      \u003ch3 style=\"margin: 0 0 8px; font-size: 18px; line-height: 1.3; font-weight: 800;\"\u003e\n        High-Definition Projection\n      \u003c\/h3\u003e\n\n      \u003cp style=\"margin: 0; color: #4a4a4a; font-size: 14px;\"\u003e\n        A focused LED lens projects a sharp welcome graphic onto the ground,\n        creating a cleaner and more dramatic entry effect at night.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #fff; border: 1px solid #e0e4ea; border-radius: 18px; box-shadow: 0 10px 24px rgba(0,0,0,0.04); padding: 22px; min-height: 190px;\"\u003e\n\n      \u003cdiv style=\"width: 54px; height: 54px; border-radius: 14px; background: #f7f8fa; display: flex; align-items: center; justify-content: center; font-size: 27px; margin-bottom: 16px;\"\u003e\n        🛡️\n      \u003c\/div\u003e\n\n      \u003ch3 style=\"margin: 0 0 8px; font-size: 18px; line-height: 1.3; font-weight: 800;\"\u003e\n        CNC Alloy Housing\n      \u003c\/h3\u003e\n\n      \u003cp style=\"margin: 0; color: #4a4a4a; font-size: 14px;\"\u003e\n        The metal housing provides a more rigid and durable structure than\n        lightweight plastic housings while supporting better heat management.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"background: #fff; border: 1px solid #e0e4ea; border-radius: 18px; box-shadow: 0 10px 24px rgba(0,0,0,0.04); padding: 22px; min-height: 190px;\"\u003e\n\n      \u003cdiv style=\"width: 54px; height: 54px; border-radius: 14px; background: #f7f8fa; display: flex; align-items: center; justify-content: center; font-size: 27px; margin-bottom: 16px;\"\u003e\n        🔌\n      \u003c\/div\u003e\n\n      \u003ch3 style=\"margin: 0 0 8px; font-size: 18px; line-height: 1.3; font-weight: 800;\"\u003e\n        OEM-Style Plug \u0026amp; Play\n      \u003c\/h3\u003e\n\n      \u003cp style=\"margin: 0; color: #4a4a4a; font-size: 14px;\"\u003e\n        Connects directly to the factory door socket with no wire cutting,\n        drilling, or vehicle coding required.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- WHY IT STANDS OUT --\u003e\n  \u003csection style=\"background: #fff; border: 1px solid #dce1e8; border-radius: 22px; box-shadow: 0 12px 28px rgba(0,0,0,0.04); padding: 28px; margin: 0 0 28px;\"\u003e\n\n    \u003cdiv style=\"display: flex; align-items: center; gap: 12px; margin: 0 0 22px;\"\u003e\n      \u003cspan style=\"display:block; width:5px; height:26px; border-radius:10px; background:#0056b3;\"\u003e\u003c\/span\u003e\n\n      \u003ch3 style=\"margin:0; font-size:24px; line-height:1.25; font-weight:800;\"\u003e\n        Why These Welcome Lights Stand Out\n      \u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:28px;\"\u003e\n\n      \u003cdiv style=\"flex:1 1 420px; min-width:0;\"\u003e\n\n        \u003cdiv style=\"display:flex; gap:14px; margin:0 0 18px;\"\u003e\n          \u003cdiv style=\"font-size:24px; line-height:1;\"\u003e💡\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong style=\"display:block; margin:0 0 3px; font-size:16px;\"\u003e\n              Automatic door-open activation\n            \u003c\/strong\u003e\n\n            \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n              The projector illuminates when the door opens and switches off\n              again when the door closes for fully automatic operation.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"display:flex; gap:14px; margin:0 0 18px;\"\u003e\n          \u003cdiv style=\"font-size:24px; line-height:1;\"\u003e🔍\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong style=\"display:block; margin:0 0 3px; font-size:16px;\"\u003e\n              Focused optical lens\n            \u003c\/strong\u003e\n\n            \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n              The integrated projection lens concentrates the light into a\n              defined graphic rather than producing a simple puddle of illumination.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"display:flex; gap:14px; margin:0 0 18px;\"\u003e\n          \u003cdiv style=\"font-size:24px; line-height:1;\"\u003e⚙️\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong style=\"display:block; margin:0 0 3px; font-size:16px;\"\u003e\n              Built around the factory connection\n            \u003c\/strong\u003e\n\n            \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n              Uses the existing Cybertruck door-light interface, keeping the\n              upgrade clean and avoiding unnecessary modifications.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"display:flex; gap:14px; margin:0 0 18px;\"\u003e\n          \u003cdiv style=\"font-size:24px; line-height:1;\"\u003e🌙\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong style=\"display:block; margin:0 0 3px; font-size:16px;\"\u003e\n              Adds visibility at night\n            \u003c\/strong\u003e\n\n            \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n              Ground illumination makes the area beside the vehicle easier to\n              see when entering or exiting in low-light conditions.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv style=\"display:flex; gap:14px;\"\u003e\n          \u003cdiv style=\"font-size:24px; line-height:1;\"\u003e🚙\u003c\/div\u003e\n\n          \u003cdiv\u003e\n            \u003cstrong style=\"display:block; margin:0 0 3px; font-size:16px;\"\u003e\n              Designed for 2024+ Cybertruck\n            \u003c\/strong\u003e\n\n            \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n              Designed around the Cybertruck door-light position for a clean\n              installed appearance across current trim configurations.\n            \u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"flex:1 1 300px; min-width:0; background:#f7f8fa; border:1px solid #e0e4ea; border-radius:18px; padding:22px;\"\u003e\n\n        \u003ch4 style=\"margin:0 0 10px; color:#0056b3; font-size:16px; line-height:1.3; font-weight:800;\"\u003e\n          A Small Upgrade With Immediate Visual Impact\n        \u003c\/h4\u003e\n\n        \u003cp style=\"margin:0; color:#4a4a4a; font-size:15px;\"\u003e\n          Door projection lights change one of the most ordinary moments of\n          owning the truck: opening the door. Instead of a dark entry area,\n          the ground is illuminated with a defined projection that adds both\n          visibility and personality without changing the Cybertruck's exterior.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- IN ACTION --\u003e\n  \u003csection style=\"background:#fff; border:1px solid #dce1e8; border-radius:22px; box-shadow:0 12px 28px rgba(0,0,0,0.04); padding:28px; margin:0 0 28px;\"\u003e\n\n    \u003cdiv style=\"display:flex; align-items:center; gap:12px; margin:0 0 22px;\"\u003e\n      \u003cspan style=\"display:block; width:5px; height:26px; border-radius:10px; background:#0056b3;\"\u003e\u003c\/span\u003e\n\n      \u003ch3 style=\"margin:0; font-size:24px; line-height:1.25; font-weight:800;\"\u003e\n        See the Projection in Action\n      \u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:16px;\"\u003e\n\n      \u003cdiv style=\"flex:1 1 280px; min-width:0; border:1px solid #e0e4ea; border-radius:18px; overflow:hidden; background:#fff;\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Door_Projection_Welcome_Light_Puddle_Lights_for_Cybertruck_2.jpg?v=1787739399\" alt=\"Before and after Cybertruck door projection welcome light\" loading=\"lazy\" style=\"width:100%; height:auto; display:block; margin:0;\"\u003e\n\n        \u003cdiv style=\"padding:18px 20px;\"\u003e\n          \u003ch4 style=\"margin:0 0 6px; font-size:16px; font-weight:800;\"\u003e\n            Instant Door Transformation\n          \u003c\/h4\u003e\n\n          \u003cp style=\"margin:0; color:#666; font-size:14px;\"\u003e\n            Opening the door instantly activates the ground projection,\n            giving the entry area a noticeably more finished appearance.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"flex:1 1 280px; min-width:0; border:1px solid #e0e4ea; border-radius:18px; overflow:hidden; background:#fff;\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Door_Projection_Welcome_Light_Puddle_Lights_for_Cybertruck_6.jpg?v=1787739400\" alt=\"Cybertruck welcome light projection at night\" loading=\"lazy\" style=\"width:100%; height:auto; display:block; margin:0;\"\u003e\n\n        \u003cdiv style=\"padding:18px 20px;\"\u003e\n          \u003ch4 style=\"margin:0 0 6px; font-size:16px; font-weight:800;\"\u003e\n            Night Projection\n          \u003c\/h4\u003e\n\n          \u003cp style=\"margin:0; color:#666; font-size:14px;\"\u003e\n            The focused beam produces its strongest visual effect after dark\n            while also lighting the ground beside the truck.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"flex:1 1 280px; min-width:0; border:1px solid #e0e4ea; border-radius:18px; overflow:hidden; background:#fff;\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Door_Projection_Welcome_Light_Puddle_Lights_for_Cybertruck_4.jpg?v=1787739402\" alt=\"Cybertruck door projection welcome light outdoor use\" loading=\"lazy\" style=\"width:100%; height:auto; display:block; margin:0;\"\u003e\n\n        \u003cdiv style=\"padding:18px 20px;\"\u003e\n          \u003ch4 style=\"margin:0 0 6px; font-size:16px; font-weight:800;\"\u003e\n            Everyday Welcome Lighting\n          \u003c\/h4\u003e\n\n          \u003cp style=\"margin:0; color:#666; font-size:14px;\"\u003e\n            Works automatically whenever the door is opened, whether at home,\n            in a parking lot, or during an outdoor trip.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- INSTALLATION --\u003e\n  \u003csection style=\"background:#fff; border:1px solid #dce1e8; border-radius:22px; box-shadow:0 12px 28px rgba(0,0,0,0.04); padding:28px; margin:0 0 28px;\"\u003e\n\n    \u003cdiv style=\"display:flex; align-items:center; gap:12px; margin:0 0 22px;\"\u003e\n      \u003cspan style=\"display:block; width:5px; height:26px; border-radius:10px; background:#0056b3;\"\u003e\u003c\/span\u003e\n\n      \u003ch3 style=\"margin:0; font-size:24px; line-height:1.25; font-weight:800;\"\u003e\n        Plug \u0026amp; Play Installation\n      \u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:12px; background:#f7f8fa; border:1px solid #e0e4ea; border-radius:16px; padding:14px 16px; margin:0 0 18px;\"\u003e\n\n      \u003cdiv style=\"flex:1 1 170px; min-width:0;\"\u003e\n        \u003cstrong style=\"display:block; font-size:14px;\"\u003e\n          Install Time\n        \u003c\/strong\u003e\n\n        \u003cspan style=\"color:#4a4a4a; font-size:14px;\"\u003e\n          Under 10 minutes per door\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"flex:1 1 170px; min-width:0;\"\u003e\n        \u003cstrong style=\"display:block; font-size:14px;\"\u003e\n          Wiring\n        \u003c\/strong\u003e\n\n        \u003cspan style=\"color:#4a4a4a; font-size:14px;\"\u003e\n          Factory plug connection\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"flex:1 1 220px; min-width:0;\"\u003e\n        \u003cstrong style=\"display:block; font-size:14px;\"\u003e\n          Modification\n        \u003c\/strong\u003e\n\n        \u003cspan style=\"color:#4a4a4a; font-size:14px;\"\u003e\n          No drilling, splicing, or coding\n        \u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px;\"\u003e\n\n      \u003cdiv style=\"background:#f7f8fa; border:1px solid #e0e4ea; border-radius:16px; padding:18px;\"\u003e\n\n        \u003cstrong style=\"display:block; margin:0 0 6px; color:#0056b3; font-size:15px;\"\u003e\n          1. Access the Door Light\n        \u003c\/strong\u003e\n\n        \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n          Remove the existing door light from its factory mounting position\n          carefully without damaging the surrounding trim.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background:#f7f8fa; border:1px solid #e0e4ea; border-radius:16px; padding:18px;\"\u003e\n\n        \u003cstrong style=\"display:block; margin:0 0 6px; color:#0056b3; font-size:15px;\"\u003e\n          2. Connect the OEM Plug\n        \u003c\/strong\u003e\n\n        \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n          Disconnect the factory connector and attach it directly to the\n          projection light's matching electrical interface.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"background:#f7f8fa; border:1px solid #e0e4ea; border-radius:16px; padding:18px;\"\u003e\n\n        \u003cstrong style=\"display:block; margin:0 0 6px; color:#0056b3; font-size:15px;\"\u003e\n          3. Seat \u0026amp; Test\n        \u003c\/strong\u003e\n\n        \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n          Snap the new light into position, open the door, and check that the\n          projection is clear and correctly oriented.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Door_Projection_Welcome_Light_Puddle_Lights_for_Cybertruck_3.jpg?v=1787739401\" alt=\"Cybertruck alloy door projection light components\" loading=\"lazy\" style=\"width:100%; height:auto; display:block; margin:22px 0 0; border-radius:16px;\"\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- PACKAGE OPTIONS --\u003e\n  \u003csection style=\"background:#fff; border:1px solid #dce1e8; border-radius:22px; box-shadow:0 12px 28px rgba(0,0,0,0.04); padding:28px; margin:0 0 28px;\"\u003e\n\n    \u003cdiv style=\"display:flex; align-items:center; gap:12px; margin:0 0 22px;\"\u003e\n      \u003cspan style=\"display:block; width:5px; height:26px; border-radius:10px; background:#0056b3;\"\u003e\u003c\/span\u003e\n\n      \u003ch3 style=\"margin:0; font-size:24px; line-height:1.25; font-weight:800;\"\u003e\n        Choose Your Coverage\n      \u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"display:flex; flex-wrap:wrap; gap:16px;\"\u003e\n\n      \u003cdiv style=\"flex:1 1 280px; min-width:0; border:1px solid #e0e4ea; border-radius:18px; background:#fff; padding:22px; text-align:center;\"\u003e\n\n        \u003cdiv style=\"width:58px; height:58px; margin:0 auto 14px; border-radius:50%; background:#f7f8fa; display:flex; align-items:center; justify-content:center; font-size:26px;\"\u003e\n          2\n        \u003c\/div\u003e\n\n        \u003ch4 style=\"margin:0 0 6px; font-size:16px; font-weight:800;\"\u003e\n          2 PCS — Front Doors\n        \u003c\/h4\u003e\n\n        \u003cp style=\"margin:0; color:#666; font-size:14px;\"\u003e\n          Covers both front doors for welcome projection where the driver\n          and front passenger enter most often.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"flex:1 1 280px; min-width:0; border:1px solid #e0e4ea; border-radius:18px; background:#fff; padding:22px; text-align:center;\"\u003e\n\n        \u003cdiv style=\"width:58px; height:58px; margin:0 auto 14px; border-radius:50%; background:#f7f8fa; display:flex; align-items:center; justify-content:center; font-size:26px;\"\u003e\n          4\n        \u003c\/div\u003e\n\n        \u003ch4 style=\"margin:0 0 6px; font-size:16px; font-weight:800;\"\u003e\n          4 PCS — All Four Doors\n        \u003c\/h4\u003e\n\n        \u003cp style=\"margin:0; color:#666; font-size:14px;\"\u003e\n          Equips all four doors for a consistent projection effect around\n          the entire passenger cabin.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- SPECIFICATIONS --\u003e\n  \u003csection style=\"background:#fff; border:1px solid #dce1e8; border-radius:22px; box-shadow:0 12px 28px rgba(0,0,0,0.04); padding:28px; margin:0 0 28px;\"\u003e\n\n    \u003cdiv style=\"display:flex; align-items:center; gap:12px; margin:0 0 22px;\"\u003e\n      \u003cspan style=\"display:block; width:5px; height:26px; border-radius:10px; background:#0056b3;\"\u003e\u003c\/span\u003e\n\n      \u003ch3 style=\"margin:0; font-size:24px; line-height:1.25; font-weight:800;\"\u003e\n        Specifications\n      \u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"width:100%; overflow-x:auto; border:1px solid #e0e4ea; border-radius:16px;\"\u003e\n\n      \u003ctable style=\"width:100%; min-width:620px; border-collapse:collapse; color:#1f1f1f; font-size:14px;\"\u003e\n\n        \u003ctr style=\"background:#0056b3; color:#fff;\"\u003e\n          \u003cth style=\"padding:14px 16px; text-align:left; font-weight:800;\"\u003e\n            Attribute\n          \u003c\/th\u003e\n\n          \u003cth style=\"padding:14px 16px; text-align:left; font-weight:800;\"\u003e\n            Details\n          \u003c\/th\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#fff;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Product\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            Door Projection Welcome Light \/ Puddle Light\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#f7f8fa;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Compatibility\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            Tesla Cybertruck 2024+, All Trims\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#fff;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Housing\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            CNC Alloy\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#f7f8fa;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Light Source\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            High-Definition LED Projection\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#fff;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Activation\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            Automatic When Door Opens\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#f7f8fa;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Connection\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            Factory OEM Door Connector\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#fff;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800; border-bottom:1px solid #e0e4ea;\"\u003e\n            Installation\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px; border-bottom:1px solid #e0e4ea;\"\u003e\n            Plug \u0026amp; Play\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n        \u003ctr style=\"background:#f7f8fa;\"\u003e\n          \u003ctd style=\"padding:13px 16px; font-weight:800;\"\u003e\n            Package Options\n          \u003c\/td\u003e\n\n          \u003ctd style=\"padding:13px 16px;\"\u003e\n            2 PCS Front Doors \/ 4 PCS All Doors\n          \u003c\/td\u003e\n        \u003c\/tr\u003e\n\n      \u003c\/table\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ --\u003e\n  \u003csection style=\"margin:0;\"\u003e\n\n    \u003cdiv style=\"display:flex; align-items:center; gap:12px; margin:0 0 16px;\"\u003e\n      \u003cspan style=\"display:block; width:5px; height:26px; border-radius:10px; background:#0056b3;\"\u003e\u003c\/span\u003e\n\n      \u003ch3 style=\"margin:0; font-size:24px; line-height:1.25; font-weight:800;\"\u003e\n        Quick Answers\n      \u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdetails style=\"background:#fff; border:1px solid #dce1e8; border-radius:12px; padding:15px 16px; margin:0 0 10px; box-shadow:0 8px 18px rgba(0,0,0,0.03);\"\u003e\n\n      \u003csummary style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:800; cursor:pointer; list-style:none;\"\u003e\n        Will these lights fit my Cybertruck?\n\n        \u003cspan style=\"display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color:#0056b3; font-size:22px; line-height:1;\"\u003e\n          +\n        \u003c\/span\u003e\n      \u003c\/summary\u003e\n\n      \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n        They are designed for Tesla Cybertruck 2024 and newer, including\n        current All-Wheel Drive, Cyberbeast, and Foundation Series configurations.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n    \u003cdetails style=\"background:#fff; border:1px solid #dce1e8; border-radius:12px; padding:15px 16px; margin:0 0 10px; box-shadow:0 8px 18px rgba(0,0,0,0.03);\"\u003e\n\n      \u003csummary style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:800; cursor:pointer; list-style:none;\"\u003e\n        Do the lights remain on while driving?\n\n        \u003cspan style=\"display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color:#0056b3; font-size:22px; line-height:1;\"\u003e\n          +\n        \u003c\/span\u003e\n      \u003c\/summary\u003e\n\n      \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n        No. They use the door-open signal, illuminating when the door is\n        opened and switching off again after the door closes.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n    \u003cdetails style=\"background:#fff; border:1px solid #dce1e8; border-radius:12px; padding:15px 16px; margin:0 0 10px; box-shadow:0 8px 18px rgba(0,0,0,0.03);\"\u003e\n\n      \u003csummary style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:800; cursor:pointer; list-style:none;\"\u003e\n        Do I need to cut or splice any wires?\n\n        \u003cspan style=\"display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color:#0056b3; font-size:22px; line-height:1;\"\u003e\n          +\n        \u003c\/span\u003e\n      \u003c\/summary\u003e\n\n      \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n        No. The light connects directly to the factory door socket, so\n        no wire cutting, splicing, drilling, or coding is required.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n    \u003cdetails style=\"background:#fff; border:1px solid #dce1e8; border-radius:12px; padding:15px 16px; margin:0 0 10px; box-shadow:0 8px 18px rgba(0,0,0,0.03);\"\u003e\n\n      \u003csummary style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:800; cursor:pointer; list-style:none;\"\u003e\n        What's the difference between 2 PCS and 4 PCS?\n\n        \u003cspan style=\"display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color:#0056b3; font-size:22px; line-height:1;\"\u003e\n          +\n        \u003c\/span\u003e\n      \u003c\/summary\u003e\n\n      \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n        The 2-piece option equips the two front doors. The 4-piece option\n        provides matching projection lights for all four doors.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n    \u003cdetails style=\"background:#fff; border:1px solid #dce1e8; border-radius:12px; padding:15px 16px; box-shadow:0 8px 18px rgba(0,0,0,0.03);\"\u003e\n\n      \u003csummary style=\"display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:800; cursor:pointer; list-style:none;\"\u003e\n        Why use an alloy housing?\n\n        \u003cspan style=\"display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; color:#0056b3; font-size:22px; line-height:1;\"\u003e\n          +\n        \u003c\/span\u003e\n      \u003c\/summary\u003e\n\n      \u003cp style=\"margin:0; color:#4a4a4a; font-size:14px;\"\u003e\n        Alloy provides a rigid housing and helps dissipate heat from the\n        LED assembly while resisting deformation better than lightweight plastic.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Teskay","offers":[{"title":"2 Pcs","offer_id":48348118745324,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true},{"title":"4 Pcs","offer_id":48348118778092,"sku":null,"price":49.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0801\/9027\/5820\/files\/DoorProjectionWelcomeLightPuddleLightsforCybertruck-TeseryOfficialStore_1.jpg?v=1789202110","url":"https:\/\/swckay.com\/products\/door-projection-welcome-light-puddle-lights-for-cybertruck","provider":"swckay","version":"1.0","type":"link"}