{"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 *\/\nbody {\nfont-family: 'Roboto', Arial, sans-serif;\nmargin: 0;\npadding: 15px;\nbackground-color: white;\nline-height: 1.4;\n}\n\n\/* Main container *\/\n.demo-container {\nmax-width: 1200px;\nmargin: 0 auto;\nbackground-color: white;\n}\n\n\/* Section spacing - optimized for collapsed state *\/\n.section {\nmargin-bottom: 25px;\ntransition: margin-bottom 0.4s ease;\n}\n\n\/* Remove bottom margin when collapsed *\/\n.section:has(.section-toggle:checke) {\nmargin-bottom: 5px;\n}\n\n\/* Video section *\/\n.video-section {\nbackground-color: white;\nmargin-bottom: 0;\n}\n\n\/* Common header styles for both sections *\/\n.section-header {\nfont-size: 20px;\nfont-weight: bold;\nmargin-bottom: 15px;\ntext-align: left;\ncolor: #333;\nbackground-color: #f8f9fa;\npadding: 12px 20px;\nmargin: 0 0 15px 0;\ntransition: margin-bottom 0.4s ease;\nposition: relative;\nborder-left: 5px solid #007bff;\n}\n\n\/* Video section color indicator *\/\n.video-section .section-header {\nborder-left-color: #28a745;\n}\n\n\/* Remove header bottom margin when collapsed *\/\n.section-toggle:checked + .section-label.section-header {\nmargin-bottom: 0;\n}\n\n\/* Collapsible functionality using CSS only - for both sections *\/\n.section-toggle {\ndisplay: none;\n}\n\n.section-label {\ncursor: pointer;\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\ntransition: color 0.3s ease;\nuser-select: none;\n}\n\n.section-label:hover {\ncolor: #666;\n}\n\n.collapse-icon {\nfont-size: 16px;\ntransition: transform 0.3s ease;\nmargin-left: auto;\n}\n\n\/* Rotate icon for collapsed state *\/\n.section-toggle:not(:checked) + .section-label .collapse-icon {\ntransform: rotate(-90deg);\n}\n\n.section-toggle:checked + .section-label .collapse-icon {\ntransform: rotate(0deg);\n}\n\n\/* Video wrapper with clean rounded rectangle styling *\/\n.video-wrapper {\nposition: relative;\nwidth: 100%;\nheight: 0;\npadding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\noverflow: hidden;\nopacity: 1;\ntransition: max-height 0.4s ease, opacity 0.3s ease, padding-bottom 0.4s ease, margin-bottom 0.4s ease;\nmax-height: 500px;\nmargin-bottom: 0;\nbackground-color: #000;\nborder-radius: 12px;\nbox-shadow: 0 4px 16px rgba(0,0,0,0.1);\n}\n\n.section-toggle:checked ~ .video-wrapper {\nmax-height: 0;\nopacity: 0;\npadding-bottom: 0;\noverflow: hidden;\nmargin-bottom: 0;\n}\n\n.video-wrapper iframe {\nposition: absolute;\ntop: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\nborder: none;\nborder-radius: 9px;\nobject-fit: cover;\n}\n\n\/* Alternative approach for better video fitting *\/\n@media (min-width: 769px) {\n.video-wrapper {\nmax-width: 100%;\npadding-bottom: 56.25%;\n}\n}\n\n\/* Responsive design *\/\n@media (max-width: 768px) {\nbody {\npadding: 10px;\n}\n\n.section {\nmargin-bottom: 20px;\n}\n\n.section:has(.section-toggle:checked) {\nmargin-bottom: 3px;\n}\n\n.section-header {\nfont-size: 18px;\nmargin-bottom: 8px;\npadding: 10px 15px;\n}\n\n\/* Mobile video optimization without border *\/\n.video-wrapper {\npadding-bottom: 56.25%;\nmax-height: 300px;\nbackground-color: transparent;\nborder-radius: 8px;\nbox-shadow: 0 2px 12px rgba(0,0,0,0.1);\n}\n\n.video-wrapper iframe {\nborder-radius: 5px;\nwidth: 100%;\nheight: 100%;\n}\n}\n\n@media (max-width: 480px) {\n.section {\nmargin-bottom: 15px;\n}\n\n.section:has(.section-toggle:checked) {\nmargin-bottom: 2px;\n}\n\n.section-header {\nfont-size: 16px;\nmargin-bottom: 6px;\npadding: 8px 10px;\n}\n\n\/* Small mobile video optimization without border *\/\n.video-wrapper {\npadding-bottom: 56.25%;\nmax-height: 250px;\nmargin-bottom: 10px;\nbackground-color: transparent;\nborder-radius: 6px;\nbox-shadow: 0 2px 10px rgba(0,0,0,0.08);\n}\n\n.video-wrapper iframe {\nborder-radius: 3px;\nwidth: 100%;\nheight: 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":46373383831635,"sku":"vli1789755366477","price":92.29,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Left","offer_id":46373383864403,"sku":"ieu1789755366478","price":101.39,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Right","offer_id":46373383897171,"sku":"yai1789755366479","price":94.89,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Pair","offer_id":46373383929939,"sku":"fez1789755366480","price":187.19,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Please Select","offer_id":46373383962707,"sku":"voi1789755366481","price":103.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Left","offer_id":46373383995475,"sku":"rtt1789755366482","price":87.09,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Right","offer_id":46373384028243,"sku":"jge1789755366483","price":89.69,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Pair","offer_id":46373384061011,"sku":"txe1789755366484","price":166.39,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Please Select","offer_id":46373384093779,"sku":"gwk1789755366485","price":158.59,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Left","offer_id":46373384126547,"sku":"aao1789755366486","price":207.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Right","offer_id":46373384159315,"sku":"fsz1789755366487","price":189.79,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Pair","offer_id":46373384192083,"sku":"urx1789755366488","price":359.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Please Select","offer_id":46373384224851,"sku":"pga1789755366489","price":93.59,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Left","offer_id":46373384257619,"sku":"sva1789755366490","price":102.69,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Right","offer_id":46373384290387,"sku":"uoc1789755366491","price":96.19,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Pair","offer_id":46373384323155,"sku":"siu1789755366492","price":176.79,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Please Select","offer_id":46373384355923,"sku":"jct1789755366493","price":88.39,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Left","offer_id":46373384388691,"sku":"dpa1789755366494","price":88.39,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Right","offer_id":46373384421459,"sku":"uoo1789755366495","price":88.39,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Pair","offer_id":46373384454227,"sku":"unx1789755366496","price":174.19,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Please Select","offer_id":46373384486995,"sku":"hsg1789755366497","price":161.19,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Left","offer_id":46373384519763,"sku":"ooq1789755366498","price":171.59,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Right","offer_id":46373384552531,"sku":"yvr1789755366499","price":194.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Pair","offer_id":46373384585299,"sku":"hcw1789755366500","price":314.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0716\/0499\/4131\/files\/model-3-17-20-turn-brake-lamp-inner-tail-light-replacement_1.jpg?v=1789755381","url":"https:\/\/angorasoftfit.shop\/products\/model-3-17-20-turn-brake-lamp-inner-tail-light-replacement","provider":"My Store","version":"1.0","type":"link"}