{"product_id":"tesla-model-3-y-taillight-turn-brake-lamp","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\u003cstyle\u003e        \/* Basic styles *\/        body {            font-family: 'Roboto', Arial, sans-serif;            margin: 0;            padding: 15px;            background-color: white;            line-height: 1.4;        }        \/* Main container *\/        .demo-container {            max-width: 1200px;            margin: 0 auto;            background-color: white;        }        \/* Section spacing - optimized for collapsed state *\/        .section {            margin-bottom: 25px;            transition: margin-bottom 0.4s ease;        }        \/* Remove bottom margin when collapsed *\/        .section:has(.section-toggle:checke) {            margin-bottom: 5px;        }        \/* Video section *\/        .video-section {            background-color: white;            margin-bottom: 0;        }        \/* Common header styles for both sections *\/        .section-header {            font-size: 20px;            font-weight: bold;            margin-bottom: 15px;            text-align: left;            color: #333;            background-color: #f8f9fa;            padding: 12px 20px;            margin: 0 0 15px 0;            transition: margin-bottom 0.4s ease;            position: relative;            border-left: 5px solid #007bff;        }        \/* Video section color indicator *\/        .video-section .section-header {            border-left-color: #28a745;        }        \/* Remove header bottom margin when collapsed *\/        .section-toggle:checked + .section-label.section-header {            margin-bottom: 0;        }        \/* Collapsible functionality using CSS only - for both sections *\/        .section-toggle {            display: none;        }        .section-label {            cursor: pointer;            display: flex;            align-items: center;            justify-content: space-between;            transition: color 0.3s ease;            user-select: none;        }        .section-label:hover {            color: #666;        }        .collapse-icon {            font-size: 16px;            transition: transform 0.3s ease;            margin-left: auto;        }        \/* Rotate icon for collapsed state *\/        .section-toggle:not(:checked) + .section-label .collapse-icon {            transform: rotate(-90deg);        }        .section-toggle:checked + .section-label .collapse-icon {            transform: rotate(0deg);        }        \/* Video wrapper with clean rounded rectangle styling *\/        .video-wrapper {            position: relative;            width: 100%;            height: 0;            padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/            overflow: hidden;            opacity: 1;            transition: max-height 0.4s ease, opacity 0.3s ease, padding-bottom 0.4s ease, margin-bottom 0.4s ease;            max-height: 500px;            margin-bottom: 0;            background-color: #000;            border-radius: 12px;            box-shadow: 0 4px 16px rgba(0,0,0,0.1);        }        .section-toggle:checked ~ .video-wrapper {            max-height: 0;            opacity: 0;            padding-bottom: 0;            overflow: hidden;            margin-bottom: 0;        }        .video-wrapper iframe {            position: absolute;            top: 0;            left: 0;            width: 100%;            height: 100%;            border: none;            border-radius: 9px;            object-fit: cover;        }        \/* Alternative approach for better video fitting *\/        @media (min-width: 769px) {            .video-wrapper {                max-width: 100%;                padding-bottom: 56.25%;            }        }        \/* Responsive design *\/        @media (max-width: 768px) {            body {                padding: 10px;            }            .section {                margin-bottom: 20px;            }            .section:has(.section-toggle:checked) {                margin-bottom: 3px;            }            .section-header {                font-size: 18px;                margin-bottom: 8px;                padding: 10px 15px;            }            \/* Mobile video optimization without border *\/            .video-wrapper {                padding-bottom: 56.25%;                max-height: 300px;                background-color: transparent;                border-radius: 8px;                box-shadow: 0 2px 12px rgba(0,0,0,0.1);            }            .video-wrapper iframe {                border-radius: 5px;                width: 100%;                height: 100%;            }        }        @media (max-width: 480px) {            .section {                margin-bottom: 15px;            }            .section:has(.section-toggle:checked) {                margin-bottom: 2px;            }            .section-header {                font-size: 16px;                margin-bottom: 6px;                padding: 8px 10px;            }            \/* Small mobile video optimization without border *\/            .video-wrapper {                padding-bottom: 56.25%;                max-height: 250px;                margin-bottom: 10px;                background-color: transparent;                border-radius: 6px;                box-shadow: 0 2px 10px rgba(0,0,0,0.08);            }            .video-wrapper iframe {                border-radius: 3px;                width: 100%;                height: 100%;            }        }    \u003c\/style\u003e\u003cdiv class=\"demo-container\"\u003e\u003cdiv class=\"section\"\u003e\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\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\u003c\/div\u003e\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Please Select","offer_id":46962235801797,"sku":null,"price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Turn Brake Lamp【RED Turn Signals】 \/ Left","offer_id":46962235834565,"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":46962235867333,"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":46962235900101,"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":46962235932869,"sku":null,"price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Left","offer_id":46962235965637,"sku":"TSLLJ0101-left-US","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Fremont\/Texas Giga【3 PIN】 \/ Inner Tail Light【WHITE Reverse Light】 \/ Right","offer_id":46962235998405,"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":46962236031173,"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":46962236063941,"sku":null,"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":46962236096709,"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":46962236129477,"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":46962236162245,"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":46962236195013,"sku":null,"price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp【AMBER Turn Signals】 \/ Left","offer_id":46962236227781,"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":46962236260549,"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":46962236293317,"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":46962236326085,"sku":null,"price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Left","offer_id":46962236358853,"sku":"TSLLJ0101-left","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Right","offer_id":46962236391621,"sku":"TSLLJ0101-right","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Inner Tail Light【RED Fog Light】 \/ Pair","offer_id":46962236424389,"sku":"TSLLJ0101","price":259.99,"currency_code":"USD","in_stock":true},{"title":"Shanghai\/Berlin Giga【4 PIN】 \/ Turn Brake Lamp \u0026 Inner Tail Light \/ Please Select","offer_id":46962236457157,"sku":null,"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":46962236489925,"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":46962236522693,"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":46962236555461,"sku":"TSLLJ0103+TSLLJ0101","price":499.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/5008\/7365\/files\/tesery-taillight-turn-brake-lamp-for-model-3y-731148.jpg?v=1789727610","url":"https:\/\/tescraft.shop\/products\/tesla-model-3-y-taillight-turn-brake-lamp","provider":"TesCraft","version":"1.0","type":"link"}