{"product_id":"model-3-17-20-turn-brake-lamp-inner-tail-light-replacement","title":"Model 3 (17-20) Turn Brake Lamp \u0026 Inner Tail Light Replacement","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* Basic styles *\/\n        body {\n            font-family: 'Roboto', Arial, sans-serif;\n            margin: 0;\n            padding: 15px;\n            background-color: white;\n            line-height: 1.4;\n        }\n\n        \/* Main container *\/\n        .demo-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            background-color: white;\n        }\n\n        \/* Section spacing - optimized for collapsed state *\/\n        .section {\n            margin-bottom: 25px;\n            transition: margin-bottom 0.4s ease;\n        }\n\n        \/* Remove bottom margin when collapsed *\/\n        .section:has(.section-toggle:checke) {\n            margin-bottom: 5px;\n        }\n\n        \/* Video section *\/\n        .video-section {\n            background-color: white;\n            margin-bottom: 0;\n        }\n\n        \/* Common header styles for both sections *\/\n        .section-header {\n            font-size: 20px;\n            font-weight: bold;\n            margin-bottom: 15px;\n            text-align: left;\n            color: #333;\n            background-color: #f8f9fa;\n            padding: 12px 20px;\n            margin: 0 0 15px 0;\n            transition: margin-bottom 0.4s ease;\n            position: relative;\n            border-left: 5px solid #007bff;\n        }\n\n        \/* Video section color indicator *\/\n        .video-section .section-header {\n            border-left-color: #28a745;\n        }\n\n        \/* Remove header bottom margin when collapsed *\/\n        .section-toggle:checked + .section-label.section-header {\n            margin-bottom: 0;\n        }\n\n        \/* Collapsible functionality using CSS only - for both sections *\/\n        .section-toggle {\n            display: none;\n        }\n\n        .section-label {\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            transition: color 0.3s ease;\n            user-select: none;\n        }\n\n        .section-label:hover {\n            color: #666;\n        }\n\n        .collapse-icon {\n            font-size: 16px;\n            transition: transform 0.3s ease;\n            margin-left: auto;\n        }\n\n        \/* Rotate icon for collapsed state *\/\n        .section-toggle:not(:checked) + .section-label .collapse-icon {\n            transform: rotate(-90deg);\n        }\n\n        .section-toggle:checked + .section-label .collapse-icon {\n            transform: rotate(0deg);\n        }\n\n        \/* Video wrapper with clean rounded rectangle styling *\/\n        .video-wrapper {\n            position: relative;\n            width: 100%;\n            height: 0;\n            padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n            overflow: hidden;\n            opacity: 1;\n            transition: max-height 0.4s ease, opacity 0.3s ease, padding-bottom 0.4s ease, margin-bottom 0.4s ease;\n            max-height: 500px;\n            margin-bottom: 0;\n            background-color: #000;\n            border-radius: 12px;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.1);\n        }\n\n        .section-toggle:checked ~ .video-wrapper {\n            max-height: 0;\n            opacity: 0;\n            padding-bottom: 0;\n            overflow: hidden;\n            margin-bottom: 0;\n        }\n\n        .video-wrapper iframe {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            border: none;\n            border-radius: 9px;\n            object-fit: cover;\n        }\n\n        \/* Alternative approach for better video fitting *\/\n        @media (min-width: 769px) {\n            .video-wrapper {\n                max-width: 100%;\n                padding-bottom: 56.25%;\n            }\n        }\n\n        \/* Responsive design *\/\n        @media (max-width: 768px) {\n            body {\n                padding: 10px;\n            }\n\n            .section {\n                margin-bottom: 20px;\n            }\n\n            .section:has(.section-toggle:checked) {\n                margin-bottom: 3px;\n            }\n\n            .section-header {\n                font-size: 18px;\n                margin-bottom: 8px;\n                padding: 10px 15px;\n            }\n\n            \/* Mobile video optimization without border *\/\n            .video-wrapper {\n                padding-bottom: 56.25%;\n                max-height: 300px;\n                background-color: transparent;\n                border-radius: 8px;\n                box-shadow: 0 2px 12px rgba(0,0,0,0.1);\n            }\n\n            .video-wrapper iframe {\n                border-radius: 5px;\n                width: 100%;\n                height: 100%;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .section {\n                margin-bottom: 15px;\n            }\n\n            .section:has(.section-toggle:checked) {\n                margin-bottom: 2px;\n            }\n\n            .section-header {\n                font-size: 16px;\n                margin-bottom: 6px;\n                padding: 8px 10px;\n            }\n\n            \/* Small mobile video optimization without border *\/\n            .video-wrapper {\n                padding-bottom: 56.25%;\n                max-height: 250px;\n                margin-bottom: 10px;\n                background-color: transparent;\n                border-radius: 6px;\n                box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n            }\n\n            .video-wrapper iframe {\n                border-radius: 3px;\n                width: 100%;\n                height: 100%;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"demo-container\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"video-section\"\u003e\n\u003cinput type=\"checkbox\" id=\"videoToggle\" class=\"section-toggle\"\u003e \u003clabel for=\"videoToggle\" class=\"section-label section-header\"\u003e Installation \u0026amp; User Experience \u003cspan class=\"collapse-icon\"\u003e▼\u003c\/span\u003e \u003c\/label\u003e\n\u003cdiv class=\"video-wrapper\"\u003e\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/8JBdLYO_DcY?si=IlwN6fObxgF2o8LQ\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Please Select","offer_id":42659024797783,"sku":"sku-47913636856040","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Left","offer_id":42659024830551,"sku":"TSLLJ0103-left-US","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Right","offer_id":42659024863319,"sku":"TSLLJ0103-right-US","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Pair","offer_id":42659024896087,"sku":"TSLLJ0103-US","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Please Select","offer_id":42659024928855,"sku":"sku-47913636921576","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Left","offer_id":42659024961623,"sku":"TSLLJ0101-left-US","price":109.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Right","offer_id":42659024994391,"sku":"TSLLJ0101-right-US","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Pair","offer_id":42659025027159,"sku":"TSLLJ0101-US","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Please Select","offer_id":42659025059927,"sku":"sku-47913636987112","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Left","offer_id":42659025092695,"sku":"TSLLJ0103-left-US+TSLLJ0101-left-US","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Right","offer_id":42659025125463,"sku":"TSLLJ0103-right-US+TSLLJ0101-right-US","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Pair","offer_id":42659025158231,"sku":"TSLLJ0103-US+TSLLJ0101-US","price":499.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Please Select","offer_id":42659025190999,"sku":"sku-47913637052648","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Left","offer_id":42659025223767,"sku":"TSLLJ0103-left","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Right","offer_id":42659025256535,"sku":"TSLLJ0103-right","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Pair","offer_id":42659025289303,"sku":"TSLLJ0103","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Please Select","offer_id":42659025322071,"sku":"sku-47913637118184","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Left","offer_id":42659025354839,"sku":"TSLLJ0101-left","price":116.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Right","offer_id":42659025387607,"sku":"TSLLJ0101-right","price":116.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Pair","offer_id":42659025420375,"sku":"TSLLJ0101","price":233.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Please Select","offer_id":42659025453143,"sku":"sku-47913637249256","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Left","offer_id":42659025485911,"sku":"TSLLJ0103-left+TSLLJ0101-left","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Right","offer_id":42659025518679,"sku":"TSLLJ0103-right+TSLLJ0101-right","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Pair","offer_id":42659025551447,"sku":"TSLLJ0103+TSLLJ0101","price":499.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0551\/1918\/3959\/files\/tesery-taillight-turn-brake-lamp-for-model-3y-731148_9e54d87a-5b61-4aa7-9cf9-e0effd5cbf16.jpg?v=1775187080","url":"https:\/\/www.bestkeysolution.com\/products\/model-3-17-20-turn-brake-lamp-inner-tail-light-replacement","provider":"Best Key Solution","version":"1.0","type":"link"}