{"title":"DRUM AND BASS PRESETS","description":"\u003cspan data-mce-fragment=\"1\"\u003eUnleash the groove of DnB production with our exclusive royalty free Xfer serum drum and bass preset packs. Explore our range of drum and bass presets, complete with Ableton project files.\u003c\/span\u003e","products":[{"product_id":"anarchy-pro-drum-and-bass-presets","title":"ANARCHY | DRUM AND BASS SERUM PRESETS + PROJECT FILE","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin - Standardized *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper {\n        margin-top: -40px !important;\n      }\n    }\n.hero-title {\n  font-size: 38px;\n  font-weight: 900;\n  margin-top: 0 !important;\n  margin-bottom: 10px;\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  color: #e10600; \/* deep blood red *\/\n  text-shadow:\n    0 1px 0 rgba(255,255,255,0.05),\n    0 4px 14px rgba(0,0,0,0.95);\n}\n    .hero-tagline {\n      font-size: 20px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 35px;\n      letter-spacing: 1.5px;\n    }\n    \n    \/* Standardized Stat Bar Class - Crimson Style *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #ff0000;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(255, 0, 0, 0.1);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #ff0000; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Monolith Top: SoundCloud Hero (Gap-Fix Architecture) *\/\n    .showcase-unit {\n      max-width: 900px;\n      margin: 0 auto !important;\n      background-color: #000;\n      border: 1px solid #333;\n      border-bottom: none;\n      padding: 25px 20px 5px 20px;\n      border-radius: 12px 12px 0 0;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    \/* Monolith Bottom (Fused Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: 0px auto 40px auto !important; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 10px 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      margin-top: 0;\n      font-size: 18px; \n      line-height: 1.5;\n      color: #fff;\n      font-weight: 500;\n    }\n    \/* Mobile Hero Text Margin - Standardized *\/\n    @media (max-width: 768px) {\n      .hero-main-text {\n        margin-top: 5px !important;\n      }\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 8px;\n    }\n    .checkmark { color: #ff0000; font-weight: bold; font-size: 16px; margin-right: 12px; }\n    \n    \/* Requirements Grid *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 20px auto;\n      text-align: left;\n    }\n    .req-title {\n      color: #fff;\n      font-size: 16px;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      border-bottom: 2px solid #ff0000;\n      display: inline-block;\n      padding-bottom: 5px;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eANARCHY\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eWeaponized Neurofunk Sound Design\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e35\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003eFULL\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject File\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eRoyalty Free\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"showcase-unit\"\u003e\n      \u003cdiv style=\"margin-bottom: 15px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eNeuro Showcase\u003c\/div\u003e\n      \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/778261369%3Fsecret_token%3Ds-ww1xz\u0026amp;color=%23ff0000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=true\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\" style=\"border-radius: 6px;\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n\u003cp class=\"hero-main-text\"\u003e\n  Precision-built tools for modern Neurofunk.\n  \u003cspan style=\"color: #ff0000; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n    Inspired by Noisia, Mefjus, and Phace.\n  \u003c\/span\u003e\n\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003eANARCHY is your clinical toolkit for next-level Neurofunk. Equip yourself to create crushing bangers that stand out from the crowd and reshape the genre with surgical precision.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe ANARCHY Arsenal\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 35 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes Neuro Drop Basses, Heavy Reeses, Aggressive One Shots, and clinical Intro Synths designed to break the rules.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Full Ableton Live Project File\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eGain a professionally mixed and mastered session built to teach you the intricacies of high-end Neurofunk arrangement.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Genre-Defining Sound Design\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eRefine your skills with a professionally designed soundbank crafted to emulate legends like The Upbeats and Emperor.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 100% Royalty Free Access\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eLearn, create, and dominate the commercial scene without creative limitations or extra fees.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.4), rgba(255, 0, 0, 0)); margin: 40px 0;\"\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW Compatible (Presets)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum Required\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"req-title\"\u003eProject Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 10.0.6+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer LFO Tool\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum FX \u0026amp; OTT (Free)\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to design your next Neurofunk drop?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ff0000; color: #fff; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 0, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 0, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 0, 0, 0.4)';\"\u003eINITIATE THE ANARCHY\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • NO SUBSCRIPTIONS\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":31821757448271,"sku":"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/778261369%3Fsecret_token%3Ds-ww1xz\u0026color=%231fc0a0\u0026inverse=false\u0026auto_play=false\u0026show_user=false","price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ANARCHY.webp?v=1749863550"},{"product_id":"drum-and-bass-sound-design","title":"DRUM AND BASS SOUND DESIGN SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper {\n        margin-top: -40px !important;\n      }\n    }\n    \/* Greyish Blue Chrome Title Gradient *\/\n    .hero-title {\n      color: #ffffff;\n      font-size: 38px;\n      font-weight: 900;\n      margin-top: 0 !important; \n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      background: -webkit-linear-gradient(#ffffff, #8ab0c0, #5a7a8a);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n    }\n    .hero-tagline {\n      font-size: 20px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 35px;\n      letter-spacing: 1.5px;\n    }\n    \n    \/* Standardized Stat Bar Class - Greyish Blue *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #8ab0c0;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(138, 176, 192, 0.1);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #8ab0c0; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Monolith Top: SoundCloud Hero (Gap-Fix Architecture) *\/\n    .showcase-unit {\n      max-width: 900px;\n      margin: 0 auto !important;\n      background-color: #000;\n      border: 1px solid #333;\n      border-bottom: none;\n      padding: 25px 20px 5px 20px;\n      border-radius: 12px 12px 0 0;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    \/* Monolith Bottom (Fused Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: 0px auto 40px auto !important; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 10px 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      margin-top: 0;\n      font-size: 18px; \n      line-height: 1.5;\n      color: #fff;\n      font-weight: 500;\n    }\n    \/* Mobile Only Hero Text Margin Fix *\/\n    @media (max-width: 768px) {\n      .hero-main-text {\n        margin-top: 5px !important;\n      }\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 8px;\n    }\n    .checkmark { color: #8ab0c0; font-weight: bold; font-size: 16px; margin-right: 12px; }\n    \n    \/* Requirements Grid *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 20px auto;\n      text-align: left;\n    }\n    .req-title {\n      color: #fff;\n      font-size: 16px;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      border-bottom: 2px solid #8ab0c0;\n      display: inline-block;\n      padding-bottom: 5px;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eDrum and Bass Sound Design\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eElite Professional Toolkit for Modern DnB\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e196\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSamples \u0026amp; Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e55\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eHybrid Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e5\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"showcase-unit\"\u003e\n      \u003cdiv style=\"margin-bottom: 15px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSonic Showcase\u003c\/div\u003e\n      \u003ciframe width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1332877771%3Fsecret_token%3Ds-PVXoci7PVUk\u0026amp;color=%238ab0c0\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003eDeveloped by industry-leading professionals. \u003cspan style=\"color: #8ab0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eCraft elite drum and bass productions.\u003c\/span\u003e\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003ePacked with hard-hitting basses, punchy drums, and aggressive Serum presets, this pack provides the raw materials required to build anything from heavy rollers to neuro-infused monsters.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Sound Arsenal\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 136 High-Impact .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 77 Bass tools, 13 Drum Loops, 13 Cymbals, 9 Kicks, 9 Snares, 13 FX, and 7 Atmospheres.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 55 Elite Hybrid Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e50 specialized Xfer Serum patches and 5 Phase Plant 2.0 presets engineered for maximum grit and clarity.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 5 Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStudy and reverse-engineer the drops from the official demo tracks using professional arrangement workflows.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 2 Bass Amp Racks \u0026amp; 18 MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eInstant power with custom Ableton processing chains and 18 melodic\/rhythmic ideas to jump-start your sessions.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(138, 176, 192, 0), rgba(138, 176, 192, 0.4), rgba(138, 176, 192, 0)); margin: 40px 0;\"\u003e\n\n  \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n  \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW Compatible\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Phase Plant 2.0\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"req-title\"\u003eProject Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.1.6+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher (Free)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer OTT (Free)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Reverb (Optional)\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to initiate your next sonic DnB monster?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #8ab0c0; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(138, 176, 192, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(138, 176, 192, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(138, 176, 192, 0.4)';\"\u003eINITIATE THE DESIGN\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n    let arrayOfItems = [];\n    function initPlayers(){\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Filler-D_-174_8.wav?v=1661645014', 'Filler D 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-172_11_7a36b660-44dd-48e1-b042-f76b00c5c9a2.wav?v=1661646675', 'Bass E 172', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-G_-172.wav?v=1661645014', 'Bass G 172', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-174_15.wav?v=1661645014', 'Bass E 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Shot-D_-174_1.wav?v=1661645014', 'Shot D 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Filler-E-174_8.wav?v=1661645014', 'Filler E 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-174_13.wav?v=1661645014', 'Bass E 174 (Alt)', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Bass-E-174_12.wav?v=1661645014', 'Bass E 174 (V2)', '#fff', '#8ab0c0', 20, 'waveform');\n    }\n    function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n        let dom = document.createElement('div');\n        let btn = document.createElement('img');\n        let title = document.createElement('div');\n        let vaweBlock = document.createElement('div');\n        dom.id = `sample-${arrayOfItems.length}`;\n        btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        btn.className = \"play-pause-btn\";\n        btn.style.width = \"20px\";\n        btn.style.cursor = \"pointer\";\n        btn.style.marginRight = \"15px\";\n        title.textContent = name;\n        title.style.fontSize = \"12px\";\n        title.style.color = \"#888\";\n        title.style.minWidth = \"120px\";\n        vaweBlock.style.flex = \"1\";\n        dom.style.display = \"flex\";\n        dom.style.alignItems = \"center\";\n        dom.style.marginBottom = \"10px\";\n        dom.appendChild(btn);\n        dom.appendChild(vaweBlock);\n        dom.appendChild(title);\n        document.getElementById(parentSelector).appendChild(dom);\n        let wavesurfer = WaveSurfer.create({\n            container: vaweBlock,\n            waveColor: bgColor,\n            progressColor: prColor,\n            cursorColor: 'transparent',\n            hideScrollbar: true,\n            height: height,\n            mediaControls: false\n        });\n        wavesurfer.load(url);\n        wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n        btn.addEventListener('click', function () {\n            wavesurfer.playPause();\n            btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        });\n        arrayOfItems.push(wavesurfer);\n    }\n    initPlayers();\n\u003c\/script\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":43162431193341,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV1.webp?v=1778160936"},{"product_id":"drum-and-bass-sound-design-vol-2","title":"DRUM AND BASS SOUND DESIGN VOL. 2 SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper {\n        margin-top: -40px !important;\n      }\n    }\n    \/* Greyish Blue Chrome Title Gradient *\/\n    .hero-title {\n      color: #ffffff;\n      font-size: 38px;\n      font-weight: 900;\n      margin-top: 0 !important; \n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      background: -webkit-linear-gradient(#ffffff, #8ab0c0, #5a7a8a);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n    }\n    .hero-tagline {\n      font-size: 20px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 35px;\n      letter-spacing: 1.5px;\n    }\n    \n    \/* Standardized Stat Bar Class - Slate Blue *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #8ab0c0;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(138, 176, 192, 0.1);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #8ab0c0; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Monolith Top: SoundCloud Hero (Gap-Fix Architecture) *\/\n    .showcase-unit {\n      max-width: 900px;\n      margin: 0 auto !important;\n      background-color: #000;\n      border: 1px solid #333;\n      border-bottom: none;\n      padding: 25px 20px 5px 20px;\n      border-radius: 12px 12px 0 0;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    \/* Monolith Bottom (Fused Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: 0px auto 40px auto !important; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 10px 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      margin-top: 0;\n      font-size: 18px; \n      line-height: 1.5;\n      color: #fff;\n      font-weight: 500;\n    }\n    \/* Mobile Only Hero Text Margin Fix *\/\n    @media (max-width: 768px) {\n      .hero-main-text {\n        margin-top: 5px !important;\n      }\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 8px;\n    }\n    .checkmark { color: #8ab0c0; font-weight: bold; font-size: 16px; margin-right: 12px; }\n    \n    \/* Requirements Grid *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 20px auto;\n      text-align: left;\n    }\n    .req-title {\n      color: #fff;\n      font-size: 16px;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      border-bottom: 2px solid #8ab0c0;\n      display: inline-block;\n      padding-bottom: 5px;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eDrum and Bass Sound Design Vol. 2\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eThe Next Evolution in Professional DnB Design\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e353\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSamples \u0026amp; Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e77\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eBonus Vocals\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e5\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"showcase-unit\"\u003e\n      \u003cdiv style=\"margin-bottom: 15px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSonic Showcase Vol. 2\u003c\/div\u003e\n      \u003ciframe width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1366877548\u0026amp;color=%238ab0c0\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003eBuilt by seasoned designers with over a decade of experience. \u003cspan style=\"color: #8ab0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eElevate your next bass banger.\u003c\/span\u003e\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003eWhether you're building neuro weapons, halftime rollers, or tearing into hybrid trap, Volume 2 delivers a massive arsenal of tools built to tear through the mix.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eInside the Arsenal\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 176 High-Impact .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 98 Bass tools, 22 Cymbals, 13 Kicks, 18 Snares, 13 FX, 9 Loops, 6 Fills, and 39 Atmospheres.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 65 Elite Hybrid Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e52 specialized Xfer Serum patches and 13 Phase Plant 2.0 presets ready to ignite your next production.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 5 Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDeconstruct 5 drops from the official demo tracks to learn professional arrangement and mixing secrets.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n      \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Bonus: Pre-Drop Vocal Pack\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e77 professional vocals ready to drop straight into your arrangements for immediate impact.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(138, 176, 192, 0), rgba(138, 176, 192, 0.4), rgba(138, 176, 192, 0)); margin: 40px 0;\"\u003e\n\n  \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n  \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"req-title\"\u003eCore Compatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW Compatible\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Phase Plant 2.0\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 class=\"req-title\"\u003eProject Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.1.6+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher (Free)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer OTT (Free)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Reverb (Optional)\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to initiate the next evolution of your sound?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #8ab0c0; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(138, 176, 192, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(138, 176, 192, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(138, 176, 192, 0.4)';\"\u003eINITIATE VOL. 2\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n    let arrayOfItems = [];\n    function initPlayers(){\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-E-174_4.wav?v=1667690853', 'Drop E 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-174-D_1.wav?v=1667690854', 'Drop D 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-E-172_2.wav?v=1667690853', 'Drop E 172', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drop-174-G_2.wav?v=1667690853', 'Drop G 174', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Vocal_1.wav?v=1667690853', 'Vocal Sample', '#fff', '#8ab0c0', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Drum-Loop-172_3.wav?v=1667690853', 'Drum Loop 172', '#fff', '#8ab0c0', 20, 'waveform');\n    }\n    function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n        let dom = document.createElement('div');\n        let btn = document.createElement('img');\n        let title = document.createElement('div');\n        let vaweBlock = document.createElement('div');\n        dom.id = `sample-${arrayOfItems.length}`;\n        btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        btn.className = \"play-pause-btn\";\n        btn.style.width = \"20px\";\n        btn.style.cursor = \"pointer\";\n        btn.style.marginRight = \"15px\";\n        title.textContent = name;\n        title.style.fontSize = \"12px\";\n        title.style.color = \"#888\";\n        title.style.minWidth = \"120px\";\n        vaweBlock.style.flex = \"1\";\n        dom.style.display = \"flex\";\n        dom.style.alignItems = \"center\";\n        dom.style.marginBottom = \"10px\";\n        dom.appendChild(btn);\n        dom.appendChild(vaweBlock);\n        dom.appendChild(title);\n        document.getElementById(parentSelector).appendChild(dom);\n        let wavesurfer = WaveSurfer.create({\n            container: vaweBlock,\n            waveColor: bgColor,\n            progressColor: prColor,\n            cursorColor: 'transparent',\n            hideScrollbar: true,\n            height: height,\n            mediaControls: false\n        });\n        wavesurfer.load(url);\n        wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n        btn.addEventListener('click', function () {\n            wavesurfer.playPause();\n            btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        });\n        arrayOfItems.push(wavesurfer);\n    }\n    initPlayers();\n\u003c\/script\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":43297208991997,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV2.webp?v=1778160459"},{"product_id":"death-spell-skrillex-style-xfer-serum-presets","title":"DEATH SPELL | SKRILLEX STYLE XFER SERUM PRESETS","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper {\n        margin-top: -40px !important;\n      }\n    }\n    \/* Sleek Chrome\/Steel Title Gradient *\/\n    .hero-title {\n      color: #ffffff;\n      font-size: 38px;\n      font-weight: 900;\n      margin-top: 0 !important; \n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      background: -webkit-linear-gradient(#ffffff, #999999, #444444);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n    }\n    .hero-tagline {\n      font-size: 20px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 35px;\n      letter-spacing: 1.5px;\n    }\n    \/* Master Stat Bar - Chrome Style *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #444;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Seamless Monolith Video Unit - 48% Padding *\/\n    .video-unit {\n      max-width: 900px;\n      margin: 0 auto !important;\n      position: relative;\n      padding-bottom: 48%; \n      height: 0;\n      overflow: hidden;\n      border-radius: 12px 12px 0 0; \n      border: 1px solid #333;\n      border-bottom: none; \n      background: #000;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    @media (max-width: 768px) {\n      .video-unit { padding-bottom: 56.25% !important; }\n    }\n    .video-unit iframe {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: none !important;\n      display: block; \n    }\n    \/* Monolith Bottom (Fused Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: -2px auto 40px auto !important; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 0 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      margin-top: 0;\n      font-size: 18px; \n      line-height: 1.5;\n      color: #fff;\n      font-weight: 500;\n    }\n    \/* Mobile Only Hero Text Margin Fix *\/\n    @media (max-width: 768px) {\n      .hero-main-text {\n        margin-top: 5px !important;\n      }\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 8px;\n    }\n    .checkmark { color: #888; font-weight: bold; font-size: 16px; margin-right: 12px; }\n    \n    \/* Requirements Section *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 20px auto;\n      text-align: left;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eDEATH SPELL\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eUnlock the Raw Energy of Modern Bass Music\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e74\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Bass Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003eELITE\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSound Design\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100%\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eRoyalty Free\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video-unit\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/nnIsXhHEu0w?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003eExperience a premium set of Skrillex-inspired textures. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Noisia, Fred Again, and Sleepnet\u003c\/span\u003e\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003eFusing elements of Dubstep, House, and Neuro Drum \u0026amp; Bass, Death Spell delivers the deep distortion and intricate modulation your basslines need to dominate.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Sonic Toolkit\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 74 Professional Serum Bass Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCrafted with precision and attitude. Expect aggressive growls, neuro-fueled rollers, and high-impact house weapons.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Intricate Modulation \u0026amp; Textures\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEvery preset is engineered with complex movement, ready to drive your next drop with professional character.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Multi-Genre Versatility\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eWhether you are building a dubstep banger or a tech-house weapon, these sounds provide the unmistakable edge of modern sound design.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Studio Fast-Track\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDial in the energy, tweak to taste, and bring your basslines to life instantly with industry-ready presets.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eCompatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eVersion Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Serum v1.341 or higher\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Pro-Grade Modulation\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Multi-Genre Versatile\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to unleash the energy of modern bass music?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eUPGRADE YOUR SOUND\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":43823683141885,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DEATHSPELL.webp?v=1749862777"},{"product_id":"ultimate-drum-bass-collection-vol-1","title":"ULTIMATE DRUM \u0026 BASS COLLECTION VOL. 1","description":"\u003cdiv style=\"text-align: center; max-width: 1000px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n\n  \u003cstyle\u003e\n    .hero-title {\n      color: #c98e37;\n      font-size: 32px;\n      font-weight: 800;\n      margin-top: 0 !important; \n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      background: -webkit-linear-gradient(#c98e37, #8e6223);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    \/* Desktop Only Adjustment *\/\n    @media (min-width: 769px) {\n      .hero-title {\n        margin-top: -40px !important;\n      }\n    }\n\n    .hero-tagline {\n      font-size: 19px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 25px;\n      letter-spacing: 1px;\n    }\n    \/* Seamless Audio Unit *\/\n    .audio-unit {\n      max-width: 900px;\n      margin: 0 auto;\n      border: 1px solid #333;\n      border-bottom: none; \n      border-radius: 12px 12px 0 0; \n      background: #000;\n      padding: 15px;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    \/* Seamless Description Box *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: -1px auto 40px auto; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 0 30px 20px 30px; \n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      font-size: 18px; \n      line-height: 1.4;\n      color: #fff;\n      font-weight: 500;\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 5px; \n      margin-bottom: 0 !important; \n    }\n    \/* Pricing and Value *\/\n    .value-box {\n      background-color: #161616; \n      border: 2px dashed #444; \n      border-radius: 8px; \n      padding: 25px 20px; \n      max-width: 650px; \n      margin: 0 auto 40px auto; \n      text-align: center;\n    }\n    \/* Requirements Section *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 10px auto;\n      text-align: left;\n    }\n    .req-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }\n    @media (min-width: 600px) {\n      .req-grid { grid-template-columns: 1fr 1fr; gap: 50px; }\n      .req-col-left { border-right: 1px solid #333; padding-right: 20px; }\n    }\n    .req-title {\n      color: #fff;\n      font-size: 16px;\n      margin-top: 0;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      border-bottom: 2px solid #c98e37;\n      display: inline-block;\n      padding-bottom: 5px;\n    }\n    .req-item { color: #ccc; font-size: 14px; margin-bottom: 10px; display: flex; align-items: center; }\n    .checkmark { color: #c98e37; font-weight: bold; font-size: 16px; margin-right: 12px; }\n\n    \/* Inventory Grid *\/\n    .inventory-grid {\n      display: grid;\n      grid-template-columns: 1fr; \n      gap: 15px; \n      max-width: 950px;\n      margin: 0 auto;\n      text-align: left;\n    }\n    @media (min-width: 768px) {\n      .inventory-grid { grid-template-columns: 1fr 1fr; }\n    }\n    .pack-tile {\n      background-color: #111;\n      border-left: 3px solid #c98e37;\n      padding: 15px; \n      border-radius: 4px;\n      transition: all 0.2s ease;\n      text-decoration: none !important;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n    .pack-tile:hover { transform: translateY(-5px); background-color: #1a1a1a; box-shadow: 0 5px 15px rgba(201, 142, 55, 0.2); }\n    .pack-tile:hover .pack-title { text-decoration: underline !important; }\n    .pack-title { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }\n    .pack-desc { margin: 0; font-size: 12px; color: #aaa; line-height: 1.4; }\n    iframe { border: none !important; }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eUltimate Drum \u0026amp; Bass Collection Vol. 1\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003ePrepare for an unparalleled journey in DnB production.\u003c\/p\u003e\n  \n  \u003cdiv class=\"audio-unit\"\u003e\n    \u003cdiv style=\"margin-bottom: 12px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSoundCloud Showcase\u003c\/div\u003e\n    \u003ciframe width=\"100%\" height=\"166\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1654608666%3Fsecret_token%3Ds-0W7T5VcXWH5\u0026amp;color=%23c98e37\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=true\u0026amp;show_reposts=false\u0026amp;show_teaser=true\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003e\n      Redefine the way you create high-intensity Drum \u0026amp; Bass\n      \u003cspan style=\"color: #c98e37; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n        plus access 12 release-ready professional projects.\n      \u003c\/span\u003e\n    \u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003e\n      Craft club foundations and festival-worthy energy with our most powerful DnB arsenal yet.\n    \u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"value-box\"\u003e\n    \u003cdiv style=\"font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; font-weight: 600;\"\u003e\n      Total Bundle Value: \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$179.99\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"font-size: 38px; color: #c98e37; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(201, 142, 55, 0.2);\"\u003e\n      ONLY $44.99\n    \u003c\/div\u003e\n    \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n      Redefine your sound with over \u003cstrong style=\"color: #fff; border-bottom: 1px solid #c98e37;\"\u003e1000+ Elite DnB Tools\u003c\/strong\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px;\"\u003eWhat’s Inside?\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 137 Premium Serum \u0026amp; 18 Phase Plant Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMeticulously designed bass-heavy leads and neuro-textures essential for modern DnB.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 775 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePunchy drums, deep bass one-shots, and atmospheric layers to add life to your arrangements.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 12 Full Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMixed and mastered templates providing invaluable insights into professional construction.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 78 Pre-Drop Vocals \u0026amp; 51 MIDI Foundation Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCaptivating vocal hooks and versatile MIDI patterns to jumpstart your unique compositions.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv class=\"req-grid\"\u003e\n      \u003cdiv class=\"req-col-left\"\u003e\n        \u003ch4 class=\"req-title\"\u003eCore Requirements\u003c\/h4\u003e\n        \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:0px;\"\u003e\n          For Serum \u0026amp; Samples:\n        \u003c\/p\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 10px 0 0 0;\"\u003e\n          \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples\/MIDI)\u003c\/li\u003e\n          \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n          \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Phase Plant 2.0\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"req-col-right\"\u003e\n        \u003ch4 class=\"req-title\"\u003eProject Req.\u003c\/h4\u003e\n        \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:0px;\"\u003e\n          To open the project files:\n        \u003c\/p\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 10px 0 0 0;\"\u003e\n          \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.3.2+\u003c\/li\u003e\n          \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher, OTT (Free)\u003c\/li\u003e\n          \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Serum FX, LFO Tool\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(201, 142, 55, 0), rgba(201, 142, 55, 0.5), rgba(201, 142, 55, 0)); margin: 30px 0;\"\u003e\n\n  \u003ch2 style=\"margin-bottom: 5px; margin-top: 5px; color: #ffffff; text-transform: uppercase; font-size: 24px;\"\u003eIncluded Packs\u003c\/h2\u003e\n  \u003cp style=\"font-size: 13px; color: #aaa; margin-top: 0; margin-bottom: 20px;\"\u003eclick to view\u003c\/p\u003e\n\n  \u003cdiv class=\"inventory-grid\"\u003e\n    \u003ca href=\"https:\/\/edmtemplates.net\/products\/vortex\" target=\"_blank\" class=\"pack-tile\"\u003e\n      \u003cdiv class=\"pack-title\"\u003eVORTEX\u003c\/div\u003e\n      \u003cp class=\"pack-desc\"\u003eHigh-octane DnB construction kits and construction kits.\u003c\/p\u003e\n    \u003c\/a\u003e\n    \u003ca href=\"https:\/\/edmtemplates.net\/products\/anarchy-pro-drum-and-bass-presets\" target=\"_blank\" class=\"pack-tile\"\u003e\n      \u003cdiv class=\"pack-title\"\u003eANARCHY\u003c\/div\u003e\n      \u003cp class=\"pack-desc\"\u003eAggressive Serum presets for neuro and jump-up DnB.\u003c\/p\u003e\n    \u003c\/a\u003e\n    \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design\" target=\"_blank\" class=\"pack-tile\"\u003e\n      \u003cdiv class=\"pack-title\"\u003eDNB SOUND DESIGN VOL. 1\u003c\/div\u003e\n      \u003cp class=\"pack-desc\"\u003eFoundational bass and drum engineering toolkit.\u003c\/p\u003e\n    \u003c\/a\u003e\n    \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design-vol-2\" target=\"_blank\" class=\"pack-tile\"\u003e\n      \u003cdiv class=\"pack-title\"\u003eDNB SOUND DESIGN VOL. 2\u003c\/div\u003e\n      \u003cp class=\"pack-desc\"\u003eAdvanced rhythmic and tonal engineering library.\u003c\/p\u003e\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003eReady to dominate the Drum \u0026amp; Bass scene?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c98e37; color: #000; font-size: 20px; font-weight: bold; padding: 18px 50px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(201, 142, 55, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(201, 142, 55, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(201, 142, 55, 0.4)';\"\u003e\n      GET THE COLLECTION\n    \u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eSECURE CHECKOUT • INSTANT DIGITAL DELIVERY\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":47024457646411,"sku":"","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UDNBCVOL1Shopify.webp?v=1749103289"},{"product_id":"drum-and-bass-sound-design-vol-3","title":"DRUM AND BASS SOUND DESIGN VOL. 3 SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper {\n        margin-top: -40px !important;\n      }\n    }\n    \/* Sleek Chrome\/Grey Title Gradient *\/\n    .hero-title {\n      color: #ffffff;\n      font-size: 38px;\n      font-weight: 900;\n      margin-top: 0 !important; \n      margin-bottom: 10px;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      background: -webkit-linear-gradient(#ffffff, #999999, #444444);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));\n    }\n    .hero-tagline {\n      font-size: 20px;\n      font-weight: 600;\n      color: #fff;\n      margin-bottom: 35px;\n      letter-spacing: 1.5px;\n    }\n    \/* Master Stat Bar - Chrome Style *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #666;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #ffffff; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Seamless Monolith Video Unit - 48% Padding *\/\n    .video-unit {\n      max-width: 900px;\n      margin: 0 auto !important;\n      position: relative;\n      padding-bottom: 48%; \n      height: 0;\n      overflow: hidden;\n      border-radius: 12px 12px 0 0; \n      border: 1px solid #333;\n      border-bottom: none; \n      background: #000;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    @media (max-width: 768px) {\n      .video-unit { padding-bottom: 56.25% !important; }\n    }\n    .video-unit iframe {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: none !important;\n      display: block; \n    }\n    \/* Monolith Bottom (Fused Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: 0px auto 40px auto !important; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 0 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0;\n      margin-top: 0;\n      font-size: 18px; \n      line-height: 1.5;\n      color: #fff;\n      font-weight: 500;\n    }\n    \/* Mobile Only Hero Text Margin Fix *\/\n    @media (max-width: 768px) {\n      .hero-main-text {\n        margin-top: 5px !important;\n      }\n    }\n    .hero-sub-text {\n      font-size: 15px; \n      color: #ccc;\n      display: block;\n      margin-top: 8px;\n    }\n    .checkmark { color: #888; font-weight: bold; font-size: 16px; margin-right: 12px; }\n    \n    \/* Requirements Section *\/\n    .req-container {\n      background-color: #161616;\n      border: 1px solid #333;\n      border-radius: 6px;\n      padding: 30px;\n      max-width: 850px;\n      margin: 40px auto 20px auto;\n      text-align: left;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eDNB Sound Design Vol. 3\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eThe Latest Evolution in Drum \u0026amp; Bass Mastery\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e100\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e309\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003e.WAV Samples\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e5\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video-unit\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jT3ypqYFYSA?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003ePropel your tracks to the forefront of the scene. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Simula, K Motionz, Tsuki, and Bou.\u003c\/span\u003e\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003eAn expansive collection of Serum presets and samples designed to ignite your creativity and set a new standard in modern drum and bass production.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Sound Breakdown\u003c\/h3\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 100 Elite Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 50 Basses, 25 Synth\/Intro patches, 10 FX, 7 Reeses, 5 Atmos, and 3 Sub patches.\u003c\/span\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 309 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 50 Snares, 25 Kicks, 130 Hats\/Rides, 50 Perc\/Foley, 53 Vocal Phrases, and 10 Drum Loops.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 5 Ableton Projects \u0026amp; 22 MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStudy 4 Drops from the demo track plus a custom Drum Rack template. Includes 22 Drum MIDI patterns.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n      \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Pro Snare \u0026amp; Drum FX Racks\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEquip your studio with the same Ableton 11 \u0026amp; 12 custom racks used to craft industry-standard thickness.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eSound Previews\u003c\/h3\u003e\n  \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n  \u003cdiv style=\"max-width: 850px; margin: 40px auto;\"\u003e\n    \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eInside the Snare \u0026amp; Drum FX Racks\u003c\/h3\u003e\n    \u003ciframe width=\"100%\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/kTnFAWU3iNQ?si=8pmK3KfUv0-NhM-_\" frameborder=\"0\" allowfullscreen style=\"border-radius: 8px; border: 1px solid #333;\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); margin: 40px 0;\"\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eCompatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.363+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #666; display:inline-block; padding-bottom:5px;\"\u003eProject Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 13px; text-align:left; line-height:1.4;\"\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton 11.3.2 or newer\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter Pro-MB\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart 2 \u0026amp; GClip (Free)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Soothe 2 (Optional)\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to ignite your creativity and propel your sound?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffffff; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.4)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.2)';\"\u003eUPGRADE YOUR SOUND\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • 100% ROYALTY FREE\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n    let arrayOfItems = [];\n    function initPlayers(){\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_3.wav?v=1714129476', 'Bass 3', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_4.wav?v=1714093160', 'Bass 4', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_7.wav?v=1714129477', 'Bass 7', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_31.wav?v=1714093158', 'Bass 31', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_9.wav?v=1714129476', 'Bass 9', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_22.wav?v=1714129476', 'Bass 22', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_14.wav?v=1714129477', 'Bass 14', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_34.wav?v=1714093162', 'Bass 34', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_29.wav?v=1714129477', 'Bass 29', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_41.wav?v=1714093160', 'Bass 41', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Bass_38.wav?v=1714129477', 'Bass 38', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_BASS_IN_UR_FACE.wav?v=1714093158', 'In Ur Face', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_JUNGLE_VIBE.wav?v=1714093158', 'Jungle Vibe', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_FX_5.wav?v=1714093157', 'FX 5', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_FX_4.wav?v=1714093162', 'FX 4', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_FX_6.wav?v=1714093160', 'FX 6', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN3_Riser_1.wav?v=1714093162', 'Riser 1', '#fff', '#888', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV3_-_ATMO_4_-_DMIN.wav?v=1714093163', 'Atmo 4', '#fff', '#888', 20, 'waveform');\n    }\n    function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n        let dom = document.createElement('div');\n        let btn = document.createElement('img');\n        let title = document.createElement('div');\n        let vaweBlock = document.createElement('div');\n        dom.id = `sample-${arrayOfItems.length}`;\n        btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        btn.className = \"play-pause-btn\";\n        btn.style.width = \"20px\";\n        btn.style.cursor = \"pointer\";\n        btn.style.marginRight = \"15px\";\n        title.textContent = name;\n        title.style.fontSize = \"12px\";\n        title.style.color = \"#888\";\n        title.style.minWidth = \"110px\";\n        vaweBlock.style.flex = \"1\";\n        dom.style.display = \"flex\";\n        dom.style.alignItems = \"center\";\n        dom.style.marginBottom = \"10px\";\n        dom.appendChild(btn);\n        dom.appendChild(vaweBlock);\n        dom.appendChild(title);\n        document.getElementById(parentSelector).appendChild(dom);\n        let wavesurfer = WaveSurfer.create({\n            container: vaweBlock,\n            waveColor: bgColor,\n            progressColor: prColor,\n            cursorColor: 'transparent',\n            hideScrollbar: true,\n            height: height,\n            mediaControls: false\n        });\n        wavesurfer.load(url);\n        wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n        btn.addEventListener('click', function () {\n            wavesurfer.playPause();\n            btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        });\n        arrayOfItems.push(wavesurfer);\n    }\n    initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":47688264188235,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNBSDV3_fe3e335c-f5ce-4197-8290-66a57613d967.webp?v=1767677045"},{"product_id":"dominator-drum-and-bass-sample-preset-pack","title":"DOMINATOR | DRUM AND BASS SAMPLE\/PRESET PACK","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n  \u003cstyle\u003e\n    \/* Desktop Only Title Margin *\/\n    @media (min-width: 769px) {\n      .main-bundle-wrapper { margin-top: -40px !important; }\n    }\n\n    \/* Premium Cinematic Title (Restored exactly to original structure) *\/\n    .hero-title {\n      font-weight: 900 !important;\n      margin-top: 0 !important; \n      margin-bottom: 5px !important;\n      text-transform: uppercase !important;\n      font-size: 64px !important;\n      letter-spacing: 2px !important;\n      background: linear-gradient(180deg, #ffffff 0%, #a0a0a0 100%) !important;\n      -webkit-background-clip: text !important;\n      -webkit-text-fill-color: transparent !important;\n      filter: drop-shadow(0 6px 20px rgba(0,0,0,0.6)) !important;\n      line-height: 1.1 !important;\n      word-break: break-word !important;\n    }\n\n    \/* Restored Original Tagline Class *\/\n    .hero-tagline {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #ff6a00 !important;\n      margin-top: 0 !important;\n      margin-bottom: 35px !important;\n      letter-spacing: 4px !important;\n      text-transform: uppercase !important;\n      text-shadow: 0 0 15px rgba(255, 106, 0, 0.4) !important;\n    }\n\n    \/* CRITICAL MOBILE FIXES *\/\n    @media (max-width: 768px) {\n      .hero-title { \n        font-size: 26px !important; \/* Locks down the wide font so it fits *\/\n        padding: 0 10px !important; \n        margin-bottom: 5px !important; \n      }\n      .hero-tagline { \n        font-size: 12px !important; \n        letter-spacing: 2px !important; \n        margin-bottom: 25px !important;\n        padding: 0 10px !important;\n      }\n      .stat-bar {\n        grid-template-columns: 1fr !important; \n        gap: 20px;\n        padding: 25px 10px;\n      }\n      .stat-item {\n        border-right: none !important;\n        border-bottom: 1px solid #333;\n        padding-bottom: 15px;\n      }\n      .stat-item:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n    }\n\n    \/* Master Stat Bar *\/\n    .stat-bar {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr;\n      background: #111;\n      border: 1px solid #ff6a00;\n      border-radius: 8px;\n      margin-bottom: 40px;\n      padding: 20px 10px;\n      box-shadow: 0 0 30px rgba(255, 106, 0, 0.1);\n    }\n    .stat-item { border-right: 1px solid #333; }\n    .stat-item:last-child { border-right: none; }\n    .stat-val { font-size: 28px; font-weight: 800; color: #ff6a00; display: block; line-height: 1; }\n    .stat-lbl { font-size: 11px; text-transform: uppercase; color: #888; letter-spacing: 1px; margin-top: 5px; display: block;}\n    \n    \/* Seamless Monolith Video Unit *\/\n    .video-unit {\n      max-width: 900px;\n      margin: 0 auto;\n      position: relative;\n      padding-bottom: 48%; \n      height: 0;\n      overflow: hidden;\n      border-radius: 12px 12px 0 0; \n      border: 1px solid #333;\n      border-bottom: none; \n      background: #000;\n      box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n    }\n    @media (max-width: 768px) {\n      .video-unit { padding-bottom: 56.25% !important; }\n    }\n    .video-unit iframe {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      border: none !important;\n      display: block; \n    }\n\n    \/* Monolith Bottom (Description) *\/\n    .hero-description-box {\n      max-width: 900px;\n      margin: 0px auto 40px auto; \n      background-color: #000;\n      border: 1px solid #333;\n      border-top: none; \n      padding: 0 30px 25px 30px;\n      margin-top: 0px;\n      border-radius: 0 0 12px 12px; \n      box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n    }\n    .hero-main-text {\n      margin: 0; margin-top: 0; font-size: 18px; line-height: 1.5; color: #fff; font-weight: 500;\n    }\n    @media (max-width: 768px) { .hero-main-text { margin-top: 5px !important; } }\n    .hero-sub-text { font-size: 15px; color: #ccc; display: block; margin-top: 8px; }\n    .checkmark { color: #ff6a00; font-weight: bold; font-size: 16px; margin-right: 12px; }\n\n    \/* Breakdown Styles (Pills) *\/\n    .pills{ display:flex; justify-content:center; flex-wrap:wrap; gap:4px 8px; margin:10px 0 20px; }\n    .pill{ display:inline-block; padding:2px 10px; border:1px solid rgba(255, 106, 0, 0.3); border-radius:999px; background:#111; font-size:12px; color:#f1f1f1; }\n    .pill b{ color:#ff6a00; font-weight:700; }\n\n    \/* --- SOUND PREVIEWS HEADING STYLES --- *\/\n    .sp-heading{ width:100%; text-align:center; margin: 28px auto 25px; position:relative; isolation:isolate; }\n    .sp-text{\n      display:inline-block; font-weight:900; letter-spacing:.06em; font-size: clamp(22px, 3.4vw, 36px);\n      padding: 4px 14px; background: linear-gradient(90deg,#ff6a00 0%,#ffb74d 35%,#ffffff 65%,#ff6a00 100%);\n      -webkit-background-clip:text; background-clip:text; color: transparent;\n      text-shadow: 0 0 10px rgba(255,106,0,.35), 0 0 22px rgba(255,183,77,.25);\n      animation: sp-glow 2.2s ease-in-out infinite;\n    }\n    .sp-emoji{\n      color:#ff6a00; filter: drop-shadow(0 0 6px rgba(255,106,0,.35)); display:inline-block; transform-origin:center;\n      animation: sp-pulse 1.8s ease-in-out infinite; font-size: clamp(16px, 2.5vw, 22px); margin: 0 6px;\n    }\n    .sp-underline{\n      height:2px; width: 320px; max-width: 70%; margin:10px auto 0; transform-origin:left;\n      background: linear-gradient(90deg, transparent, #ff6a00, #ffb74d, transparent);\n      animation: sp-sweep 1.6s ease-out infinite; opacity:.9;\n    }\n\n    @keyframes sp-glow{ 0%,100%{ text-shadow: 0 0 6px rgba(255,106,0,.35), 0 0 14px rgba(255,183,77,.22);} 50%{ text-shadow: 0 0 14px rgba(255,106,0,.55), 0 0 28px rgba(255,183,77,.35);} }\n    @keyframes sp-pulse{ 0%,100%{ transform: translateY(0) scale(1);} 50%{ transform: translateY(1px) scale(1.08);} }\n    @keyframes sp-sweep{ 0%{ transform: scaleX(0); opacity:.3; } 60%{ transform: scaleX(1); opacity:1; } 100%{ transform: scaleX(1); opacity:.4; } }\n\n    \/* Requirements Section *\/\n    .req-container {\n      background-color: #161616; border: 1px solid #333; border-radius: 6px; padding: 30px; \n      max-width: 850px; margin: 40px auto 20px auto; text-align: left;\n    }\n  \u003c\/style\u003e\n\n  \u003ch2 class=\"hero-title\"\u003eDOMINATOR\u003c\/h2\u003e\n  \u003cp class=\"hero-tagline\"\u003eThe Ultimate Jump-Up Arsenal\u003c\/p\u003e\n\n  \u003cdiv class=\"stat-bar\"\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e1000+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eTotal Files\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e150\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e2\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"video-unit\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/UXCqjwWGBkw?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hero-description-box\"\u003e\n    \u003cp class=\"hero-main-text\"\u003eEngineered to ignite dance floors and annihilate the mix. \u003cspan style=\"color: #ff6a00; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Turno, Bou, Tsuki, and Skantia.\u003c\/span\u003e\u003c\/p\u003e\n    \u003cspan class=\"hero-sub-text\"\u003eDOMINATOR delivers the gargling basses, screeching synths, and otherworldly sound design needed to create earth-shattering Jump-Up bangers.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: left; max-width: 850px; margin: 0 auto 50px auto;\"\u003e\n    \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px;\"\u003eWhat's in the Arsenal?\u003c\/h3\u003e\n    \n    \u003cdiv style=\"text-align:center;\"\u003e\n      \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ 1000+ High-Quality Samples\u003c\/strong\u003e\n      \u003cdiv class=\"pills\"\u003e\n        \u003cspan class=\"pill\"\u003e\u003cb\u003e130\u003c\/b\u003e One Shots\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e69\u003c\/b\u003e Bass Loops\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e55\u003c\/b\u003e Drum Loops\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e50\u003c\/b\u003e Special FX\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"text-align:center;\"\u003e\n      \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ 150 Premium Serum Presets\u003c\/strong\u003e\n      \u003cdiv class=\"pills\"\u003e\n        \u003cspan class=\"pill\"\u003e\u003cb\u003e100\u003c\/b\u003e Bass\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e20\u003c\/b\u003e Lead\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e20\u003c\/b\u003e FX\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e10\u003c\/b\u003e Atmos\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px; text-align:center;\"\u003e\n      \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ 2 Ableton Project Files (Demo Tracks)\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eStudy the exact mix, processing, and arrangement of pro-level DnB tracks straight from the demo.\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 20px; text-align:center;\"\u003e\n      \u003cstrong style=\"color: #ff6a00; font-size: 18px;\"\u003e✔ Heavyweight Drum \u0026amp; Vocal Suite\u003c\/strong\u003e\u003cbr\u003e\n      \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eIncludes \u003cb\u003e6\u003c\/b\u003e Amen Break loops, \u003cb\u003e74\u003c\/b\u003e Top loops, \u003cb\u003e27\u003c\/b\u003e aggressive shouts, and \u003cb\u003e15\u003c\/b\u003e background vocal loops.\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 106, 0, 0), rgba(255, 106, 0, 0.5), rgba(255, 106, 0, 0)); margin: 40px 0;\"\u003e\n\n  \u003cdiv class=\"sp-heading\" style=\"margin-bottom: 30px;\"\u003e\n    \u003cspan class=\"sp-text\" style=\"font-size: 24px;\"\u003eDEMO TRACK PREVIEWS\u003c\/span\u003e\n    \u003cdiv class=\"sp-underline\" style=\"width: 250px;\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"max-width: 900px; margin: 0 auto 40px auto; padding: 0 15px;\"\u003e\n    \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2063230984%3Fsecret_token%3Ds-dNOZYLtB6CM\u0026amp;color=%23ff6a00\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n    \u003cdiv style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n    \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2063230988%3Fsecret_token%3Ds-SmDEFEe9pRX\u0026amp;color=%23ff6a00\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"sp-heading\"\u003e\n    \u003cspan class=\"sp-emoji\"\u003e⚡\u003c\/span\u003e\n    \u003cspan class=\"sp-text\"\u003eSOUND PREVIEWS\u003c\/span\u003e\n    \u003cspan class=\"sp-emoji\"\u003e⚡\u003c\/span\u003e\n    \u003cdiv class=\"sp-underline\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"waveform\" class=\"waveform product-block\" style=\"background: #111; padding: 20px; border-radius: 8px; border: 1px solid #222; margin-bottom: 40px;\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"req-container\"\u003e\n    \u003cdiv style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 30px;\"\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ff6a00; display:inline-block; padding-bottom:5px;\"\u003eSystem Compatibility\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples)\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 100% Royalty Free\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ff6a00; display:inline-block; padding-bottom:5px;\"\u003eProject Requirements\u003c\/h4\u003e\n        \u003cul style=\"list-style: none; padding: 0; margin: 0; font-size: 14px; text-align:left;\"\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 12.0+\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Serum FX\u003c\/li\u003e\n          \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Standard Plugins\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n    \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to unleash sonic mayhem and dominate the dancefloor?\u003c\/p\u003e\n    \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ff6a00; color: #000; font-size: 20px; font-weight: bold; padding: 20px 60px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(255, 106, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 106, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 106, 0, 0.4)';\"\u003eGET DOMINATOR\u003c\/button\u003e\n    \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • SECURE CHECKOUT • \u003ca href=\"https:\/\/omniform1.com\/forms\/v1\/landingPage\/64566811bc57b9e2416212e1\/67ef3aa41483d5800c841d2c\" style=\"color:#ff6a00; text-decoration:none;\"\u003eFREE DEMO PACK\u003c\/a\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript type=\"text\/javascript\"\u003e\n    let arrayOfItems = [];\n    function initPlayers(){\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_1.mp3?v=1742784793', 'Bass Loop 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_2.mp3?v=1742784795', 'Bass Loop 2', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_3.mp3?v=1742784794', 'Bass Loop 3', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_4.mp3?v=1742784794', 'Bass Loop 4', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_5.mp3?v=1742784793', 'Bass Loop 5', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_Loop_6.mp3?v=1742784793', 'Bass Loop 6', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_1.mp3?v=1742784788', 'Bass Shot 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_2.mp3?v=1742784791', 'Bass Shot 2', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_3.mp3?v=1742784787', 'Bass Shot 3', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_4.mp3?v=1742784789', 'Bass Shot 4', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_5.mp3?v=1742784789', 'Bass Shot 5', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Bass_One_Shot_6.mp3?v=1742784788', 'Bass Shot 6', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_1.mp3?v=1742784791', 'Drum Loop 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_2.mp3?v=1742784794', 'Drum Loop 2', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_3.mp3?v=1742784794', 'Drum Loop 3', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_4.mp3?v=1742784793', 'Drum Loop 4', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Drum_Loop_5.mp3?v=1742784793', 'Drum Loop 5', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Glitch_1.mp3?v=1742784787', 'Glitch 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Impact_1.mp3?v=1742784793', 'Impact 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Sweep_1.mp3?v=1742784793', 'Sweep 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Vocal_1.mp3?v=1742784787', 'Vocal 1', '#fff', '#ff6a00', 20, 'waveform');\n        renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR_Vocal_2.mp3?v=1742784788', 'Vocal 2', '#fff', '#ff6a00', 20, 'waveform');\n    }\n    function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n        let dom = document.createElement('div');\n        let btn = document.createElement('img');\n        let title = document.createElement('div');\n        let vaweBlock = document.createElement('div');\n        dom.id = `sample-${arrayOfItems.length}`;\n        btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        btn.className = \"play-pause-btn\";\n        btn.style.width = \"20px\";\n        btn.style.cursor = \"pointer\";\n        btn.style.marginRight = \"15px\";\n        title.textContent = name;\n        title.style.fontSize = \"12px\";\n        title.style.color = \"#888\";\n        title.style.minWidth = \"110px\";\n        vaweBlock.style.flex = \"1\";\n        dom.style.display = \"flex\";\n        dom.style.alignItems = \"center\";\n        dom.style.marginBottom = \"10px\";\n        dom.appendChild(btn);\n        dom.appendChild(vaweBlock);\n        dom.appendChild(title);\n        document.getElementById(parentSelector).appendChild(dom);\n        let wavesurfer = WaveSurfer.create({\n            container: vaweBlock,\n            waveColor: bgColor,\n            progressColor: prColor,\n            cursorColor: 'transparent',\n            hideScrollbar: true,\n            height: height,\n            mediaControls: false\n        });\n        wavesurfer.load(url);\n        wavesurfer.on('finish', function () { btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685'; });\n        btn.addEventListener('click', function () {\n            wavesurfer.playPause();\n            btn.src = wavesurfer.isPlaying() ? 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768' : 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n        });\n        arrayOfItems.push(wavesurfer);\n    }\n    initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":51281307042123,"sku":"","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DOMINATOR.webp?v=1749102940"},{"product_id":"liquid-dnb-vol-1-sample-preset-pack","title":"LIQUID DNB VOL. 1 | SAMPLE\/PRESET PACK","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Montserrat:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n      .serum2-global-wrapper {\n        width: 100vw;\n        position: relative;\n        left: 50%;\n        transform: translateX(-50%);\n        background: transparent;\n        margin: 0;\n        padding: 0;\n      }\n\n      \/* Centered inner content *\/\n      .serum2-inner {\n        max-width: 1300px;\n        width: 100%;\n        margin: 0 auto;\n        padding: 0px 0px;\n        box-sizing: border-box;\n      }\n\n.whzly-list ul{ \n  list-style-type: none;\n  padding-left: 0;\n  margin-left: 0;\n}\n\n@media (max-width: 480px) {\n  .serum2-inner h1 {\n    font-size: 28px !important;\n  }\n}\n\n      .serum2-inner h1,\n      .serum2-inner h2,\n      .serum2-inner h3 {\n        color: #f0f0e6;\n        text-shadow: 0 0 4px #f0f0e6;\n        position: relative;\n        animation: subtle-glitch 1s ease-in-out infinite;\n      }\n\n      .serum2-inner h2::before {\n        content: \"\u003e \";\n        color: #f0f0e6;\n        margin-right: 6px;\n      }\n  \n      .serum2-inner h1 {\n        text-align: center;\n        margin-bottom: -5px;\n      }\n  \n      .serum2-inner p,\n      .serum2-inner li {\n        color: #f0f0e6;\n        font-size: 16px;\n        line-height: 1.6;\n        z-index: 1;\n        position: relative;\n      }\n\n.system-header::before {\n  content: none !important;\n}\n\n@media (max-width: 480px) {\n  .system-header {\n    font-size: 18px !important;\n    line-height: 1.4;\n  }\n}\n\n.serum2-inner li:not(.expandable-trigger):not(.expandable-wrapper)::before {\n  content: \"▶\\FE0E \";\n  color: #f0f0e6;\n  padding-right: 6px;\n  position: relative;\n  top: 2px;\n}\n\n      .serum2-inner ul {\n        list-style-type: none;\n        padding-left: 0.6rem;\n        margin-left: 0;\n      }\n\n      @keyframes subtle-glitch {\n        0%, 60%, 100% { text-shadow: 0 0 4px #f0f0e6; }\n        20% { text-shadow: -1px 0 #f0f0e6, 1px 0 #f0f0e6; }\n        40% { text-shadow: 1px 0 #f0f0e6, -1px 0 #f0f0e6; }\n        80% { text-shadow: 0 0 6px #f0f0e6; }\n      }\n\n      .cursor {\n        display: inline-block;\n        width: 8px;\n        height: 14px;\n        background-color: #f0f0e6;\n        margin-left: 3px;\n        animation: blink 0.8s infinite alternate;\n      }\n\n      @keyframes blink {\n        from { opacity: 1; }\n        to { opacity: 0; }\n      }\n\n.hook-plus-image {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 40px;\n  margin: 40px 0;\n  width: 100%;\n}\n\n.hook-text {\n  flex: 1 1 50%;\n  min-width: 300px;\n}\n\n.split-combine-section.in-view.animation-complete .half {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only {\n  pointer-events: auto;\n  z-index: 2;\n}\n  \n.serum2-upsell-text {\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(20px);\n  transition:\n    opacity 0.6s ease,\n    transform 0.6s ease,\n    visibility 0s linear 0.6s;\n  color: #f0f0e6;\n  text-shadow: 0 0 4px #f0f0e6;\n  animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n\/* Increase heading size *\/\n.hook-text h2,\n.serum2-inner h2 {\n  font-size: 24px;\n}\n\n\/* Increase bullet list font *\/\n.hook-text li,\n.serum2-inner ul li {\n  font-size: 18px;\n  line-height: 1.8;\n}\n\n\/* Optional: increase paragraph size under vault section *\/\n.serum2-inner p {\n  font-size: 17px;\n}\n.split-combine-section {\n  flex: 1 1 40%;\n  max-width: 480px;\n  position: relative;\n  overflow: hidden;\n  height: 320px;\n}\n\n.split-combine-section .half {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  transition: transform 1s ease-out;\n}\n\n.split-combine-section .half.left {\n  left: 0;\n  clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);\n  transform: translateX(-100%);\n}\n\n.split-combine-section .half.right {\n  left: 0;\n  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n  transform: translateX(100%);\n}\n\n  .split-combine-section .sr-only {\n  position: absolute;\n  width: 100%;\n  object-fit: cover;\n  top: 0;\n  left: 0;\n  opacity: 0;\n  transition: opacity 1s ease-in-out;\n  z-index: 0; \n}\n\n  .split-combine-section.in-view .sr-only {\n  opacity: 1;\n  transition-delay: 1s; \n}\n  \n.split-combine-section.in-view .half.left,\n.split-combine-section.in-view .half.right {\n  transform: translateX(0);\n}\n  \n.split-combine-section.in-view.animation-complete .sr-only {\n  z-index: 2;\n  pointer-events: auto;\n  transition: transform 0.25s ease-in-out;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only:hover {\n  transform: scale(1.06);\n}\n  \n\n.split-combine-section.split-whzly {\n  aspect-ratio: 16 \/ 9;\n  height: auto;\n  max-width: 480px;\n}\n\n.split-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  transition: filter 0.8s ease;\n  filter: none;\n}\n\n@media (max-width: 768px) {\n  .hook-plus-image {\n    flex-direction: column;\n    align-items: center;\n    gap: 0px !important;\n  }\n\n  .split-combine-section {\n    max-width: 100%;\n    height: auto;\n    aspect-ratio: 16 \/ 9;\n  }\n}\n\n@media (min-width: 769px) {\n  .split-combine-section {\n    margin-top: 30px;\n  }\n}\n\n@keyframes pulse-glow-smaller {\n  0% { filter: drop-shadow(0 0 4px #f0f0e6); }\n  100% { filter: drop-shadow(0 0 8px #f0f0e6); }\n}\n\n      @media (max-width: 768px) {\n        .vault-plus-split {\n          flex-direction: column;\n          align-items: center;\n        }\n\n        .split-combine-section {\n          max-width: 100%;\n        }\n      }\n\n  .jukebox-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform-origin: top center;\n  padding: 20px;\n  transform: translateX(100px);\n  margin-top: -10px !important;\n}\n\n\/* Scale for tablet *\/\n@media (max-width: 768px) {\n  .jukebox-wrapper {\n    transform: scale(0.85);\n  }\n}\n\n\/* Scale further for mobile *\/\n@media (max-width: 480px) {\n  .jukebox-wrapper {\n    transform: scale(0.7);\n  }\n}\n\n.animated-list ul ul {\n  max-height: 0;\n  opacity: 0;\n  transform: translateY(-8px);\n  overflow: hidden;\n  transition:\n    max-height 1.2s ease-in-out,\n    opacity 1.2s ease-in-out,\n    transform 1.2s ease-in-out;\n}\n\n.animated-list.visible ul ul {\n  max-height: 1000px;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (max-width: 768px) {\n  .hook-text h2 {\n    margin-top: 0px !important;\n    margin-bottom: 0px\n  }\n\n  .hook-text p {\n    margin-bottom: 0px !important;\n  }\n\n  .vault-and-player {\n    margin-top: 5px !important; \/* was 100px *\/\n  }\n\n  .glitch-button.scroll-button {\n    margin-bottom: 30px !important; \/* was 80px *\/\n  }\n}\n\n@media (max-width: 768px) {\n  .hook-plus-image .hook-text {\n    margin-top: -5px\n    margin-bottom: -5px !important;\n  }\n}\n\n    \u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .serum2-inner {\n    padding-left: 10px !important;\n    padding-right: 10px !important;\n    margin-left: auto !important;\n    margin-right: auto !important;\n    box-sizing: border-box;\n  }\n}\n\u003c\/style\u003e\n\n  \u003cstyle\u003e\n@media (max-width: 480px) {\n  .serum2-inner p,\n  .serum2-inner li {\n    font-size: 15px !important; \/* was 17-18px *\/\n    line-height: 1.5 !important; \/* was 1.8 *\/\n  }\n\n  .serum2-inner h2 {\n    font-size: 22px !important; \/* was 24px *\/\n    margin-top: 20px !important;\n    margin-bottom: 12px !important;\n  }\n\n  #fullscreenTip {\n    font-size: 12px !important;\n    line-height: 1.2 !important;\n  }\n}\n\n  .hook-text ul,\n  .vault-section ul {\n    margin-top: 8px !important;\n    margin-bottom: 0px !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003c!-- Content Starts Here --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.glitch-line {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 13px;\n  color: #f0f0e6;\n  font-family: 'Montserrat', sans-serif;\n  margin: 20px 0;\n  position: relative;\n}\n\n.scrolling-text {\n  display: inline-block;\n  white-space: nowrap;\n  animation: scroll-text 250s linear infinite;\n  padding-left: 0; \/* Remove the initial gap *\/\n}\n\n@keyframes scroll-text {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.vault-statement {\n  text-align: center;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 22px;\n  margin: 40px auto -35px auto;\n  max-width: 900px;\n  color: #f0f0e6;\n  text-shadow: 0 0 2px #f0f0e6;\n  animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.vault-statement p {\n  margin-bottom: -15px; \/* Reduce bottom space *\/\n  line-height: 1.5;\n}\n\n@media (min-width: 769px) {\n  .vault-statement {\n    margin-top: 10px !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .vault-statement {\n    font-size: 18px !important;\n    line-height: 1.4 !important;\n    padding: 0 10px;\n  }\n  \n  .vault-statement p {\n    font-size: 16px !important;\n    line-height: 1.4 !important;\n    margin-bottom: 0px !important;\n  }\n}\n\n.glitch-button.scroll-button {\n  margin-top: 4px !important;\n}\n\n.desktop-vault-text {\n  display: block;\n}\n.mobile-vault-text {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .desktop-vault-text {\n    display: none;\n  }\n  .mobile-vault-text {\n    display: block;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .desktop-only-text {\n    display: none !important;\n  }\n}\n\n@media (min-width: 769px) {\n  .benchmark-tagline {\n    margin-top: -15px;\n    margin-bottom: 9px !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .split-combine-section.split-whzly .half,\n  .split-combine-section.split-serum .half {\n    display: none !important;\n\n  }\n\n.split-combine-section.split-serum {\n  display: flex;\n  align-items: center;\n}\n\n.split-combine-section.split-serum .half {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\/* Always show fallback sr-only image for sections that still use it *\/\n.split-combine-section .sr-only {\n  opacity: 1 !important;\n  position: relative !important;\n  z-index: 1 !important;\n  pointer-events: auto !important;\n  transition: none !important;\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .split-combine-section {\n    overflow: visible !important;\n    height: auto !important;\n    aspect-ratio: auto !important;\n    max-width: 100% !important;\n    transform: none !important;\n  }\n\n  .split-combine-section .sr-only {\n    width: 100% !important;\n    height: auto !important;\n    object-fit: contain !important;\n    border-radius: 0 !important;\n    margin: 20px 0 !important;\n    transform: none !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n  margin-top: 4px !important;\n  padding-top: 0px !important;\n}\n\n\/* Second level bullets (nested ul inside ul) *\/\n.expandable-content ul ul {\n  margin-left: 16px !important;\n  padding-left: 16px !important;\n  border-left: none !important;\n  margin-top: 4px !important; \n  padding-top: 0px !important;\n  margin-bottom: 0px !important;\n}\n\n.expandable-content ul ul li::before {\n  content: \"•\" !important; \n  margin-right: 4px !important;\n  transform: translateX(-1px) !important;\n  position: relative;\n  top: -2px; \n}\n\n.expandable-content ul ul li {\n  font-weight: normal;\n  margin-top: 2px !important; \n  margin-bottom: 2px !important;\n  line-height: 1.5 !important; \n}\n\n.expandable-content ul li {\n  font-weight: bold;\n  margin-top: 2px !important;\n  margin-bottom: 2px !important;\n  line-height: 1.5 !important;\n}\n\n.nihilism-heading {\n style=\"text-align: center;\n margin-top: -5px;\n}\n\n  @media (max-width: 768px) {\n    .intro-mobile-hide {\n      display: none;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .nihilism-heading {\n      margin-top: 0px !important;\n    }\n  }\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n  .vault-and-player {\n    align-items: center;\n  }\n\n  .jukebox-section {\n    position: relative; \n    align-self: center;\n    margin-left: -225px;\n    transform: translateY(0);\n    transition: none;\n    transition: transform 0.3s ease;\n  }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .weapon-tagline {\n    margin-bottom: 8px !important;\n  }\n}\n\n.nihilism-subheading {\n  text-align: center;\n}\n\n@media (max-width: 768px) {\n  .desktop-only {\n    display: none;\n  }\n  .mobile-only {\n    display: block;\n  }\n}\n\n@media (min-width: 769px) {\n  .desktop-only {\n    display: block;\n  }\n  .mobile-only {\n    display: none;\n  }\n}\n\u003c\/style\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n  \u003cdiv class=\"serum2-inner\"\u003e\n\n\u003ch1 class=\"nihilism-heading\" style=\"margin-top: -40px;\"\u003e\n\u003cspan class=\"intro-mobile-hide\"\u003eINTRODUCING \u003c\/span\u003eLIQUID DNB VOL. 1\u003c\/h1\u003e\n\u003cp class=\"nihilism-subheading desktop-only\"\u003eA flowing collection of liquid drum \u0026amp; bass sounds, crafted to capture emotion and movement.\u003c\/p\u003e\n\u003cp class=\"nihilism-subheading mobile-only\"\u003eA flowing collection of liquid drum \u0026amp; bass sounds.\u003cbr\u003eCrafted to capture emotion and movement.\u003c\/p\u003e\n\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- DEMO TRACK VIDEO --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"text-align: center; margin: 5px 0;\"\u003e\n  \u003cdiv class=\"video-glow-wrapper-static\" style=\"max-width: 800px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px #f0f0e6;\"\u003e\n    \u003cdiv class=\"whzly-video-inner\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DxWjcTBe6-0?si=OBfH1iuXUTbkqO6E\u0026amp;rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 450px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n\u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .video-glow-wrapper-static {\n      box-shadow: none !important;\n    }\n  }\n\n.split-combine-section.split-serum .half.right,\n.split-combine-section.split-serum .half.left,\n.split-combine-section.split-serum .sr-only {\n  padding-top: 20px;\n}\n\n  @media (max-width: 768px) {\n    .serum2-inner h1 {\n      font-size: 38px !important;\n      line-height: 1.2 !important;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .nihilism-tagline-desktop {\n      display: block;\n    }\n\n    .nihilism-tagline-mobile {\n      display: none;\n    }\n\n    .hook-text h2 {\n      font-size: 24px !important;\n      margin-top: 40px !important;\n      margin-bottom: 20px !important;\n      text-align: center !important;\n    }\n\n    .inspired-by-line {\n      text-align: center !important;\n    }\n  }\n\n.inspired-mobile {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .inspired-desktop {\n    display: none;\n  }\n  .inspired-mobile {\n    display: inline;\n  }\n}\n\n  @media (min-width: 769px) {\n    .nihilism-tagline-mobile {\n      display: none;\n    }\n  }\n\n@media (max-width: 768px) {\n  .hook-plus-image {\n    padding: 0 -20px !important;\n    margin: 0 auto !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box;\n  }\n\n  .hook-plus-image .hook-text {\n    width: 100% !important;\n    max-width: 100% !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .hook-plus-image ul {\n    margin-left: 10px !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .inspired-by-line {\n    font-family: inherit !important;\n  }\n}\n\n  @media (max-width: 768px) {\n    .nihilism-bullets-desktop {\n      display: none;\n    }\n    .nihilism-bullets-mobile {\n      display: block;\n      margin-left: 20px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    .nihilism-bullets-mobile {\n      display: none;\n    }\n\n    .hook-text h2 .gear-icon {\n      display: none;\n    }\n  }\n  @media (max-width: 769px) {\n    .gear-icon {\n      display: none;\n    }\n  }\n\n@media (max-width: 768px) {\n  .split-combine-section.split-serum {\n    display: none;\n  }\n}\n\n@media (max-width: 768px) {\n  .vault-and-player {\n    margin-top: 30px !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .inside-heading-desktop {\n    display: none;\n  }\n}\n\n@media (min-width: 769px) {\n  .inside-heading-mobile {\n    display: none;\n  }\n}\n\n.heading-mobile {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .heading-desktop {\n    display: none;\n  }\n  .heading-mobile {\n    display: inline;\n  }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n  \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 5px;\"\u003e\n  \u003cspan class=\"gear-icon\"\u003e🌊\u003c\/span\u003e \n  \u003cspan class=\"heading-desktop\"\u003eThe Sound of Motion, Depth, and Soul\u003c\/span\u003e\n  \u003cspan class=\"heading-mobile\"\u003eSounds of Motion, Depth \u0026amp; Soul\u003c\/span\u003e\n\u003c\/h2\u003e\n\n    \u003cp class=\"nihilism-tagline-desktop\"\u003e\n      \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eFor producers who write with heart\u003c\/span\u003e\u003c\/strong\u003e\n    \u003c\/p\u003e\n\n    \u003cp class=\"nihilism-tagline-mobile\"\u003e\n      Designed for depth, flow, and emotion\n    \u003c\/p\u003e\n\n\u003cp class=\"inspired-by-line\" style=\"margin: -20px 0 0; font-family: 'Share Tech Mono', monospace; font-size: 13.5px; color: #41F3E8;\"\u003e\n  \u003cspan class=\"inspired-desktop\"\u003eInspired by Hybrid Minds, Monrroe, Elipsa, and Technimatic.\u003c\/span\u003e\n  \u003cspan class=\"inspired-mobile\"\u003eInspired by Hybrid Minds, Monrroe Elipsa \u0026amp; Technimatic.\u003c\/span\u003e\n\u003c\/p\u003e\n\n    \u003cul class=\"nihilism-bullets-desktop\"\u003e\n      \u003cli\u003eSmooth and melodic Liquid DNB sound design\u003c\/li\u003e\n      \u003cli\u003e100 Serum 2 presets for melodic \u0026amp; bass\u003c\/li\u003e\n      \u003cli\u003e1100+ Fresh samples \u0026amp; MIDI\u003c\/li\u003e\n      \u003cli\u003e350+ Melodic loops, chords, pads, and swells\u003c\/li\u003e\n      \u003cli\u003e100s of one-shots for instant creativity\u003c\/li\u003e\n      \u003cli\u003eDeep rolling Reese \u0026amp; Sub loops\u003c\/li\u003e\n      \u003cli\u003eThe go-to kit for melodic and soulful dnb producers\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n\u003cul class=\"nihilism-bullets-mobile\"\u003e\n  \u003cli\u003eSmooth and melodic Liquid DNB sounds\u003c\/li\u003e\n  \u003cli\u003e100 Serum 2 presets for melodic \u0026amp; bass\u003c\/li\u003e\n  \u003cli\u003e1100+ samples: drums, FX \u0026amp; atmo\u003c\/li\u003e\n  \u003cli\u003eMelodic loops, chords \u0026amp; swells\u003c\/li\u003e\n  \u003cli\u003ePunchy drums: kicks, snares + more\u003c\/li\u003e\n  \u003cli\u003eDeep rolling reese \u0026amp; sub loops\u003c\/li\u003e\n  \u003cli\u003eThe go-to kit for Liquid DNB producers\u003c\/li\u003e\n\u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"split-combine-section split-serum\"\u003e\n    \u003cdiv class=\"half left\"\u003e\n      \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"half right\"\u003e\n      \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n  \u003cdiv class=\"vault-and-player\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 40px; margin-top: 100px;\"\u003e\n\n    \u003c!-- Vault Section --\u003e\n    \u003cdiv class=\"vault-section\" style=\"flex: 1 1 50%; min-width: 320px;\"\u003e\n  \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n    \u003ch2 class=\"inside-heading-desktop\"\u003e\n      📂 What’s Inside Liquid DNB Vol. 1?\n    \u003c\/h2\u003e\n    \u003ch2 class=\"inside-heading-mobile\"\u003e\n      📂 What’s Inside Liquid DNB Vol. 1?\n    \u003c\/h2\u003e\n  \u003c\/div\u003e\n\n  \u003cp class=\"benchmark-tagline\"\u003e\n    \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e1200+ professionally engineered Serum 2 presets, samples, and MIDI\u003c\/span\u003e\u003c\/strong\u003e\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"vault-scroll-area\"\u003e\n    \u003cul class=\"whzly-list\"\u003e\n\n      \u003c!-- PRESETS --\u003e\n      \u003cli class=\"expandable-wrapper\"\u003e\n        \u003cdiv class=\"expandable-trigger\" data-target=\"#presets-sublist\"\u003e\n          \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n          \u003cstrong\u003e100 Brand New Serum 2 Presets\u003c\/strong\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"expandable-content\" id=\"presets-sublist\"\u003e\n          \u003cul\u003e\n            \u003cli\u003eBass \u0026amp; Sub (rolling, reese, warm subs)\u003c\/li\u003e\n            \u003cli\u003eLeads \u0026amp; Plucks (melodic hooks, arp-ready)\u003c\/li\u003e\n            \u003cli\u003ePads \u0026amp; Atmospheres (lush, evolving)\u003c\/li\u003e\n            \u003cli\u003eKeys \u0026amp; Chords (liquid piano\/synth tones)\u003c\/li\u003e\n            \u003cli\u003e\u003cem\u003eMacros programmed for instant movement\u003c\/em\u003e\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n\n      \u003c!-- SAMPLES --\u003e\n      \u003cli class=\"expandable-wrapper\"\u003e\n        \u003cdiv class=\"expandable-trigger\" data-target=\"#samples-sublist\"\u003e\n          \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n          \u003cstrong\u003e1100+ Professionally Engineered Samples\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"expandable-content\" id=\"samples-sublist\"\u003e\n          \u003cul\u003e\n\n            \u003c!-- MELODIC --\u003e\n            \u003cli\u003eMelodic\n              \u003cul\u003e\n                \u003cli\u003eAtmo — \u003cstrong\u003e25\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eInstrument Loops — \u003cstrong\u003e95\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eMelodic Loops — \u003cstrong\u003e161\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003ePads — \u003cstrong\u003e69\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eOne Shots — \u003cstrong\u003e56\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eSwells — \u003cstrong\u003e32\u003c\/strong\u003e\n\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/li\u003e\n\n            \u003c!-- BASS --\u003e\n            \u003cli\u003eBass\n              \u003cul\u003e\n                \u003cli\u003eReese Loops— \u003cstrong\u003e45\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eSub Loops — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eBass Loops — \u003cstrong\u003e14\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eBass One Shots — \u003cstrong\u003e36\u003c\/strong\u003e\n\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/li\u003e\n\n            \u003c!-- DRUMS --\u003e\n            \u003cli\u003eDrums\n              \u003cul\u003e\n                \u003cli\u003eFull Loops — \u003cstrong\u003e19\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eIntro Loops — \u003cstrong\u003e32\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003ePerc Loops — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eTop Loops — \u003cstrong\u003e26\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eBuild Loops — \u003cstrong\u003e2\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eFills — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eKick — \u003cstrong\u003e23\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eSnare — \u003cstrong\u003e52\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eClap — \u003cstrong\u003e12\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eRimshot — \u003cstrong\u003e22\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eHat — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eCymbal — \u003cstrong\u003e20\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eCrash — \u003cstrong\u003e20\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003ePerc — \u003cstrong\u003e35\u003c\/strong\u003e\n\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/li\u003e\n\n            \u003c!-- FX --\u003e\n            \u003cli\u003eFX\n              \u003cul\u003e\n                \u003cli\u003eAmbience — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eDownlifter — \u003cstrong\u003e19\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eImpact — \u003cstrong\u003e23\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eRiser — \u003cstrong\u003e9\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eSweeps — \u003cstrong\u003e27\u003c\/strong\u003e\n\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/li\u003e\n\n            \u003c!-- MIDI --\u003e\n            \u003cli\u003eMIDI\n              \u003cul\u003e\n                \u003cli\u003eReese — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n                \u003cli\u003eChords — \u003cstrong\u003e51\u003c\/strong\u003e\n\u003c\/li\u003e\n              \u003c\/ul\u003e\n            \u003c\/li\u003e\n\n\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n\n\n\u003cli class=\"expandable-wrapper\"\u003e\n  \u003cdiv class=\"expandable-trigger\" data-target=\"#projects-sublist\"\u003e\n    \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n    \u003cstrong\u003eFull-Length Liquid DNB Ableton Project\u003c\/strong\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"expandable-content\" id=\"projects-sublist\"\u003e\n    \u003cul\u003e\n      \u003cli\u003eProfessionally designed and mixed\u003c\/li\u003e\n      \u003cli\u003eBeginner friendly\u003c\/li\u003e\n      \u003cli\u003eFull length showcasing every element\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Audio Player Section --\u003e\n\u003cdiv class=\"jukebox-section\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"preview-player-wrapper\"\u003e\n\u003ch3 class=\"audio-preview-heading\"\u003e\n  \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e PREVIEW SOUNDS \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"audio-preview-note\"\u003eLong previews are shortened for faster loading\u003c\/p\u003e\n\n  \u003cdiv class=\"sample-category-buttons\"\u003e\n    \u003cbutton class=\"sample-category-btn active\" data-category=\"melodic\"\u003eMELODIC\u003c\/button\u003e\n    \u003cbutton class=\"sample-category-btn\" data-category=\"drums\"\u003eDRUMS\u003c\/button\u003e\n    \u003cbutton class=\"sample-category-btn\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n    \u003cbutton class=\"sample-category-btn\" data-category=\"fx\"\u003eFX\u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n  \u003cdiv class=\"jukebox-wrapper\"\u003e\n    \u003cdiv class=\"jukebox-container\"\u003e\n      \u003cdiv class=\"jukebox-display\"\u003e\n        \u003cdiv class=\"serum-ui\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum2AudioPlayer.jpg?v=1747181839\" alt=\"Serum 2 UI\" class=\"serum-bg\"\u003e\n          \u003cdiv id=\"sampleTitle\" class=\"serum-title\"\u003eWHZLY PRESET 1\u003c\/div\u003e\n          \u003cdiv id=\"waveformContainer\" class=\"serum-waveform\"\u003e\u003c\/div\u003e\n\u003cbutton id=\"prevSample\" class=\"jukebox-btn\"\u003e◀\u003c\/button\u003e\n\u003cbutton id=\"nextSample\" class=\"jukebox-btn\"\u003e▶\u003c\/button\u003e\n          \u003cbutton id=\"playPause\" class=\"play-pause-btn\"\u003e\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- SoundCloud player kept with the text so it aligns left of the image --\u003e\n\u003cdiv class=\"hook-plus-image\"\u003e\n  \u003cdiv class=\"hook-text\"\u003e\n    \u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n      \u003cspan class=\"project-emoji\"\u003e🎛️\u003c\/span\u003e \n      \u003cspan class=\"project-heading-desktop\"\u003eFull-Length Ableton Project Included\u003c\/span\u003e\n      \u003cspan class=\"project-heading-mobile\"\u003eAbleton Project Included\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003c!-- DESKTOP LIST --\u003e\n    \u003cul class=\"projects-list-desktop\" style=\"padding-left:0;\"\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eProfessionally designed Liquid DNB project file\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eFull arrangement with rolling drums, melodic layers, and emotive drops\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eLearn mixing, FX routing, and arrangement structure\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eBuilt entirely from the sounds in Liquid DNB Vol. 1\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- MOBILE LIST --\u003e\n    \u003cul class=\"projects-list-mobile\" style=\"padding-left:0;\"\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eFull-length Liquid DNB Ableton project\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eExplore mixing, FX, and arrangement\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eLearn directly from a professionally designed template\u003c\/li\u003e\n      \u003cli style=\"margin-bottom:0;\"\u003eMade entirely with Liquid DNB Vol. 1\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n\n    \u003cdiv class=\"soundcloud-player-wrap\" style=\"margin-top:20px; max-width:650px; padding-left:0;\"\u003e\n      \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/soundcloud%3Atracks%3A2174043012%3Fsecret_token%3Ds-Uo3kG6ZHpli\u0026amp;color=%23289abd\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\n      \u003c\/iframe\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e \u003c!-- ✅ close .hook-text BEFORE the image --\u003e\n\n  \u003cdiv class=\"projects-image projects-image--match-split\" style=\"margin-left:40px; margin-top:25px;\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LDNBV1_Project.webp?v=1758247231\" alt=\"Liquid DNB Vol. 1 Ableton Project\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.audio-preview-note {\n  font-family: 'Montserrat', sans-serif;\n  font-size: 13px;\n  color: #dedede;\n  text-align: center;\n  margin-top: -5px;\n  letter-spacing: -0.2px;\n  margin-bottom: 0px; \n  max-width: 320px; \n  line-height: 1.3;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* Label rendered by the wrapper itself *\/\n.soundcloud-player-wrap {\n  position: relative;\n  display: flex;\n  justify-content: flex-start;  \/* align contents left *\/\n}\n\n.soundcloud-player-wrap::before {\n  content: \"↓ High Quality Preview ↓\";\n  position: absolute;\n  top: -14px;   \n  left: 22px;   \n  width: 500px;\n  text-align: center;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 14px;\n  color: #f5f5f5;\n  line-height: 1.2;\n  pointer-events: none;\n}\n\n.soundcloud-player-wrap iframe {\n  display: block;\n  max-width: 500px;\n  margin-left: 22px;\n}\n\n\/* Mobile: center the label + player *\/\n@media (max-width: 640px){\n  .soundcloud-player-wrap{\n    display:block;\n  }\n  .soundcloud-player-wrap iframe{\n    max-width: 100%;\n    margin: 0 auto;\n  }\n  .soundcloud-player-wrap::before{\n    left: 50%;\n    transform: translateX(-50%);\n    width: auto;\n    max-width: 90vw;\n    top: -14px;   \n    font-size: 18px;\n    text-align: center;\n  }\n}\n@media (max-width: 768px){\n  .soundcloud-player-wrap::before { font-size: 11px; }\n}\n\n  @media (max-width: 768px) {\n    .projects-list-desktop {\n      display: none;\n    }\n    .projects-list-mobile {\n      display: block;\n    }\n  }\n\n  @media (min-width: 769px) {\n    .projects-list-mobile {\n      display: none;\n    }\n  }\n\n@media (max-width: 400px) {\n  .audio-preview-heading .emoji {\n    display: none;\n  }\n}\n\n.project-heading-mobile {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .project-heading-desktop {\n    display: none;\n  }\n  .project-heading-mobile {\n    display: inline;\n  }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .soundcloud-player-wrap {\n      padding-left: 0 !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .projects-image {\n    display: block !important;\n    margin: 20px auto -260px auto !important; \/* top 20px, bottom -100px, centered *\/\n    max-width: 100% !important;\n    text-align: center !important;\n  }\n\n  .projects-image img {\n    display: block;\n    margin: 0 auto;\n    max-width: 100%;\n    height: auto;\n  }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .project-emoji {\n      display: none;\n    }\n  }\n.projects-image--match-split { flex:0 0 480px; max-width:480px; }\n\n.projects-image--match-split img { width:100%; height:auto; aspect-ratio:16\/9; display:block; }\n\n\u003c\/style\u003e\n\u003cdiv class=\"hook-plus-image hook-plus-image-optimized\"\u003e\n  \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n  \u003cspan class=\"no-filler-icon\"\u003e🌊\u003c\/span\u003e Crafted to Be Exceptional\n\u003c\/h2\u003e\n\u003c!-- Desktop version --\u003e\n\u003cul class=\"no-filler-list-desktop\"\u003e\n  \u003cli\u003eAll presets tuned, leveled, and macro-mapped for fast use\u003c\/li\u003e\n  \u003cli\u003e100s of loops designed for direct drop-ins\u003c\/li\u003e\n  \u003cli\u003eHuge collection of unique instrument loops\u003c\/li\u003e\n  \u003cli\u003eDelivered as a fully processed, organised toolkit\u003c\/li\u003e\n  \u003cli\u003e100% royalty-free and instantly downloadable\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- Mobile version --\u003e\n\u003cul class=\"no-filler-list-mobile\"\u003e\n  \u003cli\u003ePresets tuned, leveled \u0026amp; macro-ready\u003c\/li\u003e\n  \u003cli\u003e100s of loops for instant drop-ins\u003c\/li\u003e\n  \u003cli\u003eUnique instrument loops included\u003c\/li\u003e\n  \u003cli\u003eOrganised, processed production kit\u003c\/li\u003e\n  \u003cli\u003eRoyalty-free \u0026amp; ready to download\u003c\/li\u003e\n\u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"split-combine-section split-whzly\"\u003e\n    \u003cdiv class=\"half left\"\u003e\n      \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"half right\"\u003e\n      \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n  \u003c\/div\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .no-filler-icon {\n      display: none;\n    }\n\n    .no-filler-heading {\n      margin-top: 30px;\n    }\n  }\n\n@media (max-width: 768px) {\n  .no-filler-list-mobile {\n    display: block;\n    padding-left: 0;\n    margin-top: 10px;\n  }\n\n  .no-filler-list-desktop {\n    display: none;\n  }\n}\n\n@media (min-width: 769px) {\n  .no-filler-list-mobile {\n    display: none;\n  }\n\n  .no-filler-list-desktop {\n    display: block;\n  }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .projects-wrapper {\n      flex-direction: column !important;\n      align-items: center !important;\n    }\n\n    .projects-wrapper \u003e div {\n      max-width: 100% !important;\n      margin-left: 0 !important;\n    }\n\n    .project-image {\n      margin-top: 40px !important;\n    }\n  }\n\n  .project-image img {\n    transition: transform 0.3s ease;\n  }\n\n  .project-image img:hover {\n    transform: scale(1.06);\n  }\n\n@media (max-width: 768px) {\n  .projects-wrapper {\n    width: 100%;\n    max-width: 650px;\n    margin: 0 auto;\n    padding: 0 15px;\n    box-sizing: border-box;\n  }\n\n  .projects-wrapper ul {\n    margin-left: 20px !important;\n    padding-left: 0 !important;\n  }\n\n  .projects-wrapper li {\n    margin-bottom: 10px;\n  }\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n  .projects-wrapper,\n  .projects-wrapper * {\n    max-width: 650px !important;\n    width: 100% !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    font-family: 'Syne', sans-serif !important;\n    box-sizing: border-box !important;\n    color: #f0f0e6 !important;\n  }\n\n  .projects-wrapper h2 {\n    font-size: 22px !important;\n    margin-top: 25px !important;\n    margin-bottom: 15px !important;\n    text-align: center !important;\n  }\n\n  .projects-wrapper ul {\n    padding-left: 20px !important;\n    margin: 0 !important;\n  }\n\n  .projects-wrapper li {\n    margin-bottom: 12px !important;\n    list-style-type: disc !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .projects-wrapper ul {\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    font-family: 'Syne', sans-serif !important;\n    padding-left: 20px !important;\n    margin: 0 !important;\n    color: #f0f0e6 !important;\n  }\n\n  .projects-wrapper li {\n    margin-bottom: 12px !important;\n    list-style-type: disc !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content {\n  display: block;\n  max-height: 0;\n  overflow: hidden;\n  opacity: 0;\n  transition:\n    max-height 0.6s ease,\n    opacity 0.6s ease;\n  will-change: max-height, opacity;\n}\n\n.expandable-content ul {\n  margin-left: 15px;\n  padding-left: 20px;\n  border-left: 2px solid #f0f0e6;\n}\n\n.expandable-content ul li {\n  font-size: 16px;\n  opacity: 0.9;\n}\n\n.expandable-content ul li::before {\n  content: \"◦\";\n  color: #7cff5a;\n  margin-right: 8px;\n}\n\n.expandable-content.visible {\n  max-height: 1000px; \/* or whatever is tall enough for your list *\/\n  opacity: 1;\n}\n\n@media (max-width: 768px) {\n  \/* Pull the inner dropdown (ul) closer to the left *\/\n  .expandable-content ul {\n    margin-left: 8px !important; \n    padding-left: 12px !important; \n    border-left: 2px solid #f0f0e6;\n  }\n\n  \/* Tighten spacing inside the expandable-trigger (where the arrow + text are) *\/\n  .expandable-trigger .arrow-icon {\n    margin-right: 2px !important; \n  }\n\n  \/* Tighten space between bullet (▶) and text inside dropdown *\/\n  .expandable-content ul li::before {\n    padding-right: 0px !important;\n    margin-right: 4px !important;\n  }\n}\n\n\/* Base list styling *\/\n.whzly-list {\n  list-style: none;\n  padding-left: 0;\n}\n\n\/* Only apply ▶ arrow to list items that are NOT expandable triggers *\/\n.whzly-list li:not(.expandable-wrapper):not(.expandable-trigger)::before {\n  content: \"▶\\FE0E \";\n  color: #f0f0e6;\n  padding-right: 6px;\n}\n\n\/* Expandable list container *\/\n.expandable-wrapper {\n  margin-bottom: 10px;\n}\n\n\/* Expandable trigger overrides normal bullet *\/\n.expandable-trigger::before {\n  content: none; \/* Disable default list-style bullet *\/\n}\n\n\/* Flashing arrow icon *\/\n.arrow-icon {\n  display: inline-block;\n  color: #f0f0e6;\n  margin-right: 8px;\n  animation: arrowPulse 1.6s ease-in-out infinite;\n  transition: transform 0.3s ease;\n}\n\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n  cursor: pointer;\n}\n\n.expandable-trigger strong {\n  color: #f0f0e6;\n  text-shadow: 0 0 4px #f0f0e6;\n  font-weight: bold;\n}\n\n@keyframes arrowPulse {\n  0%, 100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  50% {\n    opacity: 0.5;\n    transform: translateX(2px);\n  }\n}\n\n.expandable-trigger.active .arrow-icon {\n  animation: none;\n}\n\n\/* Arrow content: ▶ \/ ▼ *\/\n.arrow-icon::before {\n  content: \"▶\";\n}\n\n.expandable-trigger.active .arrow-icon::before {\n  content: \"▼\";\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.preview-player-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-bottom: 16px;\n  margin-top: -12px !important;\n  width: 100%;\n}\n\n@media (min-width: 769px) {\n  .preview-player-wrapper {\n    transform: translateX(100px);\n  }\n}\n\n.sample-category-buttons {\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: -16px !important;\n  margin-bottom: -10px !important;\n}\n\n@media (max-width: 480px) {\n  .sample-category-buttons {\n    transform: scale(0.7);\n    transform-origin: top center;\n    margin-left: -10px !important;\n    margin-right: -10px !important;\n  }\n}\n\n.sample-category-btn {\n  background: transparent;\n  border: 2px solid #f0f0e6;\n  color: #f0f0e6;\n  font-family: 'Montserrat', sans-serif;\n  padding: 6px 14px;\n  font-size: 14px;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  text-shadow: 0 0 4px #f0f0e6;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n  background: #f0f0e6;\n  color: black;\n  box-shadow: 0 0 10px #f0f0e6;\n}\n\n.category-buttons {\n  display: flex;\n  justify-content: space-between;\n  gap: 10px;\n  width: 400px; \n  margin: 0 auto 10px auto;\n  transform: translateX(100px);\n}\n\n@media (max-width: 480px) {\n  .sample-category-buttons {\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    scrollbar-width: none; \/* Firefox *\/\n  }\n\n  .sample-category-buttons::-webkit-scrollbar {\n    display: none; \/* Chrome, Safari, Edge *\/\n  }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener('DOMContentLoaded', () =\u003e {\n    const triggers = document.querySelectorAll('.expandable-trigger');\n    const manualToggles = new Set();\n    const autoExpanded = new Set();\n    let lastY = window.scrollY;\n\n    triggers.forEach(trigger =\u003e {\n      trigger.addEventListener('click', () =\u003e {\n        const target = document.querySelector(trigger.dataset.target);\n        const id = trigger.dataset.target;\n\n        trigger.classList.toggle('active');\n        target.classList.toggle('visible');\n        manualToggles.add(id); \n        autoExpanded.delete(id); \n      });\n    });\n\n    const handleScrollExpand = () =\u003e {\n      const currentY = window.scrollY;\n      const scrollingUp = currentY \u003c lastY;\n      lastY = currentY;\n\n      triggers.forEach(trigger =\u003e {\n        const id = trigger.dataset.target;\n        const target = document.querySelector(id);\n        const rect = target.getBoundingClientRect();\n\n        const triggerPoint = window.innerHeight * (id === '#samples-sublist' ? 0.65 : 0.75);\n\n        if (manualToggles.has(id)) return;\n\n        \n        if (!scrollingUp \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n          trigger.classList.add('active');\n          target.classList.add('visible');\n          autoExpanded.add(id);\n        }\n\n        \n        if (scrollingUp \u0026\u0026 autoExpanded.has(id) \u0026\u0026 rect.top \u003e triggerPoint) {\n          trigger.classList.remove('active');\n          target.classList.remove('visible');\n          autoExpanded.delete(id);\n        }\n      });\n    };\n\n    window.addEventListener('scroll', handleScrollExpand, { passive: true });\n    handleScrollExpand(); \/\/ run once on page load\n  });\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n.audio-preview-heading {\n  display: block;\n  text-align: center;\n  color: #f0f0e6;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 24px;\n  font-weight: bold;\n  letter-spacing: 1px;\n  margin-bottom: 8px !important; \n}\n\n@media (min-width: 769px) {\n  .audio-preview-heading {\n    margin-left: 197px;\n    margin-top: 10px;   \n    text-align: left;   \n    transform: translateX(-100px);\n  }\n}\n\n.jukebox-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: -225px;\n}\n\n.vault-and-player {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 40px;\n  margin-top: 60px;\n}\n\n.vault-text {\n  flex: 1 1 50%;\n  min-width: 300px;\n}\n\n.player-container {\n  flex: 1 1 40%;\n  min-width: 300px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n@media (max-width: 768px) {\n  .vault-and-player {\n    flex-direction: column;\n    width: 100%;\n    align-items: center;\n    margin: 0 auto;\n  }\n\n  .vault-text, .player-container {\n    width: 100%;\n  }\n}\n\n\n.jukebox-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: scale(1);\n  transform-origin: top center;\n  padding: 0;\n  margin-top: 0;\n  margin-top: 0;\n}\n\n.jukebox-display {\n  position: relative;\n  width: 100%;\n  max-width: 400px;\n  aspect-ratio: 657 \/ 778;\n  margin: 0 auto;\n}\n\n.serum-ui {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n.serum-bg {\n  width: 100%;\n  height: auto;\n  display: block;\n}\n\n.serum-title {\n  position: absolute;\n  top: 43px;\n  left: 50%;\n  transform: translateX(-51%);\n  font-family: 'Montserrat', sans-serif;\n  font-size: 21px;\n  font-weight: 400;\n  color: #ffffff;\n  letter-spacing: 0.5px;\n  text-shadow: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.serum-waveform {\n  position: absolute;\n  top: 110px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 100%;\n  height: 144px;\n  overflow: hidden;\n}\n\n.play-pause-btn {\n  position: absolute;\n  top: 184px;\n  left: 50%; \/* was 50% *\/\n  transform: translate(-50%, -50%) translateX(10px);\n  width: 100px;\n  height: 100px;\n  background: transparent;\n  border: none;\n  z-index: 3;\n  opacity: 1;\n  padding: 0;\n  font-size: 0;\n  pointer-events: auto;\n}\n\n.play-pause-btn::before {\n  content: '';\n  display: block;\n  width: 0;\n  height: 0;\n  margin: auto;\n  border-style: solid;\n  border-width: 30px 0 30px 50px;\n  border-color: transparent transparent transparent #f0f0e6;\n  position: relative;\n  left: -6px;\n}\n\n.play-pause-btn.paused::before {\n  content: '';\n  display: block;\n  width: 24px;\n  height: 28px;\n  margin: 0 auto;\n  background:\n    linear-gradient(to right,\n      #f0f0e6 8px,\n      transparent 8px,\n      transparent 16px,\n      #f0f0e6 16px\n    );\n  transform: translateX(-2px); \/* slight left nudge *\/\n}\n\n.play-pause-btn::before,\n.play-pause-btn.paused::before {\n  text-shadow: 0 0 6px #f0f0e6;\n  filter: drop-shadow(0 0 6px #f0f0e6);\n  transition: filter 0.3s ease-in-out;\n}\n\n.play-pause-btn:hover::before,\n.play-pause-btn.paused:hover::before {\n  filter: drop-shadow(0 0 10px #f0f0e) drop-shadow(0 0 16px #f0f0e);\n}\n\n.play-pause-btn.playing::before {\n  opacity: 0.2; \n  transition: opacity 0.3s ease;\n}\n\n@media (max-width: 480px) {\n  .play-pause-btn {\n    width: 82px !important;\n    height: 82px !important;\n    position: absolute;\n    top: 47%;\n    left: 52%; \/* ✅ nudge it right *\/\n    transform: translate(-50%, -50%);\n    z-index: 10;\n  }\n\n  .play-pause-btn::before {\n    content: '';\n    position: absolute;\n    border-style: solid;\n    border-width: 41px 0 41px 68px;\n    border-color: transparent transparent transparent #f0f0e6;\n    background: none;\n    left: -2px;\n    top: 0;\n    transform: none;\n    opacity: 1;\n  }\n\n  .play-pause-btn.paused::before {\n    content: '';\n    position: absolute;\n    width: 54px;\n    height: 76px;\n    background: linear-gradient(to right,\n      #f0f0e6 18px,\n      transparent 18px,\n      transparent 36px,\n      #f0f0e6 36px\n    );\n    border: none;\n    left: 14px;\n    top: 3px;\n    transform: none;\n    opacity: 1;\n  }\n}\n\n@media (max-width: 375px) {\n  .play-pause-btn {\n    width: 65px !important;\n    height: 65px !important;\n  }\n\n  .play-pause-btn::before {\n    border-width: 30px 0 30px 50px;\n    left: -4px;\n  }\n\n  .play-pause-btn.paused::before {\n    width: 42px;\n    height: 60px;\n  }\n}\n\n\n@media (max-width: 480px) {\n  .play-pause-btn::before,\n  .play-pause-btn.paused::before {\n    transform: scale(0.7) translateX(-2px);\n  }\n}\n\n\/* Navigation Arrows *\/\n.jukebox-btn {\n  position: absolute;\n  top: 184px;\n  transform: translateY(-50%);\n  background: transparent;\n  border: none;\n  color: #f0f0e6;\n  font-size: 40px;\n  font-family: 'Arial', 'Helvetica Neue', sans-serif; \/* remove Montserrat, exclude emoji fonts *\/\n  cursor: pointer;\n  z-index: 3;\n  transition: color 0.2s ease, text-shadow 0.2s ease;\n  text-shadow: 0 0 6px #f0f0e6;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n\n.jukebox-btn:hover {\n  color: #f0f0e;\n  text-shadow:\n    0 0 6px #f0f0e6,\n    0 0 12px #f0f0e6,\n    0 0 18px #f0f0e6;\n}\n\n#prevSample {\n  left: -34px;\n}\n\n#nextSample {\n  right: -34px;\n}\n\n@media (max-width: 480px) {\n  .jukebox-btn {\n    top: 178px; \/* move up from 184px *\/\n  }\n\n  #prevSample {\n    left: -40px;\n  }\n\n  #nextSample {\n    right: -40px;\n  }\n}\n\n\/* Mobile general scaling *\/\n@media (max-width: 480px) {\n  .jukebox-display {\n    max-width: 100%;\n    width: 90vw;\n    transform: scale(0.85); \/* actual scale down now *\/\n    transform-origin: top center;\n    margin: 0 auto;\n  }\n\n  .serum-title {\n    font-size: 18px;\n    top: 9.1%; \/* percentage relative to player *\/\n  }\n\n  .play-pause-btn {\n    font-size: 86px;\n    top: 39%;\n    transform: translate(-50%, -50%);\n  }\n\n  .serum-waveform {\n    height: 30%;\n    top: 23%;\n  }\n\n  .jukebox-btn {\n    font-size: 63px;\n    top: 38.2%;\n  }\n}\n\n\/* Tiny mobile scaling (375px and below) *\/\n@media (max-width: 375px) {\n  .jukebox-display {\n    transform: scale(0.8);\n  }\n\n  .serum-title {\n    font-size: 16px;\n    top: 9.5%;\n  }\n\n  .play-pause-btn {\n    font-size: 58px;\n    top: 40%;\n    transform: translate(-50%, -50%);\n  }\n\n  .serum-waveform {\n    height: 29%;\n    top: 24%;\n  }\n\n  .jukebox-btn {\n    font-size: 58px;\n    top: 40%;\n  }\n}\n\n@media (max-width: 768px) {\n  .jukebox-section {\n    margin-bottom: -50px;\n  }\n}\n\n@media (min-width: 769px) {\n  .jukebox-section {\n    flex: 1 1 40%;\n    min-width: 300px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-left: -225px;\n  }\n}\n\n@media (max-width: 480px) {\n  .jukebox-display {\n    transform: scale(0.85);\n    transform-origin: top center;\n    width: 100%;\n    max-width: 400px;\n    margin: 0 auto;\n  }\n\n  .serum-ui {\n    transform: scale(1);\n    width: 100%;\n    height: auto;\n  }\n}\n\n@media (max-width: 768px) {\n  .jukebox-section {\n    margin-left: 0 !important;\n    width: 100%;\n    padding: 0 10px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .jukebox-wrapper {\n    width: 100%;\n    max-width: 400px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transform: none !important;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .jukebox-container {\n    width: 100%;\n    max-width: 400px;\n    margin: 0 auto;\n    transform: none !important;\n  }\n\n  .jukebox-display {\n    width: 100%;\n    max-width: 400px;\n    margin: 0 auto;\n  }\n}\n\n\n\/* MARGIN REDUCE, COMMENTED OUT\n@media (max-width: 480px) {\n  .jukebox-section {\n    margin-bottom: -80px !important;\n  }\n}\n*\/\n\n@media (max-width: 768px) {\n  .jukebox-section {\n    margin-left: 0 !important;\n    padding-left: 15px;\n    padding-right: 15px;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .jukebox-container {\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (max-width: 768px) {\n  .audio-preview-heading {\n    margin-left: 0 !important;\n    font-size: 22px !important;\n    margin-right: 0 !important;\n    padding-left: 0 !important;\n    padding-right: 0 !important;\n    text-align: center !important;\n  }\n}\n\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst sampleData = {\n  melodic: [\n{ title: \"Loop 1 - Gmaj\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_1_-_Gmaj.mp3?v=1758582889\" },\n{ title: \"Loop 7 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_7_-_Fmin.mp3?v=1758582889\" },\n{ title: \"Loop 9 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_9_-_Emin.mp3?v=1758430655\" },\n{ title: \"Loop 11 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_11_-_Fmin.mp3?v=1758430683\" },\n{ title: \"Loop 13 - G#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_13_-_G_min.mp3?v=1758430866\" },\n{ title: \"Loop 16 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_16_-_Fmin.mp3?v=1758430865\" },\n{ title: \"Loop 19 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_19_-_Fmin.mp3?v=1758430866\" },\n{ title: \"Loop 23 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_23_-_Fmin.mp3?v=1758430904\" },\n{ title: \"Loop 31 - G#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_31_-_G_min.mp3?v=1758430904\" },\n{ title: \"Loop 35 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_35_-_Fmin.mp3?v=1758430904\" },\n{ title: \"Loop 36 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_36_-_C_min.mp3?v=1758430904\" },\n{ title: \"Loop 49 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_49_-_Emin.mp3?v=1758430957\" },\n{ title: \"Loop 59 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_59_-_Fmin.mp3?v=1758430956\" },\n{ title: \"Loop 61 - Amin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_61_-_Amin.mp3?v=1758431018\" },\n{ title: \"Loop 72 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_72_-_D_min.mp3?v=1758431018\" },\n{ title: \"Loop 77 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_77_-_Fmin.mp3?v=1758431018\" },\n{ title: \"Loop 80 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_80_-_Dmin.mp3?v=1758431018\" },\n{ title: \"Loop 82 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_82_-_C_min.mp3?v=1758431018\" },\n{ title: \"Loop 110 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_110_-_Gmin.mp3?v=1758431088\" },\n{ title: \"Loop 112 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_112_-_C_min.mp3?v=1758431088\" },\n{ title: \"Loop 116 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_116_-_Dmin.mp3?v=1758431088\" },\n{ title: \"Loop 118 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_118_-_Gmin.mp3?v=1758431088\" },\n{ title: \"Loop 121 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_121_-_Emin.mp3?v=1758431089\" },\n{ title: \"Loop 124 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_124_-_Fmin.mp3?v=1758431154\" },\n{ title: \"Loop 126 - D#maj\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_126_-_D_maj.mp3?v=1758431154\" },\n{ title: \"Loop 128 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_128_-_D_min.mp3?v=1758431154\" },\n{ title: \"Loop 131 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_131_-_C_min.mp3?v=1758431154\" },\n{ title: \"One Shot 6 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_6_-_Emin.mp3?v=1758431222\" },\n{ title: \"One Shot 11 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_11_-_C.mp3?v=1758431221\" },\n{ title: \"One Shot 14 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_14_-_C.mp3?v=1758431221\" },\n{ title: \"One Shot 16 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_16_-_Cmin.mp3?v=1758431221\" },\n{ title: \"One Shot 20 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_20_-_Dmin.mp3?v=1758431221\" },\n{ title: \"One Shot 24 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_24_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 36 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_36_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 39 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_39_-_C.mp3?v=1758431341\" },\n{ title: \"One Shot 41 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_41_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 43 - D#\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_43_-_D.mp3?v=1758431342\" },\n{ title: \"One Shot 44 - A\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_44_-_A.mp3?v=1758431342\" },\n{ title: \"One Shot 45 - Amin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_45_-_Amin.mp3?v=1758431343\" },\n{ title: \"Swell 3 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_3_-_Emin.mp3?v=1758431468\" },\n{ title: \"Swell 9 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_9_-_Fmin.mp3?v=1758431468\" },\n{ title: \"Swell 14 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_14_-_C_min.mp3?v=1758431467\" },\n{ title: \"Swell 17 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_17_-_Dmin.mp3?v=1758431467\" },\n{ title: \"Swell 22 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_22_-_D_min.mp3?v=1758431468\" },\n{ title: \"Swell 25 - F#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_25_-_F_min.mp3?v=1758431468\" },\n{ title: \"Swell 30 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_30_-_Emin.mp3?v=1758431468\" },\n{ title: \"Swell 35 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_35_-_Fmin.mp3?v=1758431468\" },\n{ title: \"Pad Loop 1 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_1_-_Dmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 9 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_9_-_Cmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 11 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_11_-_Gmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 20 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_20_-_Emin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 29 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_29_-_Dmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 36 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_36_-_Cmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 45 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_45_-_Emin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 48 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_48_-_D_min.mp3?v=1758431601\" },\n{ title: \"Pad Loop 63 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_63_-_Fmin.mp3?v=1758582412\" },\n{ title: \"Pad Loop 68 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_68_-_D_min.mp3?v=1758582411\" },\n{ title: \"Guitar Loop 1 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_1_-_Emin.mp3?v=1758431778\" },\n{ title: \"Guitar Loop 13 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_13_-_Emin.mp3?v=1758431777\" },\n{ title: \"Guitar Loop 26 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_26_-_Fmin.mp3?v=1758431777\" },\n{ title: \"Guitar Loop 27 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_27_-_D_min.mp3?v=1758431778\" },\n{ title: \"Guitar Loop 29 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_29_-_Emin.mp3?v=1758431777\" },\n{ title: \"Piano Loop 1 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_1_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 5 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_5_-_Emin.mp3?v=1758431850\" },\n{ title: \"Piano Loop 17 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_17_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 20 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_20_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 22 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_22_-_Dmin.mp3?v=1758431850\" },\n{ title: \"Flute Loop 2 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_2_-_Emin.mp3?v=1758431924\" },\n{ title: \"Flute Loop 5 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_5_-_Emin.mp3?v=1758431924\" },\n{ title: \"Flute Loop 9 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_9_-_Emin.mp3?v=1758431925\" },\n{ title: \"Flute Loop 13 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_13_-_Emin.mp3?v=1758431924\" },\n{ title: \"Violin Loop 1 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_1_-_Emin.mp3?v=1758431980\" },\n{ title: \"Violin Loop 5 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_5_-_Dmin.mp3?v=1758431979\" },\n{ title: \"Violin Loop 10 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_10_-_Dmin.mp3?v=1758431979\" },\n{ title: \"Violin Loop 17 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_17_-_Fmin.mp3?v=1758431980\" },\n{ title: \"Violin Loop 25 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_25_-_Emin.mp3?v=1758431979\" }\n  ],\n  drums: [\n{ title: \"Full Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_1.mp3?v=1758432737\" },\n{ title: \"Full Loop 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_5.mp3?v=1758432737\" },\n{ title: \"Full Loop 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_6.mp3?v=1758432737\" },\n{ title: \"Full Loop 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_12.mp3?v=1758432737\" },\n{ title: \"Full Loop 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_13.mp3?v=1758432737\" },\n{ title: \"Full Loop 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_15.mp3?v=1758432737\" },\n{ title: \"Full Loop 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_17.mp3?v=1758432737\" },\n{ title: \"Intro Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_1.mp3?v=1758432846\" },\n{ title: \"Intro Loop 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_3.mp3?v=1758432845\" },\n{ title: \"Intro Loop 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_8.mp3?v=1758432845\" },\n{ title: \"Intro Loop 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_11.mp3?v=1758432845\" },\n{ title: \"Intro Loop 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_13.mp3?v=1758432845\" },\n{ title: \"Intro Loop 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_19.mp3?v=1758432845\" },\n{ title: \"Intro Loop 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_21.mp3?v=1758432846\" },\n{ title: \"Top Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_1.mp3?v=1758432944\" },\n{ title: \"Top Loop 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_2.mp3?v=1758432944\" },\n{ title: \"Top Loop 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_8.mp3?v=1758432944\" },\n{ title: \"Top Loop 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_9.mp3?v=1758432943\" },\n{ title: \"Top Loop 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_11.mp3?v=1758432943\" },\n{ title: \"Top Loop 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_14.mp3?v=1758432944\" },\n{ title: \"Top Loop 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_16.mp3?v=1758432943\" },\n{ title: \"Top Loop 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_22.mp3?v=1758432944\" },\n{ title: \"Top Loop 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_25.mp3?v=1758432944\" },\n{ title: \"Perc Loop 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_4.mp3?v=1758433081\" },\n{ title: \"Perc Loop 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_6.mp3?v=1758433082\" },\n{ title: \"Perc Loop 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_7.mp3?v=1758433082\" },\n{ title: \"Perc Loop 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_16.mp3?v=1758433081\" },\n{ title: \"Perc Loop 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_21.mp3?v=1758433082\" },\n{ title: \"Perc Loop 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_24.mp3?v=1758433081\" },\n{ title: \"Kick 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_1.mp3?v=1758433177\" },\n{ title: \"Kick 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_5.mp3?v=1758433175\" },\n{ title: \"Kick 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_8.mp3?v=1758433176\" },\n{ title: \"Kick 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_10.mp3?v=1758433176\" },\n{ title: \"Kick 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_13_57a7ba15-d36d-4b40-afda-20dd9be4b0d2.mp3?v=1758433175\" },\n{ title: \"Kick 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_14.mp3?v=1758433176\" },\n{ title: \"Kick 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_15.mp3?v=1758433176\" },\n{ title: \"Kick 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_20.mp3?v=1758433175\" },\n{ title: \"Kick 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_22.mp3?v=1758433176\" },\n{ title: \"Snare 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_2.mp3?v=1758433324\" },\n{ title: \"Snare 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_4.mp3?v=1758433324\" },\n{ title: \"Snare 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_7.mp3?v=1758433324\" },\n{ title: \"Snare 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_8.mp3?v=1758433324\" },\n{ title: \"Snare 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_12.mp3?v=1758433324\" },\n{ title: \"Snare 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_15.mp3?v=1758433324\" },\n{ title: \"Snare 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_18.mp3?v=1758433324\" },\n{ title: \"Snare 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_23.mp3?v=1758433324\" },\n{ title: \"Snare 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_26.mp3?v=1758433324\" },\n{ title: \"Snare 28\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_28.mp3?v=1758433324\" },\n{ title: \"Snare 33\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_33.mp3?v=1758433324\" },\n{ title: \"Snare 42\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_42.mp3?v=1758433324\" },\n{ title: \"Snare 49\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_49.mp3?v=1758433324\" },\n{ title: \"Snare 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_52.mp3?v=1758433324\" },\n{ title: \"Rimshot 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_6.mp3?v=1758433551\" },\n{ title: \"Rimshot 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_8.mp3?v=1758433551\" },\n{ title: \"Rimshot 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_12.mp3?v=1758433551\" },\n{ title: \"Rimshot 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_15.mp3?v=1758433552\" },\n{ title: \"Rimshot 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_18.mp3?v=1758433551\" },\n{ title: \"Rimshot 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_20.mp3?v=1758433551\" },\n{ title: \"Rimshot 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_21.mp3?v=1758433552\" },\n{ title: \"Rimshot 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_22.mp3?v=1758433551\" },\n{ title: \"Clap 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_1.mp3?v=1758433629\" },\n{ title: \"Clap 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_3.mp3?v=1758433629\" },\n{ title: \"Clap 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_8.mp3?v=1758433629\" },\n{ title: \"Clap 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_10.mp3?v=1758433630\" },\n{ title: \"Clap 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_11.mp3?v=1758433629\" },\n{ title: \"Clap 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_12.mp3?v=1758433629\" },\n{ title: \"Hat 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_1.mp3?v=1758433705\" },\n{ title: \"Hat 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_5.mp3?v=1758433705\" },\n{ title: \"Hat 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_7.mp3?v=1758433705\" },\n{ title: \"Hat 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_12_5993c039-ddba-4b77-9f3a-e9a64b15d391.mp3?v=1758433705\" },\n{ title: \"Hat 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_13_ff843a03-2479-4822-8924-b950e31dc29f.mp3?v=1758433705\" },\n{ title: \"Hat 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_17_4f7d2e45-6ffb-4f5d-bf96-c4eee344d8d6.mp3?v=1758433705\" },\n{ title: \"Hat 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_21.mp3?v=1758433706\" },\n{ title: \"Cymbal 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_1.mp3?v=1758433784\" },\n{ title: \"Cymbal 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_2.mp3?v=1758433784\" },\n{ title: \"Cymbal 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_7.mp3?v=1758433784\" },\n{ title: \"Cymbal 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_12.mp3?v=1758433784\" },\n{ title: \"Cymbal 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_13.mp3?v=1758433784\" },\n{ title: \"Cymbal 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_14.mp3?v=1758433784\" },\n{ title: \"Cymbal 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_18.mp3?v=1758433784\" },\n{ title: \"Crash 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_1.mp3?v=1758433847\" },\n{ title: \"Crash 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_6.mp3?v=1758433847\" },\n{ title: \"Crash 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_13.mp3?v=1758433848\" },\n{ title: \"Crash 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_16.mp3?v=1758433847\" },\n{ title: \"Crash 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_18.mp3?v=1758433848\" },\n{ title: \"Crash 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_20.mp3?v=1758433847\" },\n{ title: \"Perc 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_1.mp3?v=1758433932\" },\n{ title: \"Perc 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_9.mp3?v=1758433931\" },\n{ title: \"Perc 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_11.mp3?v=1758433932\" },\n{ title: \"Perc 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_14.mp3?v=1758433932\" },\n{ title: \"Perc 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_16.mp3?v=1758433932\" },\n{ title: \"Perc 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_20.mp3?v=1758433931\" },\n{ title: \"Perc 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_23.mp3?v=1758433932\" },\n{ title: \"Perc 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_26.mp3?v=1758433933\" },\n{ title: \"Perc 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_34.mp3?v=1758433932\" },\n{ title: \"Fill 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_1.mp3?v=1758434026\" },\n{ title: \"Fill 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_4.mp3?v=1758434027\" },\n{ title: \"Fill 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_8.mp3?v=1758434026\" },\n{ title: \"Fill 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_14.mp3?v=1758434027\" },\n{ title: \"Fill 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_19.mp3?v=1758434026\" },\n{ title: \"Fill 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_22.mp3?v=1758434027\" },\n{ title: \"Fill 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_25.mp3?v=1758434026\" },\n{ title: \"Fill 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_27.mp3?v=1758434026\" },\n{ title: \"Fill 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_31.mp3?v=1758434027\" },\n{ title: \"Fill 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_34.mp3?v=1758434026\" },\n{ title: \"Fill 39\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_39.mp3?v=1758434026\" }\n  ],\n  bass: [\n{ title: \"Pure Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pure_Bass.mp3?v=1758553673\" },\n{ title: \"808 Authority\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/808_Authority.mp3?v=1758553673\" },\n{ title: \"Flavor Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flavor_Reese.mp3?v=1758553673\" },\n{ title: \"Jungle Wobble\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Jungle_Wobble.mp3?v=1758553673\" },\n{ title: \"Blare Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Blare_Bass.mp3?v=1758553673\" },\n{ title: \"Overtone Bassline\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Overtone_Bassline.mp3?v=1758553673\" },\n{ title: \"Gritty Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Gritty_Reese.mp3?v=1758553673\" },\n{ title: \"Imparied Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imparied_Bass.mp3?v=1758553673\" },\n{ title: \"Reese Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_1_-_D.mp3?v=1758553902\" },\n{ title: \"Reese Loop 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_5_-_Fmin.mp3?v=1758553903\" },\n{ title: \"Reese Loop 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_7_-_Emin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_10_-_Dmin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_18_-_Fmin.mp3?v=1758553903\" },\n{ title: \"Reese Loop 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_22_-_Emin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_31_-_D_min.mp3?v=1758553902\" },\n{ title: \"Reese Loop 33\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_33_-_D_min.mp3?v=1758553903\" },\n{ title: \"One Shot 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_1_-_B.mp3?v=1758554016\" },\n{ title: \"One Shot 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_9_-_F.mp3?v=1758554015\" },\n{ title: \"One Shot 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_20_-_F.mp3?v=1758554017\" },\n{ title: \"One Shot 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_22_-_F.mp3?v=1758554015\" },\n{ title: \"One Shot 30\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_30_-_Dmin.mp3?v=1758554016\" },\n{ title: \"One Shot 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_34_-_G.mp3?v=1758554016\" },\n{ title: \"One Shot 36\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_36_-_D.mp3?v=1758554016\" }\n],\n  fx: [\n  { title: \"Ambience 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_1.mp3?v=1758443038\" },\n  { title: \"Ambience 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_5.mp3?v=1758443038\" },\n  { title: \"Ambience 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_14.mp3?v=1758443037\" },\n  { title: \"Ambience 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_27.mp3?v=1758443039\" },\n  { title: \"Ambience 40\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_40.mp3?v=1758443038\" },\n  { title: \"Downlifter 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_1.mp3?v=1758443152\" },\n  { title: \"Downlifter 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_5.mp3?v=1758443152\" },\n  { title: \"Downlifter 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_7.mp3?v=1758443152\" },\n  { title: \"Downlifter 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_17.mp3?v=1758443152\" },\n  { title: \"Downlifter 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_19.mp3?v=1758443152\" },\n  { title: \"Riser 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_3.mp3?v=1758443207\" },\n  { title: \"Riser 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_6.mp3?v=1758443208\" },\n  { title: \"Riser 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_7.mp3?v=1758443207\" },\n  { title: \"Riser 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_8.mp3?v=1758443208\" },\n  { title: \"Riser 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_9.mp3?v=1758443208\" },\n  { title: \"Sweep 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_1.mp3?v=1758446864\" },\n  { title: \"Sweep 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_8.mp3?v=1758446864\" },\n  { title: \"Sweep 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_10.mp3?v=1758446864\" },\n  { title: \"Sweep 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_12.mp3?v=1758446865\" },\n  { title: \"Sweep 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_14.mp3?v=1758446864\" },\n  { title: \"Sweep 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_18.mp3?v=1758446865\" },\n  { title: \"Sweep 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_24.mp3?v=1758446865\" },\n  { title: \"Sweep 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_27.mp3?v=1758446864\" },\n  { title: \"Impact 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_2.mp3?v=1758445855\" },\n  { title: \"Impact 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_4.mp3?v=1758445855\" },\n  { title: \"Impact 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_9.mp3?v=1758445855\" },\n  { title: \"Impact 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_17.mp3?v=1758445855\" },\n  { title: \"Impact 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_19.mp3?v=1758445855\" },\n  { title: \"Impact 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_22.mp3?v=1758445855\" }\n]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"melodic\";\nlet currentSampleIndex = 0;\nlet wavesurfer;\nlet preloadedWavesurfer = null;\nlet preloadedSample = null;\n\n\/\/ Delay next advance if the just-played sample was very short\nfunction queueNextRespectingShortSamples() {\n  const dur = wavesurfer \u0026\u0026 typeof wavesurfer.getDuration === 'function'\n    ? wavesurfer.getDuration()\n    : 0;\n  const delay = dur \u003c 1 ? 500 : 0; \/\/ 0.5s if under 1s\n\n  setTimeout(() =\u003e {\n    if (isAutoplaying) {\n      playNextSample();\n    }\n  }, delay);\n}\n\nfunction loadSample(category, index) {\n  const sample = sampleData[category][index];\n  if (!sample) return;\n\n  document.getElementById('sampleTitle').textContent = sample.title;\n\n  if (wavesurfer) {\n    wavesurfer.destroy();\n  }\n\nconst isTinyScreen = window.innerWidth \u003c= 390;\n\nwavesurfer = WaveSurfer.create({\n  container: '#waveformContainer',\n  waveColor: '#72b547',\n  progressColor: '#72b547',\n  cursorColor: '#ffff99',\n  height: isTinyScreen ? 117 : 144, \/\/ 117px for tiny, 144px otherwise\n});\n\n  wavesurfer.load(sample.url);\n\n  document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n    b.classList.remove('active');\n  });\n  const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${category}\"]`);\n  if (newActiveButton) {\n    newActiveButton.classList.add('active');\n  }\n\n  wavesurfer.on('ready', () =\u003e {\n    if (isAutoplaying) {\n      wavesurfer.play();\n    }\n    preloadNextSample();\n  });\n\nwavesurfer.on('finish', () =\u003e {\n  if (isAutoplaying) {\n    queueNextRespectingShortSamples();\n  }\n});\n}\n\nfunction usePreloadedSampleOrLoad(category, index) {\n  if (\n    preloadedSampleInfo \u0026\u0026\n    preloadedSampleInfo.category === category \u0026\u0026\n    preloadedSampleInfo.index === index \u0026\u0026\n    preloadedSampleData\n  ) {\n    if (wavesurfer) {\n      wavesurfer.destroy();\n    }\n\n    document.getElementById('sampleTitle').textContent = sampleData[category][index].title;\n\n    wavesurfer = WaveSurfer.create({\n      container: '#waveformContainer',\n      waveColor: '#72b547',\n      progressColor: '#72b547',\n      cursorColor: '#ffff99',\n      height: 144,\n    });\n\n    wavesurfer.loadBlob(preloadedSampleData);\n\n    wavesurfer.on('ready', () =\u003e {\n      if (isAutoplaying) {\n        wavesurfer.play();\n      }\n      preloadNextSample(); \/\/ Preload following sample\n    });\n\nwavesurfer.on('finish', () =\u003e {\n  if (isAutoplaying) {\n    queueNextRespectingShortSamples();\n  }\n});\n\n    preloadedSampleData = null;\n    preloadedSampleInfo = null;\n\n    document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n      b.classList.remove('active');\n    });\n    const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${category}\"]`);\n    if (newActiveButton) {\n      newActiveButton.classList.add('active');\n    }\n\n  } else {\n    loadSample(category, index);\n  }\n}\n\nfunction playNextSample() {\n  const currentCategorySamples = sampleData[currentCategory];\n\n  if (currentSampleIndex \u003c currentCategorySamples.length - 1) {\n    currentSampleIndex++;\n    usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n  } else {\n    const categories = Object.keys(sampleData);\n    const currentCategoryIndex = categories.indexOf(currentCategory);\n\n    if (currentCategoryIndex \u003c categories.length - 1) {\n      currentCategory = categories[currentCategoryIndex + 1];\n      currentSampleIndex = 0;\n      usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n    } else {\n      isAutoplaying = false;\n      const playPauseButton = document.getElementById('playPause');\n      if (playPauseButton) playPauseButton.classList.remove('playing');\n    }\n  }\n}\n\nfunction preloadNextSample() {\n  preloadedSampleData = null;\n  preloadedSampleInfo = null;\n\n  const currentCategorySamples = sampleData[currentCategory];\n\n  let nextCategory = currentCategory;\n  let nextIndex = currentSampleIndex + 1;\n\n  if (nextIndex \u003e= currentCategorySamples.length) {\n    const categories = Object.keys(sampleData);\n    const currentCategoryIndex = categories.indexOf(currentCategory);\n\n    if (currentCategoryIndex \u003c categories.length - 1) {\n      nextCategory = categories[currentCategoryIndex + 1];\n      nextIndex = 0;\n    } else {\n      return; \/\/ No more samples to preload\n    }\n  }\n\n  const nextSample = sampleData[nextCategory][nextIndex];\n  if (!nextSample) return;\n\n  preloadedSampleInfo = { category: nextCategory, index: nextIndex };\n\n  fetch(nextSample.url)\n    .then(response =\u003e response.blob())\n    .then(blob =\u003e {\n      preloadedSampleData = blob;\n    })\n    .catch(error =\u003e {\n      console.error('Error preloading sample:', error);\n    });\n}\n\nfunction usePreloadedSampleOrLoad(category, index) {\n  if (\n    preloadedSample \u0026\u0026\n    preloadedSample.category === category \u0026\u0026\n    preloadedSample.index === index \u0026\u0026\n    preloadedWavesurfer\n  ) {\n    if (wavesurfer) {\n      wavesurfer.destroy();\n    }\n\n    \/\/ Move preloaded instance to real container\n    preloadedWavesurfer.container = document.getElementById('waveformContainer');\n    wavesurfer = preloadedWavesurfer;\n    preloadedWavesurfer = null;\n    preloadedSample = null;\n\n    document.getElementById('sampleTitle').textContent = sampleData[category][index].title;\n\nwavesurfer.on('finish', () =\u003e {\n  const dur = wavesurfer \u0026\u0026 typeof wavesurfer.getDuration === 'function'\n    ? wavesurfer.getDuration()\n    : 0;\n  const delay = dur \u003c 1 ? 500 : 0;\n\n  setTimeout(() =\u003e {\n    if (isAutoplaying) {\n      \/\/ ⬇️ all your original logic stays here\n      const currentCategorySamples = sampleData[currentCategory];\n\n      if (currentSampleIndex \u003c currentCategorySamples.length - 1) {\n        currentSampleIndex++;\n        usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n      } else {\n        const categories = Object.keys(sampleData);\n        const currentCategoryIndex = categories.indexOf(currentCategory);\n        if (currentCategoryIndex \u003c categories.length - 1) {\n          currentCategory = categories[currentCategoryIndex + 1];\n          currentSampleIndex = 0;\n          usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n        } else {\n          isAutoplaying = false;\n          const playPauseButton = document.getElementById('playPause');\n          if (playPauseButton) playPauseButton.classList.remove('playing');\n        }\n      }\n    }\n  }, delay);\n});\n\n\n    \/\/ Play instantly\n    if (isAutoplaying) {\n      wavesurfer.play();\n    }\n\n    \/\/ Preload the next one now\n    preloadNextSample();\n  } else {\n    loadSample(category, index);\n  }\n}\n\n\/\/ THIS SHOULD BE OUTSIDE loadSample()\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  loadSample(currentCategory, currentSampleIndex);\n\n  document.querySelectorAll('.sample-category-btn').forEach(button =\u003e {\n    button.addEventListener('click', () =\u003e {\n      document.querySelectorAll('.sample-category-btn').forEach(b =\u003e b.classList.remove('active'));\n      button.classList.add('active');\n\n      currentCategory = button.dataset.category;\n      currentSampleIndex = 0;\n      loadSample(currentCategory, currentSampleIndex);\n    });\n  });\n\nfunction playPrevSample() {\n  if (currentSampleIndex \u003e 0) {\n    currentSampleIndex--;\n    loadSample(currentCategory, currentSampleIndex);\n  } else {\n    const categories = Object.keys(sampleData);\n    const currentCategoryIndex = categories.indexOf(currentCategory);\n\n    if (currentCategoryIndex \u003e 0) {\n      currentCategory = categories[currentCategoryIndex - 1];\n      currentSampleIndex = sampleData[currentCategory].length - 1;\n\n      \/\/ Update active button\n      document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n        b.classList.remove('active');\n      });\n      const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${currentCategory}\"]`);\n      if (newActiveButton) {\n        newActiveButton.classList.add('active');\n      }\n\n      loadSample(currentCategory, currentSampleIndex);\n    }\n  }\n}\n\ndocument.getElementById('nextSample').addEventListener('click', () =\u003e {\n  playNextSample();\n});\n\ndocument.getElementById('prevSample').addEventListener('click', () =\u003e {\n  playPrevSample();\n});\n\n  const playPauseButton = document.getElementById('playPause');\n\n  playPauseButton.addEventListener('click', () =\u003e {\n    if (wavesurfer.isPlaying()) {\n      wavesurfer.pause();\n      isAutoplaying = false;\n      playPauseButton.classList.remove('playing');\n    } else {\n      wavesurfer.play();\n      isAutoplaying = true;\n      playPauseButton.classList.add('playing');\n    }\n  });\n});\n\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/wavesurfer.js\"\u003e\u003c\/script\u003e\n\n\u003cdiv class=\"vault-statement\"\u003e\n  \u003cp class=\"desktop-vault-text\"\u003e\n    \u003cstrong\u003eThe future of Liquid begins here.\u003cbr\u003eA complete toolkit crafted for depth, motion, and soul.\u003c\/strong\u003e\n  \u003c\/p\u003e\n  \u003cp class=\"mobile-vault-text\"\u003e\n    \u003cstrong\u003eThe future of Liquid begins here.\u003cbr\u003eA complete toolkit crafted for depth, motion, and soul.\u003c\/strong\u003e\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n  \n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n  const sections = document.querySelectorAll('.split-combine-section');\n  if (!sections.length) return;\n\n  let lastY = window.pageYOffset;\n  let hasCompleted = false;\n\nwindow.addEventListener('scroll', function () {\n  sections.forEach(section =\u003e {\n    const rect = section.getBoundingClientRect();\n    const triggerShow = window.innerHeight * 0.75;\n\n    if (rect.top \u003c triggerShow \u0026\u0026 !section.classList.contains('in-view')) {\n      section.classList.add('in-view');\n      setTimeout(() =\u003e {\n        section.classList.add('animation-complete');\n      }, 1000);\n    }\n\n    \/\/ Optional reset if needed when scrolling to top\n    if (window.pageYOffset === 0) {\n      section.classList.remove('in-view', 'animation-complete');\n    }\n  });\n}, { passive: true });\n});\n\u003c\/script\u003e\n\n\n\u003c!-- LIQUID DNB VOL. 1 COVER ART --\u003e\n\u003cdiv class=\"coverart-section\"\u003e\n  \u003cimg class=\"coverart-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LIQUIDDNBVOL.1.webp?v=1758340956\" alt=\"Liquid DNB Vol. 1 Cover Art\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.coverart-section {\n  text-align: center;\n  margin-top: 10px;\n  margin-bottom: -10px;\n}\n\n.coverart-image {\n  max-width: 600px;\n  width: 100%;        \n  height: auto;\n  display: inline-block;\n}\n\n\u003c\/style\u003e\n\n\u003c!-- Buy Now Button --\u003e\n\u003cdiv class=\"buy-now-wrapper\" style=\"text-align:center; margin-top:-40px; margin-bottom:40px;\"\u003e\n  \u003cbutton class=\"buy-now-btn\" onclick=\"scrollToTop()\"\u003eBUY NOW\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.buy-now-btn {\n  background: transparent;\n  border: 2px solid #41F3E8;\n  color: #41F3E8;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 20px;\n  font-weight: bold;\n  padding: 14px 34px;\n  border-radius: 6px;\n  cursor: pointer;\n  text-shadow: 0 0 2px #41F3E8;\n  box-shadow: 0 0 12px #41F3E8;\n  transition: all 0.3s ease;\n  animation: pulse-glow 1.5s infinite alternate;\n}\n\n.buy-now-btn:hover {\n  background: #41F3E8;\n  color: #000;\n  text-shadow: none;\n  box-shadow: 0 0 20px #41F3E8;\n}\n\n@keyframes pulse-glow {\n  0% { box-shadow: 0 0 8px #41F3E8; }\n  100% { box-shadow: 0 0 18px #41F3E8; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\nfunction scrollToTop() {\n  window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\u003c\/script\u003e\n\n\u003c!-- PRESETS PREVIEW --\u003e\n\u003c!-- \u003cdiv class=\"serum2-inner whzly-trigger-area\" style=\"text-align: center; margin: 80px 0;\"\u003e\n  \u003ch2 class=\"whzly-heading\" style=\"margin-top: 35px; margin-bottom: 20px;\"\u003eNIHILISM 2 Preset Demo\u003c\/h2\u003e\n\n  \u003cp class=\"benchmark-tagline whzly-tagline\"\u003e\n    \u003cstrong\u003e\n      \u003cspan class=\"first-line\"\u003eCheck out the raw power of the presets - no post-processing needed.\u003c\/span\u003e\u003cbr\u003e\n    \u003c\/strong\u003e\n  \u003c\/p\u003e\n\n\n\u003cdiv class=\"video-glow-wrapper\" id=\"whzlyGlowWrapper\"\u003e\n  \u003cdiv class=\"whzly-video-inner\"\u003e\n    \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BcFGj62iwjc?rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 500px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n    \u003c\/iframe\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n  \u003cdiv class=\"fullscreen-tip-wrapper\"\u003e\n    \u003cp class=\"mobile-fullscreen-tip\" id=\"fullscreenTip\"\u003e\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n--\u003e\n\n\u003cstyle\u003e\n  h2.whzly-heading.active::before {\n    display: none !important;\n  }\n\n@media (max-width: 768px) {\n  .serum2-inner.whzly-trigger-area {\n    margin-top: 60px !important;\n  }\n}\n\/* Initial states *\/\n.whzly-heading {\n  opacity: 0;\n  transform: translateX(-60px);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n.whzly-tagline {\n  opacity: 0;\n  transform: translateX(60px);\n  transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;\n}\n.whzly-fade-in {\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n\/* Active states *\/\n.whzly-heading.active {\n  opacity: 1;\n  transform: translateX(0);\n}\n.whzly-tagline.active {\n  opacity: 1;\n  transform: translateX(0);\n}\n.whzly-fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n  box-shadow: 0 0 20px #f0f0e6;\n}\n\n.fullscreen-tip-wrapper {\n  max-width: 900px;\n  margin: 6px auto 0 auto;\n  text-align: center;\n}\n\n.mobile-fullscreen-tip {\n  color: #f0f0e6;\n  font-family: 'Montserrat', sans-serif;\n  font-size: 12px !important;\n  opacity: 0.85;\n  display: none; \n  overflow: hidden;\n  white-space: nowrap;\n}\n\n\/* Only show on mobile *\/\n@media (max-width: 768px) {\n  .mobile-fullscreen-tip {\n    display: block;\n  }\n}\n\n.desktop-only-text {\n  display: inline;\n}\n\n@media (max-width: 768px) {\n  .desktop-only-text {\n    display: none;\n  }\n}\n\n\/* Flicker keyframes *\/\n@keyframes fullscreenFlicker {\n  0%, 100% { opacity: 1; }\n  5%, 15%, 25% { opacity: 0.6; }\n  10%, 20%, 30% { opacity: 1; }\n}\n\n@media (max-width: 480px) {\n  .whzly-fade-in {\n    margin-top: 20px !important;\n  }\n}\n\n.whzly-heading {\n  font-size: 32px;\n}\n\n@media (max-width: 430px) {\n  .serum2-inner .whzly-heading {\n    font-size: 20px !important;\n    margin-top: 0px !important; \n    margin-bottom: 12px !important;\n  }\n}\n\n.video-glow-wrapper {\n  max-width: 900px;\n  margin: 40px auto 0 auto;\n  border-radius: 12px;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n.video-glow-wrapper.active {\n  opacity: 1;\n  transform: translateY(0);\n  box-shadow: 0 0 20px #f0f0e6;\n}\n\n.whzly-fade-in {\n  max-width: 900px;\n  margin: 40px auto 0 auto;\n  border-radius: 12px;\n  overflow: hidden;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;\n}\n\n.whzly-fade-in.active {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n  \/\/ --- Fullscreen Typing + Flicker ---\n  const fullscreenTip = document.getElementById('fullscreenTip');\n  const message = \"Watch in fullscreen for best experience.\";\n  let charIndex = 0;\n\n  function typeText() {\n    if (!fullscreenTip) return;\n    if (charIndex \u003c message.length) {\n      fullscreenTip.innerHTML += message.charAt(charIndex);\n      charIndex++;\n      setTimeout(typeText, 40);\n    } else {\n      startRandomFlicker();\n    }\n  }\n\n  function startRandomFlicker() {\n    if (!fullscreenTip) return;\n    fullscreenTip.style.animation = 'fullscreenFlicker 2s ease-in-out forwards';\n    setTimeout(() =\u003e {\n      fullscreenTip.style.animation = '';\n    }, 2000);\n    const nextFlicker = Math.floor(Math.random() * 7000) + 8000;\n    setTimeout(startRandomFlicker, nextFlicker);\n  }\n\n  if (fullscreenTip) {\n    setTimeout(typeText, 600);\n  }\n\n  \/\/ --- WHZLY Scroll Animations ---\nconst glowWrapper = document.querySelector('#whzlyGlowWrapper');\nconst heading = document.querySelector('.whzly-heading');\nconst tagline = document.querySelector('.whzly-tagline');\nconst triggerArea = document.querySelector('.whzly-trigger-area');\n\nlet lastScrollY = window.scrollY;\n\nconst observer = new IntersectionObserver(entries =\u003e {\n  entries.forEach(entry =\u003e {\n    const scrollingUp = window.scrollY \u003c lastScrollY;\n    lastScrollY = window.scrollY;\n\n    if (entry.isIntersecting) {\n      heading.classList.add('active');\n      tagline.classList.add('active');\n      glowWrapper.classList.add('active');\n    } else if (scrollingUp) {\n      heading.classList.remove('active');\n      tagline.classList.remove('active');\n      glowWrapper.classList.remove('active');\n    }\n  });\n}, { threshold: 0.5 });\n\nif (triggerArea) {\n  observer.observe(triggerArea);\n}\n\n});\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n  document.querySelectorAll('.split-combine-section').forEach(section =\u003e {\n    const io = new IntersectionObserver(([entry]) =\u003e {\n      if (!entry.isIntersecting) return;\n      section.classList.add('in-view');\n      setTimeout(() =\u003e section.classList.add('animation-complete'), 1100); \/\/ after it slides in\n      io.disconnect();\n    }, { threshold: 0.3 });\n    io.observe(section);\n  });\n});\n\u003c\/script\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdiv class=\"demo-cta-wrap\"\u003e\n  \u003cdiv class=\"demo-cta\"\u003e\n    \u003cp class=\"demo-cta-title\"\u003eStill not sure?\u003c\/p\u003e\n    \u003cp class=\"demo-cta-text\"\u003e\n      Check out the free demo pack and try the sounds in your project.\n    \u003c\/p\u003e\n    \u003ca class=\"demo-cta-btn\" href=\"https:\/\/edmtemplates.net\/pages\/free-downloads-vault\" target=\"_blank\" rel=\"noopener\"\u003e\n      Get the Free Demo Pack\n    \u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .demo-cta-wrap {\n    display: flex;\n    justify-content: center;\n    margin: 8px 0 14px 0;\n  }\n  .demo-cta {\n    width: 100%;\n    max-width: 640px;\n    text-align: center;\n    border: 1px solid rgba(65, 243, 232, 0.2);\n    border-radius: 6px;\n    padding: 6px 10px 10px;\n    background: rgba(65, 243, 232, 0.025);\n  }\n  .demo-cta-title {\n    margin: 0;\n    font-weight: 700;\n    font-size: 16px;\n    color: #f1f1f1;\n  }\n  .demo-cta-text {\n    margin: 2px 0 6px;\n    font-size: 16px;\n    color: #d9d9d9;\n  }\n  .demo-cta-btn {\n    display: inline-block;\n    font-weight: 700;\n    font-size: 14px;\n    padding: 7px 16px;\n    border-radius: 6px;\n    color: #fff;\n    background: none;\n    border: 1px solid #41f3e8;\n    text-decoration: none !important;\n    transition: all 0.2s ease;\n  }\n  .demo-cta-btn:hover {\n    background: rgba(65, 243, 232, 0.08);\n    box-shadow: 0 0 6px rgba(65, 243, 232, 0.25);\n    text-decoration: none !important;\n  }\n  @media (max-width: 480px) {\n    .demo-cta {\n      padding: 6px 8px 8px;\n    }\n    .demo-cta-title {\n      font-size: 15px;\n    }\n    .demo-cta-text {\n      font-size: 13px;\n    }\n    .demo-cta-btn {\n      width: 100%;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- SYSTEM COMPATIBILITY SECTION --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"margin-top: 100px;\"\u003e\n  \u003ch2 class=\"system-header\"\u003e\n  \u003cspan class=\"desktop-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n  \u003cspan class=\"mobile-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"requirements-list\"\u003e\n  \u003cdiv\u003eAny DAW\u003c\/div\u003e\n  \u003cdiv\u003eSerum 2\u003c\/div\u003e\n\n  \u003cdiv style=\"margin-top: 12px; color: #f0f0e6; font-weight: bold;\"\u003eProject File Requirements:\u003c\/div\u003e\n  \u003cdiv\u003eAbleton 12\n   \u003cbr\u003e\n       Serum 2\n   \u003cbr\u003e\n    FabFilter Pro-Q-3\n\u003cbr\u003e\nFabFilter Pro-L-2 (optional)\n\u003cbr\u003e\nSoothe2 (optional)\n\u003cbr\u003e\nkHs Transient Shaper (optional)\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  .system-header {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 22px;\n    color: #f0f0e6;\n    text-shadow: 0 0 4px #f0f0e6;\n    margin-bottom: 5px !important;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-align: center;\n  }\n\n  .requirements-list {\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n    color: #f0f0e6;\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .requirements-list div {\n    margin: 6px 0;\n  }\n\n.system-header .mobile-text {\n  display: none;\n}\n\n@media (max-width: 768px) {\n  .hook-plus-image {\n    margin-top: 10px !important;\n    margin-bottom: 0px !important;\n  }\n\n  .glitch-button.scroll-button {\n    margin-top: 0px !important;\n  }\n}\n\n\/* 480px and smaller *\/\n@media (max-width: 480px) {\n  .system-header .mobile-text {\n    display: inline;\n    font-size: 16px;\n  }\n\n  .system-header .desktop-text {\n    display: none;\n  }\n\n  .requirements-list {\n   font-size: 12px;\n  }\n\n  .vault-section,\n  .hook-plus-image-optimized .hook-text {\n    padding-left: 0px;\n    padding-right: 0px;\n    box-sizing: border-box;\n    flex-direction: column;\n    align-items: center;\n  }\n}\n@media (max-width: 480px) {\n  .whzly-fade-in {\n    max-width: 100% !important;\n    padding: 0 10px;\n    box-sizing: border-box;\n    overflow-x: hidden;\n  }\n\n  .whzly-fade-in iframe {\n    width: 100% !important;\n    max-width: 100% !important;\n    box-sizing: border-box;\n  }\n\n  .serum2-inner,\n  .serum2-inner .whzly-trigger-area,\n  .video-glow-wrapper {\n    overflow-x: hidden !important;\n    max-width: 100vw !important;\n  }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n.serum2-inner h1,\n.serum2-inner h2,\n.serum2-inner h3,\n.serum2-inner p,\n.serum2-inner li,\n.vault-statement,\n.sample-category-btn,\n.expandable-trigger strong {\n  color: #f0f0e6;\n  text-shadow: 0 0 4px #41F3E8;\n}\n\n@keyframes subtle-glitch {\n  0%, 60%, 100% { text-shadow: 0 0 4px #41F3E8; }\n  20% { text-shadow: -1px 0 #41F3E8, 1px 0 #41F3E8; }\n  40% { text-shadow: 1px 0 #41F3E8, -1px 0 #41F3E8; }\n  80% { text-shadow: 0 0 6px #41F3E8; }\n}\n\n.video-glow-wrapper-static {\n  box-shadow: 0 0 20px #41F3E8;\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":53411768926539,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LIQUIDDNBVOL.1.webp?v=1758340956"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/collections\/Drum_and_Bass_Serum_Presets_75176053-38da-4b0b-a48b-2858f35d711d.jpg?v=1701963410","url":"https:\/\/edmtemplates.net\/da\/collections\/drum-n-bass-presets.oembed","provider":"⛓👽 EDM TEMPLATES","version":"1.0","type":"link"}