{"product_id":"model-y-juniper-wireless-charging-port-ambient-light","title":"Lasergravert stemningslys for Model Y Juniper trådløs ladeport | 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\u003cdiv style=\"text-align: center;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch2\u003eLasergravert ambient lys for Model Y Juniper trådløs ladeport\u003c\/h2\u003e\n\u003cdiv class=\"h2-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"product-tags\"\u003e\n\u003cspan class=\"tag\"\u003eKun for Model Y Juniper\u003c\/span\u003e \u003cspan class=\"tag\"\u003eOEM skjermkontroll\u003c\/span\u003e \u003cspan class=\"tag\"\u003eIkke-destruktiv installasjon\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv data-video-id=\"GfbnZRVbMNo\" class=\"main-visual-item\"\u003e\u003ciframe title=\"Laser-Carved Ambient Light Installation\/Demo Video\" 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\u003cdiv class=\"features-section\"\u003e\n\u003ch3\u003eHev stemningen i kjøretøyet ditt\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eGå utover belysning. Denne oppgraderingen skaper en varm, unik atmosfære rundt konsollen din, og gjør Model Y Juniper-interiøret ditt mer personlig, førsteklasses og innbydende.\u003c\/p\u003e\n\u003cdiv class=\"feature-item\"\u003e\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=\"Detaljer i presisjonslasergravering\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003ePresisjonsgravert Perfeksjon\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eVårt eksklusive lasergravert design og ikoniske Launch-LOGO forvandler konsollen din til et kunstverk, og gir din Tesla en virkelig unik og førsteklasses følelse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\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=\"Eksklusiv Launch-LOGO\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eEksklusiv Launch-LOGO\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eDet eksklusive Launch LOGO er \u003cb\u003enøye lasergravert\u003c\/b\u003e for ultimat presisjon og klarhet. Det gir et subtilt, men premium designdetalj, som sikrer at interiøret ditt føles virkelig unikt og personlig.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\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=\"Premium materialer, overlegen følelse\" style=\"margin-bottom: 16px; float: none;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003ePremium materialer, overlegen følelse\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eLaget av høykvalitets skinn og slitesterk ABS, tilfører dette aksentlyset et sofistikert preg samtidig som det tåler daglig slitasje for en varig, luksuriøs følelse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\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=\"Sømløs OEM-integrasjon\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch4\u003eSømløs OEM-integrasjon\u003c\/h4\u003e\n\u003cdiv class=\"feature-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eTa full kontroll over belysningen direkte gjennom Teslas OEM-skjerm. Match enkelt fargene med dine eksisterende ambient-lys for et perfekt synkronisert, fabrikk-lignende utseende.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-breakdown\"\u003e\n\u003cdiv class=\"breakdown-section\"\u003e\n\u003ch4\u003eProduktspecifikasjoner\u003c\/h4\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003e◾ Kompatibilitet: \u003c\/strong\u003eTesla Model Y (Juniper refresh-modell)\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003e◾ Installasjon:\u003c\/strong\u003e Ikke-destruktiv, skreddersydd oppgradering\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003e◾ Materiale:\u003c\/strong\u003e Høykvalitets skinn \u0026amp; slitesterk ABS\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003e◾ Kontroll: \u003c\/strong\u003eIntegrert med Tesla OEM-skjerm\u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e \u003c\/p\u003e\n\u003cp style=\"text-align: left;\"\u003e\u003cstrong\u003e◾ Funksjon:\u003c\/strong\u003e Eksklusiv lasergravert Launch LOGO\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"breakdown-section\"\u003e\n\u003ch4\u003eProduktets tilbehør inkludert\u003c\/h4\u003e\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=\"Produkt Tilbehør\" class=\"accessories-image\"\u003e\u003c\/div\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3 style=\"margin-top: 50px;\"\u003eInstallasjonsvideoguide\u003c\/h3\u003e\n\u003cp style=\"text-align: center; margin-bottom: 25px;\"\u003eDesignet som en ikke-destruktiv, skreddersydd oppgradering, er dette lyset enkelt å installere. Vår detaljerte videogjennomgang (se nedenfor) gjør prosessen enkel, uten behov for ekspertise. Du kan stole på at interiøroppgraderingen blir rask og problemfri.\u003c\/p\u003e\n\u003cdiv class=\"youtube-video-container-bottom\"\u003e\u003ciframe title=\"Installation Guide\" src=\"https:\/\/www.youtube.com\/embed\/Mkd_Pnc4rAo?si=66QQNf_QM41u8T4z\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003ch3 style=\"margin-bottom: 25px;\"\u003eOfte stilte spørsmål\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eQ1: Er dette lyset kompatibelt med alle Model Y-versjoner?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eA1: Designet spesielt for \u003cb\u003eModel Y Juniper\u003c\/b\u003e (ny senterkonsoll\/trådløs ladeport). Vennligst bekreft konsolldesignet ditt før kjøp.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ2: Hvordan kontrollerer jeg lyset, og hva bør jeg gjøre hvis bilskjermkontrollen ikke reagerer?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eA2: Kontroll via \u003cstrong\u003eComfort Cabin App\u003c\/strong\u003e eller \u003cstrong\u003eTesla OEM Touchscreen\u003c\/strong\u003e. Hvis skjermen ikke reagerer, bytt til \"Car Screen Control\"-modus i Comfort Cabin App-innstillingene.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ3: Er installasjonen virkelig ikke-destruktiv, og kan lyset fjernes senere?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eA3: Ja, installasjonen er \u003cb\u003eikke-destruktiv\u003c\/b\u003e (plug-and-play). Den kan fjernes helt uten å skade bilens interiør.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQ4: Hva bør jeg gjøre hvis lyset ikke slår seg på, fungerer delvis, eller viser en kontrollforsinkelse?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eA4: \u003cb\u003eFeilsøking:\u003c\/b\u003e 1. \u003cb\u003eFungerer ikke:\u003c\/b\u003e Koble fra og sett inn ledningsnettet\/kontrollboksen på nytt. 2. \u003cb\u003eDelvis lys:\u003c\/b\u003e Tilbakestill systemet (lås bilen, vent 5 min, lås opp). 3. \u003cb\u003eForsinkelse:\u003c\/b\u003e Normalt ved første bruk; påfølgende operasjoner er umiddelbare.\u003c\/p\u003e\n\u003c\/div\u003e\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\u003c\/div\u003e","brand":"Tesery Official Store","offers":[{"title":"Default Title","offer_id":47745279066344,"sku":"TLA008","price":149.0,"currency_code":"USD","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\/no-no\/products\/model-y-juniper-wireless-charging-port-ambient-light","provider":"Tesery Official Store","version":"1.0","type":"link"}