{"product_id":"test","title":"Test Video Widget","description":"\u003ch1\u003eDemonstration Videos\u003c\/h1\u003e\n\n\u003c!-- MCC PRODUCT VIDEO SWITCHER — HOW TO USE\n1. Type the button label between the LABEL START\/END markers.\n2. On YouTube, click \"Share\" → \"Embed\" → \"Copy\".\n3. Paste the ENTIRE iframe code between the EMBED START\/END markers, replacing the placeholder iframe.\n4. Save the product. Done.\n5. To hide an unused slot, delete its entire .mcc-embed-source block.\n--\u003e\n\n\u003cstyle\u003e\n  .mcc-video-wrap {\n    max-width: 760px;\n    margin: 1.5em auto;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: #1a1a1a;\n  }\n  .mcc-video-frame {\n    position: relative;\n    padding-bottom: 56.25%;\n    height: 0;\n    overflow: hidden;\n    background: #000;\n    border-radius: 10px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.10);\n  }\n  .mcc-video-frame iframe {\n    position: absolute; top: 0; left: 0;\n    width: 100%; height: 100%;\n    border: 0;\n  }\n\n  \/* Transport controls: prev \/ now-playing \/ next *\/\n  .mcc-transport {\n    display: grid;\n    grid-template-columns: auto 1fr auto;\n    align-items: center;\n    gap: 8px;\n    margin-top: 14px;\n    background: #1a1a1a;\n    border-radius: 10px;\n    padding: 8px;\n  }\n  .mcc-tbtn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 14px;\n    background: #2a2a2a;\n    color: #fff;\n    border: 0;\n    border-radius: 7px;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, transform 0.1s ease;\n  }\n  .mcc-tbtn:hover { background: #3a3a3a; }\n  .mcc-tbtn:active { transform: scale(0.97); }\n  .mcc-tbtn svg { width: 14px; height: 14px; fill: currentColor; }\n  .mcc-tbtn-label { white-space: nowrap; }\n  @media (max-width: 480px) {\n    .mcc-tbtn-label { display: none; }\n    .mcc-tbtn { padding: 10px 12px; }\n  }\n  .mcc-now-playing {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    padding: 0 8px;\n    color: #fff;\n    text-align: center;\n    overflow: hidden;\n  }\n  .mcc-now-playing .mcc-np-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #aaa;\n  }\n  .mcc-np-eq {\n    display: inline-flex;\n    align-items: flex-end;\n    gap: 2px;\n    height: 12px;\n  }\n  .mcc-np-eq span {\n    display: block;\n    width: 2px;\n    background: #ffffff;\n    border-radius: 1px;\n    animation: mcc-eq-np 1s ease-in-out infinite;\n  }\n  .mcc-np-eq span:nth-child(1) { animation-delay: -0.2s; }\n  .mcc-np-eq span:nth-child(2) { animation-delay: -0.6s; }\n  .mcc-np-eq span:nth-child(3) { animation-delay: -0.4s; }\n  @keyframes mcc-eq-np {\n    0%, 100% { height: 3px; }\n    50%      { height: 12px; }\n  }\n  .mcc-now-playing .mcc-np-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: #fff;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .mcc-now-playing .mcc-np-position {\n    color: #888;\n    font-variant-numeric: tabular-nums;\n    margin-right: 6px;\n  }\n\n  \/* Accordion playlist *\/\n  .mcc-video-list {\n    margin-top: 10px;\n    background: #fafafa;\n    border: 1px solid #e8e8e8;\n    border-radius: 10px;\n    overflow: hidden;\n  }\n  .mcc-list-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding: 12px 14px;\n    background: #f0f0f0;\n    border: 0;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    text-align: left;\n    transition: background 0.15s ease;\n  }\n  .mcc-list-header:hover { background: #e8e8e8; }\n  .mcc-list-header-left {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .mcc-list-count {\n    color: #888;\n    font-weight: 500;\n    letter-spacing: 0.05em;\n  }\n  .mcc-list-chevron {\n    width: 18px; height: 18px;\n    transition: transform 0.25s ease;\n    flex-shrink: 0;\n  }\n  .mcc-video-list.is-open .mcc-list-chevron {\n    transform: rotate(180deg);\n  }\n  .mcc-list-body {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease;\n  }\n  .mcc-video-list.is-open .mcc-list-body {\n    max-height: 800px;\n  }\n\n  .mcc-vbtn {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    width: 100%;\n    padding: 12px 14px;\n    background: transparent;\n    border: 0;\n    border-top: 1px solid #ececec;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 14px;\n    color: #1a1a1a;\n    text-align: left;\n    transition: background 0.12s ease;\n  }\n  .mcc-vbtn:hover { background: #f0f0f0; }\n  .mcc-vbtn:focus {\n    outline: none;\n    background: #ececec;\n  }\n  .mcc-vbtn-num {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n    font-weight: 600;\n    color: #999;\n    font-variant-numeric: tabular-nums;\n  }\n  .mcc-vbtn-label {\n    flex: 1;\n    font-weight: 500;\n    line-height: 1.3;\n  }\n  .mcc-vbtn-play-hint {\n    flex-shrink: 0;\n    font-size: 11px;\n    font-weight: 600;\n    color: #999;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    opacity: 0;\n    transition: opacity 0.12s ease;\n  }\n  .mcc-vbtn:hover .mcc-vbtn-play-hint { opacity: 1; }\n\n  .mcc-vbtn.is-active {\n    background: #ffffff;\n    font-weight: 600;\n    box-shadow: inset 3px 0 0 #1a1a1a;\n  }\n  .mcc-vbtn.is-active .mcc-vbtn-num { display: none; }\n  .mcc-vbtn.is-active .mcc-vbtn-eq { display: flex; }\n  .mcc-vbtn.is-active .mcc-vbtn-play-hint { opacity: 1; color: #1a1a1a; }\n  .mcc-vbtn-eq {\n    display: none;\n    align-items: flex-end;\n    justify-content: center;\n    gap: 2px;\n    flex-shrink: 0;\n    width: 28px;\n    height: 28px;\n    padding-bottom: 6px;\n  }\n  .mcc-vbtn-eq span {\n    display: block;\n    width: 3px;\n    background: #1a1a1a;\n    border-radius: 1px;\n    animation: mcc-eq 1s ease-in-out infinite;\n  }\n  .mcc-vbtn-eq span:nth-child(1) { animation-delay: -0.2s; }\n  .mcc-vbtn-eq span:nth-child(2) { animation-delay: -0.6s; }\n  .mcc-vbtn-eq span:nth-child(3) { animation-delay: -0.4s; }\n  @keyframes mcc-eq {\n    0%, 100% { height: 4px; }\n    50%      { height: 16px; }\n  }\n\n  .mcc-yt-cta {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    margin-top: 10px;\n    padding: 13px 16px;\n    background: #1a1a1a;\n    color: #ffffff !important;\n    border-radius: 8px;\n    text-decoration: none !important;\n    font-size: 14px;\n    font-weight: 600;\n    transition: background 0.15s ease;\n  }\n  .mcc-yt-cta:hover { background: #000000; }\n  .mcc-yt-cta svg {\n    width: 22px; height: 22px;\n    flex-shrink: 0;\n  }\n\n  .mcc-embed-source { display: none; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"mcc-video-wrap\"\u003e\n\n  \u003cdiv class=\"mcc-video-frame\"\u003e\n    \u003ciframe id=\"mcc-main-player\" src=\"\" allow=\"accelerometer;autoplay;clipboard-write;encrypted-media;gyroscope;picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Transport bar: prev \/ now playing \/ next --\u003e\n  \u003cdiv class=\"mcc-transport\"\u003e\n    \u003cbutton class=\"mcc-tbtn\" id=\"mcc-prev-btn\" type=\"button\" aria-label=\"Previous video\"\u003e\n      \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M15.5 4L7 12l8.5 8 1.5-1.5L10 12l7-6.5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cspan class=\"mcc-tbtn-label\"\u003ePrev\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"mcc-now-playing\"\u003e\n      \u003cspan class=\"mcc-np-label\"\u003e\n        \u003cspan class=\"mcc-np-eq\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/span\u003e\n        Now playing\n      \u003c\/span\u003e\n      \u003cspan class=\"mcc-np-title\"\u003e\n        \u003cspan class=\"mcc-np-position\" id=\"mcc-np-position\"\u003e01\/01\u003c\/span\u003e\n        \u003cspan id=\"mcc-np-title\"\u003e—\u003c\/span\u003e\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cbutton class=\"mcc-tbtn\" id=\"mcc-next-btn\" type=\"button\" aria-label=\"Next video\"\u003e\n      \u003cspan class=\"mcc-tbtn-label\"\u003eNext\u003c\/span\u003e\n      \u003csvg viewbox=\"0 0 24 24\" aria-hidden=\"true\"\u003e\u003cpath d=\"M8.5 4L7 5.5 14 12l-7 6.5L8.5 20 17 12z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- DEMONSTRATION VIDEO 1 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 1 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Attack\u003c\/span\u003e\n    \u003c!-- VIDEO 1 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 1 EMBED CODE HERE --\u003e\n\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/d8V-cL9u-pg?si=A1L16cMWAKuoYst2\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c!-- VIDEO 1 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 2 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 2 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Blend\u003c\/span\u003e\n    \u003c!-- VIDEO 2 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 2 EMBED CODE HERE --\u003e\n\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ca8nYIDjU4E?si=pp7nPSfIGJ1g7yE1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c!-- VIDEO 2 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 3 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 3 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Makeup\u003c\/span\u003e\n    \u003c!-- VIDEO 3 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 3 EMBED CODE HERE --\u003e\n \u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ynp8IQrdqmI?si=7RoU1Nxj-cmAJbuJ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c!-- VIDEO 3 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 4 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 4 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Output\u003c\/span\u003e\n    \u003c!-- VIDEO 4 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 4 EMBED CODE HERE --\u003e\n\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/_sFecptTPZY?si=NM2cgoCYBtGP94Ca\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c!-- VIDEO 4 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 5 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 5 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Ratio\u003c\/span\u003e\n    \u003c!-- VIDEO 5 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 5 EMBED CODE HERE --\u003e\n\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/j1dgVtt6oFE?si=XZiXdjh3-FIvmvek\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c!-- VIDEO 5 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 6 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 6 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Release\u003c\/span\u003e\n    \u003c!-- VIDEO 6 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 6 EMBED CODE HERE --\u003e\n\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/XufTNYPh_08?si=tgAEmYLZZ3PjhV4L\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c!-- VIDEO 6 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 7 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 7 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint · Threshold\u003c\/span\u003e\n    \u003c!-- VIDEO 7 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 7 EMBED CODE HERE --\u003e\n\u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/uJVPdp_TkKk?si=ylkDGmclN1u19VIx\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n\n    \u003c!-- VIDEO 7 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- VIDEO 8 --\u003e\n  \u003cdiv class=\"mcc-embed-source\"\u003e\n    \u003c!-- PASTE VIDEO 8 LABEL HERE --\u003e\n    \u003cspan class=\"mcc-label\"\u003eHighpoint Full Demo\u003c\/span\u003e\n    \u003c!-- VIDEO 8 LABEL ENDS --\u003e\n\n    \u003c!-- PASTE VIDEO 8 EMBED CODE HERE --\u003e\n \u003ciframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/xA_aY1Wpnqs?si=1xz15Hs-ldWDjcrw\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen\u003e\u003c\/iframe\u003e\n\n    \u003c!-- VIDEO 8 EMBED CODE ENDS --\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Accordion playlist --\u003e\n  \u003cdiv class=\"mcc-video-list\" id=\"mcc-video-list\"\u003e\n    \u003cbutton class=\"mcc-list-header\" id=\"mcc-list-header\" type=\"button\" aria-expanded=\"false\"\u003e\n      \u003cspan class=\"mcc-list-header-left\"\u003e\n        \u003cspan\u003ePlaylist\u003c\/span\u003e\n        \u003cspan class=\"mcc-list-count\" id=\"mcc-list-count\"\u003e\u003c\/span\u003e\n      \u003c\/span\u003e\n      \u003csvg class=\"mcc-list-chevron\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\u003e\n        \u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\n      \u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"mcc-list-body\" id=\"mcc-video-nav\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- YouTube playlist CTA --\u003e\n  \u003ca class=\"mcc-yt-cta\" href=\"https:\/\/www.youtube.com\/@musiccitycanadalive\" target=\"_blank\" rel=\"noopener\"\u003e\n    \u003csvg viewbox=\"0 0 24 24\" fill=\"#FF0000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"\u003e\n      \u003cpath d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.6 15.6V8.4l6.2 3.6-6.2 3.6z\"\u003e\u003c\/path\u003e\n    \u003c\/svg\u003e\n    Watch more demos on our YouTube channel\n  \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var wrap = document.currentScript.closest('.mcc-video-wrap') || document.querySelector('.mcc-video-wrap');\n  var player = wrap.querySelector('#mcc-main-player');\n  var nav = wrap.querySelector('#mcc-video-nav');\n  var count = wrap.querySelector('#mcc-list-count');\n  var list = wrap.querySelector('#mcc-video-list');\n  var listHeader = wrap.querySelector('#mcc-list-header');\n  var npTitle = wrap.querySelector('#mcc-np-title');\n  var npPosition = wrap.querySelector('#mcc-np-position');\n  var prevBtn = wrap.querySelector('#mcc-prev-btn');\n  var nextBtn = wrap.querySelector('#mcc-next-btn');\n  var sources = wrap.querySelectorAll('.mcc-embed-source');\n\n  var tracks = [];\n\n  sources.forEach(function(srcDiv, i){\n    var iframe = srcDiv.querySelector('iframe');\n    if (!iframe) return;\n    var src = iframe.getAttribute('src') || '';\n    var match = src.match(\/\\\/embed\\\/([A-Za-z0-9_-]{11})\/);\n    if (!match) return;\n    var id = match[1];\n    var labelEl = srcDiv.querySelector('.mcc-label');\n    var label = (labelEl \u0026\u0026 labelEl.textContent.trim()) || ('Video ' + (i + 1));\n    tracks.push({ id: id, label: label });\n  });\n\n  function setActive(index, autoplay){\n    var buttons = wrap.querySelectorAll('.mcc-vbtn');\n    buttons.forEach(function(b){ b.classList.remove('is-active'); });\n    var btn = buttons[index];\n    if (btn) btn.classList.add('is-active');\n\n    var track = tracks[index];\n    if (!track) return;\n\n    var url = 'https:\/\/www.youtube.com\/embed\/' + track.id + '?rel=0\u0026modestbranding=1' + (autoplay ? '\u0026autoplay=1' : '');\n    player.src = url;\n\n    npTitle.textContent = track.label;\n    npPosition.textContent = String(index + 1).padStart(2, '0') + '\/' + String(tracks.length).padStart(2, '0');\n  }\n\n  function currentIndex(){\n    var buttons = Array.prototype.slice.call(wrap.querySelectorAll('.mcc-vbtn'));\n    for (var i = 0; i \u003c buttons.length; i++){\n      if (buttons[i].classList.contains('is-active')) return i;\n    }\n    return 0;\n  }\n\n  tracks.forEach(function(track, i){\n    var num = String(i + 1).padStart(2, '0');\n    var btn = document.createElement('button');\n    btn.className = 'mcc-vbtn' + (i === 0 ? ' is-active' : '');\n    btn.type = 'button';\n    btn.innerHTML =\n      '\u003cspan class=\"mcc-vbtn-num\"\u003e' + num + '\u003c\/span\u003e' +\n      '\u003cspan class=\"mcc-vbtn-eq\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/span\u003e' +\n      '\u003cspan class=\"mcc-vbtn-label\"\u003e\u003c\/span\u003e' +\n      '\u003cspan class=\"mcc-vbtn-play-hint\"\u003e▶ Play\u003c\/span\u003e';\n    btn.querySelector('.mcc-vbtn-label').textContent = track.label;\n    btn.addEventListener('click', function(){ setActive(i, true); });\n    nav.appendChild(btn);\n  });\n\n  if (count) count.textContent = '· ' + tracks.length + (tracks.length === 1 ? ' track' : ' tracks');\n\n  \/\/ Initialize with first track (no autoplay)\n  if (tracks.length \u003e 0) setActive(0, false);\n\n  \/\/ Prev \/ Next (wrap-around)\n  prevBtn.addEventListener('click', function(){\n    if (!tracks.length) return;\n    var i = currentIndex();\n    setActive((i - 1 + tracks.length) % tracks.length, true);\n  });\n  nextBtn.addEventListener('click', function(){\n    if (!tracks.length) return;\n    var i = currentIndex();\n    setActive((i + 1) % tracks.length, true);\n  });\n\n  \/\/ Accordion toggle\n  listHeader.addEventListener('click', function(){\n    var open = list.classList.toggle('is-open');\n    listHeader.setAttribute('aria-expanded', open ? 'true' : 'false');\n  });\n})();\n\u003c\/script\u003e\n\n\u003ch1\u003eProduct Description\u003c\/h1\u003e\n\u003cp\u003etext\u003c\/p\u003e\n","brand":"Music City Canada","offers":[{"title":"Default Title","offer_id":49808242475245,"sku":null,"price":0.0,"currency_code":"CAD","in_stock":false}],"url":"https:\/\/musiccitycanada.com\/products\/test","provider":"Music City Canada","version":"1.0","type":"link"}