{"product_id":"model-y-juniper-wireless-charging-port-ambient-light","title":"Luz ambiental grabada con láser para el puerto de carga inalámbrica Juniper del Model Y | TESERY ","description":"\u003cstyle\u003e\n    \/* Define Colors for Black and White Theme *\/\n    :root {\n        --primary-color: #000; \/* Main text and accents (Pure Black) *\/\n        --dark-text: #000; \/* Text color set to pure black *\/\n        --light-border: #f3f3f3; \/* Very light border color *\/\n        --hover-border: #000; \/* Black border on hover *\/\n        --hover-text: #000; \n        --light-bg: #f7f7f7;\n        --white-bg: #ffffff;\n        --accent-color: #04d8cd; \/* NEW: Accent color for the dash *\/\n    }\n\n    .tesery-product-description-container {\n        font-family: 'Arial', sans-serif;\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 20px;\n        color: var(--dark-text);\n        line-height: 1.6;\n    }\n\n    \/* *** MODIFIED: Main Title H2 and Tags *** *\/\n    .tesery-product-description-container h2 {\n        color: var(--dark-text); \n        font-size: 32px;\n        margin-bottom: 5px; \/* Reduced margin to bring divider closer *\/\n        text-align: center;\n        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);\n    }\n    \n    \/* *** NEW: H2 Divider Style *** *\/\n    .h2-divider {\n        width: 50px; \/* Short dash *\/\n        height: 3px;\n        background-color: var(--accent-color);\n        margin: 0px auto 10px; \/* Centered, small space below h2, above tags *\/\n        border-radius: 2px;\n    }\n\n    .product-tags {\n        text-align: center;\n        margin-bottom: 30px;\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        flex-wrap: wrap;\n    }\n\n    .product-tags .tag {\n        display: inline-block;\n        padding: 5px 10px;\n        background-color: var(--light-bg);\n        border: 1px solid var(--light-border);\n        border-radius: 6px;\n        font-size: 14px;\n        color: var(--dark-text);\n        font-weight: 500;\n    }\n\n    \/* *** MODIFIED: Section Title H3 font size *** *\/\n    .tesery-product-description-container h3 {\n        color: var(--dark-text); \n        font-size: 28px; \n        margin-top: 30px;\n        margin-bottom: 15px;\n        text-align: center;\n    }\n\n    .tesery-product-description-container h4 {\n        font-size: 20px;\n        margin-bottom: 10px;\n        color: var(--primary-color); \n    }\n\n    .tesery-product-description-container p {\n        font-size: 16px;\n        line-height: 1.6;\n        margin-bottom: 15px;\n        text-align: justify;\n    }\n    \n    \/* Main Visuals (YouTube Video) - Responsive 16:9 container *\/\n    .main-visual-item {\n        border-radius: 12px;\n        overflow: hidden;\n        margin-bottom: 40px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        text-align: center;\n        position: relative; \n        padding-bottom: 56.25%; \/* 16:9 ratio hack *\/\n        height: 0;\n        background: #000;\n    }\n\n    .main-visual-item iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n    \n    \/* Features Section *\/\n    .features-section {\n        margin-bottom: 40px;\n        background: var(--white-bg);\n        padding: 30px;\n        border-radius: 12px;\n        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.03);\n    }\n\n    .feature-item {\n        display: flex;\n        margin-bottom: 40px;\n        gap: 40px;\n        align-items: center;\n        padding: 20px;\n        border-radius: 12px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        background-color: var(--white-bg);\n    }\n\n    .feature-item:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);\n    }\n\n    .feature-image {\n        flex: 1;\n        aspect-ratio: 4\/3;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        max-width: 50%;\n        position: relative;\n        text-align: start;\n    }\n    \n    .feature-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        border-radius: 12px;\n        transition: transform 0.5s ease;\n    }\n    \n    .feature-item:hover .feature-image img {\n        transform: scale(1.05);\n    }\n\n    .feature-content {\n        flex: 1;\n        padding: 0 15px;\n        max-width: 50%;\n    }\n\n    .feature-divider {\n        width: 60px;\n        height: 3px;\n        background-color: var(--primary-color); \n        margin-bottom: 15px;\n    }\n\n    .feature-item.reverse {\n        flex-direction: row-reverse;\n    }\n    \n    \/* Product Breakdown (Specs \u0026 Accessories) *\/\n    .product-breakdown {\n        display: flex;\n        justify-content: space-between; \n        gap: 20px;\n        margin-bottom: 40px;\n    }\n    \n    .breakdown-section {\n        flex: 0 1 calc(50% - 10px); \n        padding: 30px;\n        background-color: var(--white-bg);\n        border: 1px dashed var(--primary-color); \n        border-radius: 12px;\n        text-align: center;\n        transition: box-shadow 0.3s ease;\n    }\n    \n    .breakdown-section h4 {\n        margin-top: 0;\n        color: var(--primary-color); \n        text-align: center;\n    }\n\n    .breakdown-section ul {\n        list-style: none;\n        padding: 0;\n        text-align: left;\n        max-width: 350px;\n        margin: 0 auto;\n        margin-bottom: 20px; \n    }\n    \n    .breakdown-section li {\n        margin-bottom: 10px;\n        font-size: 16px;\n        color: var(--dark-text);\n        position: relative;\n        padding-left: 20px;\n    }\n    \n    .breakdown-section li::before {\n        content: '✓';\n        color: var(--primary-color); \n        font-weight: bold;\n        position: absolute;\n        left: 0;\n    }\n\n    \/* Accessories Image Styling *\/\n    .accessories-image-container {\n        margin: 20px auto 0;\n        max-width: 90%;\n        overflow: hidden;\n    }\n    .accessories-image {\n        width: 100%;\n        height: auto;\n        border-radius: 12px; \n        display: block;\n    }\n\n    .breakdown-section .button {\n        display: inline-block;\n        padding: 12px 25px;\n        background-color: var(--primary-color); \n        color: white;\n        border-radius: 8px;\n        text-decoration: none;\n        font-weight: bold;\n        transition: background-color 0.3s ease;\n        margin-top: 20px;\n    }\n\n    .breakdown-section .button:hover {\n        background-color: #222; \n    }\n    \n    \/* Bottom YouTube Video Section (Restored) *\/\n    .youtube-video-container-bottom {\n        margin-top: 40px;\n        margin-bottom: 40px;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        position: relative;\n        padding-bottom: 56.25%; \/* 16:9 ratio *\/\n        height: 0;\n        background: #000;\n    }\n\n    .youtube-video-container-bottom iframe {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n\n    \/* *** OPTIMIZED FAQ STYLING *** *\/\n    .faq-section {\n        margin-top: 50px;\n        margin-bottom: 40px;\n        padding: 0 20px; \n    }\n\n    .faq-item {\n        margin-bottom: 10px; \n        border: 1px solid var(--light-border); \n        border-radius: 12px; \n        overflow: hidden;\n        background-color: var(--white-bg);\n        transition: box-shadow 0.3s ease, border-color 0.2s ease; \n        width: 100%;\n    }\n\n    .faq-item:hover {\n        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05); \n        border-color: var(--hover-border); \n    }\n\n    .faq-question {\n        background-color: var(--white-bg);\n        padding: 15px 20px;\n        cursor: pointer;\n        font-weight: normal; \n        font-size: 17px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: color 0.2s ease;\n        color: var(--dark-text); \n        white-space: normal; \/* Allows text to wrap *\/\n        word-break: break-word; \/* Forces wrapping of long words\/strings *\/\n    }\n    \n    .faq-question:hover {\n        color: var(--hover-text); \n    }\n\n    .faq-question::after {\n        content: '+';\n        font-size: 20px;\n        color: var(--primary-color); \n        transition: transform 0.3s ease;\n        flex-shrink: 0; \n    }\n\n    .faq-question.active::after {\n        content: '-';\n        color: var(--primary-color);\n        transform: rotate(0deg);\n    }\n\n    .faq-answer {\n        padding: 0 20px;\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;\n        background-color: var(--white-bg);\n        border-top: 1px solid var(--light-border); \n    }\n    \n    .faq-item .faq-answer.active {\n        border-top-color: var(--hover-border); \n    }\n\n    .faq-answer.active {\n        padding: 15px 20px;\n        max-height: 500px; \n    }\n\n    .faq-answer p {\n        font-size: 15px;\n        color: #555; \n        margin-bottom: 0;\n        text-align: left;\n    }\n\n    \/* Responsive Design *\/\n    @media (max-width: 768px) {\n        .tesery-product-description-container {\n            padding: 10px;\n        }\n        .feature-item, .feature-item.reverse {\n            flex-direction: column;\n            align-items: stretch;\n            margin-bottom: 20px;\n        }\n        .feature-image, .feature-content {\n            max-width: 100%;\n            padding: 0;\n        }\n        .product-breakdown {\n            flex-direction: column;\n        }\n        .breakdown-section {\n            flex: 1;\n            margin-bottom: 20px;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"tesery-product-description-container\"\u003e\n\n\u003cdiv style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003ch2\u003e Luz ambiental tallada con láser para el puerto de carga inalámbrica Juniper del Model Y\u003c\/h2\u003e\n\n\u003cdiv class=\"h2-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"product-tags\"\u003e\n\n \u003cspan class=\"tag\"\u003eInstalación no destructiva\u003c\/span\u003e \u003cspan class=\"tag\"\u003edel control de pantalla OEM\u003c\/span\u003e \u003cspan class=\"tag\"\u003edel modelo Y Juniper únicamente\u003c\/span\u003e \n\n\u003c\/div\u003e\n\n\u003cdiv data-video-id=\"GfbnZRVbMNo\" class=\"main-visual-item\"\u003e\u003ciframe title=\"Instalación de luz ambiental tallada con láser\/video de demostración\" src=\"https:\/\/www.youtube.com\/embed\/GfbnZRVbMNo?si=aL_3zZyIroHn5KBS\u0026amp;mute=1\u0026amp;loop=1\u0026amp;playlist=GfbnZRVbMNo\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"features-section\"\u003e\n\n\u003ch3\u003e Mejora el ambiente de tu viaje\u003c\/h3\u003e\n\n\u003cp style=\"text-align: center;\"\u003e Vaya más allá de la iluminación. Esta mejora crea una atmósfera cálida y única alrededor de su consola, haciendo que el interior de su Model Y Juniper se sienta más personal, premium y acogedor. \u003c\/p\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/laser-carved-ambient-light-for-model-y-juniper-wireless-charging-port-6278110.jpg?v=1763386185\u0026amp;width=600\" alt=\"Detalle de tallado láser de precisión\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-content\"\u003e\n\n\u003ch4\u003e Perfección tallada con precisión\u003c\/h4\u003e\n\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cp\u003e Nuestro exclusivo diseño tallado con láser y el icónico LOGO de Launch transforman tu consola en una obra de arte, brindándole a tu Tesla una sensación verdaderamente única y premium. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Laser-CarvedWirelessChargingPadAmbientLightingforModelYJuniper_11.png?v=1760684026\" alt=\"Lanzamiento exclusivo LOGO\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-content\"\u003e\n\n\u003ch4\u003e Lanzamiento exclusivo LOGO\u003c\/h4\u003e\n\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cp\u003e El exclusivo logotipo de Launch está \u003cb\u003emeticulosamente tallado a láser\u003c\/b\u003e para una precisión y claridad máximas. Aporta un toque de diseño sutil pero de alta calidad, garantizando que su interior se sienta verdaderamente único y personalizado. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\n\u003cdiv class=\"feature-image\" style=\"text-align: start;\"\u003e\u003cimg src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/laser-carved-ambient-light-for-model-y-juniper-wireless-charging-port-6849845.jpg?v=1763604038\u0026amp;width=600\" alt=\"Materiales de primera calidad, sensación superior\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-content\"\u003e\n\n\u003ch4\u003e Materiales de primera calidad, sensación superior\u003c\/h4\u003e\n\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n \u003cp\u003eFabricada con cuero de alta calidad y ABS duradero, esta luz decorativa agrega un toque sofisticado y al mismo tiempo resiste el desgaste diario para una sensación duradera y lujosa. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\n\u003cdiv style=\"text-align: start;\" class=\"feature-image\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/Laser-CarvedWirelessChargingPadAmbientLightingforModelYJuniper_1.png?v=1760684026\" alt=\"Integración OEM perfecta\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-content\"\u003e\n\n\u003ch4\u003e Integración OEM perfecta\u003c\/h4\u003e\n\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\n\u003cp\u003e Controla completamente tu iluminación directamente desde la pantalla OEM de tu Tesla. Combina fácilmente los colores con tus luces ambientales para lograr una apariencia de fábrica perfectamente sincronizada. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"product-breakdown\"\u003e\n\n\u003cdiv class=\"breakdown-section\"\u003e\n\n\u003ch4\u003e Especificaciones del producto\u003c\/h4\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e \u003cstrong\u003e◾ Compatibilidad:\u003c\/strong\u003e Tesla Model Y (modelo actualizado de Juniper)\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e \u003cstrong\u003e◾ Instalación:\u003c\/strong\u003e Actualización personalizada y no destructiva\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e \u003cstrong\u003e◾ Material:\u003c\/strong\u003e Cuero de alta calidad y ABS duradero\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e \u003cstrong\u003e◾ Control:\u003c\/strong\u003e Integrado con la pantalla OEM de Tesla\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e\u003c\/p\u003e\n\n\u003cp style=\"text-align: left;\"\u003e \u003cstrong\u003e◾ Característica:\u003c\/strong\u003e LOGOTIPO de lanzamiento exclusivo tallado con láser\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"breakdown-section\"\u003e\n\n\u003ch4\u003e Accesorios del producto incluidos \u003c\/h4\u003e\n\n\u003cdiv style=\"text-align: center;\" class=\"accessories-image-container\"\u003e\u003cimg style=\"margin-bottom: 16px; float: none;\" src=\"https:\/\/www.tesery.com\/cdn\/shop\/files\/laser-carved-ambient-light-for-model-y-juniper-wireless-charging-port-1476771.jpg?v=1760772444\u0026amp;width=713\" alt=\"Accesorios de productos\" class=\"accessories-image\"\u003e\u003c\/div\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003ch3 style=\"margin-top: 50px;\"\u003e Guía de instalación en vídeo\u003c\/h3\u003e\n\n \u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003eDiseñada como una actualización no destructiva y a medida, esta luz es fácil de instalar. Nuestra detallada videoguía (ver más abajo) facilita el proceso, sin necesidad de experiencia. Puede estar seguro de que la actualización de su interior será rápida y sin complicaciones. \u003c\/p\u003e\n\n\u003cdiv class=\"youtube-video-container-bottom\"\u003e\u003ciframe title=\"Guía de instalación\" src=\"https:\/\/www.youtube.com\/embed\/Mkd_Pnc4rAo?si=66QQNf_QM41u8T4z\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"faq-section\"\u003e\n\n\u003ch3 style=\"margin-bottom: 25px;\"\u003e Preguntas frecuentes\u003c\/h3\u003e\n\n\u003cp\u003e \u003cstrong\u003eP1: ¿Esta luz es compatible con todas las versiones del Model Y?\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e A1: Diseñado específicamente para \u003cb\u003eel Juniper Model Y\u003c\/b\u003e (nueva consola central\/puerto de carga inalámbrica). Confirme el diseño de su consola antes de comprar.\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cstrong\u003eP2: ¿Cómo controlo la luz y qué debo hacer si el control de la pantalla del automóvil no responde?\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e A2: Control mediante \u003cstrong\u003ela app Comfort Cabin\u003c\/strong\u003e o \u003cstrong\u003ela pantalla táctil original de Tesla\u003c\/strong\u003e . Si la pantalla no responde, cambie al modo \"Control de pantalla del coche\" en la configuración de la app Comfort Cabin.\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cstrong\u003eP3: ¿La instalación es realmente no destructiva y se puede quitar la luz más tarde?\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003eA3: Sí, la instalación es \u003cb\u003eno destructiva\u003c\/b\u003e (plug and play). Se puede desinstalar completamente sin dañar el interior del vehículo.\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cstrong\u003eP4: ¿Qué debo hacer si la luz no se enciende, funciona parcialmente o muestra un retraso en el control?\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003e A4: \u003cb\u003eSolución de problemas:\u003c\/b\u003e 1. \u003cb\u003eNo funciona:\u003c\/b\u003e Desconecte y vuelva a colocar el mazo de cables\/caja de control. 2. \u003cb\u003eLuz parcial:\u003c\/b\u003e Reinicie el sistema (bloquee el vehículo, espere 5 minutos, desbloquee). 3. \u003cb\u003eRetardo:\u003c\/b\u003e Normal al primer uso; las operaciones posteriores son instantáneas. \u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    \/\/ Use DOMContentLoaded instead of window.onload to ensure the script runs immediately \n    \/\/ after the DOM structure is loaded, improving stability in dynamic environments like Shopify.\n    document.addEventListener('DOMContentLoaded', function() {\n        \n        \/\/ ----------------------------------------------------------------------\n        \/\/ 1. FAQ Accordion Logic (Dynamic Height Fix)\n        \/\/ ----------------------------------------------------------------------\n        document.querySelectorAll('.faq-question').forEach(question =\u003e {\n            question.addEventListener('click', () =\u003e {\n                const answer = question.nextElementSibling;\n                \n                \/\/ Close all other active questions\/answers in the same section\n                document.querySelectorAll('.faq-question.active').forEach(q =\u003e {\n                    if (q !== question) {\n                        q.classList.remove('active');\n                        q.nextElementSibling.classList.remove('active');\n                        \/\/ Reset max-height on close\n                        q.nextElementSibling.style.maxHeight = null;\n                    }\n                });\n                \n                \/\/ Toggle the current question and answer visibility\n                question.classList.toggle('active');\n                answer.classList.toggle('active');\n\n                \/\/ Dynamic Max-Height calculation using scrollHeight\n                if (answer.classList.contains('active')) {\n                    \/\/ When opening: set max-height to the actual scroll height\n                    answer.style.maxHeight = answer.scrollHeight + \"px\";\n                } else {\n                    \/\/ When closing: revert to null, which falls back to the CSS max-height: 0\n                    answer.style.maxHeight = null;\n                }\n            });\n        });\n\n        \/\/ ----------------------------------------------------------------------\n        \/\/ 2. Main Visual Video (Autoplay \u0026 Pause on Scroll) Logic - URL Fixed\n        \/\/ ----------------------------------------------------------------------\n        const videoContainer = document.querySelector('.main-visual-item');\n        const iframe = videoContainer ? videoContainer.querySelector('iframe') : null;\n\n        if (iframe \u0026\u0026 'IntersectionObserver' in window) {\n            const videoId = videoContainer.getAttribute('data-video-id');\n            \n            \/\/ CRITICAL FIX: Added \"https:\/\/\" and \"\/\" to form a valid YouTube URL\n            const baseSrc = `https:\/\/www.youtube.com\/embed\/${videoId}?si=aL_3zZyIroHn5KBS\u0026loop=1\u0026playlist=${videoId}\u0026mute=1`;\n            \n            const playingSrc = `${baseSrc}\u0026autoplay=1`;\n            const pausedSrc = `${baseSrc}\u0026autoplay=0`;\n\n            \/\/ Initialization: Start playing immediately (if the browser allows muted autoplay)\n            iframe.src = playingSrc;\n\n            const observer = new IntersectionObserver((entries) =\u003e { \n                entries.forEach(entry =\u003e { \n                    if (entry.isIntersecting) {\n                        \/\/ Video is visible: Ensure it is playing\/restarts\n                        if (!iframe.src.includes('autoplay=1')) {\n                            iframe.src = playingSrc;\n                        }\n                    } else {\n                        \/\/ Video is not visible: Pause\/Stop playback\n                        if (iframe.src.includes('autoplay=1')) {\n                            iframe.src = pausedSrc;\n                        }\n                    }\n                });\n            }, { \n                threshold: 0.1 \/\/ Trigger when 10% of the video is visible\n            });\n            observer.observe(videoContainer);\n        } else if (iframe) {\n            \/\/ Fallback for old browsers: always keep autoplay on\n            const videoId = videoContainer.getAttribute('data-video-id');\n            \/\/ CRITICAL FIX: Added \"https:\/\/\" and \"\/\" to form a valid YouTube URL\n            iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?si=aL_3zZyIroHn5KBS\u0026loop=1\u0026playlist=${videoId}\u0026mute=1\u0026autoplay=1`;\n        }\n    });\n\u003c\/script\u003e\n\n\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"Default Title","offer_id":47745279066344,"sku":"TLA008","price":128.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0588\/3825\/3719\/files\/laser-carved-ambient-light-for-model-y-juniper-wireless-charging-port-6278110.jpg?v=1763604038","url":"https:\/\/www.tesery.com\/es-es\/products\/model-y-juniper-wireless-charging-port-ambient-light","provider":"Tesery Official Store","version":"1.0","type":"link"}