{"title":"HIP HOP RNB NU SOUL","description":"","products":[{"product_id":"elaquent-long-drives-to-nowhere","title":"ELAQUENT \u003cbr\u003e LONG DRIVES TO NOWHERE","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eURBNET\u003c\/strong\u003e\u003cbr\u003eCANLP 2022\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55095365403002,"sku":"URBNET1352","price":46.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/ELAQUENT_LONG_DRIVES_TO_NOWHERE.jpg?v=1740739250"},{"product_id":"mndsgn-snaxxx","title":"MNDSGN \u003cbr\u003e SNAXXX","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eSTONES THROW\u003c\/strong\u003e\u003cbr\u003eUSLP 2023\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103018238330,"sku":"STH2486","price":44.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/MNDSGN_SNAXXX.jpg?v=1741022133"},{"product_id":"kipp-stone-66689-blvd-prequel","title":"KIPP STONE \u003cbr\u003e 66689 BLVD Prequel","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eCLOSED SESSIONS\u003c\/strong\u003e\u003cbr\u003eUSLP • 2024\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103189123450,"sku":"CS014","price":44.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/KIPP_STONE_66689_BLVD_Prequel.jpg?v=1741022161"},{"product_id":"d-r-u-g-s-beats-a-b-o-v-e","title":"D.R.U.G.S. BEATS \u003cbr\u003e A.B.O.V.E","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eDRUGS BEATS \/ FAT BEATS\u003c\/strong\u003e\u003cbr\u003eUS2LP 2022\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103210193274,"sku":"DB001","price":50.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/D.R.U.G.S._BEATS_A.B.O.V.E.jpg?v=1741022384"},{"product_id":"newselph-if-it-aint-broke-remix-it","title":"NEWSELPH \u003cbr\u003e IF IT AIN'T BROKE, REMIX IT","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eILLECT RECORDINGS\u003c\/strong\u003e\u003cbr\u003eUSLP 2024\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103231590778,"sku":"ILL0363","price":44.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/NEWSELPH_IF_IT_AINT_BROKE_REMIX_IT.jpg?v=1741022435"},{"product_id":"broke-jon-deliz-golfhead93-br-the-sp-chronicles","title":"BROKE\/ JON DELIZ \u0026 GOLFHEAD93 \u003cbr\u003e THE SP CHRONICLES","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eJITNEY MUSIC\u003c\/strong\u003e\u003cbr\u003eUSLP 2024\u003cbr\u003e\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103253447034,"sku":"JIT-004","price":33.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BROKE_JON_DELIZ_GOLFHEAD93_THE_SP_CHRONICLES.jpg?v=1741022710"},{"product_id":"budamunk-tsuggs-thank-and-gro","title":"BUDAMUNK \u0026 TSUGGS \u003cbr\u003e THANK AND GRO","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eKING TONE \/ FAT BEATS\u003c\/strong\u003e\u003cbr\u003eUSLP 2020\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103291163002,"sku":"KTR-001","price":46.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BUDAMUNK_TSUGGS_THANK_AND_GRO.jpg?v=1741022736"},{"product_id":"the-pearls-on-on","title":"THE PEARLS \u003cbr\u003e ON \u0026 ON","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eISLE OF JURA\u003c\/strong\u003e\u003cbr\u003eEU12\" 2020 (1980)\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55103727174010,"sku":"ISLE008","price":20.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/THE_PEARLS_ON_AND_ON.jpg?v=1741023052"},{"product_id":"g-l-o-b-e-whiz-kid-play-that-beat-mr-d-j","title":"G.L.O.B.E. \u0026 WHIZ KID \u003cbr\u003e PLAY THAT BEAT MR. D.J.","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eTOMMY BOY\u003c\/strong\u003e\u003cbr\u003eUS12\" 1983\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55106758312314,"sku":"TB 836","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/GLOBE_WHIZ_KID_PLAY_THAT_BEAT_MR_DJ.jpg?v=1741036580"},{"product_id":"mind-combined-the-combination","title":"MIND COMBINED \u003cbr\u003e THE COMBINATION","description":"\u003cp\u003e\u003cstrong\u003eWALKIN' RECORDS  \/ SUPERFREAK RECORDS\u003c\/strong\u003e\u003cbr\u003eSOUTH KOREA LP 2010\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55123353764218,"sku":"MCTC2010","price":55.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/MIND_COMBINED_THE_COMBINATION.jpg?v=1741364229"},{"product_id":"mind-combined-circle","title":"MIND COMBINED \u003cbr\u003e CIRCLE","description":"\u003cp\u003e\u003cstrong\u003eWALKIN’ RECORDS \/ SUPERFREAK RECORDS\u003c\/strong\u003e\u003cbr\u003eSOUTH KOREA LP 2021\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55123391840634,"sku":"MCC2021","price":55.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/MIND_COMBINED_CIRCLE.jpg?v=1741364815"},{"product_id":"blu-exile-love-the-ominous-world","title":"BLU \u0026 EXILE \u003cbr\u003e LOVE (THE) OMINOUS WORLD","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eDIRTY SCIENCE\u003c\/strong\u003e\u003cbr\u003eUSLP 2025\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55123477758330,"sku":"DS5024","price":44.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BLU_EXILELOVE_THE_OMINOUSWORLD.jpg?v=1741366781"},{"product_id":"roxanne-shante-bite-this","title":"ROXANNE SHANTÉ \u003cbr\u003e BITE THIS","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003ePOP ART\u003c\/strong\u003e\u003cbr\u003eUS12\" 1985\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1-ROXANNE-SHANTE-Bite-This-Long-Version.mp3?v=1741718910\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55137171833210,"sku":"PA - 1411","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/ROXANNE_SHANTE_BITE_THIS.jpg?v=1741718807"},{"product_id":"roxanne-shante-runaway","title":"ROXANNE SHANTÉ \u003cbr\u003e RUNAWAY","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003ePOP ART\u003c\/strong\u003e\u003cbr\u003eUS12″ 1985\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55137185530234,"sku":"PA – 1410","price":15.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/ROXANNE_SHANTE_RUNAWAY.jpg?v=1741719123"},{"product_id":"the-maniacs-bum-mcs","title":"THE MANIACS \u003cbr\u003e BUM MC'S","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eZAKIA RECORDS \u003c\/strong\u003e\u003cbr\u003eUS12\" 1986\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1-THE-MANIACS-BUM-MCS-Bum-MCs-Vocal.mp3?v=1741875776\" },\n  { name: \"TRACK 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B1-THE-MANIACS-BUM-MCS-Crack-Crack-Dont-Do-It-Vocal.mp3?v=1741875776\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143053853050,"sku":"ZK 016","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/THE_MANIACS_BUM_MCS.jpg?v=1741875578"},{"product_id":"king-rad-king-stevo-get-smart","title":"KING RAD \u003cbr\u003e KING STEVO GET SMART","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003ePANORAMIC RECORDS \u003c\/strong\u003e\u003cbr\u003eUS12\" 1986\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B-KING-RAD-KING-STEVO-GET-SMART-Get-Smart-Music-Mix.mp3?v=1741876074\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143064895866,"sku":"PRI 1213","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/KING_RAD_KING_STEVO_GET_SMART.jpg?v=1741875988"},{"product_id":"whodini-any-way-i-gotta-swing-it","title":"WHODINI \u003cbr\u003e ANY WAY I GOTTA SWING IT","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eJIVE\u003c\/strong\u003e\u003cbr\u003eUS12\" 1989\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1-WHODINI-Any-Way-I-Gotta-Swing-It-Extended-Mix.mp3?v=1741879149\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143184105850,"sku":"1260-1-JD","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/WHODINI_ANY_WAY_I_GOTTA_SWING_IT.jpg?v=1741879083"},{"product_id":"black-by-demand-cant-get-enough","title":"BLACK BY DEMAND \u003cbr\u003e CAN'T GET ENOUGH","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eTOMMY BOY\u003c\/strong\u003e\u003cbr\u003eUS12\" 1988 promo\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143193411962,"sku":"TB 921","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BLACK_BY_DEMAND_CANT_GET_ENOUGH.jpg?v=1741879356"},{"product_id":"younger-generation-we-rap-more-mellow","title":"YOUNGER GENERATION \u003cbr\u003e WE RAP MORE MELLOW","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eREPUBLIC RECORDS\u003c\/strong\u003e\u003cbr\u003eUK12\" 1989 (1979 \u0026amp; 1980)\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143222706554,"sku":"LICT008","price":15.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/YOUNGER_GENERATION_WE_RAP_MORE_MELLOW_front.jpg?v=1741880546"},{"product_id":"jocko-rhythm-talk","title":"JOCKO \u003cbr\u003e RHYTHM TALK","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003ePHILADELPHIA INTERNATIONAL\u003cbr\u003e\u003c\/strong\u003eUS12\" 1979\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143238664570,"sku":"4Z8 3739","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/JOCKO_RHYTHM_TALK_FRONT.jpg?v=1778681762"},{"product_id":"a-d-e-an-all-out-bash","title":"A.D.E. \u003cbr\u003e AN ALL OUT BASH","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003e4 SIGHT RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1991\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1-ADE-An-All-Out-Bash-Album-Version.mp3?v=1741882178\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143296663930,"sku":"FS-5640-1","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/ADE_AN_ALL_OUT_BASH.jpg?v=1741882101"},{"product_id":"the-sunshine-band-i-like-your-style","title":"THE SUNSHINE BAND \u003cbr\u003e I LIKE YOUR STYLE","description":"\u003cp\u003e\u003cstrong\u003eMOHAWK RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1985\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143332479354,"sku":"MK 331","price":10.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/THE_SUNSHINE_BAND_I_LIKE_YOUR_STYLE.jpg?v=1741883916"},{"product_id":"the-boogie-boys-share-my-world","title":"THE BOOGIE BOYS \u003cbr\u003e SHARE MY WORLD","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eCAPITOL \u003c\/strong\u003e\u003cbr\u003eUS12\" 1986\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55143731167610,"sku":"V-15265","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/THE_BOOGIE_BOYS_SHARE_MY_WORLD_front.jpg?v=1741895879"},{"product_id":"bahamadia-kollage","title":"BAHAMADIA \u003cbr\u003e KOLLAGE","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eCAPITOL \/ UNIVERSAL \/ BE WITH\u003c\/strong\u003e\u003cbr\u003eEU2LP 2024 (1996)\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55148989055354,"sku":"BEWITH166LP","price":55.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BAHAMADIA_KOLLAGE.jpg?v=1742051651"},{"product_id":"e-j-sound-system-br-rubber-bands","title":"E \u0026 J SOUND SYSTEM \u003cbr\u003e RUBBER BANDS","description":"\u003cp\u003eTHA ALKAHOLIKS PRESENTS\u003cbr\u003e\u003cstrong\u003eTHE SLIMSTYLE RECORDING CORP.\u003c\/strong\u003e\u003cbr\u003eUS7\" 2015\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A_E_and_J_SOUND_SYSTEM_Rubber_Bands_Street.mp3?v=1742233199\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55154480578938,"sku":"THIN0084","price":24.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/E_J_SOUND_SYSTEM_RUBBER_BANDS_sidea.jpg?v=1742232925"},{"product_id":"shabazz-the-disciple-br-hip-hop-casino","title":"SHABAZZ THE DISCIPLE \u003cbr\u003e HIP HOP CASINO","description":"\u003cp\u003e\u003cstrong\u003eBANDANA WINGZ\u003c\/strong\u003e\u003cbr\u003eUS7\" 2019 (1994)\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A_SHABAZZ_THE_DISCIPLE_Hip_Hop_Casino.mp3?v=1742234819\" },\n  { name: \"TRACK 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B_SHABAZZ_THE_DISCIPLE_Solemn_Oath.mp3?v=1742234819\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55154561548666,"sku":"BW0001","price":24.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/SHABAZZ_THE_DISCIPLE_HIP_HOP_CASINO_front.jpg?v=1742234588"},{"product_id":"connie-price-the-keystones-ft-guilty-simpson-destani-wolf-br-everybody-pays","title":"GUILTY SIMPSON \u003cbr\u003e EVERYBODY PAYS","description":"\u003cp\u003eWITH DESTANI WOLF\u003cbr\u003eCONNIE PRICE \u0026amp; THE KEYSTONES\u003cstrong\u003e\u003cbr\u003eSUPERJOCK RECORDS\u003c\/strong\u003e\u003cbr\u003eUS7\" 2023\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55154613846394,"sku":"SJ124","price":23.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/CONNIE_PRICE_THE_KEYSTONES_FT_GUILTY_SIMPSON_DESTANI_WOLF_front.jpg?v=1742235580"},{"product_id":"sach-br-essential","title":"SACH \u003cbr\u003e ESSENTIAL","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eHIT+RUN\u003c\/strong\u003e\u003cbr\u003eUSLP 2016 orange vinyl \u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55172739137914,"sku":"HNR57","price":36.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/SACH_ESSENTIAL_FRONT.jpg?v=1742740303"},{"product_id":"paper-tiger-the-sting","title":"PAPER TIGER \u003cbr\u003e THE STING","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eWAH WAH 45s\u003c\/strong\u003e\u003cbr\u003eUK7\" 2013\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55173132321146,"sku":"WAH7043","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/PAPER_TIGER_THE_STING_SIDEA.heic?v=1774082135"},{"product_id":"don-leisure-shaboo-vs-halal-cool-j","title":"DON LEISURE \u003cbr\u003e SHABOO VS HALAL COOL J","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eFIRST WORD RECORDS\u003c\/strong\u003e\u003cbr\u003eUK7\" 2019\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55173132353914,"sku":"FW187","price":13.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/DON_LEISURE_SHABOO_SIDEA.heic?v=1774082412"},{"product_id":"emapea-br-smuggling-town","title":"EMAPEA \u003cbr\u003e SMUGGLING TOWN","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eCOLD BUSTED\u003c\/strong\u003e\u003cbr\u003eUS7\" 2022\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55173132386682,"sku":"CB126","price":20.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/EMAPEA_SMUGGLING_TOWN_SIDEA.heic?v=1774082227"},{"product_id":"blu-collective-br-rising-above","title":"BLU.COLLECTIVE \u003cbr\u003e RISING ABOVE","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eBLU.COLLECTIVE RECORDS \u003c\/strong\u003e\u003cbr\u003eAUS7\" 2021\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55173132419450,"sku":"BLUC-001","price":18.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BLU_COLLECTIVE_RISING_ABOVE_SIDEA.heic?v=1774082330"},{"product_id":"mellow-man-ace-rhyme-fighter","title":"MELLOW MAN ACE \u003cbr\u003e RHYME FIGHTER","description":"\u003cp\u003e\u003cstrong\u003eCAPITOL\u003c\/strong\u003e\u003cbr\u003eUS12\" 1989\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55201122943354,"sku":"V-15497","price":10.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/MELLOW_MAN_ACE_RHYME_FIGHTER_FRONT.jpg?v=1743283109"},{"product_id":"mc-gee-que-a-strong-rhyme-to-step-to","title":"MC GEE QUE \u003cbr\u003e A STRONG RHYME TO STEP TO","description":"\u003cp\u003e\u003cstrong\u003eKING OF EARTH RECORDINGS\u003cbr\u003e\u003c\/strong\u003eUS12\" 1989\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55220650639738,"sku":"KOE 1011","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/MC_GEE_QUE_A_STRONG_RHYME_TO_STEP_TO_SIDEA.heic?v=1743705740"},{"product_id":"rell-if-thats-my-baby","title":"RELL \u003cbr\u003e IF THAT'S MY BABY","description":"\u003cp\u003e\u003cstrong\u003eELEKTRA \/ ROC-A-FELLA\u003c\/strong\u003e\u003cbr\u003eUS12\" 2001\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1_RELL_If_That_s_My_Baby_Album_Version.mp3?v=1743773126\" },\n  { name: \"TRACK 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A2_RELL_If_That_s_My_Baby_Instrumental.mp3?v=1743773126\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55222572384634,"sku":"ED-6287","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/RELL_IF_THATS_MY_BABY_SIDEA.jpg?v=1743772820"},{"product_id":"3t-i-need-you","title":"3T \u003cbr\u003e I NEED YOU","description":"\u003cp\u003e\u003cstrong\u003eMJJ MUSIC\u003c\/strong\u003e\u003cbr\u003eUK12\" 1996\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1_I_Need_You_Linslee_Campbell_Remix.mp3?v=1743774103\" },\n  { name: \"TRACK 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B2_I_Need_You_Linslee_Campbell_Breakdown_Mix.mp3?v=1743774102\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55222621962618,"sku":"XPR 3084","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/3T_I_NEED_YOU_FRONT.heic?v=1743774016"},{"product_id":"george-duke-6-oclock","title":"GEORGE DUKE \u003cbr\u003e 6 O'CLOCK","description":"\u003cp\u003e\u003cstrong\u003eWARNER BROS.\u003c\/strong\u003e\u003cbr\u003eUS12\" 1992\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55222819193210,"sku":"PRO-A-6463","price":10.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/GEORGE_DUKE_6O_CLOCK_SIDE1.jpg?v=1743776452"},{"product_id":"ali-love-letters","title":"ALI \u003cbr\u003e LOVE LETTERS","description":"\u003cp\u003e\u003cstrong\u003ePOLYDOR\u003c\/strong\u003e\u003cbr\u003eUK12\" 1998\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1_ALI_Love_Letters_Ignorants_Remix.mp3?v=1743779559\" },\n  { name: \"TRACK 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A2_ALI_Love_Letters_Ignorants_Remix_W_O_Raps.mp3?v=1743779559\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55222927393146,"sku":"love let 2","price":10.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/ALI_LOVE_LETTERS_FRONT.jpg?v=1743779190"},{"product_id":"fat-boys-can-you-feel-it","title":"FAT BOYS \u003cbr\u003e CAN YOU FEEL IT","description":"\u003cp\u003e\u003cstrong\u003eSUTRA\u003c\/strong\u003e\u003cbr\u003eUS12\" 1984\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A_FAT_BOYS_Can_You_Feel_It.mp3?v=1744468042\" },\n  { name: \"TRACK 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B_FAT_BOYS_Can_You_Feel_It_Instrumental.mp3?v=1744468043\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55253777482106,"sku":"SUD 029","price":15.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/FAT_BOYS_CAN_YOU_FEEL_IT_FRONT.jpg?v=1744467796"},{"product_id":"super-lover-cee-casanova-rud-i-gotta-good-thing","title":"SUPER LOVER CEE \u0026 CASANOVA RUD \u003cbr\u003e I GOTTA GOOD THING","description":"\u003cp\u003e\u003cstrong\u003eELEKTRA \/ DNA INTERNATIONAL\u003c\/strong\u003e\u003cbr\u003eUS12\" 1988\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55253824766330,"sku":"ED 5347","price":10.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/SUPER_LOVER_CEE_CASANOVA_RUD_I_GOTTA_GOOD_THING_FRONT.jpg?v=1744469572"},{"product_id":"boogie-down-productions-the-bridge-is-over","title":"BOOGIE DOWN PRODUCTIONS \u003cbr\u003e THE BRIDGE IS OVER","description":"\u003cp\u003e\u003cstrong\u003eB-BOY RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1987\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eDJ Scott La Rock - KRS One - Mr. D. Nice\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1_BOOGIE_DOWN_PRODUCTIONS_The_Bridge_Is_Over_Radio_Version.mp3?v=1744730301\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55266875343226,"sku":"1-300","price":25.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/BOOGIE_DOWN_PRODUCTIONS_THE_BRIDGE_IS_OVER_SIDEA.jpg?v=1744729827"},{"product_id":"dynamite-two-cant-stop-till-i-reach-the-top","title":"DYNAMITE TWO \u003cbr\u003e CAN'T STOP (TILL I REACH THE TOP)","description":"\u003cp\u003e\u003cstrong\u003eSILVER SCREEN RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1983\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55267028500858,"sku":"SSR112","price":15.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/DYNAMITE_TWO_CANT_STOP_SIDEA.jpg?v=1744730790"},{"product_id":"sweetcookie-ricky","title":"SWEETCOOKIE \u003cbr\u003e RICKY","description":"\u003cp\u003e\u003cstrong\u003eAMPLEX RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1988\u003c\/p\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"TRACK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A_SWEETCOOKIE_-_Ricky.mp3?v=1744732419\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55267057009018,"sku":"AMP 456","price":5.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/SWEETCOOKIE_RICKY_SIDEA.jpg?v=1744732177"},{"product_id":"rare-earth-visage-happy-song-or-dance-pleasure-boys-remixes","title":"RARE EARTH \/ VISAGE \u003cbr\u003e HAPPY SONG OR DANCE \/ PLEASURE BOYS REMIXES","description":"\u003cp\u003e\u003cstrong\u003eRATED \"X\" RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1986\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55267231891834,"sku":"0:01","price":25.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/RAREEARTH_VISAGE_SIDEA.jpg?v=1744733663"},{"product_id":"jimmy-spicer-money-dollar-bill-yall","title":"JIMMY SPICER \u003cbr\u003e MONEY (DOLLAR BILL Y'ALL)","description":"\u003cp\u003e\u003cstrong\u003eSPRING RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1983\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55267311124858,"sku":"SP D 410","price":20.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/JIMMY_SPICER_MONEY_SIDE1.jpg?v=1744734715"},{"product_id":"various-soul-assembly","title":"VARIOUS \u003cbr\u003e SOUL ASSEMBLY","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eALBINA MUSIC TRUST\u003c\/strong\u003e\u003cbr\u003eUSLP 2025\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55270495453562,"sku":"AMT-014","price":36.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/VARIOUS_SOUL_ASSEMBLY_FRONT.jpg?v=1744811995"},{"product_id":"9th-wonder-the-wonder-years","title":"9TH WONDER \u003cbr\u003e THE WONDER YEARS","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eJAMLA \/ FAT BEATS\u003c\/strong\u003e\u003cbr\u003eUS2LP 2024 (2011) limited edition marble colored vinyl\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55335344374138,"sku":"IWWMG-02","price":55.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/9TH_WONDER_THE_WONDER_YEARS_FRONT.jpg?v=1746115428"},{"product_id":"dj-spinnaunpicked-treats-vol-2","title":"DJ SPINNA \u003cbr\u003e UNPICKED TREATS VOL 2","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cstrong\u003eREDEFINITION RECORDS\u003c\/strong\u003e\u003cbr\u003eUSLP 2018\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55335422165370,"sku":"RDF 129","price":35.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/DJ_SPINNA_UNPICKED_TREATS_VOL_2_FRONT.jpg?v=1746118118"},{"product_id":"shurlock-byron-the-aquarius-us-against-the-world","title":"SHURLOCK \u0026 BYRON THE AQUARIUS \u003cbr\u003e US AGAINST THE WORLD","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan\u003e\u003cstrong\u003eBIG DAWG RECORDS\u003c\/strong\u003e\u003cbr\u003eUSLP 2024\u003c\/span\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv class=\"mini-audio-player-pro\"\u003e\n  \u003cselect id=\"track-selector\"\u003e\u003c\/select\u003e\n\n  \u003cdiv id=\"play-button\" class=\"play-button\"\u003e\n    \u003csvg id=\"play-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\"\u003e\n      \u003cpolygon points=\"5,3 19,12 5,21\"\u003e\u003c\/polygon\u003e\n    \u003c\/svg\u003e\n    \u003csvg id=\"pause-icon\" width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"#000\" style=\"display:none;\"\u003e\n      \u003crect x=\"5\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n      \u003crect x=\"14\" y=\"3\" width=\"5\" height=\"18\"\u003e\u003c\/rect\u003e\n    \u003c\/svg\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"progress-container\" id=\"progress-container\"\u003e\n    \u003cdiv class=\"progress-bar\" id=\"progress-bar\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"audio-player\" style=\"display:none;\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.mini-audio-player-pro {\n  font-family: system-ui, sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 10px;\n}\n\n.mini-audio-player-pro select {\n  padding: 4px 8px;\n  font-size: 13px;\n  border-radius: 0;\n  border: 1px solid #ccc;\n}\n\n.play-button {\n  width: 50px;\n  height: 26px;\n  background-color: transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid transparent;\n}\n\n.play-button svg {\n  pointer-events: none;\n}\n\n.progress-container {\n  flex-grow: 1;\n  height: 5px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n  cursor: pointer;\n}\n\n.progress-bar {\n  width: 0%;\n  height: 100%;\n  background: #000;\n  transition: width 0.1s linear;\n}\n\n@media only screen and (max-width: 480px) {\n  .play-button {\n    width: 64px;\n    height: 40px;\n  }\n\n  .mini-audio-player-pro select {\n    font-size: 14px;\n    padding: 5px 10px;\n  }\n\n  .progress-container {\n    height: 6px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\/\/ ===== Track List =====\nconst tracks = [\n  { name: \"track A1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A1_SHURLOCK_BYRON_THE_AQUARIUS_Love_Instrumental_Tribe.MP3?v=1746119778\" },\n  { name: \"track A2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A2_SHURLOCK_BYRON_THE_AQUARIUS_I_Miss_Love_Love.MP3?v=1746119778\" },\n  { name: \"track A3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A3_SHURLOCK_BYRON_THE_AQUARIUS_Walk_in_My_Shoes.MP3?v=1746119777\" },\n  { name: \"track A4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A4_SHURLOCK_BYRON_THE_AQUARIUS_No_1_in_the_World.MP3?v=1746119777\" },\n  { name: \"track A5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A5_SHURLOCK_BYRON_THE_AQUARIUS_Tired_of_the_Bull_hit_Instrumental.MP3?v=1746119778\" },\n  { name: \"track A6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/A6_SHURLOCK_BYRON_THE_AQUARIUS_Trying_to_Get_Back_2_U.MP3?v=1746119778\" },\n  { name: \"track B1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B1_SHURLOCK_BYRON_THE_AQUARIUS_Take_It_Back_Fool.MP3?v=1746119778\" },\n  { name: \"track B2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B2_SHURLOCK_BYRON_THE_AQUARIUS_Egyptology_Featuring_K.C._Chill.MP3?v=1746119778\" },\n  { name: \"track B3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B3_SHURLOCK_BYRON_THE_AQUARIUS_Reap_What_You_Sow_Featuring_Enuff_Jaia_Melodies.MP3?v=1746119778\" },\n  { name: \"track B4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B4_SHURLOCK_BYRON_THE_AQUARIUS_Time.MP3?v=1746119778\" },\n  { name: \"track B5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B5_SHURLOCK_BYRON_THE_AQUARIUS_Wu_Wu_Intermission.MP3?v=1746119777\" },\n  { name: \"track B6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/B6_SHURLOCK_BYRON_THE_AQUARIUS_Play_That_Back_featuring_Jaz_Wilson.MP3?v=1746119777\" }\n];\n\n\/\/ ===== DOM Elements =====\nconst selector = document.getElementById('track-selector');\nconst player = document.getElementById('audio-player');\nconst button = document.getElementById('play-button');\nconst playIcon = document.getElementById('play-icon');\nconst pauseIcon = document.getElementById('pause-icon');\nconst progressBar = document.getElementById('progress-bar');\nconst progressContainer = document.getElementById('progress-container');\n\nlet isDragging = false;\n\n\/\/ ===== Populate dropdown =====\nselector.innerHTML = \"\";\ntracks.forEach(track =\u003e {\n  const option = document.createElement(\"option\");\n  option.value = track.url;\n  option.textContent = track.name;\n  selector.appendChild(option);\n});\n\n\/\/ ===== Load last track and time =====\nconst lastTrack = localStorage.getItem('miniAudioTrack');\nconst lastTime = localStorage.getItem('miniAudioTime');\n\nif (lastTrack \u0026\u0026 tracks.some(t =\u003e t.url === lastTrack)) {\n  player.src = lastTrack + \"?t=\" + new Date().getTime();\n  selector.value = lastTrack;\n  player.load();\n  if (lastTime) player.currentTime = parseFloat(lastTime);\n} else {\n  player.src = tracks[0].url;\n  selector.value = tracks[0].url;\n}\n\n\/\/ ===== Play\/Pause =====\nbutton.addEventListener('click', () =\u003e {\n  if (player.paused) {\n    player.play();\n    playIcon.style.display = \"none\";\n    pauseIcon.style.display = \"block\";\n  } else {\n    player.pause();\n    playIcon.style.display = \"block\";\n    pauseIcon.style.display = \"none\";\n  }\n});\n\n\/\/ ===== Track selection =====\nselector.addEventListener('change', () =\u003e {\n  player.src = selector.value + \"?t=\" + new Date().getTime();\n  player.load();\n  player.play();\n  playIcon.style.display = \"none\";\n  pauseIcon.style.display = \"block\";\n  localStorage.setItem('miniAudioTrack', selector.value);\n});\n\n\/\/ ===== Progress Bar =====\nplayer.addEventListener('timeupdate', () =\u003e {\n  if (!isDragging \u0026\u0026 player.duration) {\n    const percent = (player.currentTime \/ player.duration) * 100;\n    progressBar.style.width = percent + \"%\";\n  }\n  localStorage.setItem('miniAudioTime', player.currentTime);\n});\n\n\/\/ ===== Ended =====\nplayer.addEventListener('ended', () =\u003e {\n  playIcon.style.display = \"block\";\n  pauseIcon.style.display = \"none\";\n  progressBar.style.width = \"0%\";\n  localStorage.removeItem('miniAudioTime');\n});\n\n\/\/ ===== Seek =====\nfunction seekTrack(e) {\n  const rect = progressContainer.getBoundingClientRect();\n  const clientX = e.type.startsWith('touch') ? e.touches[0].clientX : e.clientX;\n  const percent = Math.max(0, Math.min(1, (clientX - rect.left) \/ rect.width));\n  player.currentTime = percent * player.duration;\n  progressBar.style.width = (percent * 100) + \"%\";\n  localStorage.setItem('miniAudioTime', player.currentTime);\n}\n\nprogressContainer.addEventListener('mousedown', () =\u003e isDragging = true);\nprogressContainer.addEventListener('touchstart', () =\u003e isDragging = true);\n\nprogressContainer.addEventListener('mousemove', (e) =\u003e { if (isDragging) seekTrack(e); });\nprogressContainer.addEventListener('touchmove', (e) =\u003e { if (isDragging) seekTrack(e); });\n\nprogressContainer.addEventListener('mouseup', (e) =\u003e { if (isDragging) { seekTrack(e); isDragging = false; } });\nprogressContainer.addEventListener('mouseleave', () =\u003e { isDragging = false; });\nprogressContainer.addEventListener('touchend', () =\u003e { isDragging = false; });\n\u003c\/script\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55335572898170,"sku":"BDR001","price":44.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/SHURLOCK_BYRON_THE_AQUARIUS_US_AGAINST_THE_WORLD_FRONT.jpg?v=1746119120"},{"product_id":"al-b-sure-nite-and-day","title":"AL B. SURE! \u003cbr\u003e NITE AND DAY","description":"\u003cp\u003e\u003cstrong\u003eWARNER BROS. RECORDS\u003c\/strong\u003e\u003cbr\u003eUS12\" 1988\u003c\/p\u003e","brand":"Backflip Records","offers":[{"title":"Default Title","offer_id":55413648720250,"sku":"0-20782","price":15.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0905\/5040\/3450\/files\/AL_B_SURE_NITE_AND_DAY_FRONT.jpg?v=1747928614"}],"url":"https:\/\/backflip-records.com\/collections\/hip-hop-rnb-nu-soul.oembed?page=5","provider":"Backflip Records","version":"1.0","type":"link"}