{"product_id":"the-ultimate-harder-style","title":"The Ultimate Harder-Style Production Suite","description":"\u003cbody\u003e\n\u003ch3\u003e\u003cstrong\u003eWhat makes this Bundle a must-have?\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cspan\u003e\u003cstrong\u003e9.762+ Total Files \/ 3,77 GB\u003c\/strong\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e770+ Kicks\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e350+ Presets\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e(Serum, Vital, Spire)\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e3000+ Kick Builder Parts\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e11 Melody Packs\u003c\/strong\u003e\u003cspan\u003e \u003c\/span\u003e(220 Unique Melodies)\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFX, Drums, Ambience, Fills \u0026amp; more\u003c\/strong\u003e...\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGenres\u003c\/strong\u003e:\u003cspan\u003e \u003c\/span\u003e\u003cem\u003eHardcore, Gabber, Euphoric, Hardstyle, Rawstyle, Rawphoric, XTRA-Raw Gearbox, Industrial, Reverse Bass, Frenchcore \u0026amp; more\u003c\/em\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\n\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBEBECITA - LATIN TRAP Audio Player\u003c\/title\u003e\n\u003cstyle\u003e\n.beb-audio-player {\n  width: 100%;\n  max-width: 800px;\n  background: #ffffff;\n  border: 1px solid #000000;\n  border-radius: 16px;\n  padding: 20px 24px;\n  margin: 20px auto;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n.beb-player-header {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  margin-bottom: 14px;\n}\n.beb-play-btn {\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  border: none;\n  background: #000000;\n  color: white;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);\n}\n.beb-play-btn:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }\n.beb-play-btn:active { transform: scale(0.95); }\n.beb-play-btn svg { width: 18px; height: 18px; fill: currentColor; margin-left: 2px; }\n.beb-play-btn.playing svg { margin-left: 0; }\n.beb-track-info { flex: 1; min-width: 0; }\n.beb-track-title { font-size: 15px; font-weight: 600; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.01em; }\n.beb-track-meta { font-size: 12px; color: #555555; margin-top: 2px; }\n.beb-track-time { font-size: 12px; color: #555555; font-variant-numeric: tabular-nums; font-weight: 500; }\n\n.beb-progress-bar {\n  position: relative;\n  width: 100%;\n  height: 4px;\n  background: #dddddd;\n  border-radius: 2px;\n  cursor: pointer;\n  overflow: hidden;\n  margin: 4px 0;\n}\n.beb-progress-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 0%;\n  background: #000000;\n  border-radius: 2px;\n  transition: width 0.1s linear;\n}\n.beb-progress-handle {\n  position: absolute;\n  top: 50%;\n  left: 0%;\n  width: 10px;\n  height: 10px;\n  background: #000000;\n  border: 2px solid #fff;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n  opacity: 0;\n  transition: opacity 0.15s ease, left 0.1s linear;\n  pointer-events: none;\n}\n.beb-audio-player:hover .beb-progress-handle { opacity: 1; }\n\n.beb-time-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 6px;\n  font-size: 11px;\n  color: #888888;\n  font-variant-numeric: tabular-nums;\n}\n@media (max-width: 640px) {\n  .beb-audio-player { padding: 14px 18px; }\n  .beb-track-title { font-size: 13px; }\n  .beb-play-btn { width: 38px; height: 38px; }\n}\n\u003c\/style\u003e\n\u003cbase target=\"_blank\"\u003e\n\n\n\n\u003cdiv class=\"beb-audio-player\"\u003e\n  \u003cdiv class=\"beb-player-header\"\u003e\n    \u003cbutton class=\"beb-play-btn\" id=\"bebPlayBtn\" aria-label=\"Play\"\u003e\n      \u003csvg id=\"bebPlayIcon\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003csvg id=\"bebPauseIcon\" viewbox=\"0 0 24 24\" style=\"display:none;\"\u003e\u003cpath d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n    \u003c\/button\u003e\n    \u003cdiv class=\"beb-track-info\"\u003e\n      \u003cdiv class=\"beb-track-title\"\u003eHARDSTYLE PRODUCTION SUITE (Demo)\u003c\/div\u003e\n      \u003cdiv class=\"beb-track-meta\"\u003e150 BPM · E minor · 3:45\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"beb-track-time\" id=\"bebTrackTime\"\u003e0:00 \/ 2:10\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"beb-progress-bar\" id=\"bebProgressBar\"\u003e\n    \u003cdiv class=\"beb-progress-fill\" id=\"bebProgressFill\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"beb-progress-handle\" id=\"bebProgressHandle\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"beb-time-row\"\u003e\n    \u003cspan id=\"bebCurrentTime\"\u003e0:00\u003c\/span\u003e\n    \u003cspan id=\"bebDuration\"\u003e2:10\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003caudio id=\"bebAudio\" preload=\"metadata\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0921\/0806\/3053\/files\/HARDSTYLE_PRODUCTION_SUITE_Demo.mp3?v=1777293628\" type=\"audio\/mpeg\"\u003e\u003c\/audio\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  var audio = document.getElementById('bebAudio');\n  var playBtn = document.getElementById('bebPlayBtn');\n  var playIcon = document.getElementById('bebPlayIcon');\n  var pauseIcon = document.getElementById('bebPauseIcon');\n  var progressBar = document.getElementById('bebProgressBar');\n  var progressFill = document.getElementById('bebProgressFill');\n  var progressHandle = document.getElementById('bebProgressHandle');\n  var currentTimeEl = document.getElementById('bebCurrentTime');\n  var trackTimeEl = document.getElementById('bebTrackTime');\n  var durationEl = document.getElementById('bebDuration');\n\n  function fmt(s) { if(isNaN(s)) return '0:00'; var m=Math.floor(s\/60); var sec=Math.floor(s%60); return m+':'+(sec\u003c10?'0':'')+sec; }\n  function upd() { if(!audio.duration) return; var pct=(audio.currentTime\/audio.duration)*100; progressFill.style.width=pct+'%'; progressHandle.style.left=pct+'%'; currentTimeEl.textContent=fmt(audio.currentTime); trackTimeEl.textContent=fmt(audio.currentTime)+' \/ '+fmt(audio.duration); }\n  function toggle() { if(audio.paused) audio.play(); else audio.pause(); }\n\n  playBtn.addEventListener('click', toggle);\n  audio.addEventListener('play', function(){ playBtn.classList.add('playing'); playIcon.style.display='none'; pauseIcon.style.display='block'; });\n  audio.addEventListener('pause', function(){ playBtn.classList.remove('playing'); playIcon.style.display='block'; pauseIcon.style.display='none'; });\n  audio.addEventListener('timeupdate', upd);\n  audio.addEventListener('loadedmetadata', function(){ durationEl.textContent=fmt(audio.duration); trackTimeEl.textContent=fmt(audio.currentTime)+' \/ '+fmt(audio.duration); });\n  audio.addEventListener('ended', function(){ audio.currentTime=0; upd(); });\n\n  function seek(e) { var rect=progressBar.getBoundingClientRect(); var x=e.clientX-rect.left; var pct=Math.max(0,Math.min(1,x\/rect.width)); if(audio.duration){ audio.currentTime=pct*audio.duration; upd(); } }\n  progressBar.addEventListener('click', seek);\n})();\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"RythmWood","offers":[{"title":"Default Title","offer_id":54284238192981,"sku":null,"price":39.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0972\/4038\/3829\/files\/production-bundle-artwork.jpg?v=1783125096","url":"https:\/\/rythmwood.com\/products\/the-ultimate-harder-style","provider":"RythmWood","version":"1.0","type":"link"}