{"product_id":"tesery-multi-color-rgb-footwell-led-lights-for-model-3ys","title":"TESERY Multi-Color RGB Footwell LED Lights for Model 3\/Y\/S","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* All styles are scoped to #page-wrap to prevent affecting other page elements *\/\n\n\/* 1. Global Styles \u0026 CSS Variables *\/\n:root {\n--primary-blue: #0a84ff;\n--text-dark: #1d2129;\n--text-light: #4b5563;\n--bg-card: rgba(249, 250, 251, 0.8);\n--border-color: rgba(0, 0, 0, 0.08);\n--glass-bg: rgba(255, 255, 255, 0.65);\n--glass-border: rgba(255, 255, 255, 0.3);\n--shadow-soft: 0 8px 32px rgba(31, 38, 135, 0.07);\n--radius-l: 20px;\n--radius-m: 14px;\n}\n\n\/* 2. Layout \u0026 Containers *\/\n#page-wrap {\nfont-family: 'Montserrat', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif;\ncolor: var(--text-dark);\nline-height: 1.6;\n-webkit-font-smoothing: antialiased;\n-moz-osx-font-smoothing: grayscale;\nmax-width: 1100px;\nmargin: 40px auto;\npadding: 0 20px;\n}\n\n#page-wrap .content-section {\nbackground: var(--glass-bg);\nborder: 1px solid var(--glass-border);\nborder-radius: var(--radius-l);\npadding: 56px;\nbox-shadow: var(--shadow-soft);\nbackdrop-filter: blur(12px);\n-webkit-backdrop-filter: blur(12px);\nmargin-bottom: 48px;\n}\n\n\/* 3. Typography *\/\n#page-wrap h2, #page-wrap h3, #page-wrap h4 { \/* MODIFICATION: Removed h1 *\/\nmargin: 0 0 16px 0;\nfont-weight: 700;\ncolor: var(--text-dark);\nletter-spacing: -0.5px;\nline-height: 1.2;\n}\n\n#page-wrap .hero-title {\nfont-size: 3rem;\nfont-weight: 800;\nmargin-bottom: 24px;\n}\n\n#page-wrap h3 {\nfont-size: 2.2rem;\ntext-align: center;\n}\n\n#page-wrap .feature-section h3 {\ntext-align: left;\nfont-size: 2rem;\n}\n\n#page-wrap h4 {\nfont-size: 1.25rem;\nfont-weight: 600;\n}\n\n#page-wrap p {\nmargin: 0 0 16px 0;\ncolor: var(--text-light);\nfont-size: 1rem;\nfont-weight: 400;\n}\n\n#page-wrap .subtitle {\nmax-width: 680px;\nmargin: 0 auto 48px auto;\nfont-size: 1.1rem;\ncolor: var(--text-light);\ntext-align: center;\nfont-weight: 400;\n}\n\n\/* 4. Feature Sections Layout *\/\n#page-wrap .feature-grid {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 48px;\nalign-items: center;\nmargin-bottom: 48px;\n}\n\n#page-wrap \u003e .content-section:first-child .feature-grid {\ngrid-template-columns: 1fr;\ngap: 32px;\ntext-align: center;\n}\n\n#page-wrap .feature-grid:last-child {\nmargin-bottom: 0;\n}\n\n#page-wrap .feature-grid .feature-img img {\nwidth: 100%;\nborder-radius: var(--radius-m);\nbox-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);\ndisplay: block;\n}\n\n#page-wrap .feature-list {\nlist-style: none !important;\npadding: 0;\nmargin-top: 24px;\ndisplay: flex;\nflex-direction: column;\ngap: 12px;\n}\n#page-wrap .feature-list li { padding-left: 28px; position: relative; font-weight: 500; }\n#page-wrap .feature-list li::before {\ncontent: \"✓\"; position: absolute; left: 0; top: 2px;\ncolor: var(--primary-blue); font-size: 1.2rem; font-weight: 600;\n}\n\n\/* 5. Text-Only Modes Section *\/\n#page-wrap .modes-text-wrap {\nmax-width: 760px; margin: 0 auto; display: grid;\ngrid-template-columns: repeat(3, 1fr); gap: 32px;\n}\n#page-wrap .mode-item-text h4 { color: var(--primary-blue); margin-bottom: 8px; }\n#page-wrap .mode-item-text p { font-size: 0.95rem; }\n\n\/* 6. Kit Section *\/\n#page-wrap .kit-grid {\ndisplay: grid; grid-template-columns: 1fr 1fr;\ngap: 32px; margin-top: 32px;\n}\n#page-wrap .kit-option {\nborder: 1px solid var(--border-color); border-radius: var(--radius-m);\npadding: 24px; display: flex; flex-direction: column;\n}\n#page-wrap .kit-option h4 { margin-bottom: 16px; }\n#page-wrap .kit-option ul { list-style: none !important; padding: 0; margin: 0; color: var(--text-light); }\n#page-wrap .kit-option ul li { padding-left: 20px; position: relative; margin-bottom: 8px; }\n#page-wrap .kit-option ul li::before {\ncontent: '✓'; position: absolute; left: 0;\ncolor: var(--primary-blue); font-weight: 600;\n}\n\n#page-wrap .kit-img {\nwidth: 100%; display: block; border-radius: var(--radius-m);\nmargin-bottom: 24px; aspect-ratio: 1 \/ 1;\nobject-fit: cover; background-color: #f0f0f0;\n}\n\n\/* 7. FAQ Section *\/\n#page-wrap .faq-wrap {\nmax-width: 760px; margin: 0 auto; display: flex;\nflex-direction: column; gap: 16px;\n}\n#page-wrap details { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius-m); }\n#page-wrap summary {\npadding: 20px 24px; font-weight: 600; cursor: pointer;\nlist-style: none !important; display: flex;\njustify-content: space-between; align-items: center;\n}\n#page-wrap summary::-webkit-details-marker { display: none; }\n#page-wrap .faq-plus { font-size: 1.5rem; color: var(--primary-blue); transition: transform 0.25s ease; }\n#page-wrap details[open] summary .faq-plus { transform: rotate(45deg); }\n#page-wrap .faq-body {\npadding: 0 24px 24px; color: var(--text-light);\nborder-top: 1px solid var(--border-color); margin: 0 24px;\n}\n#page-wrap .faq-body p { padding-top: 16px; margin: 0;}\n\n\/* 8. Responsive Design *\/\n@media (max-width: 768px) {\n#page-wrap .feature-grid, #page-wrap .kit-grid, #page-wrap .modes-text-wrap {\ngrid-template-columns: 1fr;\n}\n#page-wrap .feature-grid { grid-template-areas: \"image\" \"text\"; }\n#page-wrap .feature-grid .feature-img { grid-area: image; }\n#page-wrap .feature-grid .feature-text { grid-area: text; }\n\n#page-wrap .content-section { padding: 32px 24px; }\n#page-wrap .hero-title { font-size: 2.5rem; }\n#page-wrap h3, #page-wrap .feature-section h3 { font-size: 1.8rem; text-align: center; }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"page-wrap\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003csection class=\"content-section\"\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/FootwellLEDLights_15_77f50a8a-9ea4-4448-ab8a-0eb8d407a8db.png?v=1773051573\u0026amp;width=700\" alt=\"Tesla footwell illuminated with vibrant RGB lights.\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003c!-- MODIFICATION: Changed h1 to h2 --\u003e\n\u003ch2 id=\"product-title\" class=\"hero-title\"\u003eOne Touch, Infinite Ambiance\u003c\/h2\u003e\n\u003cp\u003eElevate your Tesla's interior with our Multi-Color RGB Footwell Lights. Featuring groundbreaking synchronized control, you can instantly change the entire cabin's atmosphere with a single touch.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAvailable for: Model 3 \/ Model Y \/ Model S (2021+)\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Zigzag Features Section --\u003e\n\u003csection class=\"content-section feature-section\"\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/FootwellLEDLights_4_8f8218ac-0851-4172-b7b0-a6af002cde25.jpg?v=1773051573\u0026amp;width=700\" alt=\"A single touch changes the color of all footwell lights simultaneously.\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eOne Touch, All In Sync\u003c\/h3\u003e\n\u003cp\u003eForget fumbling with apps or remotes. Our intelligent linking technology ensures that a single touch on any light module syncs the color and mode across all installed lights instantly. Effortless, intuitive control at your fingertips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eFlawless OEM Integration\u003c\/h3\u003e\n\u003cp\u003eUsing original factory 3D scan data, each light is precision-molded to replace the original OEM lamp perfectly. The result is a seamless, factory-installed look with zero gaps or modifications required.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-img\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/multi-color-rgb-footwell-led-lights-for-model-3ys-7554842.jpg?v=1773302538\u0026amp;amp%3Bwidth=713\u0026amp;width=700\" alt=\"A close-up of the RGB light fitting perfectly into the Tesla panel.\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-img\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/multi-color-rgb-footwell-led-lights-for-model-3ys-7601251.jpg?v=1773280094\u0026amp;amp%3Bwidth=713\u0026amp;width=700\" alt=\"A Tesla's interior footwell glowing with a dynamic, multi-color light effect.\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eYour Ambiance, Your Rules\u003c\/h3\u003e\n\u003cp\u003eWhy settle for one color? Instantly transform your cabin's atmosphere to match your mood, your music, or the moment. A single touch is all it takes to paint your interior with light.\u003cb\u003e\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Text-Only Modes Section --\u003e\n\u003csection class=\"content-section\"\u003e\n\u003ch3 id=\"modes-title\"\u003eFind Your Perfect Vibe\u003c\/h3\u003e\n\u003cp class=\"subtitle\"\u003eEffortlessly switch between modes by touching the circular area on any light. Your last setting is automatically saved for the next time you drive.\u003c\/p\u003e\n\u003cdiv class=\"modes-text-wrap\"\u003e\n\u003cdiv class=\"mode-item-text\"\u003e\n\u003ch4\u003eStatic Color Mode\u003c\/h4\u003e\n\u003cp\u003eChoose from 7 solid colors to perfectly match your mood or interior accents.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-item-text\"\u003e\n\u003ch4\u003eBreathing Mode\u003c\/h4\u003e\n\u003cp\u003eA gentle, rhythmic pulse of light that adds a sophisticated and calming atmosphere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mode-item-text\"\u003e\n\u003ch4\u003eColor Cycle Mode\u003c\/h4\u003e\n\u003cp\u003eA dynamic flow of smoothly transitioning colors for an engaging, vibrant ambiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specifications \u0026 Kit Options --\u003e\n\u003csection class=\"content-section\"\u003e\n\u003ch3 id=\"specs-title\"\u003eChoose Your Kit\u003c\/h3\u003e\n\u003cp class=\"subtitle\"\u003eSelect the right package for your needs. The 4-piece kit provides a full-cabin immersive experience for both front and rear passengers.\u003c\/p\u003e\n\u003cdiv class=\"kit-grid\"\u003e\n\u003cdiv class=\"kit-option\"\u003e\n\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/multi-color-rgb-footwell-led-lights-for-model-3ys-2475563.jpg?v=1773302538\u0026amp;amp%3Bwidth=713\u0026amp;width=700\" alt=\"2-piece RGB footwell light kit for Tesla showing two lights and wiring.\" class=\"kit-img\"\u003e\n\u003ch4\u003e2PCS Kit (Front Only)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e2x Synchronized RGB LED Modules\u003c\/li\u003e\n\u003cli\u003e1x Front Wiring Harness\u003c\/li\u003e\n\u003cli\u003eIdeal for illuminating the front driver and passenger footwells.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kit-option\"\u003e\n\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/multi-color-rgb-footwell-led-lights-for-model-3ys-7554842.jpg?v=1773302538\u0026amp;amp%3Bwidth=713\u0026amp;width=700\" alt=\"4-piece RGB footwell light kit for Tesla showing four lights and wiring.\" class=\"kit-img\"\u003e\n\u003ch4\u003e4PCS Kit (Front \u0026amp; Rear)\u003c\/h4\u003e\n\u003cul\u003e\n\u003cli\u003e4x Synchronized RGB LED Modules\u003c\/li\u003e\n\u003cli\u003e1x Full Front \u0026amp; Rear Wiring Harness\u003c\/li\u003e\n\u003cli\u003eRecommended for a complete, immersive ambient lighting experience.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ Section --\u003e\n\u003csection class=\"content-section\"\u003e\n\u003ch3 id=\"faq-title\"\u003eFrequently Asked Questions\u003c\/h3\u003e\n\u003cdiv class=\"faq-wrap\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow do I control the lights?\u003cspan class=\"faq-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-body\"\u003e\n\u003cp\u003eSimply touch the circular touch-sensitive area on any of the installed lights. A short tap will cycle through colors and modes. All lights will change in sync, and your setting is saved for next time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWill this void my Tesla warranty?\u003cspan class=\"faq-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-body\"\u003e\n\u003cp\u003eNo. The installation is 100% plug-and-play and fully reversible. It does not require any wire cutting or permanent modification, ensuring your factory warranty remains intact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow difficult is the installation?\u003cspan class=\"faq-plus\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-body\"\u003e\n\u003cp\u003eInstallation is straightforward and designed for DIY. It typically involves prying out the stock footwell lights, disconnecting them, and plugging in the new RGB modules. A pry tool is recommended.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"2 PCS","offer_id":46373799493715,"sku":"bot1789757130957","price":24.47,"currency_code":"USD","in_stock":true},{"title":"4 PCS","offer_id":46373799526483,"sku":"lwd1789757130958","price":42.89,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0716\/0499\/4131\/files\/tesery-multi-color-rgb-footwell-led-lights-for-model-3ys_1.png?v=1789757135","url":"https:\/\/angorasoftfit.shop\/products\/tesery-multi-color-rgb-footwell-led-lights-for-model-3ys","provider":"My Store","version":"1.0","type":"link"}