{"product_id":"tesery-rgb-front-bumper-fog-light-upgrade-for-model-3-y","title":"TESERY RGB Front Bumper Fog Light Upgrade for Model 3\/Y","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400\u0026family=Montserrat:wght@600;700;800\u0026display=swap');\n\n.tpd {\n  --pr: #0065b3;\n  --prs: #e5f2fb;\n  --tx: #4b5563;\n  --txh: #0a1628;\n  --txs: #374151;\n  --txm: #6b7280;\n  --sh: 0 10px 40px rgba(15,23,42,0.06);\n  --sh-float: 0 20px 50px rgba(0,0,0,0.12);\n  --fd: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;\n  --fb: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 40px 10px;\n  font-family: var(--fb);\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--tx);\n}\n\n.tpd * { box-sizing: border-box; }\n.tpd a { text-decoration: none; color: inherit; }\n\n\/* Hero Section *\/\n.tpd .hero { text-align: center; margin-bottom: 64px; padding-top: 28px; }\n.tpd .hero h2 { margin: 0 0 16px; font-family: var(--fd); font-size: 42px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; color: var(--txh); }\n.tpd .hsub { font-size: 17px; color: var(--txs); margin: 0 auto 24px; max-width: 760px; line-height: 1.65; }\n.tpd .alert-note { background: rgba(0,101,179,.08); color: var(--pr); border-radius: 12px; padding: 16px 24px; max-width: 800px; margin: 0 auto 48px; font-size: 15px; font-weight: 600; border-left: 4px solid var(--pr); text-align: left; }\n.tpd .inav { display: flex; gap: 36px; justify-content: center; flex-wrap: wrap; font-size: 13px; font-weight: 600; color: var(--pr); letter-spacing: .1em; text-transform: uppercase; }\n.tpd .inav a:hover { color: #024777; }\n\n\/* Card Layout *\/\n.tpd .card, .tpd .faqwrap { background: #fff; border-radius: 20px; border: 1px solid rgba(229,231,235,.8); box-shadow: var(--sh); padding: 64px; margin-bottom: 48px; }\n.tpd .stit { margin: 0 0 12px; font-family: var(--fd); font-size: 34px; font-weight: 700; text-align: center; letter-spacing: -.02em; line-height: 1.2; color: var(--txh); }\n.tpd .ssub { margin: 0 auto 48px; font-size: 16px; color: var(--txs); text-align: center; line-height: 1.65; max-width: 640px; }\n\n\/* Product Details *\/\n.tpd .badge { display: inline-block; padding: 6px 18px; border-radius: 999px; background: var(--pr); color: #fff; font-size: 11px; letter-spacing: .18em; font-weight: 700; text-transform: uppercase; margin-bottom: 28px; }\n.tpd .tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 48px; }\n.tpd .tag { padding: 8px 18px; border-radius: 999px; background: #f3f4f6; border: 1px solid #e5e7eb; font-size: 13px; font-weight: 500; color: var(--txm); }\n.tpd .tag:nth-child(odd) { border-color: var(--prs); background: var(--prs); color: #024777; }\n.tpd .ibody p { margin: 0 0 28px; font-size: 16px; max-width: 820px; line-height: 1.85; }\n.tpd .ibody ul { list-style: none; margin: 28px 0 0; padding: 0; }\n.tpd .ibody li { margin-bottom: 24px; font-size: 16px; padding-left: 26px; position: relative; line-height: 1.85; }\n.tpd .ibody li::before { content: \"\"; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: var(--pr); }\n\n\/* Showcase Gallery - FORCE SEAL FIX *\/\n.tpd #tpd-gl { padding: 48px 24px; }\n.tpd .gwrap { max-width: 750px; margin: 0 auto; }\n.tpd .gmain { \n  border-radius: 24px; \n  overflow: hidden; \n  background: transparent; \n  display: flex;             \/* Eliminates inline white gaps *\/\n  flex-direction: column;\n  line-height: 0;           \n  font-size: 0;             \n  padding: 0 !important;    \n  margin: 0 !important;\n  box-shadow: var(--sh-float); \n  transition: transform 0.3s ease;\n}\n.tpd .gmain:hover { transform: translateY(-5px); }\n.tpd .gmain img { \n  width: 100%; \n  height: auto;\n  display: block;           \n  aspect-ratio: 1\/1; \n  object-fit: cover; \n  border: none !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  transition: opacity 0.2s ease; \n}\n\n.tpd .gthumbs { \n  display: flex; \n  gap: 12px; \n  margin-top: 20px; \n  justify-content: center; \n  overflow-x: auto; \n  padding-bottom: 8px; \n  scrollbar-width: none; \n}\n.tpd .gthumbs::-webkit-scrollbar { display: none; }\n.tpd .gth { \n  flex: 0 0 auto; \n  cursor: pointer; \n  border-radius: 12px; \n  display: flex;            \/* Removes gap from thumbnails *\/\n  overflow: hidden;\n  padding: 0 !important;\n}\n.tpd .gth img { \n  width: 85px; \n  height: 85px; \n  object-fit: cover; \n  border-radius: 12px; \n  border: 2px solid transparent; \n  opacity: 0.6; \n  display: block; \n  transition: all 0.2s; \n}\n.tpd .gth:hover img { opacity: 0.9; transform: scale(1.05); }\n.tpd .gth-on img { opacity: 1 !important; border-color: var(--pr) !important; box-shadow: 0 4px 12px rgba(0,101,179,0.2); }\n\n\/* Video Section *\/\n.tpd .ivwrap { margin: 0 auto; max-width: 1000px; border-radius: 20px; overflow: hidden; box-shadow: 0 16px 40px rgba(15,23,42,.16); line-height: 0; }\n.tpd .ivwrap iframe { width: 100%; aspect-ratio: 16\/9; border: none; display: block; }\n\n\/* FAQ Section *\/\n.tpd details { border-bottom: 1px solid #ebebeb; }\n.tpd details:last-child { border-bottom: none; }\n.tpd summary { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 28px 0; cursor: pointer; list-style: none; font-size: 16px; font-weight: 600; line-height: 1.5; color: var(--txh); font-family: var(--fb); transition: color .2s; }\n.tpd summary::-webkit-details-marker { display: none; }\n.tpd summary:hover { color: var(--pr); }\n.tpd .fi { flex-shrink: 0; font-size: 24px; color: var(--pr); transition: transform .22s; user-select: none; }\n.tpd details[open] .fi { transform: rotate(45deg); }\n.tpd .fa { padding: 0 0 28px; font-size: 15px; color: var(--tx); line-height: 1.85; }\n\n\/* Responsive Adjustments *\/\n@media(max-width:1024px) { .tpd .card, .tpd .faqwrap { padding: 48px; } }\n@media(max-width:768px) {\n  .tpd .card, .tpd .faqwrap { padding: 28px 20px 32px; }\n  .tpd #tpd-gl { padding: 32px 15px; }\n  .tpd .hero h2 { font-size: 30px; }\n  .tpd .stit { font-size: 26px; }\n  .tpd .ssub { margin-bottom: 32px; }\n  .tpd .gth img { width: 65px; height: 65px; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"tpd\"\u003e\n  \u003csection class=\"hero\"\u003e\n    \u003ch2\u003eTESERY RGB Dynamic Fog Lights for Tesla Model 3\/Y\u003c\/h2\u003e\n    \u003cp class=\"hsub\"\u003eTransform your Tesla Model 3\/Y into a head-turning masterpiece with TESERY’s RGB Fog Lights. Designed for drivers who value both style and functionality.\u003c\/p\u003e\n    \u003cdiv class=\"alert-note\"\u003e\n      \u003cstrong\u003eImportant Note:\u003c\/strong\u003e The lighting colors cannot be manually customized. The seven colors automatically transition in a dynamic, flowing water effect.\n    \u003c\/div\u003e\n    \u003cnav class=\"inav\"\u003e\n      \u003ca href=\"#tpd-ft\"\u003eKey Features\u003c\/a\u003e \n      \u003ca href=\"#tpd-gl\"\u003eDynamic Showcase\u003c\/a\u003e \n      \u003ca href=\"#tpd-iv\"\u003eInstallation\u003c\/a\u003e \n      \u003ca href=\"#tpd-fq\"\u003eFAQ\u003c\/a\u003e\n    \u003c\/nav\u003e\n  \u003c\/section\u003e\n\n  \u003csection id=\"tpd-ft\" class=\"card\"\u003e\n    \u003ch3 class=\"stit\"\u003eProduct Details\u003c\/h3\u003e\n    \u003cp class=\"ssub\"\u003eUpgrade your driving experience with premium aesthetics and safety.\u003c\/p\u003e\n    \u003cdiv class=\"ibody\"\u003e\n      \u003cspan class=\"badge\"\u003eDynamic Flowing RGB\u003c\/span\u003e\n      \u003cdiv class=\"tags\"\u003e\n        \u003cspan class=\"tag\"\u003eModel 3\/Y Compatible\u003c\/span\u003e \n        \u003cspan class=\"tag\"\u003ePlug-and-Play\u003c\/span\u003e \n        \u003cspan class=\"tag\"\u003eWeatherproof\u003c\/span\u003e \n        \u003cspan class=\"tag\"\u003eEnhanced Safety\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eCustomize your driving experience with vibrant colors. The lights feature a built-in dynamic system where seven colors continuously shift in a smooth, flowing water pattern, creating a stunning visual impact.\u003c\/p\u003e\n      \u003cul\u003e\n        \u003cli\u003e\n\u003cstrong\u003eWeatherproof Design:\u003c\/strong\u003e Built with durable, waterproof materials to withstand rain, snow, and extreme temperatures.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003ePlug-and-Play Installation:\u003c\/strong\u003e No complicated wiring or modifications required. Enjoy an instant upgrade in minutes.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003ePerfect Fit for Model 3\/Y:\u003c\/strong\u003e Specifically designed to integrate seamlessly with your vehicle’s front bumper for a factory-like finish.\u003c\/li\u003e\n        \u003cli\u003e\n\u003cstrong\u003eEnhanced Visibility \u0026amp; Safety:\u003c\/strong\u003e Bright, energy-efficient LEDs improve road visibility during nighttime or foggy conditions.\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection id=\"tpd-gl\" class=\"card\"\u003e\n    \u003ch3 class=\"stit\"\u003eDynamic Flowing Colors Showcase\u003c\/h3\u003e\n    \u003cp class=\"ssub\"\u003eExperience the stunning seven-color dynamic lighting system. Click the thumbnails below to explore.\u003c\/p\u003e\n    \u003cdiv class=\"gwrap\"\u003e\n      \u003cdiv class=\"gmain\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-982190.jpg?v=1774596378\u0026amp;width=713\" alt=\"Full Flowing Color Showcase\" id=\"tpd-mimg\"\u003e\u003c\/div\u003e\n      \u003cdiv id=\"tpd-thumbs\" class=\"gthumbs\"\u003e\n        \u003cdiv data-src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-982190.jpg?v=1774596378\u0026amp;width=713\" class=\"gth gth-on\"\u003e\n          \u003cimg alt=\"Thumbnail 1\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-982190.jpg?v=1774596378\u0026amp;width=713\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv data-src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-7899566.png?v=1774706769\u0026amp;width=713\" class=\"gth\"\u003e\n          \u003cimg alt=\"Thumbnail 2\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-7899566.png?v=1774706769\u0026amp;width=713\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv data-src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-9549088.png?v=1774706769\" class=\"gth\"\u003e\n          \u003cimg alt=\"Thumbnail 3\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-9549088.png?v=1774706769\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv data-src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-9451329.png?v=1774706769\u0026amp;width=713\" class=\"gth\"\u003e\n          \u003cimg alt=\"Thumbnail 4\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-9451329.png?v=1774706769\u0026amp;width=713\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv data-src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-7779107.png?v=1774706769\u0026amp;width=713\" class=\"gth\"\u003e\n          \u003cimg alt=\"Thumbnail 5\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-7779107.png?v=1774706769\u0026amp;width=713\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection id=\"tpd-iv\" class=\"card\"\u003e\n    \u003ch3 class=\"stit\"\u003eInstallation Guide Video\u003c\/h3\u003e\n    \u003cp class=\"ssub\"\u003eWatch our step-by-step tutorial to easily upgrade your Tesla DIY style.\u003c\/p\u003e\n    \u003cdiv class=\"ivwrap\"\u003e\n      \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/XjdKKRhHPOI\" title=\"TESERY LED DRL foglights Installation\"\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection id=\"tpd-fq\" class=\"faqwrap\"\u003e\n    \u003ch3 class=\"stit\"\u003eFrequently Asked Questions\u003c\/h3\u003e\n    \u003cp class=\"ssub\"\u003eGot questions? We've got answers.\u003c\/p\u003e\n    \u003cdiv\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\u003cspan\u003eCan I set the lights to stay on one specific color?\u003c\/span\u003e\u003cspan class=\"fi\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp class=\"fa\"\u003eNo, the lighting colors cannot be manually fixed to a single color. The system features a dynamic design where seven colors automatically transition in a continuous, flowing water effect.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\u003cspan\u003eAre these fog lights compatible with both Model 3 and Model Y?\u003c\/span\u003e\u003cspan class=\"fi\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp class=\"fa\"\u003eYes, these fog lights are specifically designed and molded to be a perfect, seamless fit for both the Tesla Model 3 and Model Y front bumpers.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\u003cspan\u003eIs the installation process difficult?\u003c\/span\u003e\u003cspan class=\"fi\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp class=\"fa\"\u003eNot at all. The fog lights feature a plug-and-play design. There is no need for complicated wiring or permanent modifications. Follow our video for a step-by-step guide.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\u003cspan\u003eAre the lights safe to use in heavy rain or snow?\u003c\/span\u003e\u003cspan class=\"fi\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp class=\"fa\"\u003eAbsolutely. They are built with highly durable, waterproof materials designed to withstand harsh weather conditions and extreme temperatures.\u003c\/p\u003e\n      \u003c\/details\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\u003cspan\u003eWill installing these void my Tesla warranty?\u003c\/span\u003e\u003cspan class=\"fi\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n        \u003cp class=\"fa\"\u003eBecause these lights utilize a plug-and-play connection and do not require splicing into factory wiring, they typically do not void the vehicle's warranty. However, we recommend consulting with your local service center if you have specific concerns.\u003c\/p\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const mainImg = document.getElementById('tpd-mimg');\n    const thumbs = document.querySelectorAll('#tpd-thumbs .gth');\n\n    thumbs.forEach(thumb =\u003e {\n        thumb.addEventListener('click', function() {\n            const newSrc = this.getAttribute('data-src');\n\n            if (newSrc) {\n                mainImg.style.opacity = '0.3';\n                setTimeout(() =\u003e {\n                    mainImg.src = newSrc;\n                    mainImg.style.opacity = '1';\n                }, 100);\n            }\n\n            thumbs.forEach(t =\u003e t.classList.remove('gth-on'));\n            this.classList.add('gth-on');\n        });\n    });\n});\n\u003c\/script\u003e","brand":"Tesery Official Store","offers":[{"title":"Please Select \/ With Turning Signal","offer_id":42764443418718,"sku":"sku-47108343988456","price":319.0,"currency_code":"USD","in_stock":true},{"title":"Please Select \/ Without Turning Signal","offer_id":42764443451486,"sku":"sku-47207067189480","price":309.0,"currency_code":"USD","in_stock":true},{"title":"Model 3 2017-2023 \/ With Turning Signal","offer_id":42764443484254,"sku":"TSLLJ0114","price":319.0,"currency_code":"USD","in_stock":true},{"title":"Model 3 2017-2023 \/ Without Turning Signal","offer_id":42764443517022,"sku":"TSLLJ0114-1","price":309.0,"currency_code":"USD","in_stock":true},{"title":"Model Y 2020-2025.03 \/ With Turning Signal","offer_id":42764443549790,"sku":"TSLLJ0114","price":319.0,"currency_code":"USD","in_stock":true},{"title":"Model Y 2020-2025.03 \/ Without Turning Signal","offer_id":42764443582558,"sku":"TSLLJ0114-1","price":309.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0024\/2768\/2880\/files\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3y-7899566.png?v=1778781782","url":"https:\/\/www.kngmotorsports.com\/products\/tesery-rgb-front-bumper-fog-light-upgrade-for-model-3-y","provider":"KNG Motorsports","version":"1.0","type":"link"}