{"title":"RELATEREDE PRODUKTER","description":"","products":[{"product_id":"tearout","title":"ULTIMATIV TEAROUT DUBSTEP-SAMLING VOL. 1","description":"\u003cdiv style=\"text-align: center; max-width: 850px; 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 \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .bundle-main-title {\n margin-top: -40px !important;\n }\n }\n @media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n \u003c\/style\u003e\n\n \u003ch2 class=\"bundle-main-title\" style=\"margin-bottom: 30px; margin-top: 0; color: #d1d1d1; text-transform: uppercase; letter-spacing: 2px; font-size: 26px; font-weight: 800;\"\u003e\n Ultimate Tearout Dubstep Collection Vol. 1\n \u003c\/h2\u003e\n\n \u003cdiv style=\"\n max-width: 900px; \n margin: 0 auto 40px auto; \n text-align: center; \n border: 1px solid #333; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background-color: #000;\n padding: 15px;\n border-top: 3px solid #d1d1d1;\n \"\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 src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1190484658%3Fsecret_token%3Ds-fwzZYoQgBRY\u0026amp;color=%23d1d1d1\u0026amp;auto_play=false\u0026amp;hide_related=false\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"320\" width=\"100%\" frameborder=\"no\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"\n background-color: #161616; \n border: 2px dashed #8e8e8e; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 600px; \n margin: 30px auto; \n text-align: center;\n \"\u003e\n \u003cdiv style=\"font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; font-weight: 600;\"\u003e\n Introductory Series Value: \n \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$99.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 34px; color: #d1d1d1; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(209, 209, 209, 0.2);\"\u003e\n ONLY $34.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n The pack that started it all — \u003cstrong style=\"color: #fff; border-bottom: 1px solid #d1d1d1;\"\u003ePro-grade Tearout \u0026amp; Riddim\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003eUTDC Vol. 1\u003c\/strong\u003e is the foundation of the series. A heavy-duty Xfer Serum preset pack loaded with professionally designed bass patches and 3 release-ready Ableton Live project files designed to hit the industry standard for loudness and clarity.\u003c\/p\u003e\n\n \u003ch4 style=\"margin-top: 40px; margin-bottom: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 20px;\"\u003eThe Powerhouse Payload:\u003c\/h4\u003e\n \u003cdiv style=\"text-align: left; max-width: 650px; margin: 0 auto; padding-left: 10px;\"\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #d1d1d1;\"\u003e✔ 176 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eSaturated growls, heavy drop patches, reese basses, and dark intro synths.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #d1d1d1;\"\u003e✔ 3 Release-Ready Ableton Projects\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eFully arranged and mixed to competitive club levels (~-3 LUFS).\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #d1d1d1;\"\u003e✔ Expert Sound Design\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eStudy the processing chains that create maximum midrange dominance.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 800px;\n margin: 40px auto 20px auto;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n text-align: left;\n }\n\n .req-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n @media (min-width: 600px) {\n .req-grid {\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n .req-col-left {\n border-right: 1px solid #333;\n padding-right: 20px;\n }\n }\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 #d1d1d1;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .req-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .req-item {\n color: #ccc;\n font-size: 14px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n line-height: 1.4;\n }\n\n .checkmark {\n color: #d1d1d1;\n font-weight: bold;\n font-size: 16px;\n margin-right: 12px;\n min-width: 20px;\n }\n\n .opt-section {\n margin-top: 30px;\n border-top: 1px solid #333;\n padding-top: 20px;\n text-align: center;\n }\n\u003c\/style\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:20px;\"\u003e\n For Serum Presets:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eAny DAW\u003c\/strong\u003e\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Xfer Serum\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n 100% Royalty Free\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\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:20px;\"\u003e\n To open the project files:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Ableton Live 10.1+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n LFO Tool, Serum FX\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Valhalla Room Reverb\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"opt-section\"\u003e\n \u003ch4 class=\"req-title\" style=\"font-size: 14px; border-bottom-color: #555;\"\u003eOptional Enhancements\u003c\/h4\u003e\n \u003cp style=\"color:#777; font-size:12px; margin-top:-10px; margin-bottom:15px;\"\u003eUsed in select project files (not required to open):\u003c\/p\u003e\n \u003cdiv style=\"display: inline-grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: left; margin-top: 10px; max-width: 450px;\"\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Transient Shaper\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Ring Mod\u003c\/div\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(209, 209, 209, 0), rgba(209, 209, 209, 0.5), rgba(209, 209, 209, 0)); margin: 40px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff; text-transform: uppercase;\"\u003eIncluded Project Files\u003c\/h2\u003e\n\n\u003cstyle\u003e\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 900px;\n margin: 0 auto;\n text-align: left;\n }\n\n @media (min-width: 768px) {\n .inventory-grid {\n grid-template-columns: 1fr 1fr 1fr;\n }\n }\n\n .pack-tile, .pack-tile:hover, .pack-tile:active, .pack-tile:visited {\n text-decoration: none !important;\n }\n\n .pack-tile {\n background-color: #111;\n border-left: 4px solid #d1d1d1;\n padding: 15px; \n border-radius: 0 4px 4px 0;\n transition: all 0.2s ease;\n display: flex;\n flex-direction: column;\n height: 100%; \n box-sizing: border-box;\n }\n\n .pack-tile:hover {\n transform: translateY(-5px);\n background-color: #1a1a1a;\n box-shadow: 0 5px 15px rgba(209, 209, 209, 0.1);\n }\n\n .pack-tile:hover .pack-title {\n text-decoration: underline !important;\n }\n\n .pack-title {\n color: #fff;\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 5px;\n text-transform: uppercase;\n text-decoration: none !important;\n }\n\n .pack-desc {\n margin: 0;\n font-size: 12px; \n color: #aaa;\n line-height: 1.4;\n text-decoration: none !important;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"inventory-grid\"\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=779zHpVq-pk\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eMAYHEM\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eFull track project file. Brutal arrangement and advanced processing chains.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=Gg2hviq8XHE\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eICON\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHeavyweight Riddim template focused on bounce and technical sound design.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=vmJh-wrYkL4\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eLEGEND\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eElite Tearout construction. Mastered to professional club standards.\u003c\/p\u003e\n \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 30px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003e\n The original tearout toolkit. Ready to build your legacy?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #d1d1d1; \n color: #000; \n font-size: 20px; \n font-weight: bold; \n padding: 18px 50px; \n border: none; \n border-radius: 4px; \n cursor: pointer; \n text-transform: uppercase; \n letter-spacing: 2px;\n box-shadow: 0 4px 20px rgba(209, 209, 209, 0.4);\n transition: all 0.2s ease;\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(209, 209, 209, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(209, 209, 209, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n\n \u003cp style=\"color: #999; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003e\n SECURE CHECKOUT • INSTANT DIGITAL DELIVERY\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":32831857000527,"sku":"","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ULTIMATETEAROUTDUBSTEPCOLLECTIONVOL1.webp?v=1749863265"},{"product_id":"uhtc","title":"ULTIMATE HYBRID TRAP COLLECTION","description":"\u003cdiv style=\"text-align: center; max-width: 850px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-bottom: 0 !important;\"\u003e\n\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .bundle-main-title {\n margin-top: -40px !important;\n }\n }\n@media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n .bundle-main-title {\n margin-bottom: 30px; \n margin-top: 0; \n color: #8b5cf6; \n text-transform: uppercase; \n letter-spacing: 1px; \n font-size: 26px; \n font-weight: 800; \n background: -webkit-linear-gradient(#8b5cf6, #6d28d9); \n -webkit-background-clip: text; \n -webkit-text-fill-color: transparent;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"bundle-main-title\"\u003e\n Ultimate Hybrid Trap Collection\n \u003c\/h2\u003e\n\n \u003cdiv style=\"\n max-width: 900px; \n margin: 0 auto 40px auto; \n text-align: center; \n border: 1px solid #333; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background-color: #000;\n padding: 15px;\n border-top: 3px solid #8b5cf6;\n \"\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 src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1191379870%3Fsecret_token%3Ds-G3M1D8882ln\u0026amp;color=%238b5cf6\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"384\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 600px; \n margin: 30px auto; \n text-align: center;\n \"\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: \n \u003cspan style=\"text-decoration: line-through; color: #cccccc; font-size: 18px;\"\u003e$99.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 34px; color: #8b5cf6; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(139, 92, 246, 0.2); background: -webkit-linear-gradient(#8b5cf6, #6d28d9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\"\u003e\n ONLY $34.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Master the modern sound with \u003cstrong style=\"color: #fff; border-bottom: 1px solid #8b5cf6;\"\u003e570+ Elite Hybrid Trap Tools\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003eUHTC\u003c\/strong\u003e is a next-level modern hybrid trap Serum preset pack. Loaded with over 570 professionally designed sounds and 10 release-ready Ableton Live project files, this collection is built for producers who demand maximum impact and sonic precision.\u003c\/p\u003e\n\n \u003ch4 style=\"margin-top: 40px; margin-bottom: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 20px;\"\u003eThe Powerhouse Payload:\u003c\/h4\u003e\n \u003cdiv style=\"text-align: left; max-width: 650px; margin: 0 auto; padding-left: 10px;\"\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #8b5cf6;\"\u003e✔ 141 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eScreamy layers, powerful growls, reese bases, and complete drop synths.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #8b5cf6;\"\u003e✔ 430 Heavyweight WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003ePunchy drums, bass one-shots, buildup loops, and cinematic textures.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #8b5cf6;\"\u003e✔ 10 Release-Ready Ableton Projects\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eFully mixed and mastered templates hitting club-standard LUFS levels.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #8b5cf6;\"\u003e✔ Bonus: 50 Racks \u0026amp; 61 MIDI Loops\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eCustom processing chains and instant melodic\/rhythmic inspiration.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 800px;\n margin: 40px auto 20px auto;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n text-align: left;\n }\n\n .req-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n @media (min-width: 600px) {\n .req-grid {\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n .req-col-left {\n border-right: 1px solid #333;\n padding-right: 20px;\n }\n }\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 #8b5cf6;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .req-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .req-item {\n color: #ccc;\n font-size: 14px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n line-height: 1.4;\n }\n\n .checkmark {\n color: #8b5cf6;\n font-weight: bold;\n font-size: 16px;\n margin-right: 12px;\n min-width: 20px;\n }\n\n .opt-section {\n margin-top: 30px;\n border-top: 1px solid #333;\n padding-top: 20px;\n text-align: center;\n }\n\u003c\/style\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 Compatibility\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Universal Tools:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eAny DAW\u003c\/strong\u003e (Samples\/MIDI)\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Serum 1.3+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n 100% Royalty Free\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\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:20px;\"\u003e\n To open the project files:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Ableton Live 10.1+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n LFO Tool, Serum FX\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n ValhallaRoom Reverb\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"opt-section\"\u003e\n \u003ch4 class=\"req-title\" style=\"font-size: 14px; border-bottom-color: #555;\"\u003eOptional Enhancements\u003c\/h4\u003e\n \u003cp style=\"color:#777; font-size:12px; margin-top:-10px; margin-bottom:15px;\"\u003eUsed in select project files (not required to open):\u003c\/p\u003e\n \u003cdiv style=\"display: inline-grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: left; margin-top: 10px; max-width: 450px;\"\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Transient Shaper\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Ring Mod\u003c\/div\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(139, 92, 246, 0), rgba(139, 92, 246, 0.5), rgba(139, 92, 246, 0)); margin: 40px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 10px; color: #ffffff; text-transform: uppercase;\"\u003eIncluded Project Previews\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; color: #aaa; margin-top: 0; margin-bottom: 30px;\"\u003eclick to preview\u003c\/p\u003e\n\n\u003cstyle\u003e\n .inventory-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 15px; \n max-width: 900px; \n margin: 0 auto;\n text-align: left;\n }\n \n .inventory-grid \u003e * {\n flex: 1 1 300px;\n max-width: 440px;\n }\n\n @media (min-width: 768px) {\n .inventory-grid \u003e :last-child:nth-child(odd) {\n flex-basis: 100%;\n max-width: 440px;\n margin-left: auto;\n margin-right: auto;\n }\n }\n\n .pack-tile, .pack-tile:hover, .pack-tile:active, .pack-tile:visited {\n text-decoration: none !important;\n }\n\n .pack-tile {\n background-color: #111;\n border-left: 4px solid #8b5cf6;\n padding: 15px; \n border-radius: 0 4px 4px 0;\n transition: all 0.2s ease;\n display: flex;\n flex-direction: column;\n height: 100%; \n box-sizing: border-box;\n }\n\n .pack-tile:hover {\n transform: translateX(5px);\n background-color: #1a1a1a;\n box-shadow: 0 5px 15px rgba(139, 92, 246, 0.1);\n }\n\n .pack-tile:hover .pack-title {\n text-decoration: underline !important;\n }\n\n .pack-title {\n color: #fff;\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 5px;\n text-transform: uppercase;\n text-decoration: none !important;\n }\n\n .pack-desc {\n margin: 0;\n font-size: 12px; \n color: #aaa;\n line-height: 1.4;\n text-decoration: none !important;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"inventory-grid\"\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=AFYwQYYp86Y\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eTHRILL\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAggressive drop sequences and technical sound design showcase.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=TXv7ungKOcc\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eVENOM\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eFull track template. Dark, gritty, and industrial hybrid trap vibes.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=rK2GnL-VGfI\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eREVIVAL\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHigh-energy arrangement with focus on massive low-end and punchy drums.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=ugHxXjtKYDY\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eREBORN\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eCinematic intros and destructive drops. A masterclass in energy control.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/www.youtube.com\/watch?v=hcgpGKmAfAI\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\" style=\"color: #ffffff;\"\u003eLOYAL\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eFestival-ready weapon. Reverse-engineer the processing of a pro release.\u003c\/p\u003e\n \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 30px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003e\n Master the next wave of Hybrid Trap. Ready to dominate?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #8b5cf6; \n color: #000; \n font-size: 20px; \n font-weight: bold; \n padding: 18px 50px; \n border: none; \n border-radius: 4px; \n cursor: pointer; \n text-transform: uppercase; \n letter-spacing: 2px;\n box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);\n transition: all 0.2s ease;\n background: -webkit-linear-gradient(#8b5cf6, #6d28d9);\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(139, 92, 246, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(139, 92, 246, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n\n \u003cp style=\"color: #999; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003e\n SECURE CHECKOUT • INSTANT DIGITAL DELIVERY\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":32837692260431,"sku":"","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ULTIMATEHYBRIDTRAPCOLLECTION.webp?v=1749863246"},{"product_id":"hybrid","title":"HYBRID SOUND DESIGN VOL. 3 | PREMIUM SAMPLE X 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 - Standardized *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n\n \/* Industrial Chrome \/ Monochrome Title (Cover-Matched) *\/\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: #e6e6e6;\n text-shadow:\n 0 1px 0 rgba(255,255,255,0.08),\n 0 4px 8px rgba(0,0,0,0.85);\n }\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 - Orange Industrial Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #d47300;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(212, 115, 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: #d47300; 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\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\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\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 8px;\n }\n\n .checkmark { color: #d47300; 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\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 #d47300;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eHybrid Sound Design Vol. 3\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Powerhouse Arsenal for Modern Bass\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\"\u003e350\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\"\u003e12\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\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;\"\u003eHybrid Showcase\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1077406060\u0026amp;color=%23d47300\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eDive into the next level of bass music production. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eHybrid Trap • Tearout • Riddim.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eHybrid Sound Design Vol. 3 is a surgical toolkit designed by genre professionals to elevate your tracks. Transform your sound and unlock the potential of high-impact bass music.\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: #ffffff; font-size: 18px;\"\u003e✔ 350 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes Versatile Bass Synths, Complex Growls, Screechy Sustains, Bass Hits, and clinical 808\/Sub processing.\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 Premium Xfer Serum Drop Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMeticulously crafted patches engineered for modern speaker systems, ready for instant impact in your arrangements.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 10 One-Knob Ableton 11 Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eBoost your sounds instantly with custom processing chains designed for professional workflow and surgical grit.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ MIDI Kits \u0026amp; Full Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 46 MIDI files and the official demo project, professionally mixed and mastered to a competitive -4 LUFS.\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(212, 115, 0, 0), rgba(212, 115, 0, 0.4), rgba(212, 115, 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;\"\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 100% Royalty Free\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; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.0.2+\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 Ring Mod\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CPU Optimized\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 25px; padding-top: 20px; border-top: 1px solid #333; text-align: center;\"\u003e\n \u003cp style=\"color:#777; font-size:12px; font-style:italic;\"\u003e*Vocals are not included..\u003c\/p\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 elevate your tracks to new heights?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #d47300; 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(212, 115, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(212, 115, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(212, 115, 0, 0.4)';\"\u003eUNLEASH THE HYBRID\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\n","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":39395261972559,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HYBRIDSOUNDDESIGNV3.webp?v=1749863171"},{"product_id":"new_core","title":"NEW_CORE | TEAROUT DUBSTEP SAMPLE PACK \u0026 SERUM PRESETS","description":"\u003cdiv class=\"main-bundle-wrapper\" style=\"text-align: center; max-width: 1100px; margin: 0 auto 0 auto; font-size: 16px; color: #e6e6e6; 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\n \/* Chrome \/ Burnt Copper 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(#f2f2f2, #b86b3e, #5a3420);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35));\n }\n\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #eaeaea;\n margin-bottom: 35px;\n letter-spacing: 1.5px;\n }\n\n \/* Stat Bar – Muted Industrial Copper *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #b86b3e;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(184, 107, 62, 0.12);\n }\n\n .stat-item { border-right: 1px solid #333; }\n .stat-item:last-child { border-right: none; }\n\n .stat-val {\n font-size: 28px;\n font-weight: 800;\n color: #c08a5a;\n display: block;\n line-height: 1;\n }\n\n .stat-lbl {\n font-size: 11px;\n text-transform: uppercase;\n color: #8a8a8a;\n letter-spacing: 1px;\n margin-top: 5px;\n display: block;\n }\n\n \/* Monolith Top *\/\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\n \/* Monolith Bottom *\/\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\n .hero-main-text {\n margin: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #f0f0f0;\n font-weight: 500;\n }\n\n @media (max-width: 768px) {\n .hero-main-text {\n margin-top: 5px !important;\n }\n }\n\n .hero-sub-text {\n font-size: 15px; \n color: #bfbfbf;\n display: block;\n margin-top: 8px;\n }\n\n .checkmark {\n color: #b86b3e;\n font-weight: bold;\n font-size: 16px;\n margin-right: 12px;\n }\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\n .req-title {\n color: #f0f0f0;\n font-size: 16px;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #b86b3e;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eNEW_CORE\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eEssential Toolkit for the Next Generation of Tearout\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e660+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePremium Tools\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e15\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Racks\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\"\u003eDemo Project\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;\"\u003eCore Showcase\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1109680687\u0026amp;color=%23b86b3e\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003e\n Unlock the industrial depths of modern bass music.\n \u003cspan style=\"color: #f2f2f2; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n Built by Genre Professionals.\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n NEW_CORE is a surgical collection of 660+ samples and Serum presets crafted for producers aiming to dominate the tearout dubstep scene with powerful bangers and chaotic soundscapes.\n \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: #f0f0f0; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 35px;\"\u003eThe Core Inventory\u003c\/h3\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #f2f2f2; font-size: 18px;\"\u003e✔ 550 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #bfbfbf; font-size: 15px;\"\u003eIncludes Machine Gun Basses, Filthy Growls, Underground Rave Stabs, Neuro Fills, and immersive Ambience Loops.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #f2f2f2; font-size: 18px;\"\u003e✔ 112 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #bfbfbf; font-size: 15px;\"\u003eA massive library featuring Amped Bass Synths, Screamy Sustains, and clinical Bass Hits ready for instant impact.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #f2f2f2; font-size: 18px;\"\u003e✔ 15 Industrial Ableton 11 Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #bfbfbf; font-size: 15px;\"\u003eBoost any sound with streamlined one-knob chains designed for professional workflow and maximum grit.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #f2f2f2; font-size: 18px;\"\u003e✔ 12 MIDI Kits \u0026amp; Full Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #bfbfbf; font-size: 15px;\"\u003eIncludes 87 MIDI files and the official demo project, professionally mixed and mastered to a competitive -4 LUFS.\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(184, 107, 62, 0), rgba(184, 107, 62, 0.45), rgba(184, 107, 62, 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;\"\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 100% Royalty Free\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; line-height:1.4;\"\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.0.2+\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 kHs Ring Mod\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Optimized CPU Usage\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; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #bfbfbf; margin-bottom: 25px; font-size: 19px; font-weight: 500;\"\u003eReady to initiate the next era of tearout?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #b86b3e; 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(184, 107, 62, 0.45); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(184, 107, 62, 0.65)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(184, 107, 62, 0.45)';\"\u003e\n INITIATE THE CORE\n \u003c\/button\u003e\n \u003cp style=\"color: #777; 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\n","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":39459607380047,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/NEW-CORE.webp?v=1749863147"},{"product_id":"kill-pop","title":"KILL-POP | TEAROUT DUBSTEP TIL XFER Serum","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 \/* Chrome \u0026 Arctic White 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 \n \/* Standardized Stat Bar Class - 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 \/* 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: #888; 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 #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eKILL-POP\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eAggressive Tools for Modern Tearout\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e103\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\"\u003e7\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Racks\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e6\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\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 src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1118408596\u0026amp;color=%231d1d1e\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\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n\u003cp class=\"hero-main-text\"\u003e\n The definitive toolkit for modern Tearout Dubstep.\n \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n Built for maximum aggression and control.\n \u003c\/span\u003e\n\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eKILL-POP is a clinical collection of 103 professionally crafted Xfer Serum presets. Engineered for maximum impact, this pack is guaranteed to deliver surgical inspiration for your next high-intensity 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 KILL-POP Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 103 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes Bone-Shattering Synths, Machine Gun Basses, Screamy Sustains, Monstrous Growls, and clinical Bass Fills.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 6 MIDI Songstarter Kits (42 Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eJumpstart your sessions with professional melodic arrangements and aggressive drop patterns designed for tearout.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 7 Professional Ableton Live Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eBoost any sound instantly with streamlined, easy-to-use one-knob chains designed for professional workflow.\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;\"\u003eEvery sound and pattern is ready for use in your commercial anthems without limitations or hidden 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, 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 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 Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eRack 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.0.2+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Optimized for CPU Efficiency\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Full Macro Assignment\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 tearout drop?\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)';\"\u003eINITIATE THE KILL-POP\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • \u003ca href=\"https:\/\/www.mediafire.com\/file\/b2uz0fbktpz1oqm\/%2528DEMO%2529_EDM_Templates_-_Kill-Pop.zip\/file\" target=\"_blank\" style=\"color: #fff; text-decoration: underline;\"\u003eFREE TASTER PACK\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":39586459582543,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/KILL-POP.webp?v=1749863108"},{"product_id":"rave","title":"RAVE | MIDTEMPO TIL XFER Serum","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: #d08a32; \/* muted industrial amber *\/\n text-shadow:\n 0 1px 0 rgba(255,255,255,0.05),\n 0 4px 10px rgba(0,0,0,0.9);\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 - Amber Industrial Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #d47300;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(212, 115, 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: #d47300; 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: #d47300; 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 #d47300;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eRAVE\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eIndustrial Midtempo with Groove and Weight\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e102\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\"\u003e6\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\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;\"\u003eSonic Preview\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\/1127488024\u0026amp;color=%23d47300\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\"\u003eTake your midtempo sound to the next level. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eAggressive • Weighty • Groovy.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eRave is a stunning collection of 102 Xfer Serum presets designed to make your tracks shine. From aggressive sustain synths and acid growls to ambient intros, this toolkit delivers the surgical power needed to dominate any 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;\"\u003eWhat’s Inside RAVE?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 102 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes groovy basses, aggressive sustain synths for breakdowns, and monstrous acid growls for a heavier vibe.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 6 MIDI Songstarter Kits (48 Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eJumpstart your sessions with professional melodies, chords, and basslines ready for immediate customization.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Cinematic Ambience \u0026amp; FX\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eSet the tone before the drop with immersive intro synths and punchy bass fills for professional transitions.\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;\"\u003eUnlock explosive potential for your commercial projects. Build dark soundscapes without creative limitations.\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(212, 115, 0, 0), rgba(212, 115, 0, 0.4), rgba(212, 115, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv style=\"grid-template-columns: 1fr 1fr; display: grid; 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 Works with Any DAW\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 Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eKit Specs\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 48 Professional MIDI Files\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Full Macro Assignments\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CPU Optimized Presets\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 take your midtempo sound to the next level?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #d47300; 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(212, 115, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(212, 115, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(212, 115, 0, 0.4)';\"\u003eINITIATE THE RAVE\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":39603064209487,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/RAVE.webp?v=1749863077"},{"product_id":"unholy","title":"UNHOLY | HYBRID TRAP \u0026 TEAROUT DUBSTEP TIL XFER Serum","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 \/* Chrome \u0026 Arctic Bone 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, #b0b0b0, #707070);\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 - Clinical 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 \/* 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: #888; 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 #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eUNHOLY\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eBrutal Soundbank for Modern Bass Music\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e136\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\"\u003e12\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e9\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Racks\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;\"\u003eUnholy Preview\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1138078591\u0026amp;color=%231d1d1e\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eThe definitive weapon for Hybrid Trap and Tearout. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eDesigned for High-Impact Production.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eUnholy is a surgical soundbank forged by genre experts to inspire aggressive and cinematic bass music. Every preset and sample is engineered to deliver immediate professional energy.\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;\"\u003eInventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 136 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes Machine-Gun Basses, Monstrous Growls, Screamy Sustains, 808s, and evolving Reese Layers.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 12 MIDI Songstarter Kits (69 MIDI Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eJumpstart your sessions with high-quality melodic inspiration for intros, drops, and complex breakdowns.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 9 Professional Ableton Live Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStreamlined, powerful amp-style processing chains built to instantly enhance your sounds with surgical precision.\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\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAll sounds and MIDI files are ready for immediate use in your commercial productions without limitations.\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 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 Works with Any DAW\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 Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eRack 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.0.2+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Optimized for CPU Efficiency\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Stock Plugin Compatible\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 take your sound design to the next level?\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)';\"\u003eASCEND THE UNHOLY\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • \u003ca href=\"https:\/\/www.mediafire.com\/file\/j125x75plcpudlu\/%2528DEMO%2529_EDM_Templates_-_Unholy.zip\/file\" target=\"_blank\" style=\"color: #fff; text-decoration: underline;\"\u003eFREE TASTER PACK\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":39622271205455,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UNHOLY.webp?v=1749863057"},{"product_id":"overhype","title":"OVERHYPE | TEAROUT DUBSTEP \u0026 HYBRID TRAP TIL XFER Serum","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 \/* High-Contrast Glitch White 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 \n \/* Standardized Stat Bar Class - Glitch White 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 \/* 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: #888; 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 #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eOVERHYPE\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eBone-Shattering Sounds for Tearout \u0026amp; Hybrid Trap\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e140\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\"\u003e11\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e10\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Racks\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 src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1145011336\u0026amp;color=%23000000\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eThe ultimate sonic arsenal for aggressive destruction. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eBuilt to Shake Walls and Dominate Drops.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eOverhype is a beast-mode surgical toolkit engineered for producers who want nothing but sonic destruction. Create the loudest, meanest tracks in your library with precision and relentless power.\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;\"\u003eWhat's Inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 140 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes Bone-Shattering Synths, Filthy Sustains, Machine-Gun Basses, Reese Layers, and immersive Ambience tools.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 11 MIDI Songstarter Kits (62 Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eUnlock immediate inspiration for intros, aggressive breakdowns, and high-impact drops with professional MIDI arrangements.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 10 Professional Ableton Live Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eBoost your sounds instantly with custom amp-style processing chains designed for professional workflow and mix-ready grit.\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\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEvery sound and pattern is ready for use in your commercial anthems without limitations.\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 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 Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eRack 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.0.2+\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 LFO Tool\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Transient Shaper (Opt.)\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 create the meanest tracks in your library?\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)';\"\u003eINITIALIZE THE HYPE\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":39640021270607,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/OVERHYPE.webp?v=1749863035"},{"product_id":"demons","title":"DEMON(S) | TEAROUT DUBSTEP \u0026 HYBRID TRAP TIL XFER Serum","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 \/* Obsidian \u0026 Crimson Title Gradient *\/\n .hero-title {\n color: #c71f1a;\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, #c71f1a, #660000);\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #c71f1a;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(199, 31, 26, 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: #c71f1a; 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 (Fused 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: #c71f1a; 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 #c71f1a;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eDEMON(S)\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003ePortal to the Dark Side of Sound Design\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e131\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\"\u003e12\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e11\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Racks\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;\"\u003eDemon(s) Preview\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1163914138%3Fsecret_token%3Ds-zOcl85Evh4j\u0026amp;color=%23c71f1a\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eAn explosive soundbank forged for Dubstep \u0026amp; Hybrid Trap. \u003cspan style=\"color: #c71f1a; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eDarkness, Intensity, and Raw Power.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eDemon(s) delivers a brutal arsenal of presets designed to ooze darkness. Forge monstrous atmospheres and craft devastating drops 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;\"\u003eWhat's Inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 131 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAggressive Drop Synths, Monstrous Growls, Filthy Screeches, Reese Basses, and cinematic Intro Synths.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 12 MIDI Songstarter Kits (72 MIDI Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eUnlock melodic and rhythmic foundations for intros, drops, and transitions to spark instant creativity.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 11 Ableton Live One-Knob Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePowerful amp-style processing chains built to boost any sound in your project with single-knob efficiency.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 100% Royalty Free\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEvery sound and MIDI pattern is yours to use in your commercial productions without limitations.\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(199, 31, 26, 0), rgba(199, 31, 26, 0.4), rgba(199, 31, 26, 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\"\u003ePreset 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 Windows \u0026amp; Mac\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eRack 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.0.2+\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 LFO Tool\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Valhalla Shimmer (Opt.)\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 craft devastating drops and monstrous soundscapes?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c71f1a; 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(199, 31, 26, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(199, 31, 26, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(199, 31, 26, 0.4)';\"\u003eFORGE THE DARKNESS\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":39667027607631,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DEMONS.webp?v=1749863008"},{"product_id":"anti-icon-tearout-dubstep-sample-pack","title":"ANTI-ICON | ULTIMATE TEAROUT X HYBRID TRAP SAMPLE 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 \/* Chrome\/Arctic 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, #b0b0b0, #707070);\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 *\/\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 \/* Monolith Top: SoundCloud Hero (Fused 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: #888; 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 #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eANTI-ICON\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Ultimate Weapon for Modern Bass Industry\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e1650\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePremium Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e50\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\"\u003e15\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\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;\"\u003eAnti-Icon Showcase\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1194249343\u0026amp;color=%231d1d1e\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eAn all-in-one arsenal for the next era of bass music. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eBuilt for Hybrid Trap \u0026amp; Tearout Dubstep\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eAnti-Icon delivers aggressive, genre-defining sound design crafted by leading professionals. Every element is engineered to deliver next-level energy to your productions.\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 Icon Inventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 1650 Premium .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive library including Bass Shots, Screeches, Monstrous Growls, Sub Basses, and diverse Loop variations.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 50 Professional Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAggressive Main Bass Synths, Reese layers, and Neuro Reese textures designed for instant impact and grit.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 15 MIDI Songstarter Kits (90 Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eUnlock immediate creative inspiration for intros, drops, and complex transitions with professionally composed MIDI patterns.\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;\"\u003eEvery sound and preset is ready for use in your commercial anthems without limitations.\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 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 Works with Any DAW\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 \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 class=\"req-title\"\u003ePreset Specs\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 Xfer Serum 1.341+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Optimized CPU Usage\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Instant Digital Access\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 craft your next bass music anthem?\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)';\"\u003eINITIATE THE ICON\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":42276208967933,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ANTI-ICON.webp?v=1749862983"},{"product_id":"overdose-tearout-dubstep-xfer-serum-presets","title":"OVERDOSE | TEAROUT DUBSTEP 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 - Standardized *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Chrome \u0026 Crimson Title Gradient *\/\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: #e6e6e6;\n text-shadow:\n 0 1px 0 rgba(255,255,255,0.05),\n 0 3px 6px rgba(0,0,0,0.8);\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 Industrial Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #c71f1a;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(199, 31, 26, 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: #c71f1a; 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 Preference *\/\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: #c71f1a; 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 #c71f1a;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eOVERDOSE\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eRelentless Sound Design for Hybrid Trap and Tearout\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e113\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\"\u003e15\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\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\"\u003eUltimate Rack\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\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1235223091\u0026amp;color=%23c71f1a\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eLevel up with brutal sonics and genre-pushing bass. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eHeavy. Unique. Relentless.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eOVERDOSE is a premium surgical toolkit forged for Tearout Dubstep and Hybrid Trap. Built by top-tier designers, every element is engineered to deliver brutal intensity and immediate inspiration.\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;\"\u003eWhat's inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 113 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eTearout Machine-Guns, Bloodcurdling Growls, Neuro \u0026amp; Grim Reeses, Dark Thematic Synths, and Hardstyle elements.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 15 MIDI Songstarter Kits (90 Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eSupercharge your workflow with instant melodies, chord progressions, and professional drop patterns.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Ultimate Ableton Bass Amp Rack\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eOur personal go-to processing chain designed for modern bass shaping, elite saturation, and mix-ready grit.\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\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEvery sound, pattern, and preset is ready for use in your commercial productions without limitations.\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(199, 31, 26, 0), rgba(199, 31, 26, 0.4), rgba(199, 31, 26, 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\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 Windows \u0026amp; Mac Compatible\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eRack 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.0.2+\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 iZotope Trash 2\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 supercharge your sound design toolkit?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c71f1a; 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(199, 31, 26, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(199, 31, 26, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(199, 31, 26, 0.4)';\"\u003eINITIATE THE OVERDOSE\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":42415647588605,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/OVERDOSE.webp?v=1749862961"},{"product_id":"inferno-ableton-live-tearout-dubstep-template","title":"INFERNO | ABLETON LIVE TEAROUT DUBSTEP-SKABELON","description":"\u003c!-- SoundCloud Embed --\u003e\n\u003cdiv style=\"max-width: 900px; margin: 0 auto;\"\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1226101909\u0026amp;color=%231d1d1e\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\n \u003c\/iframe\u003e\n\u003c\/div\u003e\n\n\u003c!-- Description --\u003e\n\u003cdiv style=\"max-width: 850px; margin: 28px auto 0 auto; text-align: center; color: #f1f1f1; font-size: 16px; line-height: 1.65;\"\u003e\n \u003cp\u003e\u003cstrong\u003eInferno\u003c\/strong\u003e is a professionally produced tearout dubstep Ableton project file — perfect for studying arrangement, mixing, and sound design. Whether you need fresh inspiration or a new creative spark, this template gives you a ready-made launching point.\u003c\/p\u003e\n\n \u003cp style=\"margin-top: 20px;\"\u003e\u003cem\u003e\u003cstrong\u003eThis Ableton project is 100% royalty-free for streaming and release.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e\u003cstrong\u003eAll exported .WAV stems are included – drums, synths, FX, and more.\u003c\/strong\u003e\u003c\/em\u003e\u003c\/p\u003e\n\n \u003ch4 style=\"margin: 32px 0 8px;\"\u003eProject File Requirements:\u003c\/h4\u003e\n \u003cp style=\"margin: 0 0 16px;\"\u003e\n Ableton Live 11.0.2 or higher\u003cbr\u003e\n Xfer Serum 1.341 or higher\u003cbr\u003e\n CamelCrusher \u003ca href=\"https:\/\/www.audiopluginsforfree.com\/camelcrusher\/\" target=\"_blank\" style=\"color: #f1f1f1;\"\u003e\u003cstrong\u003e(free)\u003c\/strong\u003e\u003c\/a\u003e\u003cbr\u003e\n kHs Transient Shaper (optional)\u003cbr\u003e\n kHs Tape Stop (optional)\u003cbr\u003e\n ValhallaRoom\u003cbr\u003e\n Valhalla Shimmer (optional)\n \u003c\/p\u003e\n\n \u003cp style=\"margin-top: 28px;\"\u003eUnpack the power of \u003cstrong\u003eInferno\u003c\/strong\u003e and dive into a fully-loaded tearout dubstep template built for serious producers. Perfect your sound, study the workflow, or use it as a launchpad for your next banger.\u003c\/p\u003e\n\u003c\/div\u003e\n","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":42509399359741,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INFERNO.webp?v=1749862924"},{"product_id":"soundwave-tearout-dubstep-xfer-serum-presets","title":"SOUNDWAVE | TEAROUT DUBSTEP 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 \/* Chrome\/Silver 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 \/* Monolith Showcase: SoundCloud Hero *\/\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: 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 .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 #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eSOUNDWAVE\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003ePremium Serum Presets for Modern Bass Music\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e104\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\"\u003e16\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eMIDI Kits\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e11\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Racks\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;\"\u003eSoundwave Preview\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1273083046%3Fsecret_token%3Ds-05s9GNxYN8H\u0026amp;color=%231d1d1e\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eIgnite your production with genre-leading sound design. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eBuilt for Tearout, Hybrid Trap, and DNB.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eEvery preset in SOUNDWAVE is meticulously crafted by professionals to deliver modern machine gun basses, bloodcurdling growls, and neuro textures that dominate 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;\"\u003eThe Sound Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 104 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes Tearout Machine Guns, Powerful Bass Shots, Grim Reeses, Modern Screeches, and Dark Thematic Synths.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 16 MIDI Songstarter Kits (96 Files)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eShape your intros, drops, and melodies with ease using professionally composed melodic foundations.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 1 Ultimate Bass Amp Rack\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAccess our personal go-to Ableton bass processing tool for instant power and grit.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 10 Ableton Live \"One-Knob\" Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStreamline your workflow with essential amp tools designed to shape your bass tones fast.\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 class=\"req-title\"\u003ePreset Pack Specs\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 100% Royalty Free\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003ch4 class=\"req-title\"\u003eAbleton Rack Req.\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.0.2+\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 iZotope Trash 2\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 unlock a deeper level of creativity?\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)';\"\u003eCLAIM SOUNDWAVE\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":42825733275901,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SOUNDWAVE.webp?v=1749862903"},{"product_id":"ultimate-tearout-dubstep-collection-vol-2","title":"ULTIMATIV TEAROUT DUBSTEP-SAMLING VOL. 2","description":"\u003cdiv style=\"text-align: center; max-width: 850px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-bottom: 0 !important;\"\u003e\n\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .bundle-main-title {\n margin-top: -40px !important;\n }\n }\n@media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n .bundle-main-title {\n color: #ffd700;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 30px;\n margin-top: 0;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"bundle-main-title\"\u003e\n Ultimate Tearout Dubstep Collection Vol. 2\n \u003c\/h2\u003e\n\n \u003cdiv style=\"\n max-width: 900px; \n margin: 0 auto 40px auto; \n text-align: center; \n border: 1px solid #333; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background-color: #000;\n padding: 20px;\n border-top: 3px solid #ffd700;\n \"\u003e\n \u003cdiv style=\"margin-bottom: 15px; font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eAudio Showcase\u003c\/div\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1453896781%3Fsecret_token%3Ds-4xXBhU6865y\u0026amp;color=%23ffd700\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=\"420\" width=\"100%\" frameborder=\"no\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 600px; \n margin: 30px auto; \n text-align: center;\n \"\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: \n \u003cspan style=\"text-decoration: line-through; color: #cccccc; font-size: 18px;\"\u003e$199.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 34px; color: #ffd700; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(255, 215, 0, 0.2);\"\u003e\n ONLY $44.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Over 2000 professionally crafted tools at a \u003cstrong style=\"color: #fff; border-bottom: 1px solid #ffd700;\"\u003emassive discount\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003ePrepare for a full-force sound design assault. From tearout to hybrid trap, this colossal bundle delivers elite quality and creative flexibility. Designed for producers craving midrange dominance and high-impact arrangements.\u003c\/p\u003e\n\n \u003ch4 style=\"margin-top: 40px; margin-bottom: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 20px;\"\u003eThe Powerhouse Payload:\u003c\/h4\u003e\n \u003cdiv style=\"text-align: left; max-width: 650px; margin: 0 auto; padding-left: 10px;\"\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #ffd700;\"\u003e✔ 722 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eElite bass design, gnarly fills, and modern midrange growls.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #ffd700;\"\u003e✔ 900 heavyweight .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eSustains, screeches, loops, and aggressive one-shots.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #ffd700;\"\u003e✔ 8 Complete Ableton Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eFully arranged tracks + 62 custom FX Racks for drop enhancement.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #ffd700;\"\u003e✔ 378 Melodic MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eInstant rhythmic inspiration for your next heavy banger.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 800px;\n margin: 40px auto 20px auto;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n text-align: left;\n }\n\n .req-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n @media (min-width: 600px) {\n .req-grid {\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n .req-col-left {\n border-right: 1px solid #333;\n padding-right: 20px;\n }\n }\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 #ffd700;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .req-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .req-item {\n color: #ccc;\n font-size: 14px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n line-height: 1.4;\n }\n\n .checkmark {\n color: #ffd700;\n font-weight: bold;\n font-size: 16px;\n margin-right: 12px;\n min-width: 20px;\n }\n\n .opt-section {\n margin-top: 30px;\n border-top: 1px solid #333;\n padding-top: 20px;\n text-align: center;\n }\n\u003c\/style\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 Compatibility\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Universal Tools:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eAny DAW\u003c\/strong\u003e (Samples\/MIDI)\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Serum 1.341 or higher\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n 100% Royalty Free\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-col-right\"\u003e\n \u003ch4 class=\"req-title\"\u003eAbleton Project Req.\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n To open the project files:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Ableton Live 11.0.2+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n CamelCrusher, OTT, LFO Tool\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n kHs Ring Mod, Disperser\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"opt-section\"\u003e\n \u003ch4 class=\"req-title\" style=\"font-size: 14px; border-bottom-color: #555;\"\u003eOptional Enhancements\u003c\/h4\u003e\n \u003cp style=\"color:#777; font-size:12px; margin-top:-10px; margin-bottom:15px;\"\u003eUsed for advanced processing (not required to open):\u003c\/p\u003e\n \u003cdiv style=\"display: inline-grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: left; margin-top: 10px; max-width: 550px;\"\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Transient Shaper \/ Haas\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• Valhalla Shimmer\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• FabFilter Bundle\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• Soothe2\u003c\/div\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(255, 215, 0, 0), rgba(255, 215, 0, 0.5), rgba(255, 215, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff; text-transform: uppercase;\"\u003eIncluded Packs\u003c\/h2\u003e\n\n\u003cstyle\u003e\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 900px;\n margin: 0 auto;\n text-align: left;\n }\n\n @media (min-width: 768px) {\n .inventory-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n \/* Force remove underlines from theme defaults *\/\n .pack-tile, .pack-tile:hover, .pack-tile:active, .pack-tile:visited {\n text-decoration: none !important;\n }\n\n .pack-tile {\n background-color: #111;\n border-left: 4px solid #ffd700;\n padding: 15px; \n border-radius: 0 4px 4px 0;\n transition: all 0.2s ease;\n display: flex;\n flex-direction: column;\n height: 100%; \n box-sizing: border-box;\n }\n\n .pack-tile:hover {\n transform: translateX(5px);\n background-color: #1a1a1a;\n box-shadow: 0 5px 15px rgba(255, 215, 0, 0.1);\n }\n\n \/* Only underline title on hover, force override theme *\/\n .pack-tile:hover .pack-title {\n text-decoration: underline !important;\n }\n\n .pack-title {\n color: #fff;\n font-size: 17px;\n font-weight: bold;\n margin-bottom: 5px;\n text-transform: uppercase;\n text-decoration: none !important;\n }\n\n .pack-desc {\n margin: 0;\n font-size: 13px; \n color: #aaa;\n line-height: 1.4;\n text-decoration: none !important;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"inventory-grid\"\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/demons\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eDEMON(S)\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eEvil sound design for tearout and aggressive bass music.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/hybrid\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eHYBRID SOUND DESIGN VOL. 3\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eModern hybrid trap tools for high-impact arrangement and elite fills.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/kill-pop\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eKILL-POP\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHigh-energy toolkit focused on punchy rhythms and industrial textures.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/new_core\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eNEW_CORE\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eForward-thinking presets and samples for the next wave of bass music.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/overhype\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eOVERHYPE\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAggressive festival-ready sounds designed to dominate the stage.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/unholy\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eUNHOLY\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eDeep, dark, and destructive sound design for professional productions.\u003c\/p\u003e\n \u003c\/a\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 30px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003e\n Level up your sound with the ultimate hybrid toolkit. Ready to dominate?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #ffd700; \n color: #000; \n font-size: 20px; \n font-weight: bold; \n padding: 18px 50px; \n border: none; \n border-radius: 4px; \n cursor: pointer; \n text-transform: uppercase; \n letter-spacing: 2px;\n box-shadow: 0 4px 20px rgba(255, 215, 0, 0.4);\n transition: all 0.2s ease;\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(255, 215, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 215, 0, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n\n \u003cp style=\"color: #999; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003e\n SECURE CHECKOUT • INSTANT DIGITAL DELIVERY\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":42994956173565,"sku":"","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ultimate_Tearout_Dubstep_Collection_Vol_2.webp?v=1750593034"},{"product_id":"ultimate-midtempo-collection-vol-2","title":"ULTIMATE MIDTEMPO COLLECTION VOL. 2","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: #da971c;\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(#da971c, #9e6d14);\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 (The \"Black Part\") *\/\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: 0px; \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 #da971c;\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: #da971c; 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 1fr; }\n }\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #da971c;\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(218, 151, 28, 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 \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eUltimate Midtempo Collection Vol. 2\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eMaster the Dark \u0026amp; Experimental Sound Design\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 src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1459920001\u0026amp;color=%23da971c\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\" height=\"420\" width=\"100%\" frameborder=\"no\" scrolling=\"no\" allow=\"autoplay\" style=\"border: none !important;\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003e\n Step into the gritty, experimental world of Midtempo with our\n \u003cspan style=\"color: #da971c; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n most expansive bundle to date.\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n Over 3350 total files including cutting-edge sound design, ready-to-use projects, and foundation MIDI.\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$299.99\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 38px; color: #da971c; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(218, 151, 28, 0.2);\"\u003e\n ONLY $49.99\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Foundation for years of production for \u003cstrong style=\"color: #fff; border-bottom: 1px solid #da971c;\"\u003eLESS THAN $5\/PACK\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 \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ 723 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePunchy leads to evolving textures — everything you need to shape your midtempo identity.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ 2432 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDrums, bass hits, atmospheres, screeches, and transitions crafted by genre specialists.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ 23 Complete Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eProfessionally mixed arrangements. Learn from full tracks or reverse-engineer the sound design.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ Bonus: 63 Racks \u0026amp; 167 MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eWorkflow-accelerating FX chains and instant melodic foundations.\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:-5px;\"\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 100% Royalty Free\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:-5px;\"\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.0.2+\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart, Sausage Fattener\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(218, 151, 28, 0), rgba(218, 151, 28, 0.5), rgba(218, 151, 28, 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\/nihilism\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eNihilism\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eDark, industrial textures and heavy hits.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/vengeance-cyberpunk-ableton-template\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eVengeance\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eFull cyberpunk Ableton template and toolkit.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/rave\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eRave\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHigh-octane midtempo rave essentials.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/aeon-midtempo-preset-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eAEON\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eNext-gen Serum presets for future bass.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/cyberpunk-midtempo-preset-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eCyberpunk\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eNeon-drenched soundscapes and gritty leads.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/asylum-midtempo-ableton-project-file-21-07\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eAsylum\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAggressive project files and construction kits.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/midtempo-sound-design-premium-sample-x-preset-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eSound Design\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eThe ultimate premium sample x preset library.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/extasy-midtempo-serum-soundset\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eExtasy\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eEuphoric yet heavy midtempo synth patches.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/genesis-premium-midtempo-presets\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eGenesis\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eThe foundational tools for your midtempo journey.\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 midtempo scene?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #da971c; 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(218, 151, 28, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(218, 151, 28, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(218, 151, 28, 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":43043873816829,"sku":"","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UMCV2_1.webp?v=1767561662"},{"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":"tearout-sound-design-vol-1","title":"TEAROUT SOUND DESIGN VOL. 1","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 \/* Chrome \u0026 Deep Cyan Title Gradient - Adjusted Palette *\/\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: #00a0b0;\n text-shadow:\n 0 0 12px rgba(0,160,176,0.35),\n 0 4px 14px rgba(0,0,0,0.9);\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 - Deep Cyan Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #00a0b0;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(0, 160, 176, 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: #00a0b0; 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: #00a0b0; 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 #00a0b0;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eTEAROUT VOL. 1\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eDesigned for Modern Tearout Destruction\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\"\u003e3\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\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;\"\u003eTearout 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\/1384518103%3Fsecret_token%3Ds-baglI3tQIWx\u0026amp;color=%2300a0b0\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\"\u003e\n A focused toolkit for modern tearout sound design.\n \u003cspan style=\"color: #00a0b0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n Designed by Industry Professionals.\n \u003c\/span\u003e\n\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eTEAROUT SOUND DESIGN VOL. 1 is a surgical collection of aggressive Serum presets and earth-shattering one-shots. Whether building brutal basslines or layering drops, this pack delivers the raw fire your tracks need.\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;\"\u003eWhat’s Included\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #00a0b0; font-size: 18px;\"\u003e✔ 100 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMeticulously crafted drop synths, monstrous growls, and clinical sustains engineered for maximum industrial impact.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #00a0b0; font-size: 18px;\"\u003e✔ 185 .WAV Drums \u0026amp; Bass One-Shots\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes bone-shattering bass hits and professionally processed drum samples ready to be dropped into any arrangement.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #00a0b0; font-size: 18px;\"\u003e✔ 3 Full Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer 4 professional drops from the demo. Study the exact mixing, layering, and arrangement secrets used.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #00a0b0; font-size: 18px;\"\u003e✔ Bonus Catchy Pre-Drop Vocals\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 20 exclusive pre-drop vocal tags, 100% royalty-free and ready for commercial use.\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(0, 160, 176, 0), rgba(0, 160, 176, 0.4), rgba(0, 160, 176, 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 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 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 Disperser (Opt.)\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 push your tearout sound further?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #00a0b0; 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(0, 160, 176, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(0, 160, 176, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(0, 160, 176, 0.4)';\"\u003eINITIATE THE TEAROUT\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT\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 const previewUrls = [\n 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Bass2-D_-150.wav?v=1668706699',\n 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Drums-150_9.wav?v=1668706699',\n 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Sustain-D_-150.wav?v=1668706699',\n 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Drop-D_-150_10.wav?v=1668706699',\n 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Growl-D_-145_3.wav?v=1668706698',\n 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Growl-D_-150.wav?v=1668706698'\n ];\n previewUrls.forEach((url, index) =\u003e {\n \/\/ Updated progress color to deeper cyan #00a0b0\n renderWavePlayer(url, `Preview ${index + 1}`, '#fff', '#00a0b0', 20, 'waveform');\n });\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 arrayOfItems.forEach(player =\u003e { if(player !== wavesurfer \u0026\u0026 player.isPlaying()) player.pause(); });\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":43551786434813,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/products\/cd_case1.png?v=1668637224"},{"product_id":"ultimate-tearout-dubstep-collection-vol-3","title":"ULTIMATE TEAROUT DUBSTEP COLLECTION VOL. 3","description":"\u003cdiv style=\"text-align: center; max-width: 850px; margin: 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6;\"\u003e\n\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .bundle-main-title {\n margin-top: -40px !important;\n }\n }\n@media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n .bundle-main-title {\n color: #80ff00;\n font-size: 26px;\n font-weight: 800;\n margin-bottom: 30px;\n margin-top: 0;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"bundle-main-title\"\u003e\n Ultimate Tearout Dubstep Collection Vol. 3\n \u003c\/h2\u003e\n\n \u003cdiv style=\"\n max-width: 900px; \n margin: 0 auto 40px auto; \n text-align: center; \n border: 1px solid #333; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background-color: #000;\n padding: 20px;\n border-top: 3px solid #80ff00;\n \"\u003e\n \u003cdiv style=\"margin-bottom: 15px; font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eAudio Showcase\u003c\/div\u003e\n \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\/1434563140%3Fsecret_token%3Ds-StmFkGwdn6u\u0026amp;color=%2380ff00\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 style=\"\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 600px; \n margin: 30px auto; \n text-align: center;\n \"\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: \n \u003cspan style=\"text-decoration: line-through; color: #cccccc; font-size: 18px;\"\u003e$164.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 34px; color: #80ff00; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(128, 255, 0, 0.2);\"\u003e\n ONLY $44.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Your gateway to \u003cstrong style=\"color: #fff; border-bottom: 1px solid #80ff00;\"\u003enext-level production\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003ePrepare for a full-force upgrade to your sound. This colossal bundle delivers everything you need to build devastating drops and evolve your tearout dubstep production. Featuring a curated selection of presets, samples, MIDI, vocals, and project files, this collection is loaded with pure firepower.\u003c\/p\u003e\n\n \u003ch4 style=\"margin-top: 40px; margin-bottom: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 20px;\"\u003eThe Powerhouse Payload:\u003c\/h4\u003e\n \u003cdiv style=\"text-align: left; max-width: 650px; margin: 0 auto; padding-left: 10px;\"\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #80ff00;\"\u003e✔ 400 Premium Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eAdvanced bass design, leads, and FX for the modern tearout sound.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #80ff00;\"\u003e✔ 300 Heavyweight Bass Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eHigh-impact .WAV hits and loops designed for maximum brutality.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #80ff00;\"\u003e✔ 5 Complete Ableton Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eFull tracks and 12 custom Racks to study and deconstruct.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #80ff00;\"\u003e✔ 192 Versatile MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eInstant inspiration for complex rhythms and aggressive arrangements.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 800px;\n margin: 40px auto 20px auto;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n text-align: left;\n }\n\n .req-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n @media (min-width: 600px) {\n .req-grid {\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n .req-col-left {\n border-right: 1px solid #333;\n padding-right: 20px;\n }\n }\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 #80ff00;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .req-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .req-item {\n color: #ccc;\n font-size: 14px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n line-height: 1.4;\n }\n\n .checkmark {\n color: #80ff00;\n font-weight: bold;\n font-size: 16px;\n margin-right: 12px;\n min-width: 20px;\n }\n \n .opt-section {\n margin-top: 30px;\n border-top: 1px solid #333;\n padding-top: 20px;\n text-align: center; \n }\n\u003c\/style\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\"\u003eSamples \u0026amp; Presets\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Universal Compatibility:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eAny DAW\u003c\/strong\u003e\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Serum 1.341 or higher\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n 100% Royalty Free\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-col-right\"\u003e\n \u003ch4 class=\"req-title\"\u003eCore Project Req.\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Required for Ableton Projects:\n \u003c\/p\u003e\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Ableton Live 11.1.6+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Serum 1.357+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n CamelCrusher, OTT, GClip\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"opt-section\"\u003e\n \u003ch4 class=\"req-title\" style=\"font-size: 14px; border-bottom-color: #555;\"\u003eOptional Enhancements\u003c\/h4\u003e\n \u003cp style=\"color:#777; font-size:12px; margin-top:-10px; margin-bottom:15px;\"\u003eUsed in specific tracks for advanced processing (not required to open files):\u003c\/p\u003e\n \u003cdiv style=\"display: inline-grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: left; margin-top: 10px; max-width: 500px;\"\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Disperser \/ Transient Shaper\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• ValhallaRoom \/ Shimmer\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• kHs Tape Stop\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• Soothe2\u003c\/div\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(128, 255, 0, 0), rgba(128, 255, 0, 0.5), rgba(128, 255, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff; text-transform: uppercase;\"\u003eIncluded Packs\u003c\/h2\u003e\n\n\u003cstyle\u003e\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 900px;\n margin: 0 auto;\n text-align: left;\n }\n\n @media (min-width: 768px) {\n .inventory-grid {\n grid-template-columns: 1fr 1fr;\n }\n .centered-tile {\n grid-column: 1 \/ span 2;\n justify-self: center;\n width: 100%;\n max-width: 440px; \n }\n }\n\n .pack-tile {\n background-color: #111;\n border-left: 4px solid #80ff00;\n padding: 15px; \n border-radius: 0 4px 4px 0;\n transition: all 0.2s ease;\n display: flex;\n flex-direction: column;\n height: 100%; \n text-decoration: none; \n box-sizing: border-box;\n }\n\n .pack-tile:hover {\n transform: translateX(5px);\n background-color: #1a1a1a;\n box-shadow: 0 5px 15px rgba(128,255,0,0.1);\n }\n \n .pack-tile:hover .pack-title {\n text-decoration: underline;\n }\n\n .pack-title {\n color: #fff;\n font-size: 17px;\n font-weight: bold;\n margin-bottom: 5px;\n text-transform: uppercase;\n }\n\n .pack-desc {\n margin: 0;\n font-size: 13px; \n color: #aaa;\n line-height: 1.4;\n text-decoration: none; \n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"inventory-grid\"\u003e\n\n \u003cdiv class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eKHAOS\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e\u003cstrong\u003eBUNDLE EXCLUSIVE:\u003c\/strong\u003e High-octane tearout toolkit with aggressive sound design.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/soundwave-tearout-dubstep-xfer-serum-presets\" target=\"_blank\" class=\"pack-tile\" style=\"text-decoration: none;\"\u003e\n \u003cdiv class=\"pack-title\"\u003eSOUNDWAVE\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003ePro-grade Serum presets focused on technical bass and sonic clarity.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/overdose-tearout-dubstep-xfer-serum-presets\" target=\"_blank\" class=\"pack-tile\" style=\"text-decoration: none;\"\u003e\n \u003cdiv class=\"pack-title\"\u003eOVERDOSE\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003ePure adrenaline-fueled presets and samples for the heaviest drops.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/inferno-ableton-live-tearout-dubstep-template\" target=\"_blank\" class=\"pack-tile\" style=\"text-decoration: none;\"\u003e\n \u003cdiv class=\"pack-title\"\u003eINFERNO\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eComplete Ableton Live template showing you exactly how a pro-level track is built.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003cdiv class=\"pack-tile centered-tile\"\u003e\n \u003cdiv class=\"pack-title\" style=\"color: #80ff00;\"\u003eHEAVYWEIGHT PRE-DROP VOCALS\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e\u003cstrong\u003eBONUS:\u003c\/strong\u003e 50 aggressive vocal shouts to give your drops that final edge.\u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 40px; padding: 30px; border-top: 1px solid #333;\"\u003e\n \n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003e\n The ultimate toolkit for high-impact production. Ready to dominate?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #80ff00; \n color: #000; \n font-size: 20px; \n font-weight: bold; \n padding: 18px 50px; \n border: none; \n border-radius: 4px; \n cursor: pointer; \n text-transform: uppercase; \n letter-spacing: 2px;\n box-shadow: 0 4px 20px rgba(128, 255, 0, 0.4);\n transition: all 0.2s ease;\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(128, 255, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(128, 255, 0, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n\n \u003cp style=\"color: #bbb; font-size: 13px; margin-top: 20px; letter-spacing: 1px; font-weight: 500;\"\u003e\n SECURE CHECKOUT • INSTANT DIGITAL DELIVERY\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":43620081074429,"sku":"","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ultimate_Tearout_Dubstep_Collection_Vol_3.webp?v=1750592811"},{"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":"phantom-marauda-kompany-yvm3-space-laces-sample-pack","title":"PHANTOM | SAMPLE 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: -2px 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: #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\"\u003ePHANTOM\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003e300 Next-Level Bass Weapons\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e300\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eBass Samples\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\/uaRJYzguQsA?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\"\u003ePrepare to haunt your speakers with brutal energy. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Marauda, Space Laces, and yvm3.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003ePacked with next-level complex growls and distortion-drenched textures, PHANTOM provides an aggressive toolkit for modern Dubstep, DnB, and Tearout.\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 Ghostly Arsenal\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 300 Unique .WAV Bass Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive library designed for maximum impact, covering everything from rhythmic fills to main stage growls.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Heavy Complex Growls\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCrush your drops with raw, visceral intensity. These samples are processed to tear through any professional mix.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Neuro Basses \u0026amp; Intricate Textures\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAdd evolving movement and gritty movement to your rhythm sections with expertly crafted neuro 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✔ Versatile Bass Shots \u0026amp; Glitches\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePerfect for layering and rhythm fills. Unique accents designed to make your drops stand out from the noise.\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 \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eQuick Preview\u003c\/h3\u003e\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\/playlists\/1582318741\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"166\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n \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 #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 (FL Studio, Live, etc)\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 \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;\"\u003eTechnical Specs\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 High-Quality .WAV Format\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Instant Digital Access\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Secure Checkout\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 power of your heaviest tracks yet?\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 • NO SUBSCRIPTIONS\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":43823699034365,"sku":"","price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/PHANTOM.webp?v=1778163298"},{"product_id":"terror-wave-tearout-dubstep-sample-pack","title":"TERROR WAVE | ULTIMATE TEAROUT DUBSTEP SAMPLE 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 \/* Standard Video Unit Styles (Kept for consistency if needed elsewhere) *\/\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 img, .video-unit iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\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: 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: #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\"\u003eTerror Wave\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Secret Weapon for Modern Bass Music\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e1090\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\"\u003e6\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Projects\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 style=\"max-width: 900px; margin: 0 auto; background: #000; border: 1px solid #333; border-bottom: none; border-radius: 12px 12px 0 0; padding: 25px 20px 5px 20px; 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);\"\u003e\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 15px 0;\"\u003eTerror Wave Showcase\u003c\/h3\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1582318699\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"400\" width=\"100%\" frameborder=\"no\" scrolling=\"no\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eLaser-focused on heavy, aggressive tearout drop sounds. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; font-size: 15px; display: block; margin-top: 4px;\"\u003eInspired by Marauda, Svdden Death, and Space Laces.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eEvery single one of the 1,090 samples is 100% original, pure, professional-grade aggression for your next project.\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 Terror Breakdown\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 549 Drop-Defining Bass Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 131 Neuro Reeses, 96 Machine Guns, 97 Complex Basses, 82 Color Bass Guns, 82 Hits, and 60 Growls.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 548 Key-Labeled Drum Tools\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA complete rhythm arsenal: 185 Kicks, 208 Snares, and 155 high-clarity Cymbals.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 1 Main Ableton Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDeconstruct the official demo track from SoundCloud\/YouTube to master arrangement and processing.\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 Bonus DNB Drop Templates\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAdditional Ableton project templates focused on high-energy Drum and Bass drops.\u003c\/span\u003e\n \u003c\/div\u003e\n \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 #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 Windows \u0026amp; Mac\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 Live 11.2.6+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher \/ Xfer OTT\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e 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 elevate your tracks with spine-tingling force?\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 • \u003ca href=\"https:\/\/omniform1.com\/forms\/v1\/landingPage\/64566811bc57b9e2416212e1\/645682576a3925a0dc01c2c3\" target=\"_blank\" style=\"color: #80ff00; text-decoration: none;\"\u003eDOWNLOAD FREE DEMO\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":43823700803837,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/TERRORWAVE.webp?v=1749862754"},{"product_id":"26-ableton-templates-in-1-bundle","title":"26 ABLETON TEMPLATES IN 1 BUNDLE","description":"\u003cdiv style=\"text-align: center; max-width: 850px; margin: 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6;\"\u003e\n\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .bundle-main-title {\n margin-top: -40px !important;\n }\n }\n@media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n .bundle-main-title {\n margin-bottom: 30px; \n margin-top: 0;\n font-weight: normal;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"bundle-main-title\"\u003e\n Introducing our colossal bundle of \u003cstrong\u003e26 Ableton Live Project Files\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cdiv style=\"\n max-width: 900px; \n margin: 0 auto 40px auto; \n text-align: center; \n border: 1px solid #333; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background-color: #000;\n \"\u003e\n \u003ciframe width=\"100%\" height=\"350\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/1582881928\u0026amp;color=%23ffc200\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\u0026amp;visual=false\"\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 600px; \n margin: 30px auto; \n text-align: center;\n \"\u003e\n \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: \n \u003cspan style=\"text-decoration: line-through; color: #cccccc; font-size: 18px;\"\u003e$569.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 28px; color: #ffc200; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(255, 194, 0, 0.2);\"\u003e\n ONLY $49.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n That’s just \u003cstrong style=\"color: #fff; border-bottom: 1px solid #ffc200;\"\u003e$1.92 per project file\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cp\u003eSave hours of production time and unlock instant inspiration with our ultimate Ableton project bundle. Each template is designed by top-tier producers and loaded with mix-ready sounds, synths, automation, and structure to elevate your music immediately.\u003c\/p\u003e\n\n \u003cp\u003eWhether you produce \u003cstrong\u003eMidtempo, Trap, Future Bass, Dubstep, Bass House\u003c\/strong\u003e, or a blend of styles - this bundle has you covered.\u003c\/p\u003e\n\n \u003ch4 style=\"margin-top: 30px; margin-bottom: 6px; color: #ffffff;\"\u003eWhy You’ll Love It:\u003c\/h4\u003e\n \u003cp\u003e\n ✔ 26 Complete, Editable Project Files\u003cbr\u003e\n ✔ All Royalty-Free - Release Your Music with Confidence\u003cbr\u003e\n ✔ Learn Advanced Arrangement, Sound Design \u0026amp; Processing\u003cbr\u003e\n ✔ Compatible with Ableton Live Suite 10+\n \u003c\/p\u003e\n\n\u003cstyle\u003e\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 800px;\n margin: 40px auto 20px auto;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n }\n\n .req-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n @media (min-width: 600px) {\n .req-grid {\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n .req-col-left {\n border-right: 1px solid #333;\n padding-right: 20px;\n }\n }\n\n .req-title {\n color: #fff;\n font-size: 18px;\n margin-top: 0;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #ffc200;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .req-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .req-item {\n color: #ccc;\n font-size: 15px;\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n line-height: 1.4;\n }\n\n .checkmark {\n color: #ffc200;\n font-weight: bold;\n font-size: 18px;\n margin-right: 12px;\n min-width: 20px;\n }\n\n .req-note {\n font-size: 12px;\n color: #777;\n margin-left: 8px; \n }\n\n .req-note a {\n color: #999;\n text-decoration: underline;\n transition: color 0.2s;\n }\n .req-note a:hover {\n color: #ffc200;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"req-container\"\u003e\n \n \u003cdiv class=\"req-grid\"\u003e\n \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:20px;\"\u003e\n To open and use the templates, you need:\n \u003c\/p\u003e\n \n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eAbleton Live 10 Suite\u003c\/strong\u003e (or higher)\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eXfer Serum\u003c\/strong\u003e\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eXfer OTT\u003c\/strong\u003e\n \u003cspan class=\"req-note\"\u003e(\u003ca href=\"https:\/\/xferrecords.com\/freeware\" target=\"_blank\"\u003eFree\u003c\/a\u003e)\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-col-right\"\u003e\n \u003ch4 class=\"req-title\"\u003eUsed in Select Tracks\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Not required for every project file:\n \u003c\/p\u003e\n\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\" style=\"opacity:0.6;\"\u003e+\u003c\/span\u003e\n Nicky Romero Kickstart 1 or 2\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\" style=\"opacity:0.6;\"\u003e+\u003c\/span\u003e\n Sausage Fattener\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\" style=\"opacity:0.6;\"\u003e+\u003c\/span\u003e\n Xfer Serum FX\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cp style=\"margin-top: 10px; margin-bottom: 30px;\"\u003eThis is your shortcut to professional productions.\u003cbr\u003eDon’t miss the chance to own 26 powerhouse templates at a fraction of their value.\u003c\/p\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.75), rgba(255, 255, 255, 0)); margin-bottom: 30px;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff;\"\u003eThe Inventory\u003c\/h2\u003e\n\n\u003cstyle\u003e\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 10px; \n max-width: 900px;\n margin: 0 auto;\n }\n\n @media (min-width: 768px) {\n .inventory-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n .edmt-track-tile {\n background-color: #111;\n border-left: 4px solid #ffc200;\n padding: 12px 15px; \n border-radius: 0 4px 4px 0;\n transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s;\n display: flex;\n flex-direction: column;\n height: 100%; \n }\n\n .edmt-track-tile:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.4);\n background-color: #161616;\n }\n\n .tile-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 4px; \n flex-wrap: wrap;\n gap: 5px;\n }\n\n .tile-title {\n color: #fff;\n font-size: 18px;\n font-weight: bold;\n margin: 0;\n line-height: 1.2;\n }\n\n .tile-tag {\n color: #ffc200;\n font-size: 10px; \n font-weight: bold;\n border: 1px solid #ffc200;\n padding: 2px 5px; \n border-radius: 4px;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .tile-desc {\n margin: 0;\n font-size: 13px; \n color: #ccc;\n line-height: 1.4;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"inventory-grid\"\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e1. WITH YOU\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Dark, slow-burning midtempo. Influenced by \u003cem\u003e1788-L, ATLAST, Shadient,\u003c\/em\u003e and \u003cem\u003eSlooze\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e2. REBORN\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Heavy hybrid trap built for impact and control. Influenced by \u003cem\u003eTYNAN, ATLiens, G-REX,\u003c\/em\u003e and \u003cem\u003ePEEKABOO\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e3. TONIGHT\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Emotional future bass with strong melodic movement. Influenced by \u003cem\u003eEkali, Lost Kings, San Holo,\u003c\/em\u003e and \u003cem\u003eRL Grime\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e4. JAPAN 2077\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Cyberpunk-inspired midtempo driven by distortion and atmosphere. Influenced by \u003cem\u003e1788-L, REZZ,\u003c\/em\u003e and \u003cem\u003eAWAY\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e5. DESOLATION\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Dark, cinematic midtempo built around tension and space. Influenced by \u003cem\u003eRezz, Blanke, Gesaffelstein,\u003c\/em\u003e and \u003cem\u003eSlooze\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e6. DREAMER\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Uplifting future bass focused on melody, progression, and emotional payoff.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e7. HAVOC\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Aggressive midtempo with chaotic sound design and relentless energy. Influenced by \u003cem\u003e1788-L, SWARM, K?D\u003c\/em\u003e and \u003cem\u003eREZZ\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e8. LOYAL\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Hard-hitting hybrid trap blending melodic elements with punchy low-end. Influenced by \u003cem\u003eEkali, TYNAN, Boombox Cartel\u003c\/em\u003e and \u003cem\u003eQUIX\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e9. ASYLUM\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Dark midtempo built on tension, atmosphere, and industrial-style rhythm.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e10. LOST\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Emotional future bass designed for atmosphere, melody, and evolving arrangement.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e11. ESCAPE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Lush chords and vocal-driven future bass. Influenced by \u003cem\u003eKrane, Ekali, Myrne, Illenium,\u003c\/em\u003e and \u003cem\u003eBoombox Cartel\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e12. METALHEADZ\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eDUBSTEP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Heavyweight dubstep focused on aggressive bass design. Influenced by \u003cem\u003eNever Say Die, Rottun, Disciple\u003c\/em\u003e and \u003cem\u003eBuygore\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e13. INVASION\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eRIDDIM\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Aggressive modern riddim built for movement and impact. Influenced by \u003cem\u003eSpace Laces, Borgore, Ray Volpe, SVDDEN DEATH\u003c\/em\u003e and \u003cem\u003ePanda Eyes\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e14. OVERDRIVE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eRIDDIM\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Hypnotic riddim built for bounce and weight. Influenced by \u003cem\u003ePanda Eyes, Virtual Riot, Monxx, RIOT\u003c\/em\u003e and \u003cem\u003ePhaseOne\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e15. INSANE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n High-energy hybrid trap designed for aggressive drops, sharp fills, and controlled low-end movement.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e16. HEAT\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Festival-ready hybrid trap built for maximum energy, punchy drums, and explosive drop sections.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e17. MENTAL\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eRIDDIM DUBSTEP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Aggressive riddim chops inspired by \u003cem\u003eDodge \u0026amp; Fuski, Ray Volpe, Wavedash\u003c\/em\u003e and \u003cem\u003ePanda Eyes\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e18. AFTERGLOW\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n High-energy bass house inspired by \u003cem\u003eDustycloud, Sikdope, Koos\u003c\/em\u003e and \u003cem\u003eLoge21\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e19. VIRUS\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Dark, mechanical bass house groove. Influenced by \u003cem\u003eGhastly, Matroda, Botnek\u003c\/em\u003e and \u003cem\u003eCrankdat\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e20. WAREHOUSE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Gritty, industrial bass house inspired by \u003cem\u003eDillon Nathaniel, Matroda\u003c\/em\u003e and \u003cem\u003eMalaa\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e21. HATERS\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Festival-ready bass house. Influenced by \u003cem\u003eSikdope, Dustycloud, Valentino Khan,\u003c\/em\u003e and \u003cem\u003eJauz\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e22. WANTED\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Bouncy bass house inspired by \u003cem\u003eHabstrakt, Skrillex, Tchami,\u003c\/em\u003e and \u003cem\u003eMalaa\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e23. MY SOUL\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Deep, groove-driven bass house focused on rhythm, movement, and club-ready energy.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e24. DROP IT\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eRIDDIM DUBSTEP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Heavy riddim drops inspired by \u003cem\u003eVirtual Riot, Panda Eyes, YOOKiE\u003c\/em\u003e and \u003cem\u003eWavedash\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e25. HOLLOW\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP X FUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Hybrid structure blending melodic builds with heavy drops and dynamic transitions.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e26. SPOTLIGHT\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Hard-hitting hybrid trap engineered to be clean, powerful, and fully customisable.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv style=\"\n text-align: center; \n margin: 50px auto 30px auto; \n padding: 20px; \n border-top: 1px solid #333;\n max-width: 850px;\n\"\u003e\n \n \u003cp style=\"color: #ccc; margin-bottom: 20px; font-size: 16px;\"\u003e\n Ready to upgrade your sound?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #ffc200; \n color: #ffffff; \n font-size: 18px; \n font-weight: bold; \n padding: 15px 40px; \n border: none; \n border-radius: 4px; \n cursor: pointer; \n text-transform: uppercase; \n letter-spacing: 1px;\n box-shadow: 0 4px 15px rgba(255, 194, 0, 0.4);\n transition: all 0.2s ease;\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 20px rgba(255, 194, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 15px rgba(255, 194, 0, 0.4)';\"\u003e\n Get The Bundle\n \u003c\/button\u003e\n\n \u003cp style=\"color: #666; font-size: 12px; margin-top: 15px;\"\u003e\n Instant Download • Secure Checkout\n \u003c\/p\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":43826020745469,"sku":"","price":49.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/26-in-1-Ableton-Templates.webp?v=1767560856"},{"product_id":"chaos-drum-and-bass-sample-pack","title":"CHAOS | DRUM AND BASS SAMPLE 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 \/* Chrome\/Silver 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 \n \/* Standardized Stat Bar Class *\/\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 \/* Monolith Top: SoundCloud Hero (Fused 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: #888; 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 #666;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eCHAOS\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eForward-Thinking Aggressive Drum \u0026amp; Bass\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e682\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eUnique Samples\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\"\u003eNeuro Arsenal\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject File\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;\"\u003eChaos 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\/1521888838\u0026amp;color=%23000000\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\"\u003eUnleash sonic aggression with an extraordinary collection of modern bass sounds. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Noisia, Mefjus, and Phace.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eEvery standalone file in CHAOS is 100% unique! No repeats or filler - delivering a diverse toolset built for high-impact Neurofunk, Halftime, and aggressive Drum \u0026amp; Bass.\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 Chaos Inventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 348 Neuro-Drop \u0026amp; Neuro-Reese Tools\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive library of evolving, gritty, and intricately processed bass weapons engineered to dominate any speaker system.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 267 Key-Labeled Professional Drums\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA clinical rhythm arsenal including 103 Kicks, 104 Snares, and 60 sharp Cymbals optimized for maximum punch.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 67 Unique Glitches \u0026amp; Textures\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStandalone sonic accents and rhythmic glitches designed to add professional movement and complexity to your drop sequences.\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 11.2.6 Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer the official demo track arrangement and professional mixing workflow to master high-level DnB production.\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 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 Works with Any DAW\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 \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 class=\"req-title\"\u003eProject Specs\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.2.6+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher \/ Xfer OTT\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e GClip (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 elevate your production with the ultimate DnB toolset?\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)';\"\u003eUNLEASH THE CHAOS\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL DELIVERY • SECURE CHECKOUT • \u003ca href=\"https:\/\/omniform1.com\/forms\/v1\/landingPage\/64566811bc57b9e2416212e1\/645682576a3925a0dc01c2c3\" target=\"_blank\" style=\"color: #fff; text-decoration: underline;\"\u003eFREE DEMO PACK\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":46570280550731,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/CHAOS.webp?v=1749862714"},{"product_id":"apocalypse-tearout-sample-pack","title":"APOCALYPSE | TEAROUT X HYBRID TRAP SAMPLE 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 \/* Crimson Title Gradient *\/\n .hero-title {\n color: #c71f1a;\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, #c71f1a, #6b0d0a);\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 \/* Standard Stat Bar - Standardized Class Name *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #c71f1a;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(199, 31, 26, 0.15);\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: #c71f1a; 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; \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: #c71f1a; 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 .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 #c71f1a;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eAPOCALYPSE\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eBrutal Tearout \u0026amp; Hybrid Trap Foundations\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e851\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\"\u003e2\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Projects\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\"\u003eEnhancer Rack\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\/NSfYZmByoZ0?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"APOCALYPSE Demo\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eA brutal new Tear-Out \u0026amp; Hybrid Trap Sample Pack. \u003cspan style=\"color: #c71f1a; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by Eugene, Effin, and TRVCY.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eDive into 851 high-quality, key-labeled samples engineered for serious producers aiming to craft pure chaos and aggressive, trap-influenced bangers.\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 Chaos Inventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 426 Earth-Shattering Bass Weapons\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 402 uniquely processed bass one shots and 24 heavy loops built to dominate the low end.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 425 Hard-Hitting Drum Elements\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e53 Kicks, 150 Snares, 50 Claps, 69 Rides, 79 Hats, and 24 pre-made loops for instant punch.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ 2 Full Ableton 11 Demo Projects\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer the official demo tracks to learn pro-level Tearout arrangement and mixing techniques.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #c71f1a; font-size: 18px;\"\u003e✔ Ultimate Bass Enhancer Rack\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eOur custom signature processing rack designed to give your subs and mids a professional competitive edge.\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(199, 31, 26, 0), rgba(199, 31, 26, 0.4), rgba(199, 31, 26, 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\"\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 Works with Any DAW\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 \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 class=\"req-title\"\u003eProject Specs\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.3.4+\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 GClip (Free)\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-top: 25px; padding-top: 20px; border-top: 1px solid #333; text-align: center;\"\u003e\n \u003cp style=\"color:#777; font-size:12px; font-style:italic;\"\u003e*Vocals from the demo track are not included.\u003c\/p\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 sound of total sonic annihilation?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c71f1a; 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(199, 31, 26, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(199, 31, 26, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(199, 31, 26, 0.4)';\"\u003eUNLEASH THE CHAOS\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\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\/EDM_Templates_-_Drop_Loop_-_D_-_145_1.wav?v=1712815678', 'Drop Loop 1', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Drop_Loop_-_D_-_145_7.wav?v=1712815703', 'Drop Loop 7', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Neon_-_Bass_-_D_16.wav?v=1712815743', 'Neon Bass 16', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Riot_-_Bass_-_F_3.wav?v=1712815769', 'Riot Bass 3', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Neon_-_Bass_-_D_13.wav?v=1712815797', 'Neon Bass 13', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Nuke_-_Bass_-_E_27.wav?v=1712815824', 'Nuke Bass 27', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Shockwave_-_Bass_-_G_15.wav?v=1712815851', 'Shockwave 15', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Gravity_-_D_8.wav?v=1712815874', 'Gravity Bass 8', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Drum_Loop_2_-_150_1.wav?v=1712815936', 'Drum Loop 1', '#fff', '#c71f1a', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Cymbals_-_155_3.wav?v=1712815962', 'Cymbal Preview', '#fff', '#c71f1a', 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":46795318526283,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/APOCALYPSE.webp?v=1749102671"},{"product_id":"berrix-x-edm-templates-riddim-unleashed","title":"BERRIX X EDMT | RIDDIM UNLEASHED","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.hero-title {\n color: #ff9a00;\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(#ff9a00, #cc2900);\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #e64409;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(230, 68, 9, 0.15);\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: #e64409; 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;\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; \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: #e64409; 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\"\u003eRiddim Unleashed\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eOur Game-Changing Collaboration with BERRIX\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\"\u003e203\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\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject File\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\/-Nw3uezJqa0?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\"\u003eStep into uncharted territory with our first artist collaboration. \u003cspan style=\"color: #e64409; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eFeaturing Trailblazing Heavyweight BERRIX.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eCapture the essence of sonic wizardry with 100 meticulously crafted presets and 203 mind-bending samples from an artist renowned on Disciple and Savage Society.\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;\"\u003eYou'll get exclusive access to:\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #e64409; font-size: 18px;\"\u003e✔ 100 Signature BERRIX Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 50 Main Basses, 28 Drums, 10 Intro Basses, 7 Sub Basses, and 5 cinematic Pads.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #e64409; font-size: 18px;\"\u003e✔ 203 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive library featuring 132 Bass Loops, 58 One Shots, 7 Bleeps, and 6 Sustain Basses.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #e64409; font-size: 18px;\"\u003e✔ Exclusive BERRIX Ableton Project\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDive deep into his workflow. Includes a deactivated 2nd drop for you to experiment and make your own mark.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #e64409; font-size: 18px;\"\u003e✔ Beatport-Chart-Topping Design\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer the sounds that held the No.2 spot on the Beatport Dubstep charts for two straight weeks.\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(230, 68, 9, 0), rgba(230, 68, 9, 0.5), rgba(230, 68, 9, 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 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #e64409; 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\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 #e64409; 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 \/ Valhalla Bundles\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart 2 \/ Endless Smile\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e V-Clip \/ Disperser\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 revolution in your tracks?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #e64409; 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(230, 68, 9, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(230, 68, 9, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(230, 68, 9, 0.4)';\"\u003eUNLEASH THE REVOLUTION\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\/B_BASS_LOOP_4_D.wav?v=1694293347', 'BERRIX Loop 4', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_BASS_LOOP_6_D.wav?v=1694293331', 'BERRIX Loop 6', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_BASS_LOOP_8_D.wav?v=1694293303', 'BERRIX Loop 8', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_BASS_LOOP15-D_145-1.wav?v=1701849328', 'BERRIX Loop 15', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_BASS_LOOP12-D_150.wav?v=1712811408', 'BERRIX Loop 12', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_BASS_LOOP15-D_145-2.wav?v=1712811477', 'BERRIX Loop 15b', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_BASS_ONE_SHOT30-_D.wav?v=1712811532', 'Bass Shot 30', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_BASS_ONE_LOOP36-_D.wav?v=1712811573', 'Bass Loop 36', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_BASS_ONE_SHOT_45_D.wav?v=1694293371', 'Bass Shot 45', '#fff', '#e64409', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_SUSTAIN4_-_D.wav?v=1712811972', 'Sustain Bass 4', '#fff', '#e64409', 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":46795890098507,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/RiddimUnleashed.webp?v=1749103218"},{"product_id":"vortex","title":"VORTEX | DRUM AND BASS SAMPLE 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 - Saved Preference *\/\n @media (min-width: 769px) {\n .main-bundle-wrapper {\n margin-top: -40px !important;\n }\n }\n \/* Greyish Blue Chrome Title Gradient - Requested Palette *\/\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 - For Global CSS *\/\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 \/* Full-Width Monolith Video Unit - 48% Padding Preference *\/\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\n \/* Monolith Bottom (Fused Description) - Gap Fix Architecture *\/\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 Preference *\/\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 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 .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\"\u003eVORTEX\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eIgnite the Sonic Storm with Unparalleled D\u0026amp;B Mastery\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e600\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eHigh-End Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eAbleton Project\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\/ecqyzRut47c?modestbranding=1\u0026amp;rel=0\u0026amp;showinfo=0\u0026amp;controls=1\" frameborder=\"0\" allowfullscreen title=\"VORTEX Demo\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eWe're back with another huge D\u0026amp;B pack! \u003cspan style=\"color: #8ab0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by K Motionz, Upgrade (UK), Kanine, and Phibes.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eThis heavyweight collection is a must-have for producers seeking elite Drum \u0026amp; Bass excellence. Plunge into the eye of the storm and redefine your sound with 600 clinical tools engineered for the modern scene.\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 Storm Inventory\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 355 Precision Engineered Basses\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA colossal library of processed bass weapons designed to dominate the low end and provide instant energy to your drops.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Elite Rhythm Section\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 46 Kicks, 67 Snares\/Rolls, 46 Cymbals\/Rolls, and 5 fully-dressed drum loops for professional groove construction.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ 66 Evolving Atmospheres \u0026amp; FX\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eHigh-scale cinematic atmospheres, hype loops, impacts, and rise\/fall FX to create professional depth and tension.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #8ab0c0; font-size: 18px;\"\u003e✔ Full Ableton Live Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eReverse-engineer the official arrangement to master high-level D\u0026amp;B transition and mixing techniques using stock plugins.\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 Content\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eExclusive pre-drop vocal tags ready for immediate use in your commercial productions.\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 (Samples)\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 \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 class=\"req-title\"\u003eProject Specs\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.3.2+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Utilizes Stock Plugins\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Optimized CPU Usage\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 redefine your sound and leave an indelible mark?\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)';\"\u003eIGNITE THE STORM\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\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\/EDMT_Vortex_Drum_Loop_2.wav?v=1694423302', 'Vortex Drum Loop 2', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Drum_Loop_4_-_174bpm.wav?v=1712823439', 'Vortex Drum Loop 4', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Nebulous_38_E.wav?v=1694423312', 'Nebulous 38 (E)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Zephyr_13_D.wav?v=1694423290', 'Zephyr 13 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Quasar_62_F.wav?v=1694423280', 'Quasar 62 (F)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Zenith_36_F.wav?v=1694423271', 'Zenith 36 (F)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Quasar_7_-_F.wav?v=1712823411', 'Quasar 7 (F)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Zephyr_7_-_D.wav?v=1712823412', 'Zephyr 7 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Flux_1_-_D.wav?v=1712823412', 'Flux 1 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Catalyst_58_-_E.wav?v=1712823420', 'Catalyst 58 (E)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Rise_7.wav?v=1712823432', 'Vortex Rise 7', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Fall_23.wav?v=1712823444', 'Vortex Fall 23', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Riser_3_-_D.wav?v=1712823468', 'Riser 3 (D)', '#fff', '#8ab0c0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Atmosphere_5_D.wav?v=1694423262', 'Atmosphere 5 (D)', '#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":46871771709771,"sku":"","price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/VORTEX.webp?v=1749103378"},{"product_id":"trick-or-treat-vol-1-dubstep-hybrid-trap-sample-pack","title":"TRICK OR TREAT VOL.1 | DUBSTEP X HYBRID TRAP SAMPLE 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\n \/* Brighter \"Supernova\" Title Gradient *\/\n .hero-title {\n color: #ffa000;\n font-size: 34px;\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ffffff, #ffa000, #cc8100);\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\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 \/* Master Stat Bar *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ffa000;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 160, 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: 26px; font-weight: 800; color: #ffa000; 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\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: -1px 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\n .checkmark { color: #ffa000; 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\"\u003eTrick or Treat Vol. 1\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eAdd a Spine-Chilling Edge to Your Tracks\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e800+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eHaunting Sounds\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\"\u003eAbleton Project\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\/5_SQ3vZoe6w?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\"\u003eThe Halloween sample pack like no other has arrived. \u003cspan style=\"color: #ffa000; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eBuilt for Dubstep \u0026amp; Hybrid Trap.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eTrick or Treat Vol. 1 provides a massive vault of spine-tingling sound design engineered to take your productions into the dark depths of Halloween.\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 Shadows' Breakdown\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 333 High-Impact Bass Tools\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 237 Bass One Shots, 72 Bass Loops, and 24 specialized Sustains.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 100 Exclusive Vocals \u0026amp; Leads\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAggressive Vocal Shouts \u0026amp; Phrases plus 7 sharp Lead patches for immediate impact.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 167 Heavyweight Drum Elements\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e47 Kicks, 52 Snares, 39 Hats\/Cymbals, 15 808s, and 14 hard-hitting Drum Loops.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 193 Spooky FX \u0026amp; Atmospheres\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive collection of haunting FX and textures to set an unmistakable Halloween tone.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ Rage-Ready Ableton Project\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes the full 90-track demo project. Reverse-engineer pro-level mixing using stock-compatible chains.\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, 160, 0, 0), rgba(255, 160, 0, 0.5), rgba(255, 160, 0, 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 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ffa000; 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\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 #ffa000; 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 \/ kHs Bundles\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Disperser \/ ElastiquePitchV2\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e GClip (Free) \/ Soothe 2\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 20px; color: #aaa; font-size: 14px;\"\u003e\n \u003cem\u003eNote: The project includes a keyboard shortcut to activate stock plugins for those without external VSTs.\u003c\/em\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 elevate your tracks with the haunting force of Vol. 1?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffa000; 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, 160, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 160, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 160, 0, 0.4)';\"\u003eSECURE THE VAULT\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\/EDMT_-_TOTV1_-_808_2_D.wav?v=1724988124', '808 Preview', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_One_Shot_-_D_-_24.wav?v=1724988124', 'Bass Shot 24', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_One_Shot_-_D_-_53.wav?v=1724988125', 'Bass Shot 53', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_One_Shot_-_D_-_73.mp3?v=1724988123', 'Bass Shot 73', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_One_Shot_-_E_-_28.wav?v=17249881241', 'Bass Shot 28', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_Loop_-_D_-_23.mp3?v=1724988124', 'Bass Loop 23', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Sustain_-_D_-_4.mp3?v=1724988124', 'Sustain 4', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Sustain_-_E_-_1.mp3?v=1724988124', 'Sustain 1', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Sustain_-_D_-_9.mp3?v=1724988124', 'Sustain 9', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Sustain_-_D_-_1.mp3?v=1724988124', 'Sustain 1b', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_Loop_-_D_min_-_16.mp3?v=1724988125', 'Bass Loop 16', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Lead_-_3_-_Dmin.mp3?v=1724988125', 'Lead 3', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Lead_-_7_-_Dmin.mp3?v=1724988124', 'Lead 7', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Spooky_1.wav?v=1724988124', 'Spooky FX 1', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Spooky_64.mp3?v=1724988124', 'Spooky FX 64', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Spooky_48.wav?v=1724988124', 'Spooky FX 48', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Impact_14.mp3?v=1724988124', 'Impact 14', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Impact_16.mp3?v=1724988123', 'Impact 16', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Riser_20.mp3?v=1724988125', 'Riser 20', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Hype_Loop_4.mp3?v=1724988124', 'Hype Loop 4', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Atmo_3_E.mp3?v=1724988126', 'Atmo 3', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV1_-_Bass_Loop_-_E_-_33.mp3?v=1724988124', 'Bass Loop 33', '#fff', '#ffa000', 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":46953712812363,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/TrickorTreatVol1.jpg?v=1729387008"},{"product_id":"era","title":"ERA | TEAROUT DUBSTEP SAMPLE 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 .hero-title {\n color: #9b30ff;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ffffff, #9b30ff);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #9b30ff;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(155, 48, 255, 0.15);\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: #9b30ff; 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;\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; \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: #9b30ff; 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\"\u003eERA\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Ultimate Auditory Onslaught Has Arrived\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e700\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePremium Samples\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\"\u003eAbleton Template\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\/C7YszRHSaQQ?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\"\u003eGet ready for our most visceral and guttural collection yet. \u003cspan style=\"color: #9b30ff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 15px; margin-top: 4px;\"\u003eInspired by Marauda, yvm3, AKVMA, and Perry Wayne.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eERA sets an entirely new standard in raw, unbridled energy, offering an unparalleled toolkit for modern Tearout and Heavy Dubstep 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;\"\u003eWhat's Inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #9b30ff; font-size: 18px;\"\u003e✔ 422 Elite Bass Tools\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 411 visceral Bass One Shots and 11 high-impact Bass Loops designed to rip through any mix.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #9b30ff; font-size: 18px;\"\u003e✔ 277 Professional Drum Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA massive selection: 52 Kicks, 78 Snares, 63 Rides, 68 Hats, and 16 Drum Loops.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #9b30ff; font-size: 18px;\"\u003e✔ Pro-Grade Ableton Template\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eComplete demo track project file. Reverse-engineer elite processing, arrangement, and mixing techniques.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #9b30ff; font-size: 18px;\"\u003e✔ Uncompromising Sound Design\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCrafted by industry professionals to deliver an auditory journey that breaks boundaries and resets standards.\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(155, 48, 255, 0), rgba(155, 48, 255, 0.5), rgba(155, 48, 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 #9b30ff; 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 Serum 1.363 or newer\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 #9b30ff; 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 Live 11.3.2+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter Pro-Q3\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher \u0026amp; GClip (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Haas \u0026amp; Transient Shaper\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 13px; color: #aaa; margin-top: 20px; text-align: center;\"\u003eNote: Third-party tracks within the project are \u003cstrong\u003efrozen\u003c\/strong\u003e for seamless use even without specific plugins.\u003c\/p\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 immerse your tracks in uncompromising force?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #9b30ff; 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(155, 48, 255, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(155, 48, 255, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(155, 48, 255, 0.4)';\"\u003eCLAIM YOUR ERA\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\/645682576a3925a0dc01c2c3\" target=\"_blank\" style=\"color:#9b30ff; text-decoration:none;\"\u003eFREE DEMO PACK\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Default Title","offer_id":47029743485259,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ERA.webp?v=1749103026"},{"product_id":"modeight-x-edmt-heavy-dubstep-essentials-vol-1","title":"MODEIGHT X EDMT | TUNGE DUBSTEP-ESSENTIALS VOL. 1","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 .hero-title {\n color: #ffffff;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ffffff, #3a6cf0);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #3a6cf0;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(58, 108, 240, 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: #3a6cf0; 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;\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; \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: #3a6cf0; 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\"\u003eHeavy Dubstep Essentials\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003ePushing the Boundaries of Modern Sound Design\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e500+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePremium Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e3\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\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\/2C1Y379w6sQ?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 masterclass in aggressive production. \u003cspan style=\"color: #3a6cf0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eCrafted by MODEIGHT\u003cbr\u003e(SVDDEN DEATH, MARAUDA Inspired).\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eStep into the spotlight with an unparalleled collection of unique sounds, sharing the creative vision of one of bass music's rising talents.\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 Heavyweight Breakdown\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #3a6cf0; font-size: 18px;\"\u003e✔ 500+ Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 141 Bass Loops\/Shots, 78 Melody tools, and 157 Heavyweight Drum elements.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #3a6cf0; font-size: 18px;\"\u003e✔ 3 Complete Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFeatures FL Studio (Demo Track), Ableton Stemmed project, and the exclusive SUMMON Ableton project.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #3a6cf0; font-size: 18px;\"\u003e✔ Massive FX \u0026amp; Vocal Library\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e96 FX (Atmospheres, Horns, Risers) and 32 Vocals (Choirs, Chants, Phrases) for instant atmosphere.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #3a6cf0; font-size: 18px;\"\u003e✔ Reverse-Engineer Elite Design\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDive deep into the mixing, processing, and arrangement techniques used to create industry-standard bangers.\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(58, 108, 240, 0), rgba(58, 108, 240, 0.5), rgba(58, 108, 240, 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 \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eBonus Ableton Project (SUMMON)\u003c\/h3\u003e\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\/1846226691%3Fsecret_token%3Ds-OFtsiOTUbfB\u0026amp;color=%23000000\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=\"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 #3a6cf0; 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 FL Studio 21.0.3+\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 #3a6cf0; display:inline-block; padding-bottom:5px;\"\u003eSUMMON Project 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+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter Pro-Q3, MB, R\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e KiloHearts Delay\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e GClip (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 unleash the power of heavy dubstep?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #3a6cf0; 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(58, 108, 240, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(58, 108, 240, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(58, 108, 240, 0.4)';\"\u003eGET YOUR COPY\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\/MODEIGHT_-_Bass_Loop_-_darkness_-_FMIN_-_140BPM.wav?v=1712813670', 'Bass darkness', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Bass_Loop_-_pirate_war_-_DMIN_-_140BPM.wav?v=1707493495', 'Bass pirate war', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Bass_Loop_-_longest_melodic_stuff_-_C_MIN_-_140BPM.wav?v=1707493498', 'Bass melodic', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Bass_Loop_Bonus_-_phase1belike_-_DMIN_-_140BPM.wav?v=1712814073', 'Bass bonus', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Bass_Shot_-_gun_boi.wav?v=1712813728', 'Bass gun boi', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Distorted_Hit_-_1.wav?v=1712813795', 'Distorted Hit', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Bass_Shot_-_hello_samplifire.wav?v=1712813850', 'Bass hello', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Bass_Shot_-_growly_-_X.wav?v=1712813874', 'Bass growly', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Choir_-_EMINwav.wav?v=1712813764', 'Vocal Choir', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Horn_-_2_-_E.wav?v=1712813823', 'Horn Hit', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Atmoshere_-_11_-_FMIN_-_140BPM.wav?v=1712813924', 'Atmosphere', '#fff', '#3a6cf0', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_-_Melody_Loop_-_interesting_-_GMIN_-_140BPM.wav?v=1707493481', 'Melody loop', '#fff', '#3a6cf0', 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":47350589686091,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HDEV1Shopify.jpg?v=1707166560"},{"product_id":"berrixs-riddim-lab","title":"BERRIX'S RIDDIM LAB | 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 \/* Nuclear Green Title Gradient *\/\n .hero-title {\n color: #65d20e;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ffffff, #65d20e, #3a7a08);\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #65d20e;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(101, 210, 14, 0.15);\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: #65d20e; 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; \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: #65d20e; 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\"\u003eBerrix's Riddim Lab\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eSynthesize the Sounds of the Unknown\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\"\u003eHybrid Presets\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\"\u003e.WAV Samples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject File\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\/WEwDccBhdQU?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\"\u003eBERRIX returns to EDM Templates with a vengeance. \u003cspan style=\"color: #65d20e; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 8px;\"\u003eDelve into his unique sonic universe.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eEnter the Riddim Lab to discover the secret processing tricks and groundbreaking sound design that have made BERRIX a legendary figure in the dubstep scene.\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 Lab\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #65d20e; font-size: 18px;\"\u003e✔ 50 Elite Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 30 hard-hitting Main Basses, 10 aggressive Reese patches, and 10 Sustains.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #65d20e; font-size: 18px;\"\u003e✔ 50 Phase Plant 2.0 Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAdvanced sound design: 30 Main Basses, 12 cinematic Pads, 6 Drums, and 2 Intro patches.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #65d20e; font-size: 18px;\"\u003e✔ 100 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e35 Riddim Basses, 12 Growls, 14 Sustains, 12 Reeses, and various Drums\/Pads.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #65d20e; font-size: 18px;\"\u003e✔ Exclusive BERRIX Ableton Project\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eUnlock secret processing chains. Study the intricate details of a pro-grade riddim masterclass.\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(101, 210, 14, 0), rgba(101, 210, 14, 0.5), rgba(101, 210, 14, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eLab 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: 15px;\"\u003eMaster the Riddim Workflow\u003c\/h3\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ableton_project_screenshot.jpg?v=1711160233\" alt=\"BERRIX Riddim Lab Ableton Project\" style=\"width: 100%; border-radius: 8px; border: 1px solid #333; display: block; margin-bottom: 15px;\"\u003e\n \u003cp style=\"font-size: 15px; color: #ccc;\"\u003eUnlock BERRIX's secret processing tricks with the included professionally designed Ableton project file, your key to mastering professional-grade riddim production from start to finish.\u003c\/p\u003e\n \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 #65d20e; 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\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 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #65d20e; 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 12.0 or newer\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter \/ kHs Bundles\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart 2 \/ GClip (Free)\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Soothe 2 \/ Endless Smile\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 synthesize the sounds of the unknown?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #65d20e; 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(101, 210, 14, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(101, 210, 14, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(101, 210, 14, 0.4)';\"\u003eENTER THE LAB\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\/B-_Growl_8.wav?v=1711210131', 'Lab Growl 8', '#fff', '#65d20e', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B-SUSTAIN_6.wav?v=1711210136', 'Lab Sustain 6', '#fff', '#65d20e', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B-_Riddim_11.wav?v=1711210131', 'Lab Riddim 11', '#fff', '#65d20e', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B-_Scare_10.wav?v=1711210137', 'Lab Scare 10', '#fff', '#65d20e', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B-REESE_8.wav?v=1711210140', 'Lab Reese 8', '#fff', '#65d20e', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B-_gun_1.wav?v=1711210137', 'Lab Gun 1', '#fff', '#65d20e', 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":47411157270859,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Berrix_s_Riddim_Lab.webp?v=1749102748"},{"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":"modeight-x-edmt-melodic-dubstep-essentials-vol-1","title":"MODEIGHT X EDMT | MELODIC DUBSTEP ESSENTIALS VOL. 1","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 \/* UPDATED: Spectral Violet Gradient (Midpoint between Pink and Purple) *\/\n .hero-title {\n color: #cc00ff;\n font-size: 36px;\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(#ffffff, #cc00ff, #7000ff);\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 - Updated to Spectral Violet *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #cc00ff;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(204, 0, 255, 0.15);\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: #cc00ff; 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: #cc00ff; 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\"\u003eMelodic Dubstep Essentials\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eRedefining Genres with Boundless Creativity\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e524\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eTotal Sounds\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e48\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\/5uzWnfmtEXM?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\"\u003eFollowing the success of Heavy Dubstep Essentials. \u003cspan style=\"color: #cc00ff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eMODEIGHT Returns to EDM Templates.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eEncapsulating a style spanning melodic riddim, color bass, and chill-out, this collection features euphoric vocal chops and stunning melodic foundations.\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;\"\u003eWhat's Inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #cc00ff; font-size: 18px;\"\u003e✔ 476 Professional .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 143 Bass tools, 75 Melodic elements, 96 Drums, 14 Vocals, and 125 unique FX layers.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #cc00ff; font-size: 18px;\"\u003e✔ 48 Elite Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e28 specialized Bass patches and 20 Melodic presets designed for watery, bright textures.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #cc00ff; font-size: 18px;\"\u003e✔ FL Studio \u0026amp; Ableton Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eComplete demo track project files for both DAWs. Reverse-engineer the arrangement and mixing using stock plugins.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #cc00ff; font-size: 18px;\"\u003e✔ 2 Multi-Stem Songstarters\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIsolated stems and MIDI files to kickstart your next euphoric melodic production immediately.\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(204, 0, 255, 0), rgba(204, 0, 255, 0.5), rgba(204, 0, 255, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eThe Demo Track\u003c\/h3\u003e\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\/1832930085\u0026amp;color=%23000000\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 \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 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #cc00ff; 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\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 #cc00ff; 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+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FL Studio 21.0.3+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Stock Plugins Only\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 take your tracks to new euphoric heights?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #cc00ff; 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(204, 0, 255, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(204, 0, 255, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(204, 0, 255, 0.4)';\"\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 • \u003ca href=\"https:\/\/omniform1.com\/forms\/v1\/landingPage\/64566811bc57b9e2416212e1\/664a8887a7b506d4e2d69874\" target=\"_blank\" style=\"color:#cc00ff; text-decoration:none;\"\u003eFREE TASTER 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\/Bass_Loop_4.wav?v=1716994447', 'Bass Loop 4', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Songstarter_3.1.wav?v=1716994449', 'Songstarter 3', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Shot_10.wav?v=1716994441', 'Bass Shot 10', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_7.wav?v=1716994447', 'Melody Loop 7', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Shot_29.wav?v=1716994441', 'Bass Shot 29', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Shot_12.wav?v=1716994443', 'Bass Shot 12', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_5.wav?v=1716994448', 'Bass Loop 5', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bonus_Bass_Loop_7.wav?v=1716994447', 'Bonus Loop 7', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Shot_78.wav?v=1716994441', 'Bass Shot 78', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Uplifter_7.wav?v=1716994446', 'Uplifter 7', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_20.wav?v=1716994445', 'Impact 20', '#fff', '#cc00ff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Atmo_7.wav?v=1716994450', 'Atmosphere 7', '#fff', '#cc00ff', 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":49759164727627,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MDEV1.webp?v=1749103035"},{"product_id":"blaqout-x-magmag-dubstep-inferno","title":"BLAQOUT'S DUBSTEP INFERNO FT. MAGMAG","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 .hero-title {\n color: #ff8a00;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ffffff, #ff8a00, #ff4000);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ff6c00;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 108, 0, 0.15);\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: #ff8a00; 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;\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; \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: #ff8a00; 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\"\u003eDubstep Inferno\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eUnleash an Immense Fiery Force of Bass\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\"\u003e650+\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\"\u003ePRO\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject File\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\/jEmwxZTWg3E?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\"\u003eUnleash unparalleled intensity and relentless flow. \u003cspan style=\"color: #ff8a00; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eFeaturing BLAQOUT x MagMag.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eA true game-changer for dubstep enthusiasts. This pack is a must-have for any producer aiming to incinerate the dance floor with the raw power of tearout and heavy dubstep.\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 Inferno\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8a00; font-size: 18px;\"\u003e✔ 466 High-Impact .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 145 Bass Tools, 122 Drum Elements, 38 Melody Loops, 32 Atmos, and aggressive Glitches\/Horns.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8a00; font-size: 18px;\"\u003e✔ 79 Exclusive Vocals by MagMag\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFull Verses with Stems, 34 Phrases, and 33 intense Shouts to add a new dimension to your tracks.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8a00; font-size: 18px;\"\u003e✔ 100 Premium Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e53 specialized Bass patches, 18 Synths, 7 Leads, 11 Pads, and 11 unique FX units.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8a00; font-size: 18px;\"\u003e✔ Pro Ableton Project File \u0026amp; 9 FX Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFull-length project by BLAQOUT. Unlock elite production secrets and master his signature custom racks.\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, 108, 0, 0), rgba(255, 108, 0, 0.5), rgba(255, 108, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eInferno 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 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #ff6c00; 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\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 #ff6c00; 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 Q3\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Transient Shaper\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Soothe 2 \/ Wider \/ GClip\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 embrace the inferno and make your tracks roar?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ff8a00; 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, 108, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 108, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 108, 0, 0.4)';\"\u003eCLAIM THE ARSENAL\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\/BassLoop_AnnihilationRiddim1.mp3?v=1724987164', 'Bass Loop 1', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BassLoop_GunsGunsGuns.mp3?v=1724987163', 'Guns Loop', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BassOneShot_ManyLayers1.wav?v=1720855577', 'Many Layers Shot', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BassOneShot_STFU1.mp3?v=1724987163', 'STFU Shot', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BassOneShot_Wail_140_D.mp3?v=1724987163', 'Wail Shot', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BassOneShot_UtterRuination4.mp3?v=1724987163', 'Ruination Shot', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sustain_TotalMeltdown_140_D.mp3?v=1724987163', 'Meltdown Sustain', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/RockLead_Cataclysm_Guitar_140_Dm.mp3?v=1724987164', 'Cataclysm Guitar', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Synth_Hellish_140_Dm.mp3?v=1724987164', 'Hellish Synth', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Glitch_BlownCircuitry2.mp3?v=1724987163', 'Circuitry Glitch', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_FallingBricks2.mp3?v=1724987163', 'Falling Bricks', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Atmos_Dungeon1_140_Bm.mp3?v=1724987165', 'Dungeon Atmos', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Preview_Vocal_1.mp3?v=1721530639', 'Vocal Preview 1', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Preview_Vocal_2.mp3?v=1721530640', 'Vocal Preview 2', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Preview_Vocal_3.mp3?v=1721530640', 'Vocal Preview 3', '#fff', '#ff8a00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Preview_Vocal_4.mp3?v=1721530640', 'Vocal Preview 4', '#fff', '#ff8a00', 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":49979525431627,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DUBSTEP_INFERNO.webp?v=1749102943"},{"product_id":"whzlys-dubstep-dungeon","title":"WHZLY'S DUBSTEP DUNGEON | 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 .hero-title {\n color: #1aca00;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#1aca00, #139400);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #1aca00;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(26, 202, 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: #1aca00; 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 \/* 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 \/* 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;\n margin-top: 0;\n font-size: 18px; \n line-height: 1.5;\n color: #fff;\n font-weight: 500;\n }\n \/* Mobile Only Styles *\/\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 \/* Inventory Grid *\/\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 1000px;\n margin: 30px auto;\n text-align: left;\n }\n @media (min-width: 768px) {\n .inventory-grid { grid-template-columns: 1fr 1fr 1fr; }\n }\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #1aca00;\n padding: 15px; \n border-radius: 4px;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\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 \/* 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 .checkmark { color: #1aca00; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eWHZLY's Dubstep Dungeon\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eDescend into the depths of elite sound design.\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e500+\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\"\u003e472\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSamples\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e26\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSerum Presets\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\/bIiyzLYstGM?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\"\u003eUnleash unimaginable darkness and intensity in your tracks. \u003cspan style=\"color: #1aca00; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eCrafted by WHZLY (DIM MAK, RAM, Buygore).\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eWHZLY’s Dubstep Dungeon is your all-access key to the crypts of creativity, featuring bone-crunching basses and relentless design.\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;\"\u003eWhat's in the Dungeon?\u003c\/h3\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ 472 High-Impact .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDrum loops, sustain basses, sub bass loops, impact FX, and 47 aggressive SFX fills.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ 26 Premium Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCustom-built melodic, bass, and sub patches to summon the darkest atmospheres.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ WHZLY's MegaBeef Tutorial (Video)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eStart-to-finish guide on using the MegaBeef rack to craft loud, aggressive basses.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ Pro-Grade Ableton Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePacked with custom racks and devices. A masterclass in crunchy, distorted dubstep production.\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(26, 202, 0, 0), rgba(26, 202, 0, 0.5), rgba(26, 202, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eAudio 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 style=\"color:#fff; text-transform:uppercase; font-size:13px; margin-bottom:15px; border-bottom: 2px solid #1aca00; 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\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Snapheap\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 #1aca00; 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+\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Tape Stop\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\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 crush the dancefloor with pure intensity?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #1aca00; 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(26, 202, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(26, 202, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(26, 202, 0, 0.4)';\"\u003eENTER THE DUNGEON\u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eINSTANT DIGITAL ACCESS • 100% ROYALTY FREE • SECURE CHECKOUT\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\/EDMT_-_WHZLY_BASSLOOP_Dm_142_68.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASS_ONE_SHOT_Dm_6.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASSLOOP_Dm_142_63.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASSLOOP_Dm_145_2.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASSLOOP_Fm_145_1.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASS_ONE_SHOT_Dm_30.wav?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASS_ONE_SHOT_Dm_57.wav?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_BASS_ONE_SHOT_Dm_68.wav?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_FULL_DRUM_LOOP_142_3.mp3?v=1724985400', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_MELODIC_Dm_142_7.mp3?v=1724985400', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_IMPACT_Dm_142_23.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_WHZLY_IMPACT_Fm_142_15.mp3?v=1724985398', '', '#fff', '#c7c7c7', 20, 'waveform');\n }\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.className = \"wave-title\";\n vaweBlock.className = \"wave-block\";\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 () {\n btn.src = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n });\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":"Default Title","offer_id":50170178437451,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_SDUBSTEPDUNGEON.webp?v=1749103383"},{"product_id":"whzly-dubstep-production-course","title":"WHZLY'S DUBSTEP PRODUCTION COURSE","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 .hero-title {\n color: #1aca00;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#1aca00, #139400);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #1aca00;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(26, 202, 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: #1aca00; 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;\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; \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: #1aca00; 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\"\u003eWHZLY's Production Course\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eMaster the Art of Professional Bass Music\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e145 MINS\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eCourse Runtime\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e9\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eDetailed Episodes\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 \u003c\/div\u003e\n\n \u003cdiv class=\"video-unit\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/N1Koo81NmH0?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\"\u003eLevel up your skills with an industry masterclass. \u003cspan style=\"color: #1aca00; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eLearn the secrets of WHZLY\u003cbr\u003e(DIM MAK, RAM, BUYGORE)\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eThis in-depth course reveals the innovative techniques used to create heavy, wonky, and innovatve tracks that will take your sound to another GALAXY.\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 Masterclass\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ 9-Episode Production Journey\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCovers Template Rundown, Intro Atmospheres, Building Tension, Vocal Processing, and 2 Complete Drop-Writing sessions.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ Completed \"Galaxy\" Project File\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eExplore the full Ableton session. Study arrangement, layering, and high-impact sound design first-hand.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ Signature Ableton Effect Racks\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes WHZLY’s Predrop Vocal Rack, Atmosphere Rack, and additional custom devices ready for your own tracks.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #1aca00; font-size: 18px;\"\u003e✔ Professional Workflow Breakdown\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eLearn every aspect of modern dubstep production from a True Bass Music Master on renowned labels.\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(26, 202, 0, 0), rgba(26, 202, 0, 0.5), rgba(26, 202, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eThe Finished Track\u003c\/h3\u003e\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\/1925706797%3Fsecret_token%3Ds-N3hHJRKj52e\u0026amp;color=%23000000\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=\"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 #1aca00; 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 (Videos)\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 #1aca00; 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 12.0 or newer\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart 2\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Tape Stop \/ Shaper\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 master the craft of professional dubstep?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #1aca00; 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(26, 202, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(26, 202, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(26, 202, 0, 0.4)';\"\u003eMASTER THE CRAFT\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":50498758476107,"sku":"","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_SPRODUTIONCOURSE.webp?v=1749103386"},{"product_id":"heavy-bass-2024","title":"EDMT HEAVY BASS COLLECTION 2024","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: #ff8000;\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(#ff8000, #cc6600);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .hero-tagline {\n font-size: 20px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 25px;\n letter-spacing: 1px;\n }\n \/* Seamless Video Unit *\/\n .video-unit {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n padding-bottom: 50.00%; \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 {\n padding-bottom: 55% !important;\n }\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 \/* Seamless Description Box (The \"Black Part\") *\/\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: 20px 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: 19px; \n line-height: 1.4;\n color: #fff;\n font-weight: 500;\n }\n .hero-sub-text {\n font-size: 16px; \n color: #ccc;\n display: block;\n margin-top: -10px; \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 \/* Audio Stack (SoundCloud) *\/\n .audio-stack {\n background: #111;\n border: 1px solid #333;\n padding: 20px;\n border-radius: 8px;\n margin: 30px auto;\n max-width: 900px;\n }\n \/* Pack Showcase Grid *\/\n .pack-showcase {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 20px;\n margin-top: 30px;\n }\n @media (min-width: 769px) {\n .pack-showcase { grid-template-columns: 1fr 1fr 1fr; }\n }\n .pack-card {\n background: #161616;\n border-radius: 6px;\n padding: 15px;\n transition: all 0.3s ease;\n text-decoration: none !important;\n border: 1px solid transparent;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n .pack-card:hover {\n border-color: #ff8000;\n transform: translateY(-5px);\n background: #1a1a1a;\n box-shadow: 0 5px 15px rgba(255, 128, 0, 0.2);\n }\n .pack-card img {\n width: 100%;\n max-width: 180px; \n height: auto;\n border-radius: 4px;\n margin-bottom: 12px;\n border: 1px solid #333;\n }\n .pack-card span {\n display: block;\n color: #fff;\n font-size: 13px;\n font-weight: bold;\n text-transform: uppercase;\n line-height: 1.2;\n }\n .pack-card:hover span {\n text-decoration: underline !important;\n color: #ff8000;\n }\n iframe { border: none !important; }\n\n \/* DESKTOP ONLY - REDUCE TOP MARGIN *\/\n @media (min-width: 769px) {\n .hero-title {\n margin-top: -40px !important;\n }\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eHeavy Bass Collection 2024\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eUnleash the \u003cspan style=\"color: #ff8000; font-weight: 800;\"\u003eFULL\u003c\/span\u003e power of dubstep.\u003c\/p\u003e\n \n \u003cdiv class=\"video-unit\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/5ioPskOu3EA?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\"\u003e\n This collection brings together legendary artist packs plus an\n \u003cspan style=\"color: #ff8000; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n exclusive production course by WHZLY\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n Master bone-crushing drops and pro-grade sound design in one definitive arsenal.\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 Bundle Value: \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$349.95\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 38px; color: #ff8000; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(255, 128, 0, 0.2);\"\u003e\n ONLY $79.99\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Access the complete \u003cstrong style=\"color: #fff; border-bottom: 1px solid #ff8000;\"\u003e2024 Heavy Bass Toolkit\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 \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8000; font-size: 18px;\"\u003e✔ 3000+ Premium .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eEarth-shaking bass loops, euphoric choirs, punchy drums, and detailed FX.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8000; font-size: 18px;\"\u003e✔ 220+ Presets for Serum \u0026amp; Phase Plant\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAdvanced sound design tools covering every essential heavy bass texture.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8000; font-size: 18px;\"\u003e✔ 6 Complete Pro Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIn-depth files from \u003cstrong\u003eBLAQOUT, WHZLY, BERRIX\u003c\/strong\u003e, and \u003cstrong\u003eMODEIGHT\u003c\/strong\u003e.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff8000; font-size: 18px;\"\u003e✔ WHZLY's Dubstep Production Course\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eGain access to WHZLY’s start-to-finish course. Learn how to design and structure your tracks for maximum impact.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"audio-stack\"\u003e\n \u003cdiv style=\"margin-bottom: 15px; font-size: 12px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eAudio Previews\u003c\/div\u003e\n \u003cdiv style=\"display: flex; flex-direction: column; gap: 8px;\"\u003e\n \u003ciframe width=\"100%\" height=\"20\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1925706797%3Fsecret_token%3Ds-N3hHJRKj52e\u0026amp;color=%23ff8000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1908058349\u0026amp;color=%23ff8000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1876800060\u0026amp;color=%23ff8000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1782154521\u0026amp;color=%23ff8000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1741732923\u0026amp;color=%23ff8000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" frameborder=\"0\"\u003e\u003c\/iframe\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, 128, 0, 0), rgba(255, 128, 0, 0.5), rgba(255, 128, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px;\"\u003ePacks Included\u003c\/h3\u003e\n \u003cdiv class=\"pack-showcase\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/whzly-dubstep-production-course\" class=\"pack-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_S_DUBSTEP_PRODUTION_COURSE.png?v=1726010958\" alt=\"Course\"\u003e\n \u003cspan\u003eWHZLY Production Course\u003c\/span\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/whzlys-dubstep-dungeon\" class=\"pack-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_S_DUBSTEP_DUNGEON.png?v=1725880544\" alt=\"Dungeon\"\u003e\n \u003cspan\u003eWHZLY's Dubstep Dungeon\u003c\/span\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/blaqout-x-magmag-dubstep-inferno\" class=\"pack-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BLAQOUTS_DUBSTEP_INFERNO.png?v=1725880544\" alt=\"Inferno\"\u003e\n \u003cspan\u003eBLAQOUT: Dubstep Inferno\u003c\/span\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/berrixs-riddim-lab\" class=\"pack-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Berrix_s_Riddim_Lab.png?v=1725880544\" alt=\"Riddim Lab\"\u003e\n \u003cspan\u003eBERRIX's Riddim Lab\u003c\/span\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/modeight-x-edmt-heavy-dubstep-essentials-vol-1\" class=\"pack-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_X_EDMT_HEAVY_DUBSTEP_ESSENTIALS_VOL_1.png?v=1725880544\" alt=\"Essentials\"\u003e\n \u003cspan\u003eHeavy Dubstep Essentials\u003c\/span\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-dubstep-drum-kit\" class=\"pack-card\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_ULTIMATE_DUBSTEP_DRUM_KIT.png?v=1725880544\" alt=\"Drum Kit\"\u003e\n \u003cspan\u003eUltimate Dubstep Drum Kit\u003c\/span\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 heavy bass scene?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ff8000; color: #fff; 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(255, 128, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(255, 128, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 128, 0, 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":50506611097931,"sku":"","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_Heavy_Bass_Collection_2024_f993837b-e926-4a9f-a00e-d2275c287620.jpg?v=1726012401"},{"product_id":"trick-or-treat-vol-2-dubstep-x-hybrid-trap-sample-pack","title":"TRICK OR TREAT VOL.2 | DUBSTEP X HYBRID TRAP-SAMPLEPAKKE","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 .hero-title {\n color: #ffa000;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ffa000, #cc8100);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 26px !important; \n letter-spacing: 2px !important;\n padding: 0 10px;\n }\n }\n @media (max-width: 768px) {\n .stat-bar {\n grid-template-columns: 1fr !important; \/* Stack vertically to prevent overlap *\/\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 .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 *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ffa000;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 160, 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: #ffa000; 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% Format *\/\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 \/* Monolith Bottom (Fused 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;\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: #ffa000; font-weight: bold; font-size: 16px; margin-right: 12px; }\n \n @keyframes arrowBounce { \n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(3px); }\n }\n .arrow-bounce { display:inline-block; animation: arrowBounce 1.4s infinite; }\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\"\u003eTrick Or Treat Vol. 2\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Heaviest Halloween Sample Arsenal is Here\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e1200+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eSamples\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\"\u003eAbleton Project\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\/LCVjug090VE?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\"\u003eUnleash terrifying, spine-chilling energy into your tracks. \u003cspan style=\"color: #ffa000; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eBuilt for Dubstep \u0026amp; Hybrid Trap producers.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eWith over 1200 heavy-hitting sounds, this absolute monster of a collection is engineered to give your music a powerful, haunting edge.\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;\"\u003eWhat's Inside the Arsenal?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 550+ Aggressive Bass Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 460 One Shots, 40 Loops, 29 Sustains, 23 Subs, and 5 Sub Noise layers.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 240+ Hard-Hitting Drum Tools\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e50 Kicks, 22 Snares, 47 Hats, 22 Fills, 39 Percs, and 14 powerful War Drum loops.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 120 Haunting Melodic Loops\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eChilling melodic foundations designed to create immediate atmosphere and tension.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 110+ Cinematic FX \u0026amp; Spooky SFX\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e33 Impacts, 26 Risers, 18 Downlifters, 9 Atmospheres, and 50 Spooky SFX.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 110 Elite Vocal Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e30 Choir Vocals, 39 Heavy Vocals, and 41 Rap Vocals for instant character.\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, 160, 0, 0), rgba(255, 160, 0, 0.5), rgba(255, 160, 0, 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 style=\"text-align: center; margin-bottom: 30px;\"\u003e\n \u003ch3 style=\"color: #ffa000; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;\"\u003ePro Ableton Project Included\u003c\/h3\u003e\n \u003cp style=\"max-width: 750px; margin: 0 auto 15px auto; font-size: 15px; color: #ccc;\"\u003e\n Take your production to terrifying new depths with this brutal 100% royalty-free tearout project. \n Reverse-engineer the dark arts of pro-level processing and arrangement.\n \u003c\/p\u003e\n \u003cdiv style=\"font-weight: 600; color: #fff;\"\u003e\n \u003cspan class=\"arrow-bounce\"\u003e↓\u003c\/span\u003e Listen here! \u003cspan class=\"arrow-bounce\"\u003e↓\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"width:70%; max-width:660px; margin:10px auto 0;\"\u003e\n \u003ciframe style=\"width:100%; height:20px; border:0; display:block;\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/soundcloud%253Atracks%253A1939910450\u0026amp;color=%23000000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \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 #ffa000; 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\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 #ffa000; 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 12.0 or newer\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter Pro-Q 3 + Pro-R\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Soothe 2 \/ GClip\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 dominate the darkness with Trick or Treat Vol. 2?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffa000; 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, 160, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 160, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 160, 0, 0.4)';\"\u003eSECURE ACCESS\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\/EDMT_-_TOTV2_Bass_Loop_Dmin_150bpm_computer_puke.mp3?v=1729694181', 'Bass Loop computer puke', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_Loop_D_140bpm_savage.mp3?v=1729694181', 'Bass Loop savage', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_Gun_D__19.wav?v=1729694181', 'Bass Gun 19', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_One_Shot_D__43.wav?v=1729694181', 'Bass One Shot 43', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_Gun_D_42.wav?v=1729694181', 'Bass Gun 42', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_One_Shot_D__30.wav?v=1729694180', 'Bass One Shot 30', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_Sustain_D_11.mp3?v=1729694180', 'Bass Sustain 11', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_Sustain_D_17.mp3?v=1729694181', 'Bass Sustain 17', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_One_Shot_D__2.mp3?v=1729694180', 'Bass One Shot 2', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Bass_One_Shot_D__159.mp3?v=1729694180', 'Bass One Shot 159', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Melodic_150_Dmaj_statement.mp3?v=1729694181', 'Melodic Loop statement', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Melodic_150_Dmin_halloween.mp3?v=1729694182', 'Melodic Loop halloween', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Melodic_150_Dmin_royal.mp3?v=1729694182', 'Melodic Loop royal', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Melodic_150_Dmin_strung_out.mp3?v=1729694181', 'Melodic Loop strung out', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Melodic_150_Dmin_trickortreat.mp3?v=1729694181', 'Melodic Loop trickortreat', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_FX_Impact_scatter.mp3?v=1729694181', 'Impact scatter', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Drums_Fill_longboi.mp3?v=1729694180', 'Drum Fill longboi', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Drums_Loop_godly.mp3?v=1729694181', 'Drum Loop godly', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Drums_Loop_war_8.mp3?v=1729694181', 'Drum Loop war 8', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_FX_Downlifter_4bar_150_clownface.mp3?v=1729694181', 'Downlifter clownface', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_FX_Impact_screamer.mp3?v=1729694180', 'Impact screamer', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_FX_SFX_door_2.mp3?v=1729694180', 'SFX door 2', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Choir_150_Dmin_9.mp3?v=1729694182', 'Choir Dmin 9', '#fff', '#ffa000', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_TOTV2_Heavy_Vocal_34.mp3?v=1729694180', 'Heavy Vocal 34', '#fff', '#ffa000', 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 = \"150px\";\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":50629719982411,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/TrickOrTreatVol2.jpg?v=1729387046"},{"product_id":"raptor-tearout-x-riddim-serum-preset-pack","title":"RAPTOR | TEAROUT X RIDDIM SERUM 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 .hero-title {\n color: #ff3007;\n font-size: 36px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 3px;\n background: -webkit-linear-gradient(#ff3007, #b51f00);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n @media (max-width: 768px) {\n .hero-title {\n font-size: 26px !important; \n letter-spacing: 2px !important;\n padding: 0 10px;\n }\n }\n @media (max-width: 768px) {\n .stat-bar {\n grid-template-columns: 1fr !important; \/* Stack vertically to prevent overlap *\/\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 .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 - Counts Left, Guide Right *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ff3007;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 48, 7, 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: #ff3007; 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;\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; \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: #ff3007; 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\"\u003eRAPTOR\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eElite Heavy Bass Sound Design\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\"\u003e2\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProject Files\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003eFREE\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePreset Guide\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\/F2iXO29kdcg?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\"\u003eUnleash untamed energy into your productions. \u003cspan style=\"color: #ff3007; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eThe Definitive Dual-Force Arsenal for Tearout \u0026amp; Riddim.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eRAPTOR combines aggressive sound design with cutting-edge production tools, giving you the edge in the high-energy dubstep scene.\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 Payload Breakdown\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff3007; font-size: 18px;\"\u003e✔ 100 Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 46 Bass, 8 Gunshot Bass, 14 Sustain, 5 Sub, 4 Reese, 8 Intro, 3 Atmo, and 9 FX, 3 Drum.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff3007; font-size: 18px;\"\u003e✔ 137 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e98 Metal Vocals (47 Dry, 45 Processed, 6 Bonus), 31 Bass (Loop, Layer, Intro), and 8 Drum samples.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff3007; font-size: 18px;\"\u003e✔ 34 Aggressive Wavetables\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCustom-designed wavetables built specifically to fuel high-intensity sound design from scratch.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff3007; font-size: 18px;\"\u003e✔ 2 Ableton Project Files (Demo Tracks)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFully arranged masterclasses: PIT START and RAGE CONTROL. Deconstruct elite mixing.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff3007; font-size: 18px;\"\u003e✔ Raptor Phat Rack \u0026amp; 19 Gun MIDI Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA custom processing rack for instant beef and rhythmic gun patterns to accelerate your workflow.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff3007; font-size: 18px;\"\u003e✔ RAPTOR Preset Guide (PDF)\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eLearn the secrets to modifying, post-processing, and maximizing the impact of every preset.\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, 48, 7, 0), rgba(255, 48, 7, 0.5), rgba(255, 48, 7, 0)); margin: 40px 0;\"\u003e\n\n \u003ch3 style=\"color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px;\"\u003eDemo Track Previews\u003c\/h3\u003e\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\/1969897971%3Fsecret_token%3Ds-17sRIlO3sc4\u0026amp;color=%23000000\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\/1968825703%3Fsecret_token%3Ds-bAS5aZXtRw6\u0026amp;color=%23000000\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=\"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 #ff3007; 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\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 #ff3007; 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 12.0 or newer\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FabFilter Pro-Q 3\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Tape Stop \u0026amp; Delay\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Soothe2 \/ GClip\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 claim your arsenal and open up the PIT?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ff3007; 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, 48, 7, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 48, 7, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 48, 7, 0.4)';\"\u003eGET RAPTOR\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":50896613343563,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/RAPTOR.webp?v=1749103110"},{"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":"whzly-x-edmt-serum-2-reloaded-sample-preset-pack","title":"WHZLY X EDMT | SERUM 2 RELOADED: SAMPLE\/PRESET PACK","description":"\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\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: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n position: relative;\n animation: subtle-glitch 1s ease-in-out infinite;\n }\n\n .serum2-inner h2::before {\n content: \"\u003e \";\n color: #39ff14;\n margin-right: 6px;\n }\n \n .serum2-inner h1 {\n text-align: center;\n margin-bottom: -10px;\n }\n \n .serum2-inner p,\n .serum2-inner li {\n color: #7CFF5A;\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: #39ff14;\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 #39ff14; }\n 20% { text-shadow: -1px 0 #39ff14, 1px 0 #39ff14; }\n 40% { text-shadow: 1px 0 #39ff14, -1px 0 #39ff14; }\n 80% { text-shadow: 0 0 6px #39ff14; }\n }\n\n .cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background-color: #39ff14;\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 z-index: 0;\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: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.serum2-upsell-section.animate-stage-2 .serum2-upsell-text {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 1.2s, 1.2s, 0s; \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 height: 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 #39ff14); }\n 100% { filter: drop-shadow(0 0 8px #39ff14); }\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 \/* 1. Slightly reduce margin above \"Why This Pack Hits Different\" *\/\n .hook-text h2 {\n margin-top: 0px !important; \/* was 35px *\/\n margin-bottom: 0px\n }\n\n .hook-text p {\n margin-bottom: 0px !important;\n }\n\n \/* 2. Reduce space above \"What's Inside the Vault\" *\/\n .vault-and-player {\n margin-top: 5px !important; \/* was 100px *\/\n }\n\n \/* 3. Tighten space below \"Download Source Code\" button *\/\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\u003ch1\u003e\u0026gt; INIT SERUM 2 RELOADED.EXE\u003cspan class=\"cursor\"\u003e\u003c\/span\u003e\n\u003c\/h1\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\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: 'Share Tech Mono', monospace;\n font-size: 22px;\n margin: 40px auto -35px auto;\n max-width: 900px;\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\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; \/* smaller than desktop (22px) *\/\n line-height: 1.4 !important; \/* tighter line spacing *\/\n padding: 0 10px; \/* optional: add side padding so it doesn't hug edges *\/\n }\n \n .vault-statement p {\n font-size: 16px !important; \/* smaller paragraph inside *\/\n line-height: 1.4 !important;\n margin-bottom: 0px !important; \/* tighten gap between lines *\/\n }\n}\n\n.glitch-button.scroll-button {\n margin-top: 4px !important; \/* Bring button closer *\/\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 \/* Force the two halves to stay visible and animate normally *\/\n .split-combine-section.split-whzly .half,\n .split-combine-section.split-serum .half {\n display: none !important;\n\n }\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; \/* Let the full image show its soft edges *\/\n height: auto !important; \/* Allow full height based on image *\/\n aspect-ratio: auto !important; \/* Remove the forced aspect ratio *\/\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; \/* Add nice breathing room *\/\n transform: none !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n margin-top: 4px !important; \/* was larger *\/\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\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n .vault-and-player {\n align-items: center; \/* ✨ center vault text + player vertically *\/\n }\n\n .jukebox-section {\n position: relative; \/* 🔥 no sticky *\/\n align-self: center; \/* 🔥 align to center of text block *\/\n margin-left: -225px; \/* ✅ keep your custom horizontal offset *\/\n transform: translateY(0); \/* reset *\/\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\u003c\/style\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003cdiv class=\"glitch-line\"\u003e\n\u003cdiv class=\"scrolling-text\" aria-hidden=\"true\"\u003edecrypting.wavetable@00101     scanning.fx_chain_44.dll     compiling_macro_map.v2     patch\/init.sequencer     0101010101010101     kernel_buffer.exe     system_reload.bak     loading.custom_mod.fx     resample.sys32     reboot.presetMatrix.dll     inject_voice_fx.vbs     tracing.envelopeMap     INIT_SIGNAL_PROTOCOL     decoding.LFO.rates     linking.vocal_shaper     verify_payload.wavetable     writing.mod_routing.txt     unpacking.operator_bins     exporting\/FX.env.config     bootloader.reseed.wav     cracking.poly_limit     scan_temp.macro_patch     chmod+x.reactor.wav     syncing.db_vocoder.map     invoke.sidechain.cmd     loading.voice_engine_5.dll     scan_glitch.fxpreset     apply_patch_mod.sys     merge.reese_layer.bin     assign.envelope_curve.cfg     launch_hack_protocol.exe     xor_init.wavetable     drag_rack.sysinit     compile.core_basschain.fx     loading.reverb_echo.sys     glitchstream.vstinject     update.serum_gridmap     INIT_CMD_SIGNAL     feedback.loop.core     merge_host\/vocode.op     render.syscall.sub     analyze.osc_phasewrap     inject.reverb_tail.bin     LFO_depth.amp_mod.dll     inject_chain_fx.45     launch.bassline.core     osc_sync.locked.fx     debug_ampchain.env     seed_reactor_lfo.vst     envelope_decrypt.map     warp.init.kernel     clean.noisefloor.raw     RELOAD_SIGNAL.exe     mount.resonator.array     scan.sampler_wavebank     assign_macro.envslot     cache.bass_shred.fx     fxrack.bootdrive.alt     midi_patchrouter.56     inject.mod_table.007     emulate_humanise.seq     overdrive.subharm.dll     fadein_kernel.808.bak     render_reso.mapseq     route.LFOxEnv.bit     assign.voiceID.fxinit     rewrite_filter.zap     delay_feedback.reboot     SERUM_MACRO_MAP_OK     glitch.hammer.syscall     FX_PROCESS_SIGNAL++     temp.render_packet     audio\/bleedblock.map     driver.reboot.bounce     offset.splitLayer.vbs     decode.serum_fx.vst     macro.assign.v1.02     dl\/midfile_cluster.dat     freq.scan++.envhack     patch.sustain.limit     fxlayer.delayrack.out     ramp_env_drift.fader     osc_init_reform.bin     lowpass_filter_detect     bassboost.overload     ctrlwheel_assign_fx     EXE_COMPILE_BASSMOD     subdrop.loader.stack     EXPORTING_KITCHAIN     inject_M1_grit.wav     drift.ampsync_mode3     reformat_voicechip_v2     patch.intro_maplink     unlock.noise_gate     SFX_ROUTER_INIT     echo_slicer.binload     autorun.presetdeck.dll     rackmountFX.2024.map     validate.sub_freqID     splice.shard.layer     compile.sequencer.spread     glitchlock.kernel_macro     compiling_synthmap.v6     vocoder_keychain.wav     decoding_macro_tree     init_laser_array.fx     signal_trace_path.ogg     launch_protocol.dnb     syncing.drop_zone.fx     streamlink.dsp_chains     loading_module.core     waveform_burst.dll     consolidate_layers.vst     stabilise_waveform.sh     echo_sync.wtf     phaser.grid_launch     injector.key_override     reboot_firmware.serum     compressor_chain.v4     subharmonic_init.ex     refactor_glitch.cfg     slice_packet.init     reconnect_patch_009     uplink_buffer_shift     presets_lock.exe     shuffle_rhythm_bits     export.drop_macro.fx     init.voice_stream     noise_reactor.engage     uplink_bassmap.sys     kick_module_align.vst     signal_remap_fx     compressor_patch.fx     boot_wub_mode.wav     render_glitch_stack     mapping_reso_trig.exe     log_event_core_init     decompile.fx_layer     decrypt_module_chain     override_wave_kernel     validate_patchset.dll     simulate_crunch.vst     init_rack_wave.sys     glitch_axis.rotor     deploy_crashkit.fxp     sync_mod_matrix.xf     trigger_rise_fx.exe     alien_delay_rack.fx     distortion_patch_set     glitch_seed.inj     start_mod_link.bat     link_voicechain.fx     inject_mod_kernel     compile_rack_error     loop_glitch_burst.fx     decode_chorusbank.dll     sustain_error_patch     initiate_meltdown.fx     scramble_macro_drive     start_packet_map     converge_layers.wav     launch_buffer_trace     instability_rack.fx     mutate_carrier_shock     flux_noise_trigger     sweep_chain_looper.fx     reload_macro_event.sys     \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"weapon-tagline\" style=\"text-align: center;\"\u003eThis isn't some rushed Serum 2 Essentials pack - it’s a weapon for producers who don’t play by the rules.\u003c\/p\u003e\n\n\u003c!-- S2R DEMO TRACK --\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 #39ff14;\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jKkbL6y4dwk?si=XLuQQb2F9p2WW2bE?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\u003c\/style\u003e\n\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n \u003ch2 style=\"margin-top: 35px; margin-bottom: 20px;\"\u003e⚠️ Why This Pack Hits Different\u003c\/h2\u003e\n\u003cp class=\"benchmark-tagline\"\u003e\u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eThis isn't just a preset pack - it's the new benchmark for Serum 2\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n \u003cli\u003eBuilt for Serum 2 - 100% native and future-focused\u003c\/li\u003e\n \u003cli\u003eOne-note triggered presets - hold a key to unleash mayhem\u003c\/li\u003e\n \u003cli\u003eAll 8 macros programmed - create B-sections \u0026amp; variations instantly\u003c\/li\u003e\n \u003cli\u003eIncludes Ableton project, FX chains, and over 500 samples\u003c\/li\u003e\n \u003cli\u003eSample + Preset hybrid - designed to work \u003cem\u003etogether\u003c\/em\u003e\n\u003c\/li\u003e\n \u003cli\u003eHand-built by pro sound designer - WHZLY\u003c\/li\u003e\n \u003cli\u003eOptimized for modern bass music 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\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"Serum2 Preset\"\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\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"Serum2 Preset\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"\"\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 style=\"margin-top: 20px; margin-bottom: 12px;\"\u003e👾 What's Inside the Vault\u003c\/h2\u003e\n \u003c\/div\u003e\n\u003cp class=\"benchmark-tagline\"\u003e\u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e620+ professionally engineered Serum 2 presets and samples\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"vault-scroll-area\"\u003e\n \u003cul class=\"whzly-list\"\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\u003e120 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\u003e75 Massive Bass Presets\n \u003cul\u003e\n \u003cli\u003e33 One Note Retriggers\u003c\/li\u003e\n \u003cli\u003e27 One Shots\u003c\/li\u003e\n \u003cli\u003e15 Glitch\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003e15 Intro Presets\n \u003cul\u003e\n \u003cli\u003ePlucks\u003c\/li\u003e\n \u003cli\u003eLeads\u003c\/li\u003e\n \u003cli\u003eKeys\u003c\/li\u003e\n \u003cli\u003eBasses\u003c\/li\u003e\n \u003cli\u003ePads\u003c\/li\u003e\n \u003cli\u003eFull Melodies\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003e11 Drop FX Presets\n \u003cul\u003e\n \u003cli\u003eHype Sounds\u003c\/li\u003e\n \u003cli\u003eBass Shots\u003c\/li\u003e\n \u003cli\u003eVox Layers\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003e10 Cinematic Presets\n \u003cul\u003e\n \u003cli\u003eMassive Atmospheres\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003e9 Bonus Hacker Presets\n \u003cul\u003e\n \u003cli\u003e2 Impact Makers\u003c\/li\u003e\n \u003cli\u003e1 Bass Starter Preset\u003c\/li\u003e\n \u003cli\u003e1 \"Perfect Sub\" Preset\u003c\/li\u003e\n \u003cli\u003e5 Serum2FX Presets\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n \u003c\/li\u003e\n\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\u003e500+ Professionally Engineered Samples\u003c\/strong\u003e\n \u003c\/div\u003e\n\u003cdiv class=\"expandable-content\" id=\"samples-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eBass\n \u003cul\u003e\n \u003cli\u003e73 Bass Loops\u003c\/li\u003e\n \u003cli\u003e101 Bass One Shots\u003c\/li\u003e\n \u003cli\u003e12 Hacker Subs\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eMelodic\n \u003cul\u003e\n \u003cli\u003e19 Heavy Cinematic Atmo Loops\u003c\/li\u003e\n \u003cli\u003e10 Melodic Intro Loops\u003c\/li\u003e\n \u003cli\u003e6 Tonal Pad Atmos\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eDrums\n \u003cul\u003e\n \u003cli\u003e20 Drum Top Loops\u003c\/li\u003e\n \u003cli\u003e18 Drum One Shots\u003c\/li\u003e\n \u003cli\u003e21 Drum Fills\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eFX\n \u003cul\u003e\n \u003cli\u003e11 Drop FX Loops\u003c\/li\u003e\n \u003cli\u003e27 Special FX\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eGlitch\n \u003cul\u003e\n \u003cli\u003e52 Glitch Hits\u003c\/li\u003e\n \u003cli\u003e70 Glitchy Texture \u0026amp; Atmo Loops\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eVocals\n \u003cul\u003e\n \u003cli\u003e61 Vocal Phrases\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n\u003c\/div\u003e\n\n \u003c\/li\u003e\n\n \u003cli\u003eFull Ableton project - reverse engineer WHZLY's drops\u003c\/li\u003e\n \u003cli\u003eCustom FX Presets \u0026amp; Advanced Ableton Racks\u003c\/li\u003e\n \u003cli\u003eSerum 2 Hacker Course (only in the Bundle)\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🎧 PREVIEW THE PACK! 🎧\u003c\/h3\u003e\n \u003cdiv class=\"sample-category-buttons\"\u003e\n \u003cbutton class=\"sample-category-btn active\" data-category=\"intro\"\u003eINTRO\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"glitch\"\u003eGLITCH\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 \u003caudio id=\"hackerBeep\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Terminal-Beep.wav?v=1747199244\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"sirenSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Siren.mp3?v=1747203920\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"vaultSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Access_Granted.mp3?v=1747202852\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"glitchSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/System_Error.mp3?v=1747204949\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"deniedSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Access_Denied.mp3?v=1747205481\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\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🎹 Built For Modern Bass Producers\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli\u003eDesigned to work with Serum 2's clip previews\u003c\/li\u003e\n \u003cli\u003eOne-note triggered presets\u003c\/li\u003e\n \u003cli\u003eAll patches tuned to the same octave\u003c\/li\u003e\n \u003cli\u003eMacros engineered with purpose\u003c\/li\u003e\n \u003cli\u003eCutting-edge sounds built for the future of bass music\u003c\/li\u003e\n \u003cli\u003eNo post-processing needed\u003c\/li\u003e\n \u003cli\u003eInstant download \u0026amp; 100% royalty-free\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\/WHZLY_studio.jpg?v=1746830700\" 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\/WHZLY_studio.jpg?v=1746830700\" alt=\"WHZLY Studio\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_studio.jpg?v=1746830700\" alt=\"WHZLY Studio\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\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 #39ff14;\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 #39ff14;\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: #39ff14;\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: #39ff14;\n margin-right: 8px;\n animation: arrowPulse 1.6s ease-in-out infinite;\n transition: transform 0.3s ease;\n}\n\n\/* Chaneg Cursor *\/\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n cursor: pointer;\n}\n\n.expandable-trigger strong {\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\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: 12px;\n margin-top: 8px;\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: -15px !important;\n margin-right: -15px !important;\n }\n}\n\n.sample-category-btn {\n background: transparent;\n border: 2px solid #39ff14;\n color: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n padding: 8px 16px;\n font-size: 16px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-shadow: 0 0 4px #39ff14;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n background: #39ff14;\n color: black;\n box-shadow: 0 0 10px #39ff14;\n}\n\n.category-buttons {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n width: 400px; \/* match the width of Serum player *\/\n margin: 0 auto 10px auto;\n transform: translateX(100px); \/* offset matching player *\/\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); \/\/ disables auto control\n autoExpanded.delete(id); \/\/ remove any auto-expanded tracking\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 \/\/ When scrolling down, expand when entering trigger point\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 \/\/ When scrolling up, collapse if above the same trigger point\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 8px !important; \n}\n\n\/* Large screen alignment fix *\/\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\/* Mobile stacking *\/\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: 'Share Tech Mono', monospace;\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); \/* added offset *\/\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 #39ff14;\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 #39ff14 8px,\n transparent 8px,\n transparent 16px,\n #39ff14 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 #39ff14;\n filter: drop-shadow(0 0 6px #39ff14);\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 #7CFF5A) drop-shadow(0 0 16px #7CFF5A);\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 #39ff14;\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 #39ff14 18px,\n transparent 18px,\n transparent 36px,\n #39ff14 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: #39ff14;\n font-size: 40px;\n font-family: 'Share Tech Mono', monospace;\n cursor: pointer;\n z-index: 3;\n transition: color 0.2s ease, text-shadow 0.2s ease;\n text-shadow: 0 0 6px #39ff14;\n}\n\n\n.jukebox-btn:hover {\n color: #7CFF5A;\n text-shadow:\n 0 0 6px #7CFF5A,\n 0 0 12px #7CFF5A,\n 0 0 18px #7CFF5A;\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.6%; \/* 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); \/* shrink player slightly more *\/\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: 30px;\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 intro: [\n { title: \"Intro - Pluck Designer\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Pluck_Designer.mp3?v=1747101247\" },\n { title: \"Intro - Key Master 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Key_Master_3.mp3?v=1747101248\" },\n { title: \"Intro - Lead \u0026 Plucky Echo\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Lead_Plucky_Echo.mp3?v=1747101244\" },\n { title: \"Intro - Arp Bass Pluck\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Arp_Bass_Pluck.mp3?v=1747101247\" },\n { title: \"Intro - Atmos Pad\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Atmos_Pad.mp3?v=1747101247\" },\n { title: \"Intro - Paddy\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Paddy.mp3?v=1747101247\" },\n { title: \"Intro - Running Wub Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Running_Wub_Bass.mp3?v=1747101248\" },\n { title: \"Intro - Layered Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Layered_Reese.mp3?v=1747101248\" },\n { title: \"Intro - Perfect Sub\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Perfect_Sub.mp3?v=1747101243\" },\n { title: \"Intro - Atmo 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_1.mp3?v=1747101800\" },\n { title: \"Intro - Atmo 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_3.mp3?v=1747101798\" },\n { title: \"Intro - Atmo 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_5.mp3?v=1747101799\" },\n { title: \"Intro - Atmo 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_6.mp3?v=1747101798\" },\n { title: \"Intro - Atmo 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_8.mp3?v=1747101799\" },\n { title: \"Intro - Atmo 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_10.mp3?v=1747101799\" }\n ],\n bass: [\n { title: \"Retrigger Hack Bass 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_1.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_3.mp3?v=1747102191\" },\n { title: \"Retrigger Hack Bass 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_5.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_8.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_9.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_15.mp3?v=1747102191\" },\n { title: \"Retrigger Hack Bass 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_17.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_21.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_25.mp3?v=1747102190\" },\n { title: \"One Shot Hack Bass 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_02.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_05.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_06.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_08.mp3?v=1747102468\" },\n { title: \"One Shot Hack Bass 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_09.mp3?v=1747102468\" },\n { title: \"One Shot Hack Bass 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_14.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_23.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_25.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_26.mp3?v=1747102468\" }\n ],\n glitch: [\n { title: \"One Shot Glitch Synth 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_4.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Synth 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_7.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Synth 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_12.mp3?v=1747102659\" },\n { title: \"One Shot Glitch Synth 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_14.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Sample 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_3.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_6.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_9.mp3?v=1747103168\" },\n { title: \"One Shot Glitch Sample 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_15.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_31.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 38\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_38.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 51\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_51.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_52.mp3?v=1747103169\" }\n ],\n fx: [\n { title: \"One Shot Drop FX 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_1.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_2.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_3.mp3?v=1747103246\" },\n { title: \"One Shot Drop FX 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_5.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_7.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_9.mp3?v=1747103245\" },\n { title: \"Impact Maker 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Impact_Maker_1.mp3?v=1747103246\" },\n { title: \"One Shot SFX 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_1.mp3?v=1747103660\" },\n { title: \"One Shot SFX 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_2.mp3?v=1747103660\" },\n { title: \"One Shot SFX 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_3.mp3?v=1747103660\" },\n { title: \"One Shot SFX 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_5.mp3?v=1747103660\" },\n { title: \"One Shot SFX 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_7.mp3?v=1747103659\" },\n { title: \"One Shot SFX 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_18.mp3?v=1747103660\" },\n { title: \"One Shot SFX 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_20.mp3?v=1747103660\" },\n { title: \"One Shot SFX 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_25.mp3?v=1747103660\" },\n { title: \"One Shot SFX 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_26.mp3?v=1747103660\" },\n { title: \"One Shot SFX 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_27.mp3?v=1747103662\" }\n\n ]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"intro\";\nlet currentSampleIndex = 0;\nlet wavesurfer;\nlet preloadedWavesurfer = null;\nlet preloadedSample = null;\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n playNextSample();\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n playNextSample();\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\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 });\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\u003eThis is sound design with intent. With danger. With purpose.\u003cbr\u003eForget generic preset packs, this is a full system override\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"mobile-vault-text\"\u003e\n \u003cstrong\u003eForget generic preset packs\u003cbr\u003eThis is a full system override\u003c\/strong\u003e\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n \u003c\/div\u003e\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\u003cp\u003e \u003c\/p\u003e\n\u003c!-- HACK OVERLAY CONTAINER --\u003e\n\u003cdiv id=\"hack-overlay-container\" aria-hidden=\"true\"\u003e\u003c\/div\u003e\n\n\u003c!-- TRIGGER BUTTON --\u003e\n\u003cdiv style=\"text-align:center;\"\u003e\n \u003cbutton class=\"glitch-button scroll-button\" onclick=\"triggerHackEffect()\"\u003eDownload Source Code\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .glitch-button.scroll-button {\n display: block;\n margin-top: 0px;\n margin-right: auto;\n margin-bottom: 80px;\n margin-left: auto;\n font-size: 130%;\n padding: 16px 26px;\n background-color: #39ff14;\n color: black;\n font-weight: bold;\n font-family: 'Share Tech Mono', monospace;\n border: none;\n border-radius: 6px;\n box-shadow: 0 0 12px #39ff14;\n cursor: pointer;\n transition: transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out;\n animation: idle-glow 2s ease-in-out infinite;\n position: relative;\n overflow: hidden;\n z-index: 10;\n }\n\n @keyframes idle-glow {\n 0% { box-shadow: 0 0 10px #39ff14; }\n 50% { box-shadow: 0 0 22px #39ff14, 0 0 30px #39ff14; }\n 100% { box-shadow: 0 0 10px #39ff14; }\n }\n\n @keyframes strobeFlash {\n 0%, 20%, 40%, 60%, 80%, 100% { opacity: 0; }\n 10%, 30%, 50%, 70%, 90% { opacity: 0.4; }\n }\n\n @keyframes flicker {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.05); }\n }\n\n @keyframes matrixScroll {\n from { transform: translateY(200); }\n to { transform: translateY(200vh); }\n}\n\n \/* OVERLAY FULLSCREEN FIX *\/\n #hack-overlay-container \u003e div {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: black !important;\n z-index: 99999 !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n align-items: center !important;\n pointer-events: all !important;\n text-align: center !important;\n }\n\n body.hack-active {\n overflow: hidden !important;\n }\n\n html, body {\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .shopify-section,\n .product__description,\n .product__content,\n .rte {\n position: relative !important;\n overflow: visible !important;\n }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@keyframes subtleFlicker {\n 0% { opacity: 1; transform: translateX(0); }\n 5% { opacity: 0.9; transform: translateX(-1px); }\n 10% { opacity: 1; transform: translateX(1px); }\n 15% { opacity: 0.95; transform: translateX(-1px); }\n 20% { opacity: 1; transform: translateX(1px); }\n 25%, 100% { opacity: 1; transform: translateX(0); }\n}\n\n@media (max-width: 768px) {\n .hack-joke-text {\n padding: 0 5px !important;\n max-width: 98% !important;\n text-align: center !important;\n font-size: 18px !important;\n line-height: 1.4;\n animation: subtleFlicker 3s infinite alternate;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n @keyframes strobeFlash {\n 0%, 20%, 40%, 60%, 80%, 100% { opacity: 0; }\n 10%, 30%, 50%, 70%, 90% { opacity: 0.35; }\n }\n\n\n\n @keyframes flicker {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.05); }\n }\n\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n height: 100% !important;\n }\n\n body.hack-active {\n overflow: hidden !important;\n }\n\n@keyframes flashGreen {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n}\n\n.flash-before-exit {\n animation: flashGreen 0.8s ease-in-out infinite;\n}\n\n.hack-joke-text div + div {\n margin-top: 6px;\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst hackMessages = [\n [\"WHZLY once moved a single macro\", \"and caused Ableton to crash.\"],\n [\"Warning: EDMT just broke the sample pack market again.\", \"\"],\n [\"Your favourite producer’s favourite presets...\", \"but louder.\"],\n [\"WHZLY doesn’t automate filters...\", \"he threatens them\"],\n [\"Serum 2 Overheated.\", \"Blame WHZLY.\"],\n [\"We didn't throw these presets together\", \"the day Serum 2 came out\", \"like those other flogs!\"],\n [\"WHZLY \u0026 EDMT didn’t beta test Serum 2\", \"they alpha dominated it.\"],\n [\"These presets are clinically tested\", \"to boost serum testosterone.\"],\n [\"Includes no recycled loops.\", \"Sorry if that’s a dealbreaker.\"],\n [\"Made by REAL sound designers...\", \"not flogs with a MIDI keyboard and a dream.\"],\n [\"These aren’t 'industry standard'.\", \"they’re industry disruptive.\"],\n [\"Yo dubstep producers,\", \"this one's actually dangerous!\"],\n [\"No fake dancing.\", \"Just real fkn sound design.\"],\n [\"Built before Serum 2 had a manual...\", \"Still broke the rules.\"],\n [\"WHZLY doesn’t EQ.\", \"He carves frequencies with an axe.\"],\n [\"WHZLY didn’t design these presets…\", \"he summoned them.\"],\n [\"I don’t save presets.\", \"They remember me. - WHZLY 2025\"],\n [\"Beta testers quit halfway.\", \"Said it was 'too heavy.'\"],\n [\"WHZLY’s PC crashed halfway through production.\", \"He called that a feature.\"],\n [\"Other beta testers submitted bug reports.\", \"We turned them into wavetables ;)\"],\n [\"WHZLY doesn’t use LFOs.\", \"He just stares at the wave until it moves.\"],\n [\"WHZLY once sidechained silence...\", \"and it still hit harder.\"],\n [\"These presets are why Skrillex\", \"carries a backup laptop.\"],\n [\"Every macro was programmed...\", \"at gunpoint\"],\n [\"WHZLY’s drop shook\", \"the desk screws loose.\", \"Twice.\"],\n [\"Ableton 12 wasn’t ready.\", \"Neither were you.\"],\n [\"This isn't music production.\", \"It's controlled chaos.\"],\n [\"WHZLY doesn’t program modulation.\", \"He negotiates with it.\"],\n [\"WHZLY once exported a preset\", \"and it corrupted the master bus.\"],\n [\"Not compatible with weak speakers,\", \"cheap headphones, or faint-hearted producers.\"],\n [\"You don't use these presets.\", \"They use you.\"],\n [\"Made with no templates.\", \"Only trauma.\"],\n [\"This pack slaps harder\", \"than your CPU can throttle.\"],\n [\"WHZLY compresses waves\", \"by physically crushing them.\"],\n [\"You think you’re controlling Serum 2...\", \"Serum 2's controlling you.\"],\n [\"Every time you load a preset,\", \"a faggot wearing a beanie cries.\"],\n [\"Warning: unauthorized duplication\", \"may summon WHZLY himself.\"],\n [\"WHZLY doesn’t remix tracks.\", \"He rewrites physics.\"]\n];\n\n function shuffleArray(array) {\n const shuffled = array.slice(); \/\/ make a copy\n for (let i = shuffled.length - 1; i \u003e 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n}\n\nlet shuffledHackMessages = [];\nlet currentHackMessageIndex = 0;\n\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n const storedShuffle = sessionStorage.getItem('hackMessageShuffle');\n const storedIndex = sessionStorage.getItem('hackMessageIndex');\n\n if (storedShuffle) {\n shuffledHackMessages = JSON.parse(storedShuffle);\n currentHackMessageIndex = parseInt(storedIndex || 0, 10);\n } else {\n shuffledHackMessages = shuffleArray(hackMessages);\n currentHackMessageIndex = 0;\n sessionStorage.setItem('hackMessageShuffle', JSON.stringify(shuffledHackMessages));\n sessionStorage.setItem('hackMessageIndex', currentHackMessageIndex.toString());\n }\n});\n\nfunction getNextHackMessage() {\n if (currentHackMessageIndex \u003e= shuffledHackMessages.length) {\n shuffledHackMessages = shuffleArray(hackMessages);\n currentHackMessageIndex = 0;\n sessionStorage.setItem('hackMessageShuffle', JSON.stringify(shuffledHackMessages));\n }\n\n const joke = shuffledHackMessages[currentHackMessageIndex];\n currentHackMessageIndex++;\n\n sessionStorage.setItem('hackMessageIndex', currentHackMessageIndex.toString());\n return joke;\n}\n\n function triggerHackEffect() {\n \/\/ Completely bypass the Shopify DOM scope\n const overlay = document.createElement('div');\n overlay.setAttribute(\"id\", \"full-hack-overlay\");\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100vw';\n overlay.style.height = '100vh';\n overlay.style.background = 'black';\n overlay.style.zIndex = '999999'; \/\/ higher than Shopify elements\n overlay.style.overflow = 'hidden';\n overlay.style.display = 'flex';\n overlay.style.flexDirection = 'column';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n overlay.style.textAlign = 'center';\n\n const strobe = document.createElement('div');\n strobe.style.position = 'absolute';\n strobe.style.width = '100%';\n strobe.style.height = '100%';\n strobe.style.background = 'white';\n strobe.style.mixBlendMode = 'difference';\n strobe.style.opacity = '0';\n strobe.style.animation = 'strobeFlash 4s linear forwards';\n overlay.appendChild(strobe);\n\n\/\/ 🔥 Play Glitch Sound\nconst glitch = document.getElementById('glitchSound');\nif (glitch) {\n glitch.currentTime = 0;\n glitch.play().catch(e =\u003e console.warn('Glitch sound failed to play:', e));\n}\n\n const matrix = document.createElement('div');\n matrix.style.position = 'absolute';\n matrix.style.top = '0';\n matrix.style.left = '0';\n matrix.style.width = '100%';\n matrix.style.height = '300vh';\n matrix.style.color = '#39ff14';\n matrix.style.fontFamily = 'monospace';\n matrix.style.fontSize = '48px';\n matrix.style.lineHeight = '50px';\n matrix.style.opacity = '0.08';\n matrix.style.whiteSpace = 'pre';\n matrix.style.animation = 'matrixScroll 18s linear infinite';\n\/\/ Create a super wide and tall matrix string\nconst binaryLine = '0101010111001010101110010101011010101010110101'.repeat(50);\nconst binaryText = (binaryLine + '\\n').repeat(300);\n\n\/\/ First matrix (default position)\nconst matrix1 = document.createElement('div');\nmatrix1.style.position = 'absolute';\nmatrix1.style.top = '0';\nmatrix1.style.left = '0';\nmatrix1.style.width = '100%';\nmatrix1.style.height = '300vh';\nmatrix1.style.color = '#39ff14';\nmatrix1.style.fontFamily = 'monospace';\nmatrix1.style.fontSize = '48px';\nmatrix1.style.lineHeight = '50px';\nmatrix1.style.opacity = '0.08';\nmatrix1.style.whiteSpace = 'pre';\nmatrix1.style.animation = 'matrixScroll 18s linear infinite';\nmatrix1.innerText = binaryText;\noverlay.appendChild(matrix1);\n\n\/\/ Second matrix (starts above, seamlessly continues)\nconst matrix2 = document.createElement('div');\nmatrix2.style.position = 'absolute';\nmatrix2.style.top = '-300vh';\nmatrix2.style.left = '0';\nmatrix2.style.width = '100%';\nmatrix2.style.height = '300vh';\nmatrix2.style.color = '#39ff14';\nmatrix2.style.fontFamily = 'monospace';\nmatrix2.style.fontSize = '48px';\nmatrix2.style.lineHeight = '50px';\nmatrix2.style.opacity = '0.18';\nmatrix2.style.whiteSpace = 'pre';\nmatrix2.style.animation = 'matrixScroll 18s linear infinite';\nmatrix2.innerText = binaryText;\noverlay.appendChild(matrix2);\n\n\n\n const textWrap = document.createElement('div');\n textWrap.style.zIndex = '5';\n textWrap.style.display = 'flex';\n textWrap.style.flexDirection = 'column';\n textWrap.style.alignItems = 'center';\n textWrap.style.justifyContent = 'center';\n\n const title = document.createElement('div');\n title.innerText = 'SYSTEM ERROR';\n title.style.fontSize = '64px';\n title.style.color = '#39ff14';\n title.style.fontFamily = \"'Share Tech Mono', monospace\";\n title.style.textShadow = '0 0 10px #39ff14, 0 0 20px #39ff14';\n title.style.animation = 'flicker 0.1s steps(2, end) infinite';\n title.style.marginBottom = '12px';\n textWrap.appendChild(title);\n\n const joke = document.createElement('div');\n joke.classList.add('hack-joke-text');\n\n \/\/ Randomize the joke instead of following order\n const selectedJoke = getNextHackMessage();\n\n joke.innerHTML = selectedJoke.map(line =\u003e `\u003cdiv\u003e${line}\u003c\/div\u003e`).join('');\n joke.style.fontSize = '22px';\n joke.style.color = '#7CFF5A';\n joke.style.fontFamily = \"'Share Tech Mono', monospace\";\n joke.style.textAlign = 'center';\n textWrap.appendChild(joke);\n\n overlay.appendChild(textWrap);\n\n\/\/ Add DO NOT CLICK button\nconst eggBtn = document.createElement('button');\neggBtn.id = 'easterEggBtn';\neggBtn.innerText = 'DO NOT CLICK';\neggBtn.style.position = 'absolute';\neggBtn.style.top = '16px';\neggBtn.style.right = '16px';\neggBtn.style.zIndex = '999999';\neggBtn.style.background = 'none';\neggBtn.style.border = 'none';\neggBtn.style.color = '#39ff14';\neggBtn.style.fontFamily = \"'Share Tech Mono', monospace\";\neggBtn.style.fontSize = '14px'; \/\/ Mid-sized font\neggBtn.style.padding = '2px 8px'; \/\/ Slightly tighter padding\neggBtn.style.cursor = 'pointer';\neggBtn.style.textShadow = '0 0 2px #39ff14'; \/\/ Balanced glow\noverlay.appendChild(eggBtn);\n\neggBtn.addEventListener('click', () =\u003e {\n \/\/ Pause\/remove glitch background effects\n clearTimeout(window.glitchOverlayTimeout);\n window.skipScrollReset = true;\n matrix1.style.display = 'none';\n matrix2.style.display = 'none';\n strobe.style.display = 'none';\n textWrap.style.display = 'none';\n eggBtn.style.display = 'none';\n\n \/\/ Hide overlay effects\n matrix1.style.display = 'none';\n matrix2.style.display = 'none';\n strobe.style.display = 'none';\n textWrap.style.display = 'none';\n eggBtn.style.display = 'none';\n\n \/\/ Show terminal game modal\n showTerminalGame(overlay);\n});\n\n document.body.appendChild(overlay);\n document.body.classList.add(\"hack-active\");\n\nwindow.glitchOverlayTimeout = setTimeout(() =\u003e {\n overlay.remove();\n document.body.classList.remove(\"hack-active\");\n}, 4000);\n }\n\u003c\/script\u003e\n\n\u003cscript\u003e\nfunction showTerminalGame(container) {\n const gameWrap = document.createElement('div');\n gameWrap.style.position = 'absolute';\n gameWrap.style.top = '50%';\n gameWrap.style.left = '50%';\n gameWrap.style.transform = 'translate(-50%, -50%)';\n gameWrap.style.background = '#000';\n gameWrap.style.border = '2px solid #39ff14';\n gameWrap.style.padding = '20px';\n gameWrap.style.color = '#39ff14';\n gameWrap.style.fontFamily = \"'Share Tech Mono', monospace\";\n gameWrap.style.width = '400px';\n gameWrap.style.maxWidth = '90vw';\n gameWrap.style.textAlign = 'left';\n gameWrap.style.zIndex = '999999';\n\ngameWrap.innerHTML = `\n \u003cdiv\u003eSERUM 2 BACKEND ACCESS TERMINAL\u003cbr\u003e=================================\u003c\/div\u003e\n \u003cdiv style=\"margin-top:10px\"\u003eENTER PASSWORD:\u003c\/div\u003e\n \u003cinput type=\"text\" id=\"terminalInput\" style=\"margin-top:6px; width: 100%; background: black; color: #39ff14; border: 1px solid #39ff14; font-family: 'Share Tech Mono'; padding: 4px;\" \/\u003e\n \u003cbutton id=\"submitPassword\" style=\"margin-top:10px; background: #39ff14; color: black; border: none; padding: 6px 12px; cursor: pointer; font-family: 'Share Tech Mono';\"\u003eSUBMIT\u003c\/button\u003e\n \u003cdiv id=\"terminalMessage\" style=\"margin-top:10px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"resetPasswordWrapper\" style=\"display:none; margin-top:14px;\"\u003e\n \u003cbutton id=\"resetPasswordBtn\" style=\"background: none; border: none; color: #39ff14; text-decoration: underline; cursor: pointer; font-family: 'Share Tech Mono';\"\u003eRESET PASSWORD?\u003c\/button\u003e\n \u003c\/div\u003e\n`;\n\n container.appendChild(gameWrap);\n\n const input = gameWrap.querySelector('#terminalInput');\n const submit = gameWrap.querySelector('#submitPassword');\n const message = gameWrap.querySelector('#terminalMessage');\n const resetBtn = gameWrap.querySelector('#resetPasswordBtn');\n\n submit.addEventListener('click', () =\u003e {\n message.innerHTML = \"\u003cspan style='color:red;'\u003e✘ ACCESS DENIED\u003c\/span\u003e\";\n document.getElementById('resetPasswordWrapper').style.display = 'block';\n\n \/\/ 🔥 Play Denied Sound\n const denied = document.getElementById('deniedSound');\n if (denied) {\n denied.currentTime = 0;\n denied.play().catch(e =\u003e console.warn('Denied sound failed to play:', e));\n }\n });\n\n \/\/ ✅ Reset password button must still work:\n resetBtn.addEventListener('click', () =\u003e {\n gameWrap.remove();\n launchMemoryGame(container);\n });\n}\n\u003c\/script\u003e\n\n\u003cscript\u003e\nfunction launchMemoryGame(container) {\n window.memoryGameContainer = container;\n const symbols = ['★', '✖', '▣', '⚡', '♠', '♣', '◆', '⬤', '△', '▽', '☀'];\n let sequence = [];\n let clickedSequence = [];\n\n const gameWrap = document.createElement('div');\n gameWrap.style.position = 'absolute';\n gameWrap.style.top = '50%';\n gameWrap.style.left = '50%';\n gameWrap.style.transform = 'translate(-50%, -50%)';\n gameWrap.style.background = '#000';\n gameWrap.style.border = '2px solid #39ff14';\n gameWrap.style.padding = '20px';\n gameWrap.style.color = '#39ff14';\n gameWrap.style.fontFamily = \"'Share Tech Mono', monospace\";\n gameWrap.style.width = '400px';\n gameWrap.style.maxWidth = '90vw';\n gameWrap.style.textAlign = 'center';\n gameWrap.style.zIndex = '999999';\n container.appendChild(gameWrap);\n\ngameWrap.innerHTML = `\n \u003cdiv\u003eSERUM 2 PASSWORD RESET\u003cbr\u003e======================\u003c\/div\u003e\n \u003cdiv id=\"memorySequence\" style=\"font-size: 28px; margin: 20px 0; opacity:0; transition: opacity 1s;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryGrid\" style=\"display:none; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryMessage\" style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryButton\" style=\"margin-top: 20px;\"\u003e\u003c\/div\u003e\n`;\n\n const sequenceDiv = gameWrap.querySelector('#memorySequence');\n const gridDiv = gameWrap.querySelector('#memoryGrid');\n const memoryMessage = gameWrap.querySelector('#memoryMessage');\n const memoryButton = gameWrap.querySelector('#memoryButton');\n\n function startNewSequence() {\n sequence = [];\n clickedSequence = [];\n memoryMessage.innerHTML = '';\n memoryButton.innerHTML = '';\n gridDiv.innerHTML = '';\n gridDiv.style.display = 'none';\n\nlet lastSymbol = null;\nfor (let i = 0; i \u003c 5; i++) {\n let nextSymbol;\n do {\n nextSymbol = symbols[Math.floor(Math.random() * symbols.length)];\n } while (nextSymbol === lastSymbol);\n sequence.push(nextSymbol);\n lastSymbol = nextSymbol;\n}\n\n sequenceDiv.style.opacity = '0';\n sequenceDiv.innerText = 'REMEMBER THE ORDER';\n setTimeout(() =\u003e {\n sequenceDiv.style.opacity = '1';\n }, 50);\n\n setTimeout(() =\u003e {\n flashSequence();\n }, 2000);\n }\n\n function flashSequence() {\n let currentFlash = 0;\n const flashInterval = setInterval(() =\u003e {\n if (currentFlash \u003c sequence.length) {\n sequenceDiv.innerText = sequence[currentFlash];\n currentFlash++;\n } else {\n clearInterval(flashInterval);\n startMemoryGrid();\n }\n }, 1600);\n }\n\n function startMemoryGrid() {\n sequenceDiv.innerText = 'SELECT SYMBOLS IN ORDER';\n gridDiv.style.display = 'flex';\n clickedSequence = [];\n\n const fullSet = [...sequence, ...symbols];\n const uniqueSymbols = [...new Set(fullSet)].sort(() =\u003e 0.5 - Math.random()).slice(0, 12);\n uniqueSymbols.sort(() =\u003e 0.5 - Math.random());\n\n uniqueSymbols.forEach(symbol =\u003e {\n const btn = document.createElement('button');\n btn.innerText = symbol;\n btn.style.background = 'black';\n btn.style.color = '#39ff14';\n btn.style.border = '1px solid #39ff14';\n btn.style.padding = '10px 14px';\n btn.style.fontSize = '24px';\n btn.style.cursor = 'pointer';\n btn.style.fontFamily = \"'Share Tech Mono', monospace\";\n btn.style.transition = 'background 0.2s, transform 0.2s';\n\n btn.addEventListener('click', () =\u003e {\n btn.style.background = '#39ff14';\n btn.style.color = 'black';\n btn.style.transform = 'scale(1.2)';\n setTimeout(() =\u003e {\n btn.style.background = 'black';\n btn.style.color = '#39ff14';\n btn.style.transform = 'scale(1)';\n }, 200);\n handleSymbolClick(symbol);\n });\n\n gridDiv.appendChild(btn);\n });\n }\n\nfunction handleSymbolClick(symbol) {\n const beep = document.getElementById('hackerBeep');\n if (beep) {\n beep.currentTime = 0;\n beep.play();\n }\n\n clickedSequence.push(symbol);\n\n if (clickedSequence.length === sequence.length) {\n if (clickedSequence.join('') === sequence.join('')) {\n showSystemOverride(window.memoryGameContainer);\n } else {\nmemoryMessage.innerHTML = \"\u003cspan style='color:red;'\u003e✘ ACCESS DENIED\u003c\/span\u003e\";\n\n\/\/ 🔥 Play Denied Sound\nconst denied = document.getElementById('deniedSound');\nif (denied) {\n denied.currentTime = 0;\n denied.play().catch(e =\u003e console.warn('Denied sound failed to play:', e));\n}\n\nmemoryButton.innerHTML = `\n \u003cbutton id=\"retryGame\" style=\"margin-top:14px; background: none; border: 1px solid #39ff14; color: #39ff14; padding: 8px 16px; cursor: pointer; font-family: 'Share Tech Mono'; font-size:16px;\"\u003e\n RETRY MEMORY SEQUENCE\n \u003c\/button\u003e\n`;\ndocument.getElementById('retryGame').addEventListener('click', () =\u003e {\n startNewSequence();\n});\n }\n }\n}\n\n startNewSequence();\n}\n\nfunction showSystemOverride(container) {\n const overlay = document.createElement('div');\n overlay.setAttribute(\"id\", \"override-glitch-overlay\");\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100vw';\n overlay.style.height = '100vh';\n overlay.style.background = 'black';\n overlay.style.zIndex = '999999';\n overlay.style.overflow = 'hidden';\n overlay.style.display = 'flex';\n overlay.style.flexDirection = 'column';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n overlay.style.textAlign = 'center';\n overlay.style.opacity = '0';\n overlay.style.transition = 'opacity 0.6s ease-in-out'; \/* \u003c-- Smooth fade *\/\n\n \/\/ Strobe\n const strobe = document.createElement('div');\n strobe.style.position = 'absolute';\n strobe.style.width = '100%';\n strobe.style.height = '100%';\n strobe.style.background = 'white';\n strobe.style.mixBlendMode = 'difference';\n strobe.style.opacity = '0';\n strobe.style.animation = 'strobeFlash 2s linear forwards';\n overlay.appendChild(strobe);\n\n \/\/ Matrix 1\n const matrix1 = document.createElement('div');\n const binaryLine = '0101010111001010101110010101011010101010110101'.repeat(50);\n const binaryText = (binaryLine + '\\n').repeat(300);\n matrix1.style.position = 'absolute';\n matrix1.style.top = '0';\n matrix1.style.left = '0';\n matrix1.style.width = '100%';\n matrix1.style.height = '300vh';\n matrix1.style.color = '#39ff14';\n matrix1.style.fontFamily = 'monospace';\n matrix1.style.fontSize = '48px';\n matrix1.style.lineHeight = '50px';\n matrix1.style.opacity = '0.08';\n matrix1.style.whiteSpace = 'pre';\n matrix1.style.animation = 'matrixScroll 18s linear infinite';\n matrix1.innerText = binaryText;\n overlay.appendChild(matrix1);\n\n \/\/ Matrix 2 (offset)\n const matrix2 = document.createElement('div');\n matrix2.style.position = 'absolute';\n matrix2.style.top = '-300vh';\n matrix2.style.left = '0';\n matrix2.style.width = '100%';\n matrix2.style.height = '300vh';\n matrix2.style.color = '#39ff14';\n matrix2.style.fontFamily = 'monospace';\n matrix2.style.fontSize = '48px';\n matrix2.style.lineHeight = '50px';\n matrix2.style.opacity = '0.18';\n matrix2.style.whiteSpace = 'pre';\n matrix2.style.animation = 'matrixScroll 18s linear infinite';\n matrix2.innerText = binaryText;\n overlay.appendChild(matrix2);\n\n \/\/ Text in the center\n const textWrap = document.createElement('div');\n textWrap.style.zIndex = '5';\n textWrap.style.display = 'flex';\n textWrap.style.flexDirection = 'column';\n textWrap.style.alignItems = 'center';\n textWrap.style.justifyContent = 'center';\n\n const title = document.createElement('div');\n title.innerText = 'SYSTEM OVERRIDE';\n title.style.fontSize = '64px';\n title.style.color = '#39ff14';\n title.style.fontFamily = \"'Share Tech Mono', monospace\";\n title.style.textShadow = '0 0 10px #39ff14, 0 0 20px #39ff14';\n title.style.animation = 'flicker 0.1s steps(2, end) infinite';\n textWrap.appendChild(title);\n\n overlay.appendChild(textWrap);\n document.body.appendChild(overlay);\n\nconst siren = document.getElementById('sirenSound');\nif (siren) {\n siren.currentTime = 0;\n siren.play().catch(e =\u003e console.warn('Siren sound failed to play:', e));\n}\n\n \/\/ Smooth fade in\n setTimeout(() =\u003e {\n overlay.style.opacity = '1';\n }, 50);\n\n \/\/ After 2s, remove overlay and show success screen\n setTimeout(() =\u003e {\n overlay.remove();\n showSuccessTerminal(container);\n }, 2000);\n}\n\nfunction showSuccessTerminal(container) {\n container.innerHTML = '';\n\n const fadeWrap = document.createElement('div');\n fadeWrap.style.opacity = '0';\n fadeWrap.style.transition = 'opacity 1s ease-in-out';\n fadeWrap.style.position = 'absolute';\n fadeWrap.style.top = '0';\n fadeWrap.style.left = '0';\n fadeWrap.style.width = '100%';\n fadeWrap.style.height = '100%';\n fadeWrap.style.overflow = 'hidden';\n fadeWrap.style.display = 'flex';\n fadeWrap.style.flexDirection = 'column';\n fadeWrap.style.justifyContent = 'center';\n fadeWrap.style.alignItems = 'center';\n fadeWrap.style.zIndex = '999999';\n container.appendChild(fadeWrap);\n\n\/\/ Play vault unlock sound\nconst vault = document.getElementById('vaultSound');\nif (vault) {\n vault.currentTime = 0;\n vault.play().catch(e =\u003e console.warn('Vault sound failed to play:', e));\n}\n\n \/\/ Matrix 1 background\n const matrix1 = document.createElement('div');\n matrix1.style.position = 'absolute';\n matrix1.style.top = '0';\n matrix1.style.left = '0';\n matrix1.style.width = '100%';\n matrix1.style.height = '300vh';\n matrix1.style.color = '#39ff14';\n matrix1.style.fontFamily = 'monospace';\n matrix1.style.fontSize = '48px';\n matrix1.style.lineHeight = '50px';\n matrix1.style.opacity = '0.08';\n matrix1.style.whiteSpace = 'pre';\n matrix1.style.animation = 'matrixScroll 24s linear infinite';\n matrix1.innerText = ('0101011010101110'.repeat(50) + '\\n').repeat(300);\n fadeWrap.appendChild(matrix1);\n\n \/\/ Matrix 2 background (offset)\n const matrix2 = document.createElement('div');\n matrix2.style.position = 'absolute';\n matrix2.style.top = '-300vh';\n matrix2.style.left = '0';\n matrix2.style.width = '100%';\n matrix2.style.height = '300vh';\n matrix2.style.color = '#39ff14';\n matrix2.style.fontFamily = 'monospace';\n matrix2.style.fontSize = '48px';\n matrix2.style.lineHeight = '50px';\n matrix2.style.opacity = '0.15';\n matrix2.style.whiteSpace = 'pre';\n matrix2.style.animation = 'matrixScroll 24s linear infinite';\n matrix2.innerText = ('1010010110110100'.repeat(50) + '\\n').repeat(300);\n fadeWrap.appendChild(matrix2);\n\n \/\/ Terminal Box\n const terminalBox = document.createElement('div');\n terminalBox.style.background = 'black';\n terminalBox.style.border = '2px solid #39ff14';\n terminalBox.style.padding = '20px';\n terminalBox.style.color = '#39ff14';\n terminalBox.style.fontFamily = \"'Share Tech Mono', monospace\";\n terminalBox.style.width = '400px';\n terminalBox.style.maxWidth = '90vw';\n terminalBox.style.textAlign = 'center';\n terminalBox.style.zIndex = '999999';\n\nterminalBox.innerHTML = `\n \u003cdiv\u003e✔ SERUM 2 ACCESS GRANTED ✔\u003c\/div\u003e\n \u003cdiv style=\"margin-top:16px; margin-bottom:8px;\"\u003eDISCOUNT CODE:\u003c\/div\u003e\n \u003cdiv style=\"margin-bottom:14px;\"\u003e\u003cspan style=\"color:#000;background:#39ff14;padding:4px 8px;\"\u003eHACKER5\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv id=\"copiedMsg\" style=\"margin-top:12px; color:#7CFF5A; font-family:'Share Tech Mono', monospace; opacity:1; transition:opacity 1.0s ease-in-out;\"\u003e✔ CODE COPIED\u003c\/div\u003e\n \u003cbutton id=\"returnMainframe\" style=\"margin-top:14px;background:transparent;color:#39ff14;border:2px solid #39ff14;padding:12px 24px;cursor:pointer;font-family:'Share Tech Mono';font-size:18px;letter-spacing:1px;transition:all 0.5s ease;box-shadow:0 0 8px #39ff14;\"\u003e\n RETURN TO MAINFRAME\n \u003c\/button\u003e\n`;\n fadeWrap.appendChild(terminalBox);\n\n navigator.clipboard.writeText('HACKER5');\n\n \/\/ Delay fade-in so it's AFTER the override screen fades out\n setTimeout(() =\u003e {\n fadeWrap.style.opacity = '1';\n }, 100); \/\/ adjust this delay if needed\n\nsetTimeout(() =\u003e {\n const copied = document.getElementById('copiedMsg');\n if (copied) {\n copied.classList.add('flash-before-exit');\n }\n\n \/\/ Fade out after flash\n setTimeout(() =\u003e {\n if (copied) {\n copied.style.opacity = '0';\n setTimeout(() =\u003e copied.remove(), 500);\n }\n }, 3000); \/\/ flash duration\n}, 3000); \/\/ wait 3s before starting flash\n\n document.getElementById('returnMainframe').addEventListener('click', () =\u003e {\n window.location.reload();\n });\n}\n\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n const observer = new MutationObserver((mutations) =\u003e {\n mutations.forEach(mutation =\u003e {\n mutation.removedNodes.forEach(removed =\u003e {\n if (removed.id === 'full-hack-overlay' \u0026\u0026 !window.skipScrollReset) {\n setTimeout(() =\u003e {\n const isMobile = window.innerWidth \u003c= 768;\n let scrollTarget = 0;\n\n if (isMobile) {\n scrollTarget = window.innerHeight * 0.12; \n }\n\n window.scrollTo({ top: scrollTarget, behavior: 'smooth' });\n }, 150);\n }\n });\n });\n });\n\n observer.observe(document.body, { childList: true });\n});\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\u003cbutton id=\"returnMainframe\" style=\"\n margin-top:14px;\n background: transparent;\n color: #39ff14;\n border: 2px solid #39ff14;\n padding: 12px 24px;\n cursor: pointer;\n font-family: 'Share Tech Mono', monospace;\n font-size: 18px;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n box-shadow: 0 0 8px #39ff14;\n\"\u003e\n RETURN TO MAINFRAME\n\u003c\/button\u003e\n\u003c\/style\u003e\n\n\u003c!-- WHZLY PRESETS PREVIEW --\u003e\n\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;\"\u003e👾 WHZLY 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 \u003cspan class=\"second-line desktop-only-text\"\u003eWe didn't rush this out after Serum 2's launch - we took the time to craft something worth using.\u003c\/span\u003e\n \u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003c!-- Glow wrapper --\u003e\n\u003cdiv class=\"video-glow-wrapper\" id=\"whzlyGlowWrapper\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/8Ofe4bPodtE?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 \u003c!-- Fullscreen Tip --\u003e\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\n\n\u003cstyle\u003e\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 #39ff14;\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n font-size: 12px !important;\n opacity: 0.85;\n display: none; \/* Hidden by default *\/\n overflow: hidden;\n white-space: nowrap; \/* Keeps it on one line while typing *\/\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; \/* Tighter top margin on mobile *\/\n }\n}\n\n.whzly-heading {\n font-size: 32px; \/* Set normal font size *\/\n}\n\n@media (max-width: 430px) {\n .serum2-inner .whzly-heading {\n font-size: 20px !important;\n margin-top: 20px !important; \/* Match your other settings *\/\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 #39ff14;\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); \/\/ Typing speed\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\n\n\n\u003c!-- UPSALE ANIMATION SECTION --\u003e\n\u003cdiv class=\"serum2-upsell-section\"\u003e\n\u003cdiv class=\"serum2-upsell-container\"\u003e\n\u003cimg alt=\"Serum 2 Reloaded: Sample-Preset Pack\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/sample_preset_pack.webp?v=1747135602\" class=\"serum2-img left\"\u003e \u003cimg alt=\"Serum 2 Reloaded: Production Course\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/production_course.webp?v=1747135602\" class=\"serum2-img right\"\u003e \u003cimg alt=\"Serum 2 Reloaded: Producer Bundle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/producer_bundle.webp?v=1747135601\" class=\"serum2-img merged\"\u003e\n\u003cdiv class=\"glitch-explosion glitch-r\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-explosion glitch-g\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-explosion glitch-b\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-text\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-particles\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serum2-upsell-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eGo full rogue with the PRODUCER BUNDLE\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"glitch-button\" href=\"https:\/\/edmtemplates.net\/collections\/bundles\/products\/whzly-x-edmt-serum-2-reloaded-producer-bundle\"\u003eGet The Full Bundle\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .serum2-upsell-section {\n padding: 60px 20px;\n background: transparent;\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n color: #7CFF5A;\n position: relative;\n overflow: hidden;\n }\n\n .serum2-upsell-container {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n height: 300px;\n }\n\n .serum2-img {\n max-height: 220px;\n width: auto;\n position: absolute;\n top: 50%;\n transform: translateY(-50%) scale(1);\n transition: all 2s ease-in-out;\n opacity: 0;\n z-index: 1;\n }\n\n .serum2-img.left {\n left: 10%;\n }\n\n .serum2-img.right {\n right: 10%;\n }\n\n .serum2-img.merged {\n left: 50%;\n transform: translate(-50%, -50%) scale(1.2);\n z-index: 2;\n }\n\n .serum2-upsell-section.animate-stage-1 .serum2-img.left,\n .serum2-upsell-section.animate-stage-1 .serum2-img.right {\n opacity: 1;\n transform: translateY(-50%) scale(1.3);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.left {\n left: 35%;\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n right: 35%;\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.merged {\n opacity: 1;\n animation: pulse-glow 1.4s infinite alternate, img-glitch-insane 0.7s steps(2, end) 2;\n filter: drop-shadow(0 0 16px #39ff14);\n }\n\n @keyframes img-glitch-insane {\n 0% {\n filter: drop-shadow(0 0 16px #39ff14) drop-shadow(-2px 0 #ff005a) drop-shadow(2px 0 #00fff7);\n }\n\n 20% {\n filter: drop-shadow(0 0 24px #fff600) drop-shadow(-4px 0 #ff005a) drop-shadow(4px 0 #00fff7);\n }\n\n 40% {\n filter: drop-shadow(0 0 8px #39ff14) drop-shadow(2px 0 #ff005a) drop-shadow(-2px 0 #00fff7);\n }\n\n 60% {\n filter: drop-shadow(0 0 32px #fff600) drop-shadow(-3px 0 #ff005a) drop-shadow(3px 0 #00fff7);\n }\n\n 80% {\n filter: drop-shadow(0 0 16px #39ff14) drop-shadow(0px 0 #ff005a) drop-shadow(0px 0 #00fff7);\n }\n\n 100% {\n filter: drop-shadow(0 0 16px #39ff14) drop-shadow(-2px 0 #ff005a) drop-shadow(2px 0 #00fff7);\n }\n }\n\n .glitch-explosion,\n .glitch-explosion.glitch-r,\n .glitch-explosion.glitch-g,\n .glitch-explosion.glitch-b {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n pointer-events: none;\n opacity: 0.3;\n z-index: 3;\n background: radial-gradient(circle, #39ff14, transparent 70%);\n transform: translate(-50%, -50%) scale(0);\n mix-blend-mode: screen;\n }\n\n .glitch-explosion.glitch-r {\n background: radial-gradient(circle, #ff005a, transparent 70%);\n z-index: 4;\n }\n\n .glitch-explosion.glitch-g {\n background: radial-gradient(circle, #00fff7, transparent 70%);\n z-index: 5;\n }\n\n .glitch-explosion.glitch-b {\n background: radial-gradient(circle, #fff600, transparent 70%);\n z-index: 6;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion {\n animation: glitch-burst-insane 0.8s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion.glitch-r {\n animation: glitch-burst-insane-r 0.7s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion.glitch-g {\n animation: glitch-burst-insane-g 0.9s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion.glitch-b {\n animation: glitch-burst-insane-b 0.6s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n @keyframes glitch-burst-insane {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 20% {\n transform: translate(-50%, -50%) scale(1.2) rotate(10deg);\n opacity: 1;\n }\n\n 40% {\n transform: translate(-50%, -50%) scale(1.4) rotate(-8deg);\n opacity: 0.8;\n }\n\n 60% {\n transform: translate(-50%, -50%) scale(1.1) rotate(12deg);\n opacity: 1;\n }\n\n 80% {\n transform: translate(-50%, -50%) scale(1.3) rotate(-6deg);\n opacity: 0.7;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n @keyframes glitch-burst-insane-r {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 30% {\n transform: translate(-48%, -52%) scale(1.3) rotate(20deg);\n opacity: 1;\n }\n\n 60% {\n transform: translate(-52%, -48%) scale(1.5) rotate(-15deg);\n opacity: 0.7;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n @keyframes glitch-burst-insane-g {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 25% {\n transform: translate(-53%, -47%) scale(1.4) rotate(-18deg);\n opacity: 1;\n }\n\n 55% {\n transform: translate(-47%, -53%) scale(1.2) rotate(15deg);\n opacity: 0.8;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n @keyframes glitch-burst-insane-b {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 35% {\n transform: translate(-51%, -49%) scale(1.5) rotate(25deg);\n opacity: 1;\n }\n\n 70% {\n transform: translate(-49%, -51%) scale(1.1) rotate(-20deg);\n opacity: 0.6;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion {\n animation: glitch-burst 0.8s ease-out forwards;\n }\n\n .glitch-text {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: \ntranslateX(-50%);\n font-size: 22px;\n color: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n opacity: 0;\n z-index: 10;\n \/* Simplified green glow only *\/\n text-shadow:\n 0 0 6px #39ff14,\n 0 0 12px #39ff14,\n 0 0 18px #39ff14;\n pointer-events: none;\n }\n@media (max-width: 480px) {\n .serum2-upsell-container {\n height: 450px;\n margin-bottom: -60px;\n }\n\n .glitch-text {\n top: -20px; \/* Adjust this value to move the text higher *\/\n }\n}\n@media (max-width: 480px) {\n .serum2-upsell-text {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n max-width: 380px;\n margin: 0 auto;\n padding: 0 10px;\n box-sizing: border-box;\n margin-top: -10px !important;\n }\n\n .serum2-upsell-text p {\n font-size: 15px;\n line-height: 1.6;\n }\n\n .serum2-upsell-section .glitch-button {\n width: 100%;\n max-width: 240px;\n text-align: center;\n }\n}\n\n .serum2-upsell-section.animate-stage-2 .glitch-text {\n animation: text-glitch-insane 1.2s steps(1, end) 0s 1, show-text 0s 0.8s forwards, fade-text 0.5s ease-in 2.8s forwards;\n }\n\n @keyframes text-glitch-insane {\n 0% {\n opacity: 1;\n transform: translateX(-50%) scale(1) skewX(0deg);\n filter: drop-shadow(0 0 6px #39ff14);\n }\n\n 10% {\n opacity: 1;\n transform: translateX(-52%) scale(1.05) skewX(5deg);\n filter: drop-shadow(0 0 10px #39ff14);\n }\n\n 20% {\n opacity: 1;\n transform: translateX(-48%) scale(0.95) skewX(-5deg);\n filter: drop-shadow(0 0 8px #39ff14);\n }\n\n 30% {\n opacity: 1;\n transform: translateX(-50%) scale(1.1) skewX(7deg);\n filter: drop-shadow(0 0 12px #39ff14);\n }\n\n 40% {\n opacity: 1;\n transform: translateX(-53%) scale(1) skewX(-7deg);\n filter: drop-shadow(0 0 10px #39ff14);\n }\n\n 50% {\n opacity: 1;\n transform: translateX(-47%) scale(1.05) skewX(4deg);\n filter: drop-shadow(0 0 8px #39ff14);\n }\n\n 60% {\n opacity: 1;\n transform: translateX(-50%) scale(1) skewX(0deg);\n filter: drop-shadow(0 0 6px #39ff14);\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-text {\n animation: text-glitch 0.08s steps(1, end) 0s 10, show-text 0s 0.8s forwards, fade-text 0.5s ease-in 2.8s forwards;\n }\n\n .glitch-particles {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 4;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/particles-glitch.gif?v=1744679999') center center \/ cover no-repeat;\n opacity: 0;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-particles {\n animation: show-particles 0.8s ease-in forwards;\n }\n\n @keyframes show-particles {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 0.35;\n }\n }\n\n @keyframes pulse-glow {\n from {\n filter: drop-shadow(0 0 8px #39ff14);\n }\n\n to {\n filter: drop-shadow(0 0 16px #39ff14);\n }\n }\n\n @keyframes glitch-burst {\n 0% {\n transform: translate(-50%, -50%) scale(0);\n opacity: 0.3;\n }\n\n 50% {\n transform: translate(-50%, -50%) scale(1.2);\n opacity: 1;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n }\n }\n\n @keyframes glitchLeft {\n 0% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n\n 50% {\n transform: translateY(-50%) scale(1) translateX(-5px);\n }\n\n 100% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n }\n\n @keyframes glitchRight {\n 0% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n\n 50% {\n transform: translateY(-50%) scale(1) translateX(5px);\n }\n\n 100% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n }\n\n @keyframes text-glitch {\n 0%,\n 100% {\n opacity: 1;\n transform: translateX(-50%) scale(1);\n }\n\n 50% {\n opacity: 0.6;\n transform: translateX(-49%) scale(1.05);\n }\n }\n\n @keyframes show-text {\n to {\n opacity: 1;\n }\n }\n\n @keyframes fade-text {\n to {\n opacity: 0;\n }\n }\n\n .serum2-upsell-text {\n margin-top: 30px;\n font-size: 16px;\n }\n\n .serum2-upsell-text p {\n margin-bottom: 20px;\n color: #7CFF5A;\n }\n\n.serum2-upsell-section .glitch-button {\n display: inline-block;\n background-color: #39ff14;\n color: black !important;\n padding: 12px 24px;\n font-size: 16px;\n border: none;\n border-radius: 5px;\n font-weight: bold;\n font-family: 'Share Tech Mono', monospace;\n box-shadow: 0 0 10px #39ff14;\n text-decoration: none;\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n}\n\n.serum2-upsell-section .glitch-button:hover {\n background: black;\n color: #39ff14 !important;\n box-shadow: 0 0 18px #39ff14;\n transform: scale(1.04);\n}\n\n.serum2-upsell-section .glitch-button {\n text-decoration: none !important;\n}\n\n\n @media (max-width: 480px) {\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.left,\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n animation: fadeOutDelayed 1s ease forwards;\n animation-delay: 1.5s;\n \/* start fading after glitch wiggle *\/\n }\n\n \/* Reduce green glow size on merged image *\/\n .serum2-upsell-section.animate-stage-2 .serum2-img.merged {\n filter: drop-shadow(0 0 8px #39ff14);\n animation: pulse-glow-smaller 1.4s infinite alternate, img-glitch-insane 0.7s steps(2, end) 2;\n }\n\n \/* Optionally extend margins to prevent clipping *\/\n .serum2-upsell-section {\n margin-left: -30px;\n margin-right: -30px;\n padding: 30px 0px !important;\n }\n }\n\n \/* Fade out animation *\/\n @keyframes fadeOutDelayed {\n to {\n opacity: 0;\n pointer-events: none;\n }\n }\n\n \/* Smaller pulse glow animation *\/\n @keyframes pulse-glow-smaller {\n from {\n filter: drop-shadow(0 0 4px #39ff14);\n }\n\n to {\n filter: drop-shadow(0 0 8px #39ff14);\n }\n }\n\nbody.hack-active #smile-ui-lite-launcher-frame-container {\n display: none !important;\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 480px) {\n \/* Starting position: push images further off-screen *\/\n .serum2-img.left {\n left: -60%; \/* Start way left *\/\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-img.right {\n right: -60%; \/* Start way right *\/\n transform: translateY(-50%) scale(1);\n }\n\n \/* When animation starts (stage 1): bring them closer but still wide apart *\/\n .serum2-upsell-section.animate-stage-1 .serum2-img.left {\n left: 20%;\n transform: translateY(-50%) scale(1.2);\n opacity: 1;\n }\n\n .serum2-upsell-section.animate-stage-1 .serum2-img.right {\n right: 20%;\n transform: translateY(-50%) scale(1.2);\n opacity: 1;\n }\n\n \/* When merging (stage 2): meet in the center *\/\n .serum2-upsell-section.animate-stage-2 .serum2-img.left {\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n right: 50%;\n transform: translate(50%, -50%) scale(1);\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const upsellSection = document.querySelector('.serum2-upsell-section');\n const glitchText = upsellSection.querySelector('.glitch-text');\n let stage = 0;\n let lastY = window.pageYOffset;\n let t1, t2, t3;\n\n function handleScroll() {\n const currentY = window.pageYOffset;\n const scrollingUp = currentY \u003c lastY;\n lastY = currentY;\n\n const rect = upsellSection.getBoundingClientRect();\n const isMobile = window.innerWidth \u003c= 768;\n const triggerPoint = isMobile ? window.innerHeight * 0.70 : window.innerHeight * 0.80;\n\n if (stage === 0 \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n upsellSection.classList.add('animate-stage-1');\n stage = 1;\n t1 = setTimeout(() =\u003e {\n if (stage === 1) {\n upsellSection.classList.add('animate-stage-2');\n stage = 2;\n glitchText.textContent = 'BUNDLE COMBINATION PROCESS INITIATED';\n t2 = setTimeout(() =\u003e { glitchText.textContent = 'SUCCESSFUL'; }, 2000);\n t3 = setTimeout(() =\u003e { glitchText.textContent = ''; }, 3000);\n }\n }, 2000);\n } else if (stage \u003e 0 \u0026\u0026 scrollingUp \u0026\u0026 rect.top \u003e= triggerPoint) {\n clearTimeout(t1);\n clearTimeout(t2);\n clearTimeout(t3);\n upsellSection.classList.remove('animate-stage-2', 'animate-stage-1');\n glitchText.textContent = '';\n stage = 0;\n }\n }\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n });\n\u003c\/script\u003e\n\n\u003c!-- SYSTEM COMPATIBILITY SECTION --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"margin-top: 80px;\"\u003e\n \u003ch2 class=\"system-header\"\u003e\n \u003cspan class=\"desktop-text\"\u003e🖥 SYSTEM COMPATIBILITY PROTOCOL 🖥\u003c\/span\u003e\n \u003cspan class=\"mobile-text\"\u003e🖥 COMPATIBILITY PROTOCOL 🖥\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 \u003cdiv\u003eAbleton 12 (project file)\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .system-header {\n font-family: 'Share Tech Mono', monospace;\n font-size: 22px;\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n margin-bottom: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n text-align: center;\n }\n\n .requirements-list {\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n color: #7CFF5A;\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\/* This part ONLY applies at 480px and smaller *\/\n@media (max-width: 480px) {\n .hook-plus-image-optimized {\n margin-top: -100px !important; \/* Only apply negative margin on small phones *\/\n }\n\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","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":51635343032651,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum2Reloaded.webp?v=1747137130"},{"product_id":"whzly-x-edmt-serum-2-reloaded-producer-bundle","title":"WHZLY X EDMT | SERUM 2 RELOADED: PRODUCER BUNDLE","description":"\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\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: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n position: relative;\n animation: subtle-glitch 1s ease-in-out infinite;\n }\n\n .serum2-inner h2::before {\n content: \"\u003e \";\n color: #39ff14;\n margin-right: 6px;\n }\n \n .serum2-inner h1 {\n text-align: center;\n margin-bottom: -10px;\n }\n \n .serum2-inner p,\n .serum2-inner li {\n color: #7CFF5A;\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: #39ff14;\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 #39ff14; }\n 20% { text-shadow: -1px 0 #39ff14, 1px 0 #39ff14; }\n 40% { text-shadow: 1px 0 #39ff14, -1px 0 #39ff14; }\n 80% { text-shadow: 0 0 6px #39ff14; }\n }\n\n .cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background-color: #39ff14;\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 z-index: 0;\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.split-combine-section.animation-complete .half.left,\n.split-combine-section.animation-complete .half.right {\n display: none !important;\n}\n\n .split-combine-section .sr-only {\n width: 100% !important;\n height: auto;\n max-width: 100%;\n display: block;\n margin: 0 auto;\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: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.serum2-upsell-section.animate-stage-2 .serum2-upsell-text {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 1.2s, 1.2s, 0s; \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 height: 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.04);\n}\n \n.plus-glow div {\n font-size: 229px;\n font-family: 'Share Tech Mono', monospace;\n color: #39ff14;\n text-shadow: 0 0 24px #39ff14, 0 0 48px #39ff14;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 1s ease, transform 1s ease;\n}\n\n.bundle-flex-wrapper.in-view.animation-complete .plus-glow div {\n opacity: 1;\n transform: translateY(0);\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-combine-section.in-view.animation-complete .sr-only {\n object-fit: contain !important;\n height: auto !important;\n position: relative !important;\n}\n\n.split-combine-section.in-view.animation-complete {\n overflow: visible !important;\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 #39ff14); }\n 100% { filter: drop-shadow(0 0 8px #39ff14); }\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 \/* 1. Slightly reduce margin above \"Why This Pack Hits Different\" *\/\n .hook-text h2 {\n margin-top: 0px !important; \/* was 35px *\/\n margin-bottom: 0px\n }\n\n .hook-text p {\n margin-bottom: 0px !important;\n }\n\n \/* 2. Reduce space above \"What's Inside the Vault\" *\/\n .vault-and-player {\n margin-top: 5px !important; \/* was 100px *\/\n }\n\n \/* 3. Tighten space below \"Download Source Code\" button *\/\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\u003ch1\u003e\u0026gt; INIT SERUM 2 RELOADED.EXE\u003cspan class=\"cursor\"\u003e\u003c\/span\u003e\n\u003c\/h1\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n margin: 10px 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: 'Share Tech Mono', monospace;\n font-size: 22px;\n margin: 0px auto -35px auto;\n max-width: 900px;\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\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; \/* smaller than desktop (22px) *\/\n line-height: 1.4 !important; \/* tighter line spacing *\/\n padding: 0 10px; \/* optional: add side padding so it doesn't hug edges *\/\n }\n \n .vault-statement p {\n font-size: 16px !important; \/* smaller paragraph inside *\/\n line-height: 1.4 !important;\n margin-bottom: 0px !important; \/* tighten gap between lines *\/\n }\n}\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 \/* Force the two halves to stay visible and animate normally *\/\n .split-combine-section.split-whzly .half,\n .split-combine-section.split-serum .half {\n display: none !important;\n\n }\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; \/* Let the full image show its soft edges *\/\n height: auto !important; \/* Allow full height based on image *\/\n aspect-ratio: auto !important; \/* Remove the forced aspect ratio *\/\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; \/* Add nice breathing room *\/\n transform: none !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n margin-top: 4px !important; \/* was larger *\/\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\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n .vault-and-player {\n align-items: center; \/* ✨ center vault text + player vertically *\/\n }\n\n .jukebox-section {\n position: relative; \/* 🔥 no sticky *\/\n align-self: center; \/* 🔥 align to center of text block *\/\n margin-left: -225px; \/* ✅ keep your custom horizontal offset *\/\n transform: translateY(0); \/* reset *\/\n transition: none;\n transition: transform 0.3s ease;\n }\n}\n\n.bundle-flex-wrapper {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 60px;\n max-width: 1440px; \/* Add this line *\/\n margin: 0 auto; \/* Center within page *\/\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.plus-symbol {\n font-size: 260px; \/* Increased from 220px *\/\n font-family: 'Share Tech Mono', monospace;\n color: #39ff14;\n text-shadow: 0 0 24px #39ff14, 0 0 48px #39ff14;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n pointer-events: none;\n margin-top: 80px; \/* Push it visually lower *\/\n}\n\n.plus-symbol.active {\n opacity: 1;\n transform: translateY(0);\n transition-delay: 0.5s;\n animation: pulsePlus 2.2s ease-in-out infinite 0.5s;\n}\n\n@keyframes pulsePlus {\n 0% { transform: scale(1) translateY(0); text-shadow: 0 0 24px #39ff14, 0 0 48px #39ff14; }\n 50% { transform: scale(1.08) translateY(0); text-shadow: 0 0 40px #39ff14, 0 0 70px #39ff14; }\n 100% { transform: scale(1) translateY(0); text-shadow: 0 0 24px #39ff14, 0 0 48px #39ff14; }\n}\n\n\/* Hide\/show based on screen size *\/\n.mobile-only-tagline {\n display: none;\n}\n.desktop-only-tagline {\n display: inline;\n}\n\n@media (max-width: 768px) {\n .mobile-only-tagline {\n display: inline;\n }\n .desktop-only-tagline {\n display: none;\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const plus = document.querySelector('.plus-symbol');\n const splitSections = document.querySelectorAll('.split-combine-section');\n let triggered = false;\n\n window.addEventListener('scroll', () =\u003e {\n if (triggered || !plus) return;\n\n for (const section of splitSections) {\n const rect = section.getBoundingClientRect();\n const triggerPoint = window.innerHeight * 0.75;\n\n if (rect.top \u003c triggerPoint) {\n plus.classList.add('active');\n triggered = true;\n break;\n }\n }\n }, { passive: true });\n});\n\u003c\/script\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003cdiv class=\"glitch-line\"\u003e\n\u003cdiv class=\"scrolling-text\" aria-hidden=\"true\"\u003edecrypting.wavetable@00101     scanning.fx_chain_44.dll     compiling_macro_map.v2     patch\/init.sequencer     0101010101010101     kernel_buffer.exe     system_reload.bak     loading.custom_mod.fx     resample.sys32     reboot.presetMatrix.dll     inject_voice_fx.vbs     tracing.envelopeMap     INIT_SIGNAL_PROTOCOL     decoding.LFO.rates     linking.vocal_shaper     verify_payload.wavetable     writing.mod_routing.txt     unpacking.operator_bins     exporting\/FX.env.config     bootloader.reseed.wav     cracking.poly_limit     scan_temp.macro_patch     chmod+x.reactor.wav     syncing.db_vocoder.map     invoke.sidechain.cmd     loading.voice_engine_5.dll     scan_glitch.fxpreset     apply_patch_mod.sys     merge.reese_layer.bin     assign.envelope_curve.cfg     launch_hack_protocol.exe     xor_init.wavetable     drag_rack.sysinit     compile.core_basschain.fx     loading.reverb_echo.sys     glitchstream.vstinject     update.serum_gridmap     INIT_CMD_SIGNAL     feedback.loop.core     merge_host\/vocode.op     render.syscall.sub     analyze.osc_phasewrap     inject.reverb_tail.bin     LFO_depth.amp_mod.dll     inject_chain_fx.45     launch.bassline.core     osc_sync.locked.fx     debug_ampchain.env     seed_reactor_lfo.vst     envelope_decrypt.map     warp.init.kernel     clean.noisefloor.raw     RELOAD_SIGNAL.exe     mount.resonator.array     scan.sampler_wavebank     assign_macro.envslot     cache.bass_shred.fx     fxrack.bootdrive.alt     midi_patchrouter.56     inject.mod_table.007     emulate_humanise.seq     overdrive.subharm.dll     fadein_kernel.808.bak     render_reso.mapseq     route.LFOxEnv.bit     assign.voiceID.fxinit     rewrite_filter.zap     delay_feedback.reboot     SERUM_MACRO_MAP_OK     glitch.hammer.syscall     FX_PROCESS_SIGNAL++     temp.render_packet     audio\/bleedblock.map     driver.reboot.bounce     offset.splitLayer.vbs     decode.serum_fx.vst     macro.assign.v1.02     dl\/midfile_cluster.dat     freq.scan++.envhack     patch.sustain.limit     fxlayer.delayrack.out     ramp_env_drift.fader     osc_init_reform.bin     lowpass_filter_detect     bassboost.overload     ctrlwheel_assign_fx     EXE_COMPILE_BASSMOD     subdrop.loader.stack     EXPORTING_KITCHAIN     inject_M1_grit.wav     drift.ampsync_mode3     reformat_voicechip_v2     patch.intro_maplink     unlock.noise_gate     SFX_ROUTER_INIT     echo_slicer.binload     autorun.presetdeck.dll     rackmountFX.2024.map     validate.sub_freqID     splice.shard.layer     compile.sequencer.spread     glitchlock.kernel_macro     compiling_synthmap.v6     vocoder_keychain.wav     decoding_macro_tree     init_laser_array.fx     signal_trace_path.ogg     launch_protocol.dnb     syncing.drop_zone.fx     streamlink.dsp_chains     loading_module.core     waveform_burst.dll     consolidate_layers.vst     stabilise_waveform.sh     echo_sync.wtf     phaser.grid_launch     injector.key_override     reboot_firmware.serum     compressor_chain.v4     subharmonic_init.ex     refactor_glitch.cfg     slice_packet.init     reconnect_patch_009     uplink_buffer_shift     presets_lock.exe     shuffle_rhythm_bits     export.drop_macro.fx     init.voice_stream     noise_reactor.engage     uplink_bassmap.sys     kick_module_align.vst     signal_remap_fx     compressor_patch.fx     boot_wub_mode.wav     render_glitch_stack     mapping_reso_trig.exe     log_event_core_init     decompile.fx_layer     decrypt_module_chain     override_wave_kernel     validate_patchset.dll     simulate_crunch.vst     init_rack_wave.sys     glitch_axis.rotor     deploy_crashkit.fxp     sync_mod_matrix.xf     trigger_rise_fx.exe     alien_delay_rack.fx     distortion_patch_set     glitch_seed.inj     start_mod_link.bat     link_voicechain.fx     inject_mod_kernel     compile_rack_error     loop_glitch_burst.fx     decode_chorusbank.dll     sustain_error_patch     initiate_meltdown.fx     scramble_macro_drive     start_packet_map     converge_layers.wav     launch_buffer_trace     instability_rack.fx     mutate_carrier_shock     flux_noise_trigger     sweep_chain_looper.fx     reload_macro_event.sys     \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"weapon-tagline\" style=\"text-align: center;\"\u003e\n \u003cspan class=\"desktop-only-tagline\"\u003eThe Ultimate Serum 2 Production Bundle. Reload your production protocol with a tactical approach to sound design.\u003c\/span\u003e\n \u003cspan class=\"mobile-only-tagline\"\u003eThe Ultimate Serum 2 Production Bundle.\u003cbr\u003eReload your protocol with tactical sound design.\u003c\/span\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"bundle-heading-wrapper\"\u003e\n \u003ch2 style=\"text-align:center; font-size: 32px; margin-top: 30px;\"\u003e\n 📦 What's Inside the Producer Bundle?\n \u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ Outer container to allow more horizontal space --\u003e\n\u003cdiv style=\"max-width: 100%; padding: 0 0px;\"\u003e\n\n\n \u003cdiv class=\"hook-plus-image\" style=\"justify-content: center; flex-wrap: wrap;\"\u003e\n\n \u003c!-- 💥 FLEX WRAPPER FOR PRESET + COURSE + PLUS --\u003e\n\u003cdiv style=\"width: 100%; overflow-x: auto;\"\u003e\n \u003cdiv class=\"bundle-flex-wrapper top-bundle-section\" style=\"\n display: flex;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: flex-start;\n gap: 0px;\n \"\u003e\n \u003c!-- LEFT: PRESETS --\u003e\n \u003cdiv class=\"hook-text hook-text-centered\" style=\"max-width: 550px;\"\u003e\n \u003ch2 style=\"text-align: center; margin-bottom: 16px;\"\u003e💾 SAMPLE + PRESET PACK\u003c\/h2\u003e\n\n\u003cdiv style=\"text-align: center;\"\u003e\n\u003c!-- Desktop Version (unchanged) --\u003e\n\u003cul class=\"sample-list-desktop\"\u003e\n \u003cli\u003e120 weaponised Serum 2 presets - native-built for Serum 2\u003c\/li\u003e\n \u003cli\u003e500+ samples: bass, atmospheres, glitch, vocals \u0026amp; more\u003c\/li\u003e\n \u003cli\u003eAll 8 macros used, one-note triggers, no post needed\u003c\/li\u003e\n \u003cli\u003eFull-length Ableton project file included\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- Mobile Version (shortened) --\u003e\n\u003cul class=\"sample-list-mobile\"\u003e\n \u003cli\u003e120 weaponised Serum 2 presets\u003c\/li\u003e\n \u003cli\u003e500+ samples: bass, glitch, vocals \u0026amp; more\u003c\/li\u003e\n \u003cli\u003eOne-note triggers, all 8 macros used\u003c\/li\u003e\n \u003cli\u003eFull-length Ableton project included\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-serum\" style=\"max-width: 300px; margin: 20px auto 0 auto; cursor: pointer;\" onclick=\"window.open('https:\/\/edmtemplates.net\/products\/whzly-x-edmt-serum-2-reloaded-sample-preset-pack', '_blank')\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/sample_preset_pack.webp?v=1747135602\" alt=\"Serum 2 Sample\/Preset Pack Coverart\"\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\/sample_preset_pack.webp?v=1747135602\" alt=\"Serum 2 Sample\/Preset Pack Coverart\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/sample_preset_pack.webp?v=1747135602\" alt=\"Serum 2 Sample\/Preset Pack Coverart\"\u003e\n \u003c\/section\u003e\n \u003c\/div\u003e\n\n\u003c!-- GLOWING GREEN + --\u003e\n\u003cdiv class=\"plus-glow\" style=\"align-self: center;\"\u003e\n \u003cdiv class=\"plus-symbol\"\u003e+\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n \u003c!-- RIGHT: COURSE --\u003e\n \u003cdiv class=\"hook-text hook-text-centered\" style=\"max-width: 550px;\"\u003e\n \u003ch2 style=\"text-align: center; margin-bottom: 16px;\"\u003e🎓 WHZLY'S FULL COURSE\u003c\/h2\u003e\n\n \u003cdiv style=\"text-align: center;\"\u003e\n \u003c!-- Desktop Version (if needed in future) --\u003e\n \u003cul class=\"course-list-desktop\"\u003e\n \u003cli\u003e4hrs+ across Novice, Intermediate \u0026amp; Expert levels\u003c\/li\u003e\n \u003cli\u003eLearn pro workflow, drop design \u0026amp; FX chaining\u003c\/li\u003e\n \u003cli\u003eExplains every feature added in Serum 2\u003c\/li\u003e\n \u003cli\u003eGo from zero to chaos architect\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003c!-- Mobile Version (optional if you ever want to shorten lines) --\u003e\n \u003c!--\n \u003cul class=\"course-list-mobile\"\u003e\n \u003cli\u003e30+ pro video lessons\u003c\/li\u003e\n \u003cli\u003eWorkflow, drops \u0026 FX tricks\u003c\/li\u003e\n \u003cli\u003eSerum 2 explained fully\u003c\/li\u003e\n \u003cli\u003eZero to chaos architect\u003c\/li\u003e\n \u003c\/ul\u003e\n --\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-serum\" style=\"max-width: 300px; margin: 20px auto 0 auto; cursor: pointer;\" onclick=\"window.open('https:\/\/edmtemplates.net\/products\/whzly-x-edmt-serum-2-reloaded-production-course', '_blank')\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/production_course.webp?v=1747135602\" alt=\"Serum 2 Production Course Coverart\"\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\/production_course.webp?v=1747135602\" alt=\"Serum 2 Production Course Coverart\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" style=\"width: 100%; height: auto; display: block;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/production_course.webp?v=1747135602\" alt=\"Serum 2 Production Course Coverart\"\u003e\n \u003c\/section\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n \u003ch2 style=\"margin-top: 35px; margin-bottom: 20px;\"\u003e🧠 WHY GET THE BUNDLE?\u003c\/h2\u003e\n \u003cp class=\"benchmark-tagline\" style=\"margin-bottom: 16px;\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eBecause real sound design is more than loading a preset.\u003c\/span\u003e\u003c\/strong\u003e\n \u003c\/p\u003e\n\u003c!-- Desktop version (unchanged if needed elsewhere) --\u003e\n\u003cul class=\"bundle-list-desktop\"\u003e\n \u003cli\u003eThe pack gives you weapons. The course shows you how to use them.\u003c\/li\u003e\n \u003cli\u003eWatch WHZLY break down, mutate, and rebuild sounds from the inside out.\u003c\/li\u003e\n \u003cli\u003eFollow his process: Patch \u0026gt; Process \u0026gt; Resample \u0026gt; Destroy.\u003c\/li\u003e\n \u003cli\u003eEvery preset is made to be tweaked, bent, broken, and rebuilt.\u003c\/li\u003e\n \u003cli\u003eLearn WHZLY's sound design flow - not just how, but *why* he does it.\u003c\/li\u003e\n \u003cli\u003e\n Get the full kit for just \u003cstrong style=\"color:#39ff14;\"\u003e$39.99\u003c\/strong\u003e - \n \u003cspan style=\"color:#7CFF5A; text-decoration: line-through; text-shadow: 0 0 1px #39ff14;\"\u003e\n $\u003cspan style=\"position: relative; top: -1px;\"\u003e55\u003c\/span\u003e\n \u003c\/span\u003e\n \u003cspan style=\"margin-left: 4px;\"\u003eif bought separately.\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli\u003e\u003cem\u003eMore knowledge. More sounds. Better value.\u003c\/em\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- Mobile version --\u003e\n\u003cdiv class=\"mobile-bundle-list-wrapper\"\u003e\n \u003cul class=\"bundle-list-mobile\"\u003e\n \u003cli\u003eGet the weapons and the knowledge how to use them.\u003c\/li\u003e\n \u003cli\u003eJoin WHZLY to build massive sounds from scratch.\u003c\/li\u003e\n \u003cli\u003eLearn how to: Patch \u0026gt; Process \u0026gt; Resample \u0026gt; Destroy.\u003c\/li\u003e\n \u003cli\u003e\n Full kit for \u003cstrong style=\"color:#39ff14;\"\u003e$39.99\u003c\/strong\u003e - \n \u003cspan style=\"color:#7CFF5A; text-decoration: line-through; text-shadow: 0 0 1px #39ff14;\"\u003e\n $\u003cspan style=\"position: relative; top: -1px;\"\u003e55\u003c\/span\u003e\n \u003c\/span\u003e separately.\n \u003c\/li\u003e\n \u003cli\u003eThe most complete and innovative sounds online\u003c\/li\u003e\n \u003cli\u003e\u003cem\u003eMore knowledge. More sounds. Better value.\u003c\/em\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\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\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"Serum 2 Macro Design\"\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\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"Serum 2 FX Processing\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\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 style=\"margin-top: 20px; margin-bottom: 12px;\"\u003e👾 Serum 2 Training Protocol\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp class=\"benchmark-tagline\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eStructured training that takes you from Novice to Expert inside Serum 2\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"vault-scroll-area\"\u003e\n \u003cul class=\"whzly-list\"\u003e\n \n\u003c!-- NOVICE MODULE --\u003e\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#novice-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e🟢 Novice Module: Core Foundations \u0026amp; Tools\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"novice-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eSerum 2 layout, oscillators, filters, envelopes \u0026amp; FX\u003c\/li\u003e\n \u003cli\u003eHow sound generation works: wavetables, LFOs \u0026amp; ADSR\u003c\/li\u003e\n \u003cli\u003eDesigning subs, pads, risers, plucks \u0026amp; uplifters\u003c\/li\u003e\n \u003cli\u003eMacro routing, default volume issues \u0026amp; matrix setup\u003c\/li\u003e\n \u003cli\u003eVelocity, pitch \u0026amp; glide - MIDI modulation in action\u003c\/li\u003e\n \u003cli\u003e“Starter Patch” walkthrough with FX and routing flow\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n\n\u003c!-- INTERMEDIATE MODULE --\u003e\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#intermediate-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e🟡 Intermediate Module: Atmospheres, FX \u0026amp; Workflow\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"intermediate-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eWorking with Spectral, Granular \u0026amp; Sample playback modes\u003c\/li\u003e\n \u003cli\u003eDesigning cinematic pads, reese layers \u0026amp; ambience FX\u003c\/li\u003e\n \u003cli\u003eMacro variation: tone, octave, brightness \u0026amp; movement\u003c\/li\u003e\n \u003cli\u003eWavetable bin editing for sub control \u0026amp; harmonic detail\u003c\/li\u003e\n \u003cli\u003eCreative FX: compression, EQ movement, stereo width\u003c\/li\u003e\n \u003cli\u003eBus routing inside Serum - no external FX needed\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n\n\u003c!-- EXPERT MODULE --\u003e\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#expert-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e🔴 Expert Module: Drop Design, Glitch, and FX Chaining\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"expert-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eAdvanced drop bass design using all 8 macro slots\u003c\/li\u003e\n \u003cli\u003eClip \u0026amp; ARP mode for arp writing \u0026amp; melody sketching\u003c\/li\u003e\n \u003cli\u003ePolyrhythm with LFOs modulating other LFO rates\u003c\/li\u003e\n \u003cli\u003eMacro curves (CRV) for switches, gates \u0026amp; pattern flips\u003c\/li\u003e\n \u003cli\u003eDual-filter routing, PZSVF morphing \u0026amp; FX layering\u003c\/li\u003e\n \u003cli\u003eIndependent sub\/mid pitch control + tuning automation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n\n \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c!-- Audio Player Section --\u003e\n\u003cdiv class=\"jukebox-section\"\u003e\n\u003cdiv class=\"preview-player-wrapper\"\u003e\n \u003ch3 class=\"audio-preview-heading\"\u003e🎧 PREVIEW THE BUNDLE! 🎧\u003c\/h3\u003e\n \u003cdiv class=\"sample-category-buttons\"\u003e\n \u003cbutton class=\"sample-category-btn active\" data-category=\"intro\"\u003eINTRO\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"glitch\"\u003eGLITCH\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\" aria-hidden=\"true\"\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 \u003caudio id=\"hackerBeep\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Terminal-Beep.wav?v=1747199244\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"sirenSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Siren.mp3?v=1747203920\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"vaultSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Access_Granted.mp3?v=1747202852\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"glitchSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/System_Error.mp3?v=1747204949\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"deniedSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Access_Denied.mp3?v=1747205481\" preload=\"auto\"\u003e\u003c\/audio\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!-- Three Level Producer Training Protocol --\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: 20px;\"\u003e🎓 Three Level Producer Training Protocol\u003c\/h2\u003e\n \u003cp class=\"benchmark-tagline\"\u003e\u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e4+ Hours of Real-World Sound Design Training Inside Serum 2\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n \u003cli\u003eSplit into Novice, Intermediate \u0026amp; Expert tiers for true skill progression\u003c\/li\u003e\n \u003cli\u003eBuild patches in real time while mastering Serum 2’s layout \u0026amp; workflow\u003c\/li\u003e\n \u003cli\u003eLearn new Serum 2 modes: Spectral, Granular, ARP, Clip \u0026amp; FX Bus routing\u003c\/li\u003e\n \u003cli\u003eEvery module focuses on patch design, modulation, and macro strategy\u003c\/li\u003e\n \u003cli\u003eCreate evolving sounds using advanced LFO chaining, pitch tricks \u0026amp; CRV macros\u003c\/li\u003e\n \u003cli\u003eCovers beginner to advanced use of FX chains, filter morphs \u0026amp; wavetables\u003c\/li\u003e\n \u003cli\u003eIncludes full walkthroughs for pads, risers, basses, intros \u0026amp; cinematic layers\u003c\/li\u003e\n \u003cli\u003ePerfect for first-time users and seasoned sound designers alike\u003c\/li\u003e\n\u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n\n\u003cstyle\u003e\n.course-tier-visuals {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n max-width: 420px;\n width: 100%;\n margin-top: 40px;\n padding-left: 10px;\n}\n.hook-text-centered {\n text-align: center;\n max-width: 480px;\n margin: 0 auto;\n}\n@media (min-width: 769px) {\n .course-tier-visuals {\n flex-direction: column;\n margin-top: 0;\n transform: translateX(-34px);\n }\n}\n\n.tier-block {\n position: relative;\n padding: 24px;\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n font-size: 20px;\n font-weight: bold;\n color: #39ff14;\n background: radial-gradient(circle at center, rgba(60, 255, 100, 0.1), rgba(60, 255, 100, 0));\n border: 2px solid #39ff14;\n border-radius: 12px;\n box-shadow: 0 0 16px #39ff14, inset 0 0 10px rgba(60, 255, 100, 0.3);\n text-shadow: 0 0 4px #39ff14;\n transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\n overflow: hidden;\n cursor: pointer;\n width: 332px;\n margin: 0 auto;\n}\n\n.tier-block::after {\n content: '';\n position: absolute;\n top: -150%;\n left: -150%;\n width: 400%;\n height: 400%;\n background: repeating-linear-gradient(\n 45deg,\n rgba(60, 255, 100, 0.08) 0px,\n rgba(60, 255, 100, 0.08) 1px,\n transparent 1px,\n transparent 6px\n );\n animation: scanlines 14s linear infinite;\n pointer-events: none;\n z-index: 1;\n}\n\n@keyframes scanlines {\n 0% {\n transform: translateX(0) translateY(0);\n }\n 100% {\n transform: translateX(100px) translateY(100px);\n }\n}\n\n.tier-block:hover {\n transform: scale(1.04);\n box-shadow: 0 0 28px #39ff14, inset 0 0 12px #39ff14;\n background: radial-gradient(circle at center, rgba(60, 255, 100, 0.25), rgba(60, 255, 100, 0));\n}\n\n.tier-novice {\n border-color: #39ff14;\n color: #39ff14;\n text-shadow: 0 0 6px #39ff14;\n box-shadow: 0 0 18px #39ff14, inset 0 0 10px rgba(57, 255, 20, 0.3);\n}\n\n.tier-intermediate {\n border-color: #f7cb3b;\n color: #f7cb3b;\n text-shadow: 0 0 6px #f7cb3b;\n box-shadow: 0 0 18px #f7cb3b, inset 0 0 10px rgba(247, 203, 59, 0.3);\n}\n\n.tier-expert {\n border-color: #ff3b3b;\n color: #ff3b3b;\n text-shadow: 0 0 8px #ff3b3b;\n box-shadow: 0 0 20px #ff3b3b, inset 0 0 10px rgba(255, 59, 59, 0.2);\n}\n\n@media (max-width: 768px) {\n .course-tier-visuals {\n max-width: 100%;\n padding: 0 10px;\n }\n .tier-block {\n font-size: 18px;\n padding: 20px;\n }\n}\n\n\/* Modal styling *\/\n@media (min-width: 769px) {\n #videoModal {\n display: none;\n position: fixed;\n inset: 0; \/* shorthand for top: 0; left: 0; right: 0; bottom: 0 *\/\n z-index: 999999;\n background: rgba(0, 0, 0, 0.92);\n justify-content: center;\n align-items: center;\n }\n\n #videoModal.active {\n display: flex;\n }\n\n #videoWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n height: auto;\n max-height: 90vh;\n max-width: 90vw;\n overflow: hidden;\n background: transparent;\n }\n\n #popupVideo {\n aspect-ratio: 9 \/ 16;\n height: 90vh;\n width: auto;\n max-width: 90vw;\n border: none;\n display: block;\n }\n}\n\n\n@media (max-width: 768px) {\n #videoModal {\n display: none; \/* hidden by default *\/\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.92);\n z-index: 999999;\n justify-content: center;\n align-items: center;\n }\n\n #videoModal.active {\n display: flex;\n }\n\n #videoWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n background: transparent;\n }\n\n #popupVideo {\n aspect-ratio: 9 \/ 16;\n height: 90vh;\n width: auto;\n max-width: 90vw;\n border: none;\n display: block;\n }\n}\n\n\n@media (max-width: 768px) {\n #videoWrapper {\n background: #000 !important;\n height: auto;\n min-height: 100%;\n }\n}\n\n#videoModal iframe {\n width: auto;\n height: 90vh;\n aspect-ratio: 9 \/ 16;\n max-height: 90vh;\n max-width: 100%;\n margin: 0 auto;\n border: none;\n z-index: 2;\n}\n\n#videoModal .close-btn {\n position: absolute;\n top: 30px;\n right: 40px;\n font-size: 28px;\n color: #39ff14 !important;\n text-shadow: 0 0 6px #39ff14;\n cursor: pointer;\n z-index: 10000;\n}\n\n#whzlyOverlay {\n position: absolute;\n inset: 0;\n z-index: 999998;\n background: rgba(0, 0, 0, 0.95);\n display: none;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #00ff88;\n font-family: monospace;\n}\n\n\n#videoModal, #videoWrapper, #popupVideo {\n box-sizing: border-box;\n}\n\nbody.modal-open {\n overflow: hidden;\n}\n\n.typing-container {\n font-family: 'Share Tech Mono', monospace;\n font-size: 20px;\n color: #39ff14;\n text-shadow: 0 0 6px #39ff14;\n line-height: 1.6;\n}\n\n.typed-line {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n border-right: none;\n width: 0;\n animation: typing 2s steps(30, end) forwards;\n}\n\n.typed-line.delay {\n animation-delay: 2s;\n}\n\n.cursor {\n display: inline-block;\n animation: blink 0.8s steps(1) infinite;\n color: #39ff14;\n margin-left: 4px;\n}\n\n@keyframes typing {\n from { width: 0; }\n to { width: 100%; }\n}\n\n@keyframes blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"course-tier-visuals\"\u003e\n \u003cdiv class=\"tier-block tier-novice\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/wIxVV5gnd6o?si=K7hs3m-dxGnSxdHF')\"\u003e🟢 NOVICE MODULE\u003c\/div\u003e\n \u003cdiv class=\"tier-block tier-intermediate\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/R4x3Rt_Ahys?si=wX9d2Ze4AnThJLwz')\"\u003e🟡 INTERMEDIATE MODULE\u003c\/div\u003e\n \u003cdiv class=\"tier-block tier-expert\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VoIClypjcro?si=inrzEkJ11zQ0wvc')\"\u003e🔴 EXPERT MODULE\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Modal Container --\u003e\n\u003cdiv id=\"videoModal\" onclick=\"closeVideo(event)\"\u003e\n \u003cdiv class=\"close-btn\"\u003e✖\u003c\/div\u003e\n \u003cdiv id=\"videoWrapper\"\u003e\n \n\u003c!-- iPhone-only Overlay --\u003e\n\u003cdiv id=\"whzlyOverlay\" onclick=\"enableYouTubePlay()\" style=\"display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10001; align-items: center; justify-content: center; text-align: center; cursor: pointer;\"\u003e\n \u003cdiv class=\"typing-container\"\u003e\n \u003cspan class=\"typed-line\"\u003eINCOMING MESSAGE FROM WHZLY\u003c\/span\u003e\u003cbr\u003e\n \u003cspan class=\"typed-line delay\"\u003eTAP TO PLAY\u003cspan class=\"cursor\"\u003e|\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003c!-- YouTube Iframe --\u003e\n\u003ciframe id=\"popupVideo\" allow=\"autoplay; encrypted-media\" allowfullscreen playsinline\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openVideo(url) {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('popupVideo');\n const overlay = document.getElementById('whzlyOverlay');\n\n iframe.dataset.src = url + '?modestbranding=1\u0026rel=0\u0026playsinline=1';\n iframe.src = url + '?modestbranding=1\u0026rel=0\u0026playsinline=1\u0026enablejsapi=1';\n\noverlay.style.display = 'flex';\n\nconst isIOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) \u0026\u0026 !window.MSStream;\nconst lines = overlay.querySelectorAll('.typed-line');\nif (lines.length \u003e 1) {\n lines[1].innerHTML = isIOS\n ? 'TAP TO PLAY\u003cspan class=\"cursor\"\u003e|\u003c\/span\u003e'\n : 'CLICK TO PLAY\u003cspan class=\"cursor\"\u003e|\u003c\/span\u003e';\n}\n\n modal.classList.add('active');\n document.body.classList.add('modal-open');\n\n \/\/ ✅ Scroll just enough to center modal in screen\n setTimeout(() =\u003e {\n const modalTop = modal.getBoundingClientRect().top + window.scrollY;\n const modalHeight = modal.offsetHeight;\n const viewportHeight = window.innerHeight;\n const scrollToY = modalTop - (viewportHeight \/ 2) + (modalHeight \/ 2);\n window.scrollTo({ top: scrollToY, behavior: 'smooth' });\n }, 10);\n}\n\nfunction enableYouTubePlay() {\n const overlay = document.getElementById('whzlyOverlay');\n overlay.style.display = 'none';\n\n const iframe = document.getElementById('popupVideo');\n iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n}\n\nfunction closeVideo(e) {\n if (e.target.id === 'videoModal' || e.target.classList.contains('close-btn')) {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('popupVideo');\n iframe.src = '';\n modal.classList.remove('active'); \/\/ removes flex display\n document.body.classList.remove('modal-open');\n }\n}\n\u003c\/script\u003e\n\n\u003c\/div\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 #39ff14;\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 #39ff14;\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: #39ff14;\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: #39ff14;\n margin-right: 8px;\n animation: arrowPulse 1.6s ease-in-out infinite;\n transition: transform 0.3s ease;\n}\n\n\/* Chaneg Cursor *\/\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n cursor: pointer;\n}\n\n.expandable-trigger strong {\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\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: 12px;\n margin-top: 8px;\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: -15px !important;\n margin-right: -15px !important;\n }\n}\n\n.sample-category-btn {\n background: transparent;\n border: 2px solid #39ff14;\n color: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n padding: 8px 16px;\n font-size: 16px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-shadow: 0 0 4px #39ff14;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n background: #39ff14;\n color: black;\n box-shadow: 0 0 10px #39ff14;\n}\n\n.category-buttons {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n width: 400px; \/* match the width of Serum player *\/\n margin: 0 auto 10px auto;\n transform: translateX(100px); \/* offset matching player *\/\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); \/\/ disables auto control\n autoExpanded.delete(id); \/\/ remove any auto-expanded tracking\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 \/\/ When scrolling down, expand when entering trigger point\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 \/\/ When scrolling up, collapse if above the same trigger point\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 8px !important; \n}\n\n\/* Large screen alignment fix *\/\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\/* Mobile stacking *\/\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: 'Share Tech Mono', monospace;\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); \/* added offset *\/\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 #39ff14;\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 #39ff14 8px,\n transparent 8px,\n transparent 16px,\n #39ff14 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 #39ff14;\n filter: drop-shadow(0 0 6px #39ff14);\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 #7CFF5A) drop-shadow(0 0 16px #7CFF5A);\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 #39ff14;\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 #39ff14 18px,\n transparent 18px,\n transparent 36px,\n #39ff14 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: #39ff14;\n font-size: 40px;\n font-family: 'Share Tech Mono', monospace;\n cursor: pointer;\n z-index: 3;\n transition: color 0.2s ease, text-shadow 0.2s ease;\n text-shadow: 0 0 6px #39ff14;\n}\n\n\n.jukebox-btn:hover {\n color: #7CFF5A;\n text-shadow:\n 0 0 6px #7CFF5A,\n 0 0 12px #7CFF5A,\n 0 0 18px #7CFF5A;\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.6%; \/* 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); \/* shrink player slightly more *\/\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: 30px;\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 intro: [\n { title: \"Intro - Pluck Designer\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Pluck_Designer.mp3?v=1747101247\" },\n { title: \"Intro - Key Master 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Key_Master_3.mp3?v=1747101248\" },\n { title: \"Intro - Lead \u0026 Plucky Echo\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Lead_Plucky_Echo.mp3?v=1747101244\" },\n { title: \"Intro - Arp Bass Pluck\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Arp_Bass_Pluck.mp3?v=1747101247\" },\n { title: \"Intro - Atmos Pad\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Atmos_Pad.mp3?v=1747101247\" },\n { title: \"Intro - Paddy\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Paddy.mp3?v=1747101247\" },\n { title: \"Intro - Running Wub Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Running_Wub_Bass.mp3?v=1747101248\" },\n { title: \"Intro - Layered Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Layered_Reese.mp3?v=1747101248\" },\n { title: \"Intro - Perfect Sub\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Perfect_Sub.mp3?v=1747101243\" },\n { title: \"Intro - Atmo 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_1.mp3?v=1747101800\" },\n { title: \"Intro - Atmo 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_3.mp3?v=1747101798\" },\n { title: \"Intro - Atmo 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_5.mp3?v=1747101799\" },\n { title: \"Intro - Atmo 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_6.mp3?v=1747101798\" },\n { title: \"Intro - Atmo 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_8.mp3?v=1747101799\" },\n { title: \"Intro - Atmo 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_10.mp3?v=1747101799\" }\n ],\n bass: [\n { title: \"Retrigger Hack Bass 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_1.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_3.mp3?v=1747102191\" },\n { title: \"Retrigger Hack Bass 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_5.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_8.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_9.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_15.mp3?v=1747102191\" },\n { title: \"Retrigger Hack Bass 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_17.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_21.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_25.mp3?v=1747102190\" },\n { title: \"One Shot Hack Bass 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_02.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_05.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_06.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_08.mp3?v=1747102468\" },\n { title: \"One Shot Hack Bass 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_09.mp3?v=1747102468\" },\n { title: \"One Shot Hack Bass 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_14.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_23.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_25.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_26.mp3?v=1747102468\" }\n ],\n glitch: [\n { title: \"One Shot Glitch Synth 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_4.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Synth 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_7.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Synth 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_12.mp3?v=1747102659\" },\n { title: \"One Shot Glitch Synth 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_14.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Sample 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_3.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_6.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_9.mp3?v=1747103168\" },\n { title: \"One Shot Glitch Sample 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_15.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_31.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 38\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_38.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 51\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_51.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_52.mp3?v=1747103169\" }\n ],\n fx: [\n { title: \"One Shot Drop FX 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_1.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_2.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_3.mp3?v=1747103246\" },\n { title: \"One Shot Drop FX 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_5.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_7.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_9.mp3?v=1747103245\" },\n { title: \"Impact Maker 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Impact_Maker_1.mp3?v=1747103246\" },\n { title: \"One Shot SFX 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_1.mp3?v=1747103660\" },\n { title: \"One Shot SFX 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_2.mp3?v=1747103660\" },\n { title: \"One Shot SFX 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_3.mp3?v=1747103660\" },\n { title: \"One Shot SFX 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_5.mp3?v=1747103660\" },\n { title: \"One Shot SFX 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_7.mp3?v=1747103659\" },\n { title: \"One Shot SFX 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_18.mp3?v=1747103660\" },\n { title: \"One Shot SFX 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_20.mp3?v=1747103660\" },\n { title: \"One Shot SFX 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_25.mp3?v=1747103660\" },\n { title: \"One Shot SFX 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_26.mp3?v=1747103660\" },\n { title: \"One Shot SFX 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_27.mp3?v=1747103662\" }\n\n ]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"intro\";\nlet currentSampleIndex = 0;\nlet wavesurfer;\nlet preloadedWavesurfer = null;\nlet preloadedSample = null;\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n playNextSample();\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n playNextSample();\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\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 });\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=\"vault-statement\"\u003e\n \u003cstrong\u003eCrack the code behind professional-grade sound design\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n \u003c\/div\u003e\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}, { passive: true });\n});\n\u003c\/script\u003e\n\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- HACK OVERLAY CONTAINER --\u003e\n\u003cdiv id=\"hack-overlay-container\"\u003e\u003c\/div\u003e\n\n\u003c!-- TRIGGER BUTTON --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"text-align: center;\"\u003e\n \u003cbutton class=\"glitch-button scroll-button\" onclick=\"triggerHackEffect()\"\u003e\n Launch Module Visualizer\n \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .glitch-button.scroll-button {\n display: block;\n margin-top: 0px;\n margin-right: auto;\n margin-bottom: 80px;\n margin-left: auto;\n font-size: 130%;\n padding: 16px 26px;\n background-color: #39ff14;\n color: black;\n font-weight: bold;\n font-family: 'Share Tech Mono', monospace;\n border: none;\n border-radius: 6px;\n box-shadow: 0 0 12px #39ff14;\n cursor: pointer;\n transition: transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out;\n animation: idle-glow 2s ease-in-out infinite;\n position: relative;\n overflow: hidden;\n z-index: 10;\n }\n\n @keyframes idle-glow {\n 0% { box-shadow: 0 0 10px #39ff14; }\n 50% { box-shadow: 0 0 22px #39ff14, 0 0 30px #39ff14; }\n 100% { box-shadow: 0 0 10px #39ff14; }\n }\n\n @keyframes strobeFlash {\n 0%, 20%, 40%, 60%, 80%, 100% { opacity: 0; }\n 10%, 30%, 50%, 70%, 90% { opacity: 0.4; }\n }\n\n @keyframes flicker {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.05); }\n }\n\n @keyframes matrixScroll {\n from { transform: translateY(200); }\n to { transform: translateY(200vh); }\n}\n\n \/* OVERLAY FULLSCREEN FIX *\/\n #hack-overlay-container \u003e div {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: black !important;\n z-index: 99999 !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n align-items: center !important;\n pointer-events: all !important;\n text-align: center !important;\n }\n\n body.hack-active {\n overflow: hidden !important;\n }\n\n html, body {\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .shopify-section,\n .product__description,\n .product__content,\n .rte {\n position: relative !important;\n overflow: visible !important;\n }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@keyframes subtleFlicker {\n 0% { opacity: 1; transform: translateX(0); }\n 5% { opacity: 0.9; transform: translateX(-1px); }\n 10% { opacity: 1; transform: translateX(1px); }\n 15% { opacity: 0.95; transform: translateX(-1px); }\n 20% { opacity: 1; transform: translateX(1px); }\n 25%, 100% { opacity: 1; transform: translateX(0); }\n}\n\n@media (max-width: 768px) {\n .hack-joke-text {\n padding: 0 5px !important;\n max-width: 98% !important;\n text-align: center !important;\n font-size: 18px !important;\n line-height: 1.4;\n animation: subtleFlicker 3s infinite alternate;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n @keyframes strobeFlash {\n 0%, 20%, 40%, 60%, 80%, 100% { opacity: 0; }\n 10%, 30%, 50%, 70%, 90% { opacity: 0.35; }\n }\n\n\n\n @keyframes flicker {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.05); }\n }\n\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n height: 100% !important;\n }\n\n body.hack-active {\n overflow: hidden !important;\n }\n\n@keyframes flashGreen {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n}\n\n.flash-before-exit {\n animation: flashGreen 0.8s ease-in-out infinite;\n}\n\n.hack-joke-text div + div {\n margin-top: 6px;\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst hackMessages = [\n [\"WHZLY once moved a single macro\", \"and caused Ableton to crash.\"],\n [\"Warning: EDMT just broke the sample pack market again.\", \"\"],\n [\"Your favourite producer’s favourite presets...\", \"but louder.\"],\n [\"WHZLY doesn’t automate filters...\", \"he threatens them\"],\n [\"Serum 2 Overheated.\", \"Blame WHZLY.\"],\n [\"We didn't throw these presets together\", \"the day Serum 2 came out\", \"like those other flogs!\"],\n [\"WHZLY \u0026 EDMT didn’t beta test Serum 2\", \"they alpha dominated it.\"],\n [\"These presets are clinically tested\", \"to boost serum testosterone.\"],\n [\"Includes no recycled loops.\", \"Sorry if that’s a dealbreaker.\"],\n [\"Made by REAL sound designers...\", \"not flogs with a MIDI keyboard and a dream.\"],\n [\"These aren’t 'industry standard'.\", \"they’re industry disruptive.\"],\n [\"Yo dubstep producers,\", \"this one's actually dangerous!\"],\n [\"No fake dancing.\", \"Just real fkn sound design.\"],\n [\"Built before Serum 2 had a manual...\", \"Still broke the rules.\"],\n [\"WHZLY doesn’t EQ.\", \"He carves frequencies with an axe.\"],\n [\"WHZLY didn’t design these presets…\", \"he summoned them.\"],\n [\"I don’t save presets.\", \"They remember me. - WHZLY 2025\"],\n [\"Beta testers quit halfway.\", \"Said it was 'too heavy.'\"],\n [\"WHZLY’s PC crashed halfway through production.\", \"He called that a feature.\"],\n [\"Other beta testers submitted bug reports.\", \"We turned them into wavetables ;)\"],\n [\"WHZLY doesn’t use LFOs.\", \"He just stares at the wave until it moves.\"],\n [\"WHZLY once sidechained silence...\", \"and it still hit harder.\"],\n [\"These presets are why Skrillex\", \"carries a backup laptop.\"],\n [\"Every macro was programmed...\", \"at gunpoint\"],\n [\"WHZLY’s drop shook\", \"the desk screws loose.\", \"Twice.\"],\n [\"Ableton 12 wasn’t ready.\", \"Neither were you.\"],\n [\"This isn't music production.\", \"It's controlled chaos.\"],\n [\"WHZLY doesn’t program modulation.\", \"He negotiates with it.\"],\n [\"WHZLY once exported a preset\", \"and it corrupted the master bus.\"],\n [\"Not compatible with weak speakers,\", \"cheap headphones, or faint-hearted producers.\"],\n [\"You don't use these presets.\", \"They use you.\"],\n [\"Made with no templates.\", \"Only trauma.\"],\n [\"This pack slaps harder\", \"than your CPU can throttle.\"],\n [\"WHZLY compresses waves\", \"by physically crushing them.\"],\n [\"You think you’re controlling Serum 2...\", \"Serum 2's controlling you.\"],\n [\"Every time you load a preset,\", \"a faggot wearing a beanie cries.\"],\n [\"Warning: unauthorized duplication\", \"may summon WHZLY himself.\"],\n [\"WHZLY doesn’t remix tracks.\", \"He rewrites physics.\"]\n];\n\n function shuffleArray(array) {\n const shuffled = array.slice(); \/\/ make a copy\n for (let i = shuffled.length - 1; i \u003e 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n}\n\nlet shuffledHackMessages = [];\nlet currentHackMessageIndex = 0;\n\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n const storedShuffle = sessionStorage.getItem('hackMessageShuffle');\n const storedIndex = sessionStorage.getItem('hackMessageIndex');\n\n if (storedShuffle) {\n shuffledHackMessages = JSON.parse(storedShuffle);\n currentHackMessageIndex = parseInt(storedIndex || 0, 10);\n } else {\n shuffledHackMessages = shuffleArray(hackMessages);\n currentHackMessageIndex = 0;\n sessionStorage.setItem('hackMessageShuffle', JSON.stringify(shuffledHackMessages));\n sessionStorage.setItem('hackMessageIndex', currentHackMessageIndex.toString());\n }\n});\n\nfunction getNextHackMessage() {\n if (currentHackMessageIndex \u003e= shuffledHackMessages.length) {\n shuffledHackMessages = shuffleArray(hackMessages);\n currentHackMessageIndex = 0;\n sessionStorage.setItem('hackMessageShuffle', JSON.stringify(shuffledHackMessages));\n }\n\n const joke = shuffledHackMessages[currentHackMessageIndex];\n currentHackMessageIndex++;\n\n sessionStorage.setItem('hackMessageIndex', currentHackMessageIndex.toString());\n return joke;\n}\n\n function triggerHackEffect() {\n \/\/ Completely bypass the Shopify DOM scope\n const overlay = document.createElement('div');\n overlay.setAttribute(\"id\", \"full-hack-overlay\");\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100vw';\n overlay.style.height = '100vh';\n overlay.style.background = 'black';\n overlay.style.zIndex = '999999'; \/\/ higher than Shopify elements\n overlay.style.overflow = 'hidden';\n overlay.style.display = 'flex';\n overlay.style.flexDirection = 'column';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n overlay.style.textAlign = 'center';\n\n const strobe = document.createElement('div');\n strobe.style.position = 'absolute';\n strobe.style.width = '100%';\n strobe.style.height = '100%';\n strobe.style.background = 'white';\n strobe.style.mixBlendMode = 'difference';\n strobe.style.opacity = '0';\n strobe.style.animation = 'strobeFlash 4s linear forwards';\n overlay.appendChild(strobe);\n\n\/\/ 🔥 Play Glitch Sound\nconst glitch = document.getElementById('glitchSound');\nif (glitch) {\n glitch.currentTime = 0;\n glitch.play().catch(e =\u003e console.warn('Glitch sound failed to play:', e));\n}\n\n const matrix = document.createElement('div');\n matrix.style.position = 'absolute';\n matrix.style.top = '0';\n matrix.style.left = '0';\n matrix.style.width = '100%';\n matrix.style.height = '300vh';\n matrix.style.color = '#39ff14';\n matrix.style.fontFamily = 'monospace';\n matrix.style.fontSize = '48px';\n matrix.style.lineHeight = '50px';\n matrix.style.opacity = '0.08';\n matrix.style.whiteSpace = 'pre';\n matrix.style.animation = 'matrixScroll 18s linear infinite';\n\/\/ Create a super wide and tall matrix string\nconst binaryLine = '0101010111001010101110010101011010101010110101'.repeat(50);\nconst binaryText = (binaryLine + '\\n').repeat(300);\n\n\/\/ First matrix (default position)\nconst matrix1 = document.createElement('div');\nmatrix1.style.position = 'absolute';\nmatrix1.style.top = '0';\nmatrix1.style.left = '0';\nmatrix1.style.width = '100%';\nmatrix1.style.height = '300vh';\nmatrix1.style.color = '#39ff14';\nmatrix1.style.fontFamily = 'monospace';\nmatrix1.style.fontSize = '48px';\nmatrix1.style.lineHeight = '50px';\nmatrix1.style.opacity = '0.08';\nmatrix1.style.whiteSpace = 'pre';\nmatrix1.style.animation = 'matrixScroll 18s linear infinite';\nmatrix1.innerText = binaryText;\noverlay.appendChild(matrix1);\n\n\/\/ Second matrix (starts above, seamlessly continues)\nconst matrix2 = document.createElement('div');\nmatrix2.style.position = 'absolute';\nmatrix2.style.top = '-300vh';\nmatrix2.style.left = '0';\nmatrix2.style.width = '100%';\nmatrix2.style.height = '300vh';\nmatrix2.style.color = '#39ff14';\nmatrix2.style.fontFamily = 'monospace';\nmatrix2.style.fontSize = '48px';\nmatrix2.style.lineHeight = '50px';\nmatrix2.style.opacity = '0.18';\nmatrix2.style.whiteSpace = 'pre';\nmatrix2.style.animation = 'matrixScroll 18s linear infinite';\nmatrix2.innerText = binaryText;\noverlay.appendChild(matrix2);\n\n\n\n const textWrap = document.createElement('div');\n textWrap.style.zIndex = '5';\n textWrap.style.display = 'flex';\n textWrap.style.flexDirection = 'column';\n textWrap.style.alignItems = 'center';\n textWrap.style.justifyContent = 'center';\n\n const title = document.createElement('div');\n title.innerText = 'SYSTEM ERROR';\n title.style.fontSize = '64px';\n title.style.color = '#39ff14';\n title.style.fontFamily = \"'Share Tech Mono', monospace\";\n title.style.textShadow = '0 0 10px #39ff14, 0 0 20px #39ff14';\n title.style.animation = 'flicker 0.1s steps(2, end) infinite';\n title.style.marginBottom = '12px';\n textWrap.appendChild(title);\n\n const joke = document.createElement('div');\n joke.classList.add('hack-joke-text');\n\n \/\/ Randomize the joke instead of following order\n const selectedJoke = getNextHackMessage();\n\n joke.innerHTML = selectedJoke.map(line =\u003e `\u003cdiv\u003e${line}\u003c\/div\u003e`).join('');\n joke.style.fontSize = '22px';\n joke.style.color = '#7CFF5A';\n joke.style.fontFamily = \"'Share Tech Mono', monospace\";\n joke.style.textAlign = 'center';\n textWrap.appendChild(joke);\n\n overlay.appendChild(textWrap);\n\n\/\/ Add DO NOT CLICK button\nconst eggBtn = document.createElement('button');\neggBtn.id = 'easterEggBtn';\neggBtn.innerText = 'DO NOT CLICK';\neggBtn.style.position = 'absolute';\neggBtn.style.top = '16px';\neggBtn.style.right = '16px';\neggBtn.style.zIndex = '999999';\neggBtn.style.background = 'none';\neggBtn.style.border = 'none';\neggBtn.style.color = '#39ff14';\neggBtn.style.fontFamily = \"'Share Tech Mono', monospace\";\neggBtn.style.fontSize = '14px'; \/\/ Mid-sized font\neggBtn.style.padding = '2px 8px'; \/\/ Slightly tighter padding\neggBtn.style.cursor = 'pointer';\neggBtn.style.textShadow = '0 0 2px #39ff14'; \/\/ Balanced glow\noverlay.appendChild(eggBtn);\n\neggBtn.addEventListener('click', () =\u003e {\n \/\/ Pause\/remove glitch background effects\n clearTimeout(window.glitchOverlayTimeout);\n window.skipScrollReset = true;\n matrix1.style.display = 'none';\n matrix2.style.display = 'none';\n strobe.style.display = 'none';\n textWrap.style.display = 'none';\n eggBtn.style.display = 'none';\n\n \/\/ Hide overlay effects\n matrix1.style.display = 'none';\n matrix2.style.display = 'none';\n strobe.style.display = 'none';\n textWrap.style.display = 'none';\n eggBtn.style.display = 'none';\n\n \/\/ Show terminal game modal\n showTerminalGame(overlay);\n});\n\n document.body.appendChild(overlay);\n document.body.classList.add(\"hack-active\");\n\nwindow.glitchOverlayTimeout = setTimeout(() =\u003e {\n overlay.remove();\n document.body.classList.remove(\"hack-active\");\n}, 4000);\n }\n\u003c\/script\u003e\n\n\u003cscript\u003e\nfunction showTerminalGame(container) {\n const gameWrap = document.createElement('div');\n gameWrap.style.position = 'absolute';\n gameWrap.style.top = '50%';\n gameWrap.style.left = '50%';\n gameWrap.style.transform = 'translate(-50%, -50%)';\n gameWrap.style.background = '#000';\n gameWrap.style.border = '2px solid #39ff14';\n gameWrap.style.padding = '20px';\n gameWrap.style.color = '#39ff14';\n gameWrap.style.fontFamily = \"'Share Tech Mono', monospace\";\n gameWrap.style.width = '400px';\n gameWrap.style.maxWidth = '90vw';\n gameWrap.style.textAlign = 'left';\n gameWrap.style.zIndex = '999999';\n\ngameWrap.innerHTML = `\n \u003cdiv\u003eSERUM 2 BACKEND ACCESS TERMINAL\u003cbr\u003e=================================\u003c\/div\u003e\n \u003cdiv style=\"margin-top:10px\"\u003eENTER PASSWORD:\u003c\/div\u003e\n \u003cinput type=\"text\" id=\"terminalInput\" style=\"margin-top:6px; width: 100%; background: black; color: #39ff14; border: 1px solid #39ff14; font-family: 'Share Tech Mono'; padding: 4px;\" \/\u003e\n \u003cbutton id=\"submitPassword\" style=\"margin-top:10px; background: #39ff14; color: black; border: none; padding: 6px 12px; cursor: pointer; font-family: 'Share Tech Mono';\"\u003eSUBMIT\u003c\/button\u003e\n \u003cdiv id=\"terminalMessage\" style=\"margin-top:10px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"resetPasswordWrapper\" style=\"display:none; margin-top:14px;\"\u003e\n \u003cbutton id=\"resetPasswordBtn\" style=\"background: none; border: none; color: #39ff14; text-decoration: underline; cursor: pointer; font-family: 'Share Tech Mono';\"\u003eRESET PASSWORD?\u003c\/button\u003e\n \u003c\/div\u003e\n`;\n\n container.appendChild(gameWrap);\n\n const input = gameWrap.querySelector('#terminalInput');\n const submit = gameWrap.querySelector('#submitPassword');\n const message = gameWrap.querySelector('#terminalMessage');\n const resetBtn = gameWrap.querySelector('#resetPasswordBtn');\n\n submit.addEventListener('click', () =\u003e {\n message.innerHTML = \"\u003cspan style='color:red;'\u003e✘ ACCESS DENIED\u003c\/span\u003e\";\n document.getElementById('resetPasswordWrapper').style.display = 'block';\n\n \/\/ 🔥 Play Denied Sound\n const denied = document.getElementById('deniedSound');\n if (denied) {\n denied.currentTime = 0;\n denied.play().catch(e =\u003e console.warn('Denied sound failed to play:', e));\n }\n });\n\n \/\/ ✅ Reset password button must still work:\n resetBtn.addEventListener('click', () =\u003e {\n gameWrap.remove();\n launchMemoryGame(container);\n });\n}\n\u003c\/script\u003e\n\n\u003cscript\u003e\nfunction launchMemoryGame(container) {\n window.memoryGameContainer = container;\n const symbols = ['★', '✖', '▣', '⚡', '♠', '♣', '◆', '⬤', '△', '▽', '☀'];\n let sequence = [];\n let clickedSequence = [];\n\n const gameWrap = document.createElement('div');\n gameWrap.style.position = 'absolute';\n gameWrap.style.top = '50%';\n gameWrap.style.left = '50%';\n gameWrap.style.transform = 'translate(-50%, -50%)';\n gameWrap.style.background = '#000';\n gameWrap.style.border = '2px solid #39ff14';\n gameWrap.style.padding = '20px';\n gameWrap.style.color = '#39ff14';\n gameWrap.style.fontFamily = \"'Share Tech Mono', monospace\";\n gameWrap.style.width = '400px';\n gameWrap.style.maxWidth = '90vw';\n gameWrap.style.textAlign = 'center';\n gameWrap.style.zIndex = '999999';\n container.appendChild(gameWrap);\n\ngameWrap.innerHTML = `\n \u003cdiv\u003eSERUM 2 PASSWORD RESET\u003cbr\u003e======================\u003c\/div\u003e\n \u003cdiv id=\"memorySequence\" style=\"font-size: 28px; margin: 20px 0; opacity:0; transition: opacity 1s;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryGrid\" style=\"display:none; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryMessage\" style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryButton\" style=\"margin-top: 20px;\"\u003e\u003c\/div\u003e\n`;\n\n const sequenceDiv = gameWrap.querySelector('#memorySequence');\n const gridDiv = gameWrap.querySelector('#memoryGrid');\n const memoryMessage = gameWrap.querySelector('#memoryMessage');\n const memoryButton = gameWrap.querySelector('#memoryButton');\n\n function startNewSequence() {\n sequence = [];\n clickedSequence = [];\n memoryMessage.innerHTML = '';\n memoryButton.innerHTML = '';\n gridDiv.innerHTML = '';\n gridDiv.style.display = 'none';\n\nlet lastSymbol = null;\nfor (let i = 0; i \u003c 5; i++) {\n let nextSymbol;\n do {\n nextSymbol = symbols[Math.floor(Math.random() * symbols.length)];\n } while (nextSymbol === lastSymbol);\n sequence.push(nextSymbol);\n lastSymbol = nextSymbol;\n}\n\n sequenceDiv.style.opacity = '0';\n sequenceDiv.innerText = 'REMEMBER THE ORDER';\n setTimeout(() =\u003e {\n sequenceDiv.style.opacity = '1';\n }, 50);\n\n setTimeout(() =\u003e {\n flashSequence();\n }, 2000);\n }\n\n function flashSequence() {\n let currentFlash = 0;\n const flashInterval = setInterval(() =\u003e {\n if (currentFlash \u003c sequence.length) {\n sequenceDiv.innerText = sequence[currentFlash];\n currentFlash++;\n } else {\n clearInterval(flashInterval);\n startMemoryGrid();\n }\n }, 1600);\n }\n\n function startMemoryGrid() {\n sequenceDiv.innerText = 'SELECT SYMBOLS IN ORDER';\n gridDiv.style.display = 'flex';\n clickedSequence = [];\n\n const fullSet = [...sequence, ...symbols];\n const uniqueSymbols = [...new Set(fullSet)].sort(() =\u003e 0.5 - Math.random()).slice(0, 12);\n uniqueSymbols.sort(() =\u003e 0.5 - Math.random());\n\n uniqueSymbols.forEach(symbol =\u003e {\n const btn = document.createElement('button');\n btn.innerText = symbol;\n btn.style.background = 'black';\n btn.style.color = '#39ff14';\n btn.style.border = '1px solid #39ff14';\n btn.style.padding = '10px 14px';\n btn.style.fontSize = '24px';\n btn.style.cursor = 'pointer';\n btn.style.fontFamily = \"'Share Tech Mono', monospace\";\n btn.style.transition = 'background 0.2s, transform 0.2s';\n\n btn.addEventListener('click', () =\u003e {\n btn.style.background = '#39ff14';\n btn.style.color = 'black';\n btn.style.transform = 'scale(1.2)';\n setTimeout(() =\u003e {\n btn.style.background = 'black';\n btn.style.color = '#39ff14';\n btn.style.transform = 'scale(1)';\n }, 200);\n handleSymbolClick(symbol);\n });\n\n gridDiv.appendChild(btn);\n });\n }\n\nfunction handleSymbolClick(symbol) {\n const beep = document.getElementById('hackerBeep');\n if (beep) {\n beep.currentTime = 0;\n beep.play();\n }\n\n clickedSequence.push(symbol);\n\n if (clickedSequence.length === sequence.length) {\n if (clickedSequence.join('') === sequence.join('')) {\n showSystemOverride(window.memoryGameContainer);\n } else {\nmemoryMessage.innerHTML = \"\u003cspan style='color:red;'\u003e✘ ACCESS DENIED\u003c\/span\u003e\";\n\n\/\/ 🔥 Play Denied Sound\nconst denied = document.getElementById('deniedSound');\nif (denied) {\n denied.currentTime = 0;\n denied.play().catch(e =\u003e console.warn('Denied sound failed to play:', e));\n}\n\nmemoryButton.innerHTML = `\n \u003cbutton id=\"retryGame\" style=\"margin-top:14px; background: none; border: 1px solid #39ff14; color: #39ff14; padding: 8px 16px; cursor: pointer; font-family: 'Share Tech Mono'; font-size:16px;\"\u003e\n RETRY MEMORY SEQUENCE\n \u003c\/button\u003e\n`;\ndocument.getElementById('retryGame').addEventListener('click', () =\u003e {\n startNewSequence();\n});\n }\n }\n}\n\n startNewSequence();\n}\n\nfunction showSystemOverride(container) {\n const overlay = document.createElement('div');\n overlay.setAttribute(\"id\", \"override-glitch-overlay\");\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100vw';\n overlay.style.height = '100vh';\n overlay.style.background = 'black';\n overlay.style.zIndex = '999999';\n overlay.style.overflow = 'hidden';\n overlay.style.display = 'flex';\n overlay.style.flexDirection = 'column';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n overlay.style.textAlign = 'center';\n overlay.style.opacity = '0';\n overlay.style.transition = 'opacity 0.6s ease-in-out'; \/* \u003c-- Smooth fade *\/\n\n \/\/ Strobe\n const strobe = document.createElement('div');\n strobe.style.position = 'absolute';\n strobe.style.width = '100%';\n strobe.style.height = '100%';\n strobe.style.background = 'white';\n strobe.style.mixBlendMode = 'difference';\n strobe.style.opacity = '0';\n strobe.style.animation = 'strobeFlash 2s linear forwards';\n overlay.appendChild(strobe);\n\n \/\/ Matrix 1\n const matrix1 = document.createElement('div');\n const binaryLine = '0101010111001010101110010101011010101010110101'.repeat(50);\n const binaryText = (binaryLine + '\\n').repeat(300);\n matrix1.style.position = 'absolute';\n matrix1.style.top = '0';\n matrix1.style.left = '0';\n matrix1.style.width = '100%';\n matrix1.style.height = '300vh';\n matrix1.style.color = '#39ff14';\n matrix1.style.fontFamily = 'monospace';\n matrix1.style.fontSize = '48px';\n matrix1.style.lineHeight = '50px';\n matrix1.style.opacity = '0.08';\n matrix1.style.whiteSpace = 'pre';\n matrix1.style.animation = 'matrixScroll 18s linear infinite';\n matrix1.innerText = binaryText;\n overlay.appendChild(matrix1);\n\n \/\/ Matrix 2 (offset)\n const matrix2 = document.createElement('div');\n matrix2.style.position = 'absolute';\n matrix2.style.top = '-300vh';\n matrix2.style.left = '0';\n matrix2.style.width = '100%';\n matrix2.style.height = '300vh';\n matrix2.style.color = '#39ff14';\n matrix2.style.fontFamily = 'monospace';\n matrix2.style.fontSize = '48px';\n matrix2.style.lineHeight = '50px';\n matrix2.style.opacity = '0.18';\n matrix2.style.whiteSpace = 'pre';\n matrix2.style.animation = 'matrixScroll 18s linear infinite';\n matrix2.innerText = binaryText;\n overlay.appendChild(matrix2);\n\n \/\/ Text in the center\n const textWrap = document.createElement('div');\n textWrap.style.zIndex = '5';\n textWrap.style.display = 'flex';\n textWrap.style.flexDirection = 'column';\n textWrap.style.alignItems = 'center';\n textWrap.style.justifyContent = 'center';\n\n const title = document.createElement('div');\n title.innerText = 'SYSTEM OVERRIDE';\n title.style.fontSize = '64px';\n title.style.color = '#39ff14';\n title.style.fontFamily = \"'Share Tech Mono', monospace\";\n title.style.textShadow = '0 0 10px #39ff14, 0 0 20px #39ff14';\n title.style.animation = 'flicker 0.1s steps(2, end) infinite';\n textWrap.appendChild(title);\n\n overlay.appendChild(textWrap);\n document.body.appendChild(overlay);\n\nconst siren = document.getElementById('sirenSound');\nif (siren) {\n siren.currentTime = 0;\n siren.play().catch(e =\u003e console.warn('Siren sound failed to play:', e));\n}\n\n \/\/ Smooth fade in\n setTimeout(() =\u003e {\n overlay.style.opacity = '1';\n }, 50);\n\n \/\/ After 2s, remove overlay and show success screen\n setTimeout(() =\u003e {\n overlay.remove();\n showSuccessTerminal(container);\n }, 2000);\n}\n\nfunction showSuccessTerminal(container) {\n container.innerHTML = '';\n\n const fadeWrap = document.createElement('div');\n fadeWrap.style.opacity = '0';\n fadeWrap.style.transition = 'opacity 1s ease-in-out';\n fadeWrap.style.position = 'absolute';\n fadeWrap.style.top = '0';\n fadeWrap.style.left = '0';\n fadeWrap.style.width = '100%';\n fadeWrap.style.height = '100%';\n fadeWrap.style.overflow = 'hidden';\n fadeWrap.style.display = 'flex';\n fadeWrap.style.flexDirection = 'column';\n fadeWrap.style.justifyContent = 'center';\n fadeWrap.style.alignItems = 'center';\n fadeWrap.style.zIndex = '999999';\n container.appendChild(fadeWrap);\n\n\/\/ Play vault unlock sound\nconst vault = document.getElementById('vaultSound');\nif (vault) {\n vault.currentTime = 0;\n vault.play().catch(e =\u003e console.warn('Vault sound failed to play:', e));\n}\n\n \/\/ Matrix 1 background\n const matrix1 = document.createElement('div');\n matrix1.style.position = 'absolute';\n matrix1.style.top = '0';\n matrix1.style.left = '0';\n matrix1.style.width = '100%';\n matrix1.style.height = '300vh';\n matrix1.style.color = '#39ff14';\n matrix1.style.fontFamily = 'monospace';\n matrix1.style.fontSize = '48px';\n matrix1.style.lineHeight = '50px';\n matrix1.style.opacity = '0.08';\n matrix1.style.whiteSpace = 'pre';\n matrix1.style.animation = 'matrixScroll 24s linear infinite';\n matrix1.innerText = ('0101011010101110'.repeat(50) + '\\n').repeat(300);\n fadeWrap.appendChild(matrix1);\n\n \/\/ Matrix 2 background (offset)\n const matrix2 = document.createElement('div');\n matrix2.style.position = 'absolute';\n matrix2.style.top = '-300vh';\n matrix2.style.left = '0';\n matrix2.style.width = '100%';\n matrix2.style.height = '300vh';\n matrix2.style.color = '#39ff14';\n matrix2.style.fontFamily = 'monospace';\n matrix2.style.fontSize = '48px';\n matrix2.style.lineHeight = '50px';\n matrix2.style.opacity = '0.15';\n matrix2.style.whiteSpace = 'pre';\n matrix2.style.animation = 'matrixScroll 24s linear infinite';\n matrix2.innerText = ('1010010110110100'.repeat(50) + '\\n').repeat(300);\n fadeWrap.appendChild(matrix2);\n\n \/\/ Terminal Box\n const terminalBox = document.createElement('div');\n terminalBox.style.background = 'black';\n terminalBox.style.border = '2px solid #39ff14';\n terminalBox.style.padding = '20px';\n terminalBox.style.color = '#39ff14';\n terminalBox.style.fontFamily = \"'Share Tech Mono', monospace\";\n terminalBox.style.width = '400px';\n terminalBox.style.maxWidth = '90vw';\n terminalBox.style.textAlign = 'center';\n terminalBox.style.zIndex = '999999';\n\nterminalBox.innerHTML = `\n \u003cdiv\u003e✔ SERUM 2 ACCESS GRANTED ✔\u003c\/div\u003e\n \u003cdiv style=\"margin-top:16px; margin-bottom:8px;\"\u003eDISCOUNT CODE:\u003c\/div\u003e\n \u003cdiv style=\"margin-bottom:14px;\"\u003e\u003cspan style=\"color:#000;background:#39ff14;padding:4px 8px;\"\u003eHACKER5\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv id=\"copiedMsg\" style=\"margin-top:12px; color:#7CFF5A; font-family:'Share Tech Mono', monospace; opacity:1; transition:opacity 1.0s ease-in-out;\"\u003e✔ CODE COPIED\u003c\/div\u003e\n \u003cbutton id=\"returnMainframe\" style=\"margin-top:14px;background:transparent;color:#39ff14;border:2px solid #39ff14;padding:12px 24px;cursor:pointer;font-family:'Share Tech Mono';font-size:18px;letter-spacing:1px;transition:all 0.5s ease;box-shadow:0 0 8px #39ff14;\"\u003e\n RETURN TO MAINFRAME\n \u003c\/button\u003e\n`;\n fadeWrap.appendChild(terminalBox);\n\n navigator.clipboard.writeText('HACKER5');\n\n \/\/ Delay fade-in so it's AFTER the override screen fades out\n setTimeout(() =\u003e {\n fadeWrap.style.opacity = '1';\n }, 100); \/\/ adjust this delay if needed\n\nsetTimeout(() =\u003e {\n const copied = document.getElementById('copiedMsg');\n if (copied) {\n copied.classList.add('flash-before-exit');\n }\n\n \/\/ Fade out after flash\n setTimeout(() =\u003e {\n if (copied) {\n copied.style.opacity = '0';\n setTimeout(() =\u003e copied.remove(), 500);\n }\n }, 3000); \/\/ flash duration\n}, 3000); \/\/ wait 3s before starting flash\n\n document.getElementById('returnMainframe').addEventListener('click', () =\u003e {\n window.location.reload();\n });\n}\n\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n const observer = new MutationObserver((mutations) =\u003e {\n mutations.forEach(mutation =\u003e {\n mutation.removedNodes.forEach(removed =\u003e {\n if (removed.id === 'full-hack-overlay' \u0026\u0026 !window.skipScrollReset) {\n setTimeout(() =\u003e {\n const isMobile = window.innerWidth \u003c= 768;\n let scrollTarget = 0;\n\n if (isMobile) {\n scrollTarget = window.innerHeight * 0.12; \n }\n\n window.scrollTo({ top: scrollTarget, behavior: 'smooth' });\n }, 150);\n }\n });\n });\n });\n\n observer.observe(document.body, { childList: true });\n});\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\u003cbutton id=\"returnMainframe\" style=\"\n margin-top:14px;\n background: transparent;\n color: #39ff14;\n border: 2px solid #39ff14;\n padding: 12px 24px;\n cursor: pointer;\n font-family: 'Share Tech Mono', monospace;\n font-size: 18px;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n box-shadow: 0 0 8px #39ff14;\n\"\u003e\n RETURN TO MAINFRAME\n\u003c\/button\u003e\n\u003c\/style\u003e\n\n\u003c!-- PREVIEW VIDEOS --\u003e\n\u003cstyle\u003e\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 #39ff14;\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n font-size: 12px !important;\n opacity: 0.85;\n display: none; \/* Hidden by default *\/\n overflow: hidden;\n white-space: nowrap; \/* Keeps it on one line while typing *\/\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; \/* Tighter top margin on mobile *\/\n }\n}\n\n.whzly-heading {\n font-size: 32px; \/* Set normal font size *\/\n}\n\n@media (max-width: 430px) {\n .serum2-inner .whzly-heading {\n font-size: 20px !important;\n margin-top: 20px !important; \/* Match your other settings *\/\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 #39ff14;\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 ---\n const glowWrapper = document.querySelector('#whzlyGlowWrapper');\n const heading = document.querySelector('.whzly-heading');\n const tagline = document.querySelector('.whzly-tagline');\n const videoBlocks = document.querySelectorAll('.whzly-fade-in');\n const triggerArea = document.querySelector('.whzly-trigger-area');\n\n let lastScrollY = window.scrollY;\n\n const observer = new IntersectionObserver(entries =\u003e {\n const bundleWrapper = document.querySelector('.bundle-flex-wrapper');\n entries.forEach(entry =\u003e {\n const scrollingUp = window.scrollY \u003c lastScrollY;\n lastScrollY = window.scrollY;\n\nif (entry.isIntersecting) {\n heading?.classList.add('active');\n tagline?.classList.add('active');\n glowWrapper?.classList.add('active');\n bundleWrapper?.classList.add('in-view', 'animation-complete');\n document.querySelector('.plus-symbol')?.classList.add('active');\n videoBlocks.forEach(block =\u003e block.classList.add('active'));\n} else if (scrollingUp) {\n heading?.classList.remove('active');\n tagline?.classList.remove('active');\n glowWrapper?.classList.remove('active');\n bundleWrapper?.classList.remove('in-view', 'animation-complete');\n\n videoBlocks.forEach(block =\u003e block.classList.remove('active'));\n}\n });\n }, { threshold: 0.5 });\n\n if (triggerArea) {\n observer.observe(triggerArea);\n }\n});\n\u003c\/script\u003e\n\n\u003c!-- WHZLY DUAL VIDEO PREVIEW SECTION --\u003e\n\u003cdiv class=\"serum2-inner whzly-trigger-area\" style=\"text-align: center; margin: 100px 0;\"\u003e\n \u003ch2 class=\"whzly-heading\" style=\"margin-bottom: 20px;\"\u003e🎥 PREVIEW THE PRODUCER BUNDLE\u003c\/h2\u003e\n\n \u003cp class=\"benchmark-tagline whzly-tagline\" style=\"margin-bottom: 30px;\"\u003e\n \u003cstrong\u003e\n \u003cspan class=\"first-line\"\u003eThis isn’t some throwaway essentials pack - it’s a complete sound design protocol.\u003c\/span\u003e\u003cbr\u003e\n \u003cspan class=\"second-line desktop-only-text\"\u003eWatch how the presets hit - learn how to make them hit harder.\u003c\/span\u003e\n \u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003c!-- Dual Video Layout --\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;\"\u003e\n \n\u003c!-- Preset Demo --\u003e\n\u003cdiv class=\"whzly-fade-in\" style=\"flex: 1 1 580px; max-width: 600px; text-align: center;\"\u003e\n \u003cdiv style=\"box-shadow: 0 0 20px #39ff14; border-radius: 12px; overflow: hidden;\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/8Ofe4bPodtE?rel=0\u0026amp;modestbranding=1\u0026amp;controls=1\" style=\"aspect-ratio: 16 \/ 9; width: 100%; border: none; display: block;\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 10px; font-family: 'Share Tech Mono', monospace; font-size: 15px; color: #39ff14;\"\u003e\n 🎛️ WHZLY PRESET DEMO\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- Course Demo --\u003e\n\u003cdiv class=\"whzly-fade-in\" style=\"flex: 1 1 580px; max-width: 600px; text-align: center;\"\u003e\n \u003cdiv style=\"box-shadow: 0 0 20px #7CFF5A; border-radius: 12px; overflow: hidden;\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/TZpmLhGndYk?si=FaRaHjmt9KyINogu?rel=0\u0026amp;modestbranding=1\u0026amp;controls=1\" style=\"aspect-ratio: 16 \/ 9; width: 100%; border: none; display: block;\" allowfullscreen\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 10px; font-family: 'Share Tech Mono', monospace; font-size: 15px; color: #7CFF5A;\"\u003e\n 🎓 WHZLY COURSE DEMO\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- S2R DEMO TRACK (Matching Format) --\u003e\n\u003cdiv class=\"whzly-fade-in\" style=\"flex: 1 1 580px; max-width: 600px; text-align: center; margin: 40px auto;\"\u003e\n \u003cdiv style=\"box-shadow: 0 0 20px #39ff14; border-radius: 12px; overflow: hidden;\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/jKkbL6y4dwk?rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"aspect-ratio: 16 \/ 9; width: 100%; border: none; display: block;\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top: 10px; font-family: 'Share Tech Mono', monospace; font-size: 15px; color: #ffffff;\"\u003e\n 🎹 DEMO TRACK\n \u003c\/p\u003e\n\u003c\/div\u003e\n\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 @keyframes subtle-glitch {\n 0%, 60%, 100% { text-shadow: 0 0 4px #39ff14; }\n 20% { text-shadow: -1px 0 #39ff14, 1px 0 #39ff14; }\n 40% { text-shadow: 1px 0 #39ff14, -1px 0 #39ff14; }\n 80% { text-shadow: 0 0 6px #39ff14; }\n }\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\nbody.hack-active #smile-ui-lite-launcher-frame-container {\n display: none !important;\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 480px) {\n \/* Starting position: push images further off-screen *\/\n .serum2-img.left {\n left: -60%; \/* Start way left *\/\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-img.right {\n right: -60%; \/* Start way right *\/\n transform: translateY(-50%) scale(1);\n }\n\n \/* When animation starts (stage 1): bring them closer but still wide apart *\/\n .serum2-upsell-section.animate-stage-1 .serum2-img.left {\n left: 20%;\n transform: translateY(-50%) scale(1.2);\n opacity: 1;\n }\n\n .serum2-upsell-section.animate-stage-1 .serum2-img.right {\n right: 20%;\n transform: translateY(-50%) scale(1.2);\n opacity: 1;\n }\n\n \/* When merging (stage 2): meet in the center *\/\n .serum2-upsell-section.animate-stage-2 .serum2-img.left {\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n right: 50%;\n transform: translate(50%, -50%) scale(1);\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const upsellSection = document.querySelector('.serum2-upsell-section');\n const glitchText = upsellSection.querySelector('.glitch-text');\n let stage = 0;\n let lastY = window.pageYOffset;\n let t1, t2, t3;\n\n function handleScroll() {\n const currentY = window.pageYOffset;\n const scrollingUp = currentY \u003c lastY;\n lastY = currentY;\n\n const rect = upsellSection.getBoundingClientRect();\n const isMobile = window.innerWidth \u003c= 768;\n const triggerPoint = isMobile ? window.innerHeight * 0.70 : window.innerHeight * 0.80;\n\n if (stage === 0 \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n upsellSection.classList.add('animate-stage-1');\n stage = 1;\n t1 = setTimeout(() =\u003e {\n if (stage === 1) {\n upsellSection.classList.add('animate-stage-2');\n stage = 2;\n glitchText.textContent = 'BUNDLE COMBINATION PROCESS INITIATED';\n t2 = setTimeout(() =\u003e { glitchText.textContent = 'SUCCESSFUL'; }, 2000);\n t3 = setTimeout(() =\u003e { glitchText.textContent = ''; }, 3000);\n }\n }, 2000);\n } else if (stage \u003e 0 \u0026\u0026 scrollingUp \u0026\u0026 rect.top \u003e= triggerPoint) {\n clearTimeout(t1);\n clearTimeout(t2);\n clearTimeout(t3);\n upsellSection.classList.remove('animate-stage-2', 'animate-stage-1');\n glitchText.textContent = '';\n stage = 0;\n }\n }\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n });\n\u003c\/script\u003e\n\n\u003c!-- SYSTEM COMPATIBILITY SECTION --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"margin-top: 80px;\"\u003e\n \u003ch2 class=\"system-header\"\u003e\n \u003cspan class=\"desktop-text\"\u003e🖥 SYSTEM COMPATIBILITY PROTOCOL 🖥\u003c\/span\u003e\n \u003cspan class=\"mobile-text\"\u003e🖥 COMPATIBILITY PROTOCOL 🖥\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 \u003cdiv\u003eAbleton 12 (project file)\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .system-header {\n font-family: 'Share Tech Mono', monospace;\n font-size: 22px;\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n margin-bottom: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n text-align: center;\n }\n\n .requirements-list {\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n color: #7CFF5A;\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\/* This part ONLY applies at 480px and smaller *\/\n@media (max-width: 480px) {\n .hook-plus-image-optimized {\n margin-top: -100px !important; \/* Only apply negative margin on small phones *\/\n }\n\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\n@media (max-width: 768px) {\n .bundle-flex-wrapper.top-bundle-section {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 30px;\n padding: 0 12px;\n margin: 0 auto;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n .bundle-flex-wrapper.top-bundle-section .hook-text {\n width: 100%;\n max-width: 500px;\n text-align: center;\n }\n\n .bundle-flex-wrapper.top-bundle-section .split-combine-section {\n max-width: 360px;\n width: 100%;\n height: auto;\n margin: 0 auto;\n aspect-ratio: 16\/9;\n }\n\n .plus-symbol {\n font-size: 40px !important;\n margin: 8px 0 !important;\n }\n}@media (max-width: 768px) {\n .serum2-inner {\n padding: 0 10px !important;\n margin: 0 auto !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n}\n@media (max-width: 480px) {\n .bundle-flex-wrapper.top-bundle-section {\n padding: 0 0px !important;\n margin: 0 auto !important;\n width: 100% !important;\n min-width: 0 !important; \/* ✅ Remove overflow issue *\/\n box-sizing: border-box !important;\n justify-content: center !important;\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .bundle-flex-wrapper.top-bundle-section .split-combine-section {\n max-width: 280px !important;\n width: 100% !important;\n height: auto !important;\n margin: 20px auto 0 auto !important;\n }\n\n .bundle-flex-wrapper.top-bundle-section .plus-symbol {\n font-size: 60px !important;\n width: 100% !important;\n text-align: center !important;\n margin: -20px auto !important;\n display: block !important;\n }\n}\n\n.bundle-heading-wrapper {\n padding: 0 20px;\n box-sizing: border-box;\n}\n\n@media (max-width: 480px) {\n .bundle-heading-wrapper {\n padding: 0 0px !important; \/* reduce side margins on small screens *\/\n }\n\n .bundle-heading-wrapper h2 {\n font-size: 20px !important; \/* optional: reduce font size a bit *\/\n }\n}\n\n@media (max-width: 480px) {\n .top-bundle-section h2 {\n font-size: 16px !important;\n line-height: 1;\n margin-bottom: 12px !important;\n margin-top: 20px !important;\n }\n}\n\n@media (max-width: 480px) {\n .top-bundle-section li {\n font-size: 15px !important;\n line-height: 1.6;\n }\n}\n\n.sample-list-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .sample-list-desktop {\n display: none;\n }\n .sample-list-mobile {\n display: block;\n }\n}\n@media (max-width: 768px) {\n .bundle-flex-wrapper.top-bundle-section .split-combine-section {\n margin-top: -15px !important; \/* was 30px or more *\/\n }\n\n .bundle-flex-wrapper.top-bundle-section ul {\n margin-bottom: 0px !important;\n }\n}\n\n@media (max-width: 480px) {\n .whzly-fade-in {\n flex: 1 1 100%;\n max-width: 100% !important;\n padding: 0 10px; \/* optional margin breathing room *\/\n box-sizing: border-box;\n }\n\n .serum2-inner .whzly-trigger-area {\n overflow-x: hidden; \/* prevent any horizontal scroll *\/\n }\n}\n\n@media (max-width: 768px) {\n .bundle-list-desktop {\n display: none !important;\n }\n\n .bundle-list-mobile {\n display: block !important;\n padding-left: 0;\n text-align: left;\n }\n\n .bundle-list-mobile li {\n font-size: 15px;\n line-height: 1.6;\n margin-bottom: 6px;\n }\n}\n\n@media (min-width: 769px) {\n .bundle-list-mobile {\n display: none !important;\n }\n}\n\n@media (max-width: 480px) {\n .mobile-bundle-list-wrapper {\n padding: 0 0px;\n box-sizing: border-box;\n }\n}\n@media (min-width: 769px) {\n #videoModal {\n display: none; \/* hidden by default *\/\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999999;\n background: rgba(0, 0, 0, 0.92);\n justify-content: center;\n align-items: center;\n padding: 0;\n margin: 0;\n }\n\n #videoModal.active {\n display: flex; \/* visible when active *\/\n }\n\n #videoModal iframe {\n aspect-ratio: 9 \/ 16;\n width: 360px;\n height: auto;\n max-height: 90vh;\n border: none;\n display: block;\n }\n}\n\nbody.modal-open {\n overflow: hidden;\n}\n\n\n#videoModal {\n position: fixed !important;\n display: none;\n}\n\n#videoModal.active {\n display: flex;\n}\n\nbody, html {\n overflow: visible !important;\n}\n#videoModal iframe {\n aspect-ratio: 9 \/ 16;\n height: 90vh;\n width: auto;\n max-width: 100%;\n max-height: 100%;\n display: block;\n border: none;\n}\n#videoModal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999999;\n background: rgba(0, 0, 0, 0.92);\n justify-content: center;\n align-items: center;\n}\n#videoModal.active {\n display: flex;\n}\n\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":51924348174667,"sku":"","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum_2_Reloaded_Producer_Bundle.webp?v=1747957911"},{"product_id":"trick-or-treat-vol-2-5-the-forbidden-chapter","title":"TRICK OR TREAT VOL.2.5 | THE FORBIDDEN CHAPTER","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\n \/* Premium Cinematic Title *\/\n .hero-title {\n font-weight: 900;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n line-height: 1.1;\n }\n \n .hero-title .title-top {\n color: #ffa000;\n font-size: 20px;\n letter-spacing: 5px;\n font-weight: 700;\n display: block;\n margin-bottom: 8px;\n text-shadow: 0 0 15px rgba(255, 160, 0, 0.4);\n }\n \n .hero-title .title-bottom {\n font-size: 46px;\n letter-spacing: 1px;\n background: linear-gradient(180deg, #ffffff 0%, #a0a0a0 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n filter: drop-shadow(0 6px 20px rgba(0,0,0,0.6));\n }\n\n @media (max-width: 768px) {\n .hero-title { padding: 0 10px; }\n .hero-title .title-top { font-size: 13px; letter-spacing: 3px; }\n .hero-title .title-bottom { font-size: 30px; }\n }\n\n @media (max-width: 768px) {\n .stat-bar {\n grid-template-columns: 1fr !important; \/* Stack vertically to prevent overlap *\/\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 .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 \/* Master Stat Bar *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ffa000;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 160, 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: 26px; font-weight: 800; color: #ffa000; 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 Cover 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 img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block; \n }\n\n \/* Monolith Bottom (Fused Description) *\/\n .hero-description-box {\n max-width: 900px;\n margin: -1px 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\n \/* Breakdown Styles *\/\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 #ffa00055; border-radius:999px; background:#111; font-size:12px; color:#f1f1f1; }\n .pill b{ color:#ffa000; font-weight:700; }\n .checkmark { color: #ffa000; font-weight: bold; font-size: 16px; margin-right: 12px; }\n\n \/* --- SOUND PREVIEWS HEADING STYLES --- *\/\n .sp-heading{ width:100%; text-align:center; margin: 28px auto 10px; 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,#ffa000 0%,#ffd180 35%,#84fbff 65%,#ffa000 100%);\n -webkit-background-clip:text; background-clip:text; color: transparent;\n text-shadow: 0 0 10px rgba(255,160,0,.35), 0 0 22px rgba(132,251,255,.25);\n animation: sp-glow 2.2s ease-in-out infinite;\n }\n .sp-emoji{\n color:#ffa000; filter: drop-shadow(0 0 6px rgba(255,160,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, #ffa000, #84fbff, 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,160,0,.35), 0 0 14px rgba(132,251,255,.22);} 50%{ text-shadow: 0 0 14px rgba(255,160,0,.55), 0 0 28px rgba(132,251,255,.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 \/* --- PREVIEW PLAYER GRID STYLES --- *\/\n :root{ --wave-desktop-shift: 70px; } \n .player-wrap{ width:100%; position:relative; }\n .player-wrap .product-block#waveform{\n box-sizing:border-box; width:100%; max-width:1160px; margin:8px auto 0 !important; padding:0 !important;\n display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); column-gap:2px; row-gap:6px;\n position:relative; left:50%; transform: translateX(calc(-50% + var(--wave-desktop-shift)));\n }\n @media (max-width:768px){\n .player-wrap .product-block#waveform{\n max-width:700px; grid-template-columns:repeat(2, minmax(0,1fr)); column-gap:4px; row-gap:6px;\n left:50%; transform: translateX(-50%);\n }\n }\n .player-wrap .sample{ display:grid; grid-template-columns:12px 1fr; align-items:center; column-gap:6px; }\n .player-wrap .sample img.play-pause-btn{ width:12px; height:12px; cursor:pointer; }\n .player-wrap .sample .wave-block{ width:100%; }\n .player-wrap .sample .wave-title{ display:none; }\n\n \/* Requirements Section *\/\n .req-container { background-color: #161616; border: 1px solid #333; border-radius: 6px; padding: 30px; max-width: 850px; margin: 40px auto 20px auto; text-align: left; }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003e\n \u003cspan class=\"title-top\"\u003eTrick or Treat Vol. 2.5\u003c\/span\u003e\n \u003cspan class=\"title-bottom\"\u003eThe Forbidden Chapter\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eOpen the Sealed Chapter of the Cursed Saga\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cspan class=\"stat-val\"\u003e320+\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003ePremium Sounds\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n \u003cspan class=\"stat-val\"\u003eSERUM 2\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eBass Presets\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 \u003cimg alt=\"Trick or Treat Vol. 2.5 Cover\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/TOTV2.5_wide.webp?v=1761219416\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eOpen the sealed chapter of the Trick or Treat saga. \u003cspan style=\"color: #ffa000; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; font-size: 16px; margin-top: 8px;\"\u003eBuilt for the Heaviest Modern Tearout \u0026amp; Riddim.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eIncluding brand-new Serum 2 bass presets and a vault of exclusive loops and one-shots crafted to cut through real mixes with violent clarity.\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;\"\u003eThe Cursed Payload\u003c\/h3\u003e\n \n \u003cdiv style=\"text-align:center;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 50 Elite Serum 2 Bass Presets\u003c\/strong\u003e\n \u003cdiv class=\"pills\"\u003e\n \u003cspan class=\"pill\"\u003e\u003cb\u003e30\u003c\/b\u003e Bass\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e10\u003c\/b\u003e Gun\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e10\u003c\/b\u003e Sustain\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align:center;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 207 Brutal Bass Samples\u003c\/strong\u003e\n \u003cdiv class=\"pills\"\u003e\n \u003cspan class=\"pill\"\u003e\u003cb\u003e55\u003c\/b\u003e Loops\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e26\u003c\/b\u003e Sustains\u003c\/span\u003e \u003cspan class=\"pill\"\u003e\u003cb\u003e123\u003c\/b\u003e One Shots\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: #ffa000; font-size: 18px;\"\u003e✔ 75 Haunted Atmosphere Loops\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eRich, immersive textures designed to set a terrifying tone for your breakdowns.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px; text-align:center;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ 7 Metal Guitar Loops\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eRaw guitar layers for that signature aggressive crossover sound.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px; text-align:center;\"\u003e\n \u003cstrong style=\"color: #ffa000; font-size: 18px;\"\u003e✔ Inspired by Industry Titans\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 14px;\"\u003eCapturing the energy of \u003cstrong\u003eNimda, Prosecute, SVDDEN DEATH,\u003c\/strong\u003e and \u003cstrong\u003eYVM3\u003c\/strong\u003e.\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, 160, 0, 0), rgba(255, 160, 0, 0.5), rgba(255, 160, 0, 0)); margin: 40px 0;\"\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 class=\"player-wrap\"\u003e\n \u003cdiv id=\"waveform\" class=\"waveform product-block\"\u003e\u003c\/div\u003e\n \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 #ffa000; 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 2.0+\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 #ffa000; display:inline-block; padding-bottom:5px;\"\u003eSound Profile\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 Retrigger Weapons\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Clip-Mode Bangers\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Guttural sound design\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"text-align: center; margin-top: 25px; color: #f1f1f1; font-size: 14px;\"\u003e\n Designed for producers of the heaviest modern tearout dubstep and riddim. \u003cbr\u003e\n \u003cstrong style=\"color: #ffa000;\"\u003eThe Forbidden Chapter\u003c\/strong\u003e is absolute brutal sound design.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; 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 absolute brutal sound design?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffa000; 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, 160, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 160, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 160, 0, 0.4)';\"\u003eCLAIM THE FORBIDDEN CHAPTER\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 const PLAY_IMG = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Play.png?v=1712806685';\n const PAUSE_IMG = 'https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pasue.png?v=1712806768';\n\n const bassLoops = [\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_13.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_12.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_3.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_40.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_38.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_19.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_26.mp3?v=1761263175\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_49.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_8.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_9.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_21.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_45.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_20.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_2.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_17.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_42.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_35.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_11.mp3?v=1761263176\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_Loop_36.mp3?v=1761263176\"\n ];\n\n const sustains = [\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_3.mp3?v=1761263345\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_21.mp3?v=1761263345\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_6.mp3?v=1761263344\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_15.mp3?v=1761263344\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_10.mp3?v=1761263345\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_1.mp3?v=1761263345\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_18.mp3?v=1761263345\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Sustain_7.mp3?v=1761263345\"\n ];\n\n const oneShots = [\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_4.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_33.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_7.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_82.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_130.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_14.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_129.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_52.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_8.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_106.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_71.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_123.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_55.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_132.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_9.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_10.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_17.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_79.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_47.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_43.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_3.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_31.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_119.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_95.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_146.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_11.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_48.mp3?v=1761263411\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_28.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_6.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_65.mp3?v=1761263412\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_57.mp3?v=1761263413\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Bass_One_Shot_44.mp3?v=1761263413\"\n ];\n\n const metalGuitars = [\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Metal_Guitar_1.mp3?v=1761263642\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Metal_Guitar_2.mp3?v=1761263642\",\n \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TOTV2.5_-_Metal_Guitar_5.mp3?v=1761263642\"\n ];\n\n function extractNum(u){ const m = u.match(\/_(\\d+)\\.(?:mp3|wav)\/i); return m ? parseInt(m[1], 10) : 0; }\n let arrayOfItems = [];\n\n function renderWavePlayer(url, name, bgColor, prColor, height, parentSelector) {\n const dom = document.createElement('div');\n dom.className = 'sample';\n const btn = document.createElement('img');\n btn.src = PLAY_IMG;\n btn.className = \"play-pause-btn\";\n const waveBlock = document.createElement('div');\n waveBlock.className = \"wave-block\";\n dom.appendChild(btn);\n dom.appendChild(waveBlock);\n document.getElementById(parentSelector).appendChild(dom);\n\n const wavesurfer = WaveSurfer.create({\n container: waveBlock, waveColor: bgColor, progressColor: prColor,\n cursorColor: 'transparent', hideScrollbar: true, height: height, mediaControls: false\n });\n\n wavesurfer.load(url);\n wavesurfer.on('finish', () =\u003e { btn.src = PLAY_IMG; });\n btn.addEventListener('click', () =\u003e {\n wavesurfer.playPause();\n btn.src = wavesurfer.isPlaying() ? PAUSE_IMG : PLAY_IMG;\n });\n arrayOfItems.push(wavesurfer);\n }\n\n function initPlayers(){\n [bassLoops, sustains, oneShots, metalGuitars].forEach(arr =\u003e arr.sort((a,b)=\u003eextractNum(a)-extractNum(b)));\n const parent = 'waveform', bg = '#fff', prog = '#ffa000', h = 16;\n bassLoops.forEach(u =\u003e renderWavePlayer(u, '', bg, prog, h, parent));\n sustains.forEach(u =\u003e renderWavePlayer(u, '', bg, prog, h, parent));\n oneShots.forEach(u =\u003e renderWavePlayer(u, '', bg, prog, h, parent));\n metalGuitars.forEach(u =\u003e renderWavePlayer(u, '', bg, prog, h, parent));\n }\n initPlayers();\n\u003c\/script\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":53650301681995,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/TOTV_2.5.webp?v=1762134333"},{"product_id":"16-fl-studio-templates-in-1-bundle","title":"16 FL STUDIO TEMPLATES IN 1 BUNDLE","description":"\u003cdiv style=\"text-align: center; max-width: 850px; margin: 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6;\"\u003e\n\n \u003cstyle\u003e\n \/* Desktop Only Title Margin *\/\n @media (min-width: 769px) {\n .bundle-main-title {\n margin-top: -40px !important;\n }\n }\n@media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n .bundle-main-title {\n margin-bottom: 30px; \n margin-top: 0;\n font-weight: normal;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"bundle-main-title\"\u003e\n Introducing our colossal bundle of \u003cstrong\u003e16 FL Studio Project Files\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cdiv style=\"\n max-width: 900px; \n margin: 0 auto 40px auto; \n text-align: center; \n border: 1px solid #333; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n background-color: #000;\n \"\u003e\n \u003ciframe width=\"100%\" height=\"350\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/playlists\/soundcloud%3Aplaylists%3A2169541358%3Fsecret_token%3Ds-1snYNHfh77V\u0026amp;color=%23ff5500\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=false\u0026amp;show_reposts=false\u0026amp;show_teaser=false\u0026amp;visual=false\"\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 600px; \n margin: 30px auto; \n text-align: center;\n \"\u003e\n \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: \n \u003cspan style=\"text-decoration: line-through; color: #cccccc; font-size: 18px;\"\u003e$415+\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 28px; color: #ff5500; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(255, 85, 0, 0.2);\"\u003e\n ONLY $39.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n That’s just \u003cstrong style=\"color: #fff; border-bottom: 1px solid #ff5500;\"\u003e$2.49 per project file\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cp\u003eSave hours of production time and unlock instant inspiration with our ultimate FL Studio project bundle. Each template is designed by top-tier producers and loaded with mix-ready sounds, synths, automation, and structure to elevate your music immediately.\u003c\/p\u003e\n\n \u003cp\u003eWhether you produce \u003cstrong\u003eMidtempo, Hybrid Trap, Future Bass, Dubstep, Riddim, or Bass House\u003c\/strong\u003e, this bundle has you covered.\u003c\/p\u003e\n\n \u003ch4 style=\"margin-top: 30px; margin-bottom: 6px; color: #ffffff;\"\u003eWhy You’ll Love It:\u003c\/h4\u003e\n \u003cp\u003e\n ✔ 16 Complete, Editable Project Files\u003cbr\u003e\n ✔ All Royalty-Free - Release Your Music with Confidence\u003cbr\u003e\n ✔ Learn Advanced Arrangement, Sound Design \u0026amp; Processing\u003cbr\u003e\n ✔ Compatible with FL Studio 12.5 and higher\n \u003c\/p\u003e\n\n\u003cstyle\u003e\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 800px;\n margin: 40px auto 20px auto;\n box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n }\n\n .req-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n @media (min-width: 600px) {\n .req-grid {\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n .req-col-left {\n border-right: 1px solid #333;\n padding-right: 20px;\n }\n }\n\n .req-title {\n color: #fff;\n font-size: 18px;\n margin-top: 0;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #ff5500;\n display: inline-block;\n padding-bottom: 5px;\n }\n\n .req-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n .req-item {\n color: #ccc;\n font-size: 15px;\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n line-height: 1.4;\n }\n\n .checkmark {\n color: #ff5500;\n font-weight: bold;\n font-size: 18px;\n margin-right: 12px;\n min-width: 20px;\n }\n\n .req-note {\n font-size: 12px;\n color: #777;\n margin-left: 8px; \n }\n\n .req-note a {\n color: #999;\n text-decoration: underline;\n transition: color 0.2s;\n }\n .req-note a:hover {\n color: #ff5500;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"req-container\"\u003e\n \n \u003cdiv class=\"req-grid\"\u003e\n \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:20px;\"\u003e\n To open and use the templates, you need:\n \u003c\/p\u003e\n \n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eFL Studio 12.5\u003c\/strong\u003e (or higher)\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eXfer Serum\u003c\/strong\u003e\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n \u003cstrong\u003eXfer OTT\u003c\/strong\u003e\n \u003cspan class=\"req-note\"\u003e(\u003ca href=\"https:\/\/xferrecords.com\/freeware\" target=\"_blank\"\u003eFree\u003c\/a\u003e)\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-col-right\"\u003e\n \u003ch4 class=\"req-title\"\u003eUsed in Select Tracks\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Not required for every project file:\n \u003c\/p\u003e\n\n \u003cul class=\"req-list\"\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\" style=\"opacity:0.6;\"\u003e+\u003c\/span\u003e\n Nicky Romero Kickstart\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\" style=\"opacity:0.6;\"\u003e+\u003c\/span\u003e\n Sausage Fattener\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\" style=\"opacity:0.6;\"\u003e+\u003c\/span\u003e\n Xfer Serum FX\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cp style=\"margin-top: 10px; margin-bottom: 30px;\"\u003eThis is your shortcut to professional productions.\u003cbr\u003eDon’t miss the chance to own 16 powerhouse templates at a fraction of their value.\u003c\/p\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.75), rgba(255, 255, 255, 0)); margin-bottom: 30px;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff;\"\u003eThe Inventory\u003c\/h2\u003e\n\n\u003cstyle\u003e\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 10px; \n max-width: 900px;\n margin: 0 auto;\n }\n\n @media (min-width: 768px) {\n .inventory-grid {\n grid-template-columns: 1fr 1fr;\n }\n }\n\n .edmt-track-tile {\n background-color: #111;\n border-left: 4px solid #ff5500;\n padding: 12px 15px; \n border-radius: 0 4px 4px 0;\n transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s;\n display: flex;\n flex-direction: column;\n height: 100%; \n }\n\n .edmt-track-tile:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.4);\n background-color: #161616;\n }\n\n .tile-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 4px; \n flex-wrap: wrap;\n gap: 5px;\n }\n\n .tile-title {\n color: #fff;\n font-size: 18px;\n font-weight: bold;\n margin: 0;\n line-height: 1.2;\n }\n\n .tile-tag {\n color: #ff5500;\n font-size: 10px; \n font-weight: bold;\n border: 1px solid #ff5500;\n padding: 2px 5px; \n border-radius: 4px;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .tile-desc {\n margin: 0;\n font-size: 13px; \n color: #ccc;\n line-height: 1.4;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"inventory-grid\"\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e1. METALHEADZ\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eDUBSTEP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Pure heavyweight dubstep focused on aggressive bass design. Influenced by \u003cem\u003eNever Say Die, Rottun, Disciple,\u003c\/em\u003e and \u003cem\u003eBuygore Records\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e2. MENTAL\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eRIDDIM\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Aggressive chops and sustain bass built for modern riddim. Inspired by \u003cem\u003eDodge \u0026amp; Fuski, Ray Volpe, Wavedash,\u003c\/em\u003e and \u003cem\u003ePanda Eyes\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e3. JAPAN 2077\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Cyberpunk-inspired midtempo with distortion and atmosphere. Influenced by \u003cem\u003e1788-L, REZZ, AWAY,\u003c\/em\u003e and \u003cem\u003eGesaffelstein\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e4. WITH YOU\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eMIDTEMPO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Dark, glitchy, and slow with a robotic groove. Influenced by \u003cem\u003e1788-L, ATLAST, Shadient,\u003c\/em\u003e and \u003cem\u003eSlooze\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e5. OVERDRIVE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eRIDDIM\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Hypnotic, repetitive riddim built for bounce and weight. Inspired by \u003cem\u003ePanda Eyes, Virtual Riot, Monxx, RIOT,\u003c\/em\u003e and \u003cem\u003ePhaseOne\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e6. REBORN\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Heavy hybrid trap focused on impact and low-end control. Influenced by \u003cem\u003eTYNAN, ATLiens, G-REX,\u003c\/em\u003e and \u003cem\u003ePEEKABOO\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e7. HOLLOW\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP X FUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Melodic intros into heavy drops. A hybrid workflow built for contrast and energy.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e8. HEAT\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eHYBRID TRAP\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n A straight-up festival weapon built for maximum energy. Influenced by \u003cem\u003eThe Dub Rebellion, Trap And Bass, UKF Dubstep.\u003c\/em\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e9. DREAMER\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Uplifting and emotional future bass focused on melody and progression.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e10. ESCAPE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Lush chords and vocal chops inspired by \u003cem\u003eKrane, Ekali, Myrne, Illenium,\u003c\/em\u003e and \u003cem\u003eBoombox Cartel\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e11. HATERS\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n High-energy bass house built for festival drops. Influenced by \u003cem\u003eSikdope, Dustycloud, Valentino Khan,\u003c\/em\u003e and \u003cem\u003eJauz\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e12. WANTED\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Bouncy and aggressive bass house grooves inspired by \u003cem\u003eHabstrakt, Skrillex, Tchami,\u003c\/em\u003e and \u003cem\u003eMalaa\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e13. AFTERGLOW\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n High-energy bass house inspired by \u003cem\u003eDustycloud, Sikdope, Koos,\u003c\/em\u003e and \u003cem\u003eLoge21\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e14. MY SOUL\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Deep, techy bass house driven by groove and movement. Influenced by \u003cem\u003eTchami, Drezo, Habstrakt, ZHU,\u003c\/em\u003e and \u003cem\u003eMalaa\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e15. WAREHOUSE\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eBASS HOUSE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Gritty, industrial bass house inspired by \u003cem\u003eDillon Nathaniel, Matroda,\u003c\/em\u003e and \u003cem\u003eMalaa\u003c\/em\u003e.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"edmt-track-tile\"\u003e\n \u003cdiv class=\"tile-header\"\u003e\n \u003cdiv class=\"tile-title\"\u003e16. LOST\u003c\/div\u003e\n \u003cdiv class=\"tile-tag\"\u003eFUTURE BASS\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tile-desc\"\u003e\n Emotional future bass designed for melody and atmosphere.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv style=\"text-align: center; margin-top: 50px; margin-bottom: 30px; padding: 20px; border-top: 1px solid #333;\"\u003e\n \n \u003cp style=\"color: #ccc; margin-bottom: 20px; font-size: 16px;\"\u003e\n Ready to upgrade your sound?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #ff5500; \n color: #ffffff; \n font-size: 18px; \n font-weight: bold; \n padding: 15px 40px; \n border: none; \n border-radius: 4px; \n cursor: pointer; \n text-transform: uppercase; \n letter-spacing: 1px;\n box-shadow: 0 4px 15px rgba(255, 85, 0, 0.4);\n transition: all 0.2s ease;\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 20px rgba(255, 85, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 15px rgba(255, 85, 0, 0.4)';\"\u003e\n Get The Bundle\n \u003c\/button\u003e\n\n \u003cp style=\"color: #666; font-size: 12px; margin-top: 15px;\"\u003e\n Instant Download • Secure Checkout\n \u003c\/p\u003e\n\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":56228684661067,"sku":null,"price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/13in1FLStudioBundle.webp?v=1767582470"},{"product_id":"brostep-drop-hacker-vol-1","title":"BROSTEP DROP HACKER VOL.1","description":"","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":56793596920139,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Brostep-Drop-Hacker-V1.webp?v=1775828097"},{"product_id":"whzly-x-edmt-serum-2-reloaded-production-course","title":"WHZLY X EDMT | SERUM 2 RELOADED: PRODUCTION COURSE","description":"\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\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: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n position: relative;\n animation: subtle-glitch 1s ease-in-out infinite;\n }\n\n .serum2-inner h2::before {\n content: \"\u003e \";\n color: #39ff14;\n margin-right: 6px;\n }\n \n .serum2-inner h1 {\n text-align: center;\n margin-bottom: -10px;\n }\n \n .serum2-inner p,\n .serum2-inner li {\n color: #7CFF5A;\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: #39ff14;\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 #39ff14; }\n 20% { text-shadow: -1px 0 #39ff14, 1px 0 #39ff14; }\n 40% { text-shadow: 1px 0 #39ff14, -1px 0 #39ff14; }\n 80% { text-shadow: 0 0 6px #39ff14; }\n }\n\n .cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background-color: #39ff14;\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 z-index: 0;\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: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.serum2-upsell-section.animate-stage-2 .serum2-upsell-text {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 1.2s, 1.2s, 0s; \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 height: 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 #39ff14); }\n 100% { filter: drop-shadow(0 0 8px #39ff14); }\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 \/* 1. Slightly reduce margin above \"Why This Pack Hits Different\" *\/\n .hook-text h2 {\n margin-top: 0px !important; \/* was 35px *\/\n margin-bottom: 0px\n }\n\n .hook-text p {\n margin-bottom: 0px !important;\n }\n\n \/* 2. Reduce space above \"What's Inside the Vault\" *\/\n .vault-and-player {\n margin-top: 5px !important; \/* was 100px *\/\n }\n\n \/* 3. Tighten space below \"Download Source Code\" button *\/\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\u003ch1\u003e\u0026gt; INIT SERUM 2 RELOADED.EXE\u003cspan class=\"cursor\"\u003e\u003c\/span\u003e\n\u003c\/h1\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\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: 'Share Tech Mono', monospace;\n font-size: 22px;\n margin: 40px auto -35px auto;\n max-width: 900px;\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\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 (max-width: 768px) {\n .vault-statement {\n font-size: 18px !important; \/* smaller than desktop (22px) *\/\n line-height: 1.4 !important; \/* tighter line spacing *\/\n padding: 0 10px; \/* optional: add side padding so it doesn't hug edges *\/\n }\n \n .vault-statement p {\n font-size: 16px !important; \/* smaller paragraph inside *\/\n line-height: 1.4 !important;\n margin-bottom: 0px !important; \/* tighten gap between lines *\/\n }\n}\n@media (min-width: 769px) {\n .vault-statement {\n margin-top: 10px !important;\n }\n}\n.glitch-button.scroll-button {\n margin-top: 4px !important; \/* Bring button closer *\/\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 \/* Force the two halves to stay visible and animate normally *\/\n .split-combine-section.split-whzly .half,\n .split-combine-section.split-serum .half {\n display: none !important;\n\n }\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; \/* Let the full image show its soft edges *\/\n height: auto !important; \/* Allow full height based on image *\/\n aspect-ratio: auto !important; \/* Remove the forced aspect ratio *\/\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; \/* Add nice breathing room *\/\n transform: none !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n margin-top: 4px !important; \/* was larger *\/\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\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n .vault-and-player {\n align-items: center; \/* ✨ center vault text + player vertically *\/\n }\n\n .jukebox-section {\n position: relative; \/* 🔥 no sticky *\/\n align-self: center; \/* 🔥 align to center of text block *\/\n margin-left: -225px; \/* ✅ keep your custom horizontal offset *\/\n transform: translateY(0); \/* reset *\/\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\u003c\/style\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003cdiv class=\"glitch-line\"\u003e\n\u003cdiv class=\"scrolling-text\" aria-hidden=\"true\"\u003edecrypting.wavetable@00101     scanning.fx_chain_44.dll     compiling_macro_map.v2     patch\/init.sequencer     0101010101010101     kernel_buffer.exe     system_reload.bak     loading.custom_mod.fx     resample.sys32     reboot.presetMatrix.dll     inject_voice_fx.vbs     tracing.envelopeMap     INIT_SIGNAL_PROTOCOL     decoding.LFO.rates     linking.vocal_shaper     verify_payload.wavetable     writing.mod_routing.txt     unpacking.operator_bins     exporting\/FX.env.config     bootloader.reseed.wav     cracking.poly_limit     scan_temp.macro_patch     chmod+x.reactor.wav     syncing.db_vocoder.map     invoke.sidechain.cmd     loading.voice_engine_5.dll     scan_glitch.fxpreset     apply_patch_mod.sys     merge.reese_layer.bin     assign.envelope_curve.cfg     launch_hack_protocol.exe     xor_init.wavetable     drag_rack.sysinit     compile.core_basschain.fx     loading.reverb_echo.sys     glitchstream.vstinject     update.serum_gridmap     INIT_CMD_SIGNAL     feedback.loop.core     merge_host\/vocode.op     render.syscall.sub     analyze.osc_phasewrap     inject.reverb_tail.bin     LFO_depth.amp_mod.dll     inject_chain_fx.45     launch.bassline.core     osc_sync.locked.fx     debug_ampchain.env     seed_reactor_lfo.vst     envelope_decrypt.map     warp.init.kernel     clean.noisefloor.raw     RELOAD_SIGNAL.exe     mount.resonator.array     scan.sampler_wavebank     assign_macro.envslot     cache.bass_shred.fx     fxrack.bootdrive.alt     midi_patchrouter.56     inject.mod_table.007     emulate_humanise.seq     overdrive.subharm.dll     fadein_kernel.808.bak     render_reso.mapseq     route.LFOxEnv.bit     assign.voiceID.fxinit     rewrite_filter.zap     delay_feedback.reboot     SERUM_MACRO_MAP_OK     glitch.hammer.syscall     FX_PROCESS_SIGNAL++     temp.render_packet     audio\/bleedblock.map     driver.reboot.bounce     offset.splitLayer.vbs     decode.serum_fx.vst     macro.assign.v1.02     dl\/midfile_cluster.dat     freq.scan++.envhack     patch.sustain.limit     fxlayer.delayrack.out     ramp_env_drift.fader     osc_init_reform.bin     lowpass_filter_detect     bassboost.overload     ctrlwheel_assign_fx     EXE_COMPILE_BASSMOD     subdrop.loader.stack     EXPORTING_KITCHAIN     inject_M1_grit.wav     drift.ampsync_mode3     reformat_voicechip_v2     patch.intro_maplink     unlock.noise_gate     SFX_ROUTER_INIT     echo_slicer.binload     autorun.presetdeck.dll     rackmountFX.2024.map     validate.sub_freqID     splice.shard.layer     compile.sequencer.spread     glitchlock.kernel_macro     compiling_synthmap.v6     vocoder_keychain.wav     decoding_macro_tree     init_laser_array.fx     signal_trace_path.ogg     launch_protocol.dnb     syncing.drop_zone.fx     streamlink.dsp_chains     loading_module.core     waveform_burst.dll     consolidate_layers.vst     stabilise_waveform.sh     echo_sync.wtf     phaser.grid_launch     injector.key_override     reboot_firmware.serum     compressor_chain.v4     subharmonic_init.ex     refactor_glitch.cfg     slice_packet.init     reconnect_patch_009     uplink_buffer_shift     presets_lock.exe     shuffle_rhythm_bits     export.drop_macro.fx     init.voice_stream     noise_reactor.engage     uplink_bassmap.sys     kick_module_align.vst     signal_remap_fx     compressor_patch.fx     boot_wub_mode.wav     render_glitch_stack     mapping_reso_trig.exe     log_event_core_init     decompile.fx_layer     decrypt_module_chain     override_wave_kernel     validate_patchset.dll     simulate_crunch.vst     init_rack_wave.sys     glitch_axis.rotor     deploy_crashkit.fxp     sync_mod_matrix.xf     trigger_rise_fx.exe     alien_delay_rack.fx     distortion_patch_set     glitch_seed.inj     start_mod_link.bat     link_voicechain.fx     inject_mod_kernel     compile_rack_error     loop_glitch_burst.fx     decode_chorusbank.dll     sustain_error_patch     initiate_meltdown.fx     scramble_macro_drive     start_packet_map     converge_layers.wav     launch_buffer_trace     instability_rack.fx     mutate_carrier_shock     flux_noise_trigger     sweep_chain_looper.fx     reload_macro_event.sys     \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"weapon-tagline\" style=\"text-align: center;\"\u003eThe only course that teaches Serum 2 from utility to weapon-grade sound design - across all skill levels.\u003c\/p\u003e\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n \u003ch2 style=\"margin-top: 35px; margin-bottom: 20px;\"\u003e⚠️ Why Every Producer Needs This Course\u003c\/h2\u003e\n \u003cp class=\"benchmark-tagline\"\u003e\u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eThis isn't another YouTube tutorial - it’s a full system for mastering Serum 2\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n \u003cli\u003eCovers all new Serum 2 features - Spectral, Granular, ARP, Clip \u0026amp; more\u003c\/li\u003e\n \u003cli\u003eTiered system: Novice to Expert, with structured skill progression\u003c\/li\u003e\n \u003cli\u003eDesigns full presets in real time - pads, risers, bass \u0026amp; FX\u003c\/li\u003e\n \u003cli\u003eTeaches macro chaining, CRV switches \u0026amp; LFO-to-LFO modulation\u003c\/li\u003e\n \u003cli\u003eIncludes FX workflows: filter morphs, convolver \u0026amp; distortion stacks\u003c\/li\u003e\n \u003cli\u003eBonus patching systems from WHZLY’s real-world sessions\u003c\/li\u003e\n \u003cli\u003eCovers resampling, layering, and post-drop automation within Serum 2\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\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"Serum2 Preset\"\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\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"Serum2 Preset\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/3D_Serum2_Preset.jpg?v=1747044896\" alt=\"\"\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 style=\"margin-top: 20px; margin-bottom: 12px;\"\u003e👾 Serum 2 Training Protocol\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp class=\"benchmark-tagline\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eStructured training that takes you from Novice to Expert inside Serum 2\u003c\/span\u003e\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003cdiv class=\"vault-scroll-area\"\u003e\n \u003cul class=\"whzly-list\"\u003e\n \n\u003c!-- NOVICE MODULE --\u003e\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#novice-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e🟢 Novice Module: Core Foundations \u0026amp; Tools\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"novice-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eSerum 2 layout, oscillators, filters, envelopes \u0026amp; FX\u003c\/li\u003e\n \u003cli\u003eHow sound generation works: wavetables, LFOs \u0026amp; ADSR\u003c\/li\u003e\n \u003cli\u003eDesigning subs, pads, risers, plucks \u0026amp; uplifters\u003c\/li\u003e\n \u003cli\u003eMacro routing, default volume issues \u0026amp; matrix setup\u003c\/li\u003e\n \u003cli\u003eVelocity, pitch \u0026amp; glide - MIDI modulation in action\u003c\/li\u003e\n \u003cli\u003e“Starter Patch” walkthrough with FX and routing flow\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n\n\u003c!-- INTERMEDIATE MODULE --\u003e\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#intermediate-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e🟡 Intermediate Module: Atmospheres, FX \u0026amp; Workflow\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"intermediate-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eWorking with Spectral, Granular \u0026amp; Sample playback modes\u003c\/li\u003e\n \u003cli\u003eDesigning cinematic pads, reese layers \u0026amp; ambience FX\u003c\/li\u003e\n \u003cli\u003eMacro variation: tone, octave, brightness \u0026amp; movement\u003c\/li\u003e\n \u003cli\u003eWavetable bin editing for sub control \u0026amp; harmonic detail\u003c\/li\u003e\n \u003cli\u003eCreative FX: compression, EQ movement, stereo width\u003c\/li\u003e\n \u003cli\u003eBus routing inside Serum - no external FX needed\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n\n\u003c!-- EXPERT MODULE --\u003e\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#expert-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e🔴 Expert Module: Drop Design, Glitch, and FX Chaining\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"expert-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eAdvanced drop bass design using all 8 macro slots\u003c\/li\u003e\n \u003cli\u003eClip \u0026amp; ARP mode for arp writing \u0026amp; melody sketching\u003c\/li\u003e\n \u003cli\u003ePolyrhythm with LFOs modulating other LFO rates\u003c\/li\u003e\n \u003cli\u003eMacro curves (CRV) for switches, gates \u0026amp; pattern flips\u003c\/li\u003e\n \u003cli\u003eDual-filter routing, PZSVF morphing \u0026amp; FX layering\u003c\/li\u003e\n \u003cli\u003eIndependent sub\/mid pitch control + tuning automation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n\n \u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003c!-- Audio Player Section --\u003e\n\u003cdiv class=\"jukebox-section\"\u003e\n\u003cdiv class=\"preview-player-wrapper\"\u003e\n \u003ch3 class=\"audio-preview-heading\"\u003e🎧 YOU’LL MAKE PRESETS LIKE THIS 🎧\u003c\/h3\u003e\n \u003cdiv class=\"sample-category-buttons\"\u003e\n \u003cbutton class=\"sample-category-btn active\" data-category=\"intro\"\u003eINTRO\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"glitch\"\u003eGLITCH\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 \u003caudio id=\"hackerBeep\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Terminal-Beep.wav?v=1747199244\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"sirenSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Siren.mp3?v=1747203920\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"vaultSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Access_Granted.mp3?v=1747202852\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"glitchSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/System_Error.mp3?v=1747204949\" preload=\"auto\"\u003e\u003c\/audio\u003e\n \u003caudio id=\"deniedSound\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Access_Denied.mp3?v=1747205481\" preload=\"auto\"\u003e\u003c\/audio\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!-- Three Level Producer Training Protocol --\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: 20px;\"\u003e🎓 Three Level Producer Training Protocol\u003c\/h2\u003e\n \u003cp class=\"benchmark-tagline\"\u003e\u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e4+ Hours of Real-World Sound Design Training Inside Serum 2\u003c\/span\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n \u003cli\u003eSplit into Novice, Intermediate \u0026amp; Expert tiers for true skill progression\u003c\/li\u003e\n \u003cli\u003eBuild patches in real time while mastering Serum 2’s layout \u0026amp; workflow\u003c\/li\u003e\n \u003cli\u003eLearn new Serum 2 modes: Spectral, Granular, ARP, Clip \u0026amp; FX Bus routing\u003c\/li\u003e\n \u003cli\u003eEvery module focuses on patch design, modulation, and macro strategy\u003c\/li\u003e\n \u003cli\u003eCreate evolving sounds using advanced LFO chaining, pitch tricks \u0026amp; CRV macros\u003c\/li\u003e\n \u003cli\u003eCovers beginner to advanced use of FX chains, filter morphs \u0026amp; wavetables\u003c\/li\u003e\n \u003cli\u003eIncludes full walkthroughs for pads, risers, basses, intros \u0026amp; cinematic layers\u003c\/li\u003e\n \u003cli\u003ePerfect for first-time users and seasoned sound designers alike\u003c\/li\u003e\n\u003c\/ul\u003e\n\n \u003c\/div\u003e\n\n\u003cstyle\u003e\n.course-tier-visuals {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 20px;\n max-width: 420px;\n width: 100%;\n margin-top: 40px;\n padding-left: 10px;\n}\n.hook-text-centered {\n text-align: center;\n max-width: 480px;\n margin: 0 auto;\n}\n@media (min-width: 769px) {\n .course-tier-visuals {\n flex-direction: column;\n margin-top: 0;\n transform: translateX(-34px);\n }\n}\n\n.tier-block {\n position: relative;\n padding: 24px;\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n font-size: 20px;\n font-weight: bold;\n color: #39ff14;\n background: radial-gradient(circle at center, rgba(60, 255, 100, 0.1), rgba(60, 255, 100, 0));\n border: 2px solid #39ff14;\n border-radius: 12px;\n box-shadow: 0 0 16px #39ff14, inset 0 0 10px rgba(60, 255, 100, 0.3);\n text-shadow: 0 0 4px #39ff14;\n transition: transform 0.4s ease, box-shadow 0.4s ease, background 0.4s ease;\n overflow: hidden;\n cursor: pointer;\n width: 332px;\n margin: 0 auto;\n}\n\n.tier-block::after {\n content: '';\n position: absolute;\n top: -150%;\n left: -150%;\n width: 400%;\n height: 400%;\n background: repeating-linear-gradient(\n 45deg,\n rgba(60, 255, 100, 0.08) 0px,\n rgba(60, 255, 100, 0.08) 1px,\n transparent 1px,\n transparent 6px\n );\n animation: scanlines 14s linear infinite;\n pointer-events: none;\n z-index: 1;\n}\n\n@keyframes scanlines {\n 0% {\n transform: translateX(0) translateY(0);\n }\n 100% {\n transform: translateX(100px) translateY(100px);\n }\n}\n\n.tier-block:hover {\n transform: scale(1.04);\n box-shadow: 0 0 28px #39ff14, inset 0 0 12px #39ff14;\n background: radial-gradient(circle at center, rgba(60, 255, 100, 0.25), rgba(60, 255, 100, 0));\n}\n\n.tier-novice {\n border-color: #39ff14;\n color: #39ff14;\n text-shadow: 0 0 6px #39ff14;\n box-shadow: 0 0 18px #39ff14, inset 0 0 10px rgba(57, 255, 20, 0.3);\n}\n\n.tier-intermediate {\n border-color: #f7cb3b;\n color: #f7cb3b;\n text-shadow: 0 0 6px #f7cb3b;\n box-shadow: 0 0 18px #f7cb3b, inset 0 0 10px rgba(247, 203, 59, 0.3);\n}\n\n.tier-expert {\n border-color: #ff3b3b;\n color: #ff3b3b;\n text-shadow: 0 0 8px #ff3b3b;\n box-shadow: 0 0 20px #ff3b3b, inset 0 0 10px rgba(255, 59, 59, 0.2);\n}\n\n\n@media (max-width: 768px) {\n .course-tier-visuals {\n max-width: 100%;\n padding: 0 10px;\n }\n .tier-block {\n font-size: 18px;\n padding: 20px;\n }\n}\n\n\/* Modal styling *\/\n@media (min-width: 769px) {\n #videoModal {\n display: none;\n position: fixed;\n inset: 0; \/* shorthand for top: 0; left: 0; right: 0; bottom: 0 *\/\n z-index: 999999;\n background: rgba(0, 0, 0, 0.92);\n justify-content: center;\n align-items: center;\n }\n\n #videoModal.active {\n display: flex;\n }\n\n #videoWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n height: auto;\n max-height: 90vh;\n max-width: 90vw;\n overflow: hidden;\n background: transparent;\n }\n\n #popupVideo {\n aspect-ratio: 9 \/ 16;\n height: 90vh;\n width: auto;\n max-width: 90vw;\n border: none;\n display: block;\n }\n}\n\n\n@media (max-width: 768px) {\n #videoModal {\n display: none; \/* hidden by default *\/\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background: rgba(0, 0, 0, 0.92);\n z-index: 999999;\n justify-content: center;\n align-items: center;\n }\n\n #videoModal.active {\n display: flex;\n }\n\n #videoWrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n background: transparent;\n }\n\n #popupVideo {\n aspect-ratio: 9 \/ 16;\n height: 90vh;\n width: auto;\n max-width: 90vw;\n border: none;\n display: block;\n }\n}\n\n\n@media (max-width: 768px) {\n #videoWrapper {\n background: #000 !important;\n height: auto;\n min-height: 100%;\n }\n}\n\n#videoModal iframe {\n width: auto;\n height: 90vh;\n aspect-ratio: 9 \/ 16;\n max-height: 90vh;\n max-width: 100%;\n margin: 0 auto;\n border: none;\n z-index: 2;\n}\n\n#videoModal .close-btn {\n position: absolute;\n top: 30px;\n right: 40px;\n font-size: 28px;\n color: #39ff14 !important;\n text-shadow: 0 0 6px #39ff14;\n cursor: pointer;\n z-index: 10000;\n}\n\n#whzlyOverlay {\n position: absolute;\n inset: 0;\n z-index: 999998;\n background: rgba(0, 0, 0, 0.95);\n display: none;\n justify-content: center;\n align-items: center;\n text-align: center;\n color: #00ff88;\n font-family: monospace;\n}\n\n\n#videoModal, #videoWrapper, #popupVideo {\n box-sizing: border-box;\n}\n\nbody.modal-open {\n overflow: hidden;\n}\n\n.typing-container {\n font-family: 'Share Tech Mono', monospace;\n font-size: 20px;\n color: #39ff14;\n text-shadow: 0 0 6px #39ff14;\n line-height: 1.6;\n}\n\n.typed-line {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n border-right: none;\n width: 0;\n animation: typing 2s steps(30, end) forwards;\n}\n\n.typed-line.delay {\n animation-delay: 2s;\n}\n\n.cursor {\n display: inline-block;\n animation: blink 0.8s steps(1) infinite;\n color: #39ff14;\n margin-left: 4px;\n}\n\n@keyframes typing {\n from { width: 0; }\n to { width: 100%; }\n}\n\n@keyframes blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"course-tier-visuals\"\u003e\n \u003cdiv class=\"tier-block tier-novice\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/wIxVV5gnd6o?si=K7hs3m-dxGnSxdHF')\"\u003e🟢 NOVICE MODULE\u003c\/div\u003e\n \u003cdiv class=\"tier-block tier-intermediate\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/R4x3Rt_Ahys?si=wX9d2Ze4AnThJLwz')\"\u003e🟡 INTERMEDIATE MODULE\u003c\/div\u003e\n \u003cdiv class=\"tier-block tier-expert\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VoIClypjcro?si=inrzEkJ11zQ0wvc')\"\u003e🔴 EXPERT MODULE\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Modal Container --\u003e\n\u003cdiv id=\"videoModal\" onclick=\"closeVideo(event)\"\u003e\n \u003cdiv class=\"close-btn\"\u003e✖\u003c\/div\u003e\n \u003cdiv id=\"videoWrapper\"\u003e\n \n\u003c!-- iPhone-only Overlay --\u003e\n\u003cdiv id=\"whzlyOverlay\" onclick=\"enableYouTubePlay()\" style=\"display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10001; align-items: center; justify-content: center; text-align: center; cursor: pointer;\"\u003e\n \u003cdiv class=\"typing-container\"\u003e\n \u003cspan class=\"typed-line\"\u003eINCOMING MESSAGE FROM WHZLY\u003c\/span\u003e\u003cbr\u003e\n \u003cspan class=\"typed-line delay\"\u003eTAP TO PLAY\u003cspan class=\"cursor\"\u003e|\u003c\/span\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003c!-- YouTube Iframe --\u003e\n\u003ciframe id=\"popupVideo\" allow=\"autoplay; encrypted-media\" allowfullscreen playsinline\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\nfunction openVideo(url) {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('popupVideo');\n const overlay = document.getElementById('whzlyOverlay');\n\n iframe.dataset.src = url + '?modestbranding=1\u0026rel=0\u0026playsinline=1';\n iframe.src = url + '?modestbranding=1\u0026rel=0\u0026playsinline=1\u0026enablejsapi=1';\n\noverlay.style.display = 'flex';\n\nconst isIOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) \u0026\u0026 !window.MSStream;\nconst lines = overlay.querySelectorAll('.typed-line');\nif (lines.length \u003e 1) {\n lines[1].innerHTML = isIOS\n ? 'TAP TO PLAY\u003cspan class=\"cursor\"\u003e|\u003c\/span\u003e'\n : 'CLICK TO PLAY\u003cspan class=\"cursor\"\u003e|\u003c\/span\u003e';\n}\n\n modal.classList.add('active');\n document.body.classList.add('modal-open');\n\n \/\/ ✅ Scroll just enough to center modal in screen\n setTimeout(() =\u003e {\n const modalTop = modal.getBoundingClientRect().top + window.scrollY;\n const modalHeight = modal.offsetHeight;\n const viewportHeight = window.innerHeight;\n const scrollToY = modalTop - (viewportHeight \/ 2) + (modalHeight \/ 2);\n window.scrollTo({ top: scrollToY, behavior: 'smooth' });\n }, 10);\n}\n\nfunction enableYouTubePlay() {\n const overlay = document.getElementById('whzlyOverlay');\n overlay.style.display = 'none';\n\n const iframe = document.getElementById('popupVideo');\n iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n}\n\nfunction closeVideo(e) {\n if (e.target.id === 'videoModal' || e.target.classList.contains('close-btn')) {\n const modal = document.getElementById('videoModal');\n const iframe = document.getElementById('popupVideo');\n iframe.src = '';\n modal.classList.remove('active'); \/\/ removes flex display\n document.body.classList.remove('modal-open');\n }\n}\n\u003c\/script\u003e\n\n\u003c\/div\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 #39ff14;\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 #39ff14;\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: #39ff14;\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: #39ff14;\n margin-right: 8px;\n animation: arrowPulse 1.6s ease-in-out infinite;\n transition: transform 0.3s ease;\n}\n\n\/* Chaneg Cursor *\/\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n cursor: pointer;\n}\n\n.expandable-trigger strong {\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\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: 12px;\n margin-top: 8px;\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: -15px !important;\n margin-right: -15px !important;\n }\n}\n\n.sample-category-btn {\n background: transparent;\n border: 2px solid #39ff14;\n color: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n padding: 8px 16px;\n font-size: 16px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-shadow: 0 0 4px #39ff14;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n background: #39ff14;\n color: black;\n box-shadow: 0 0 10px #39ff14;\n}\n\n.category-buttons {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n width: 400px; \/* match the width of Serum player *\/\n margin: 0 auto 10px auto;\n transform: translateX(100px); \/* offset matching player *\/\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); \/\/ disables auto control\n autoExpanded.delete(id); \/\/ remove any auto-expanded tracking\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 \/\/ When scrolling down, expand when entering trigger point\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 \/\/ When scrolling up, collapse if above the same trigger point\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n font-size: 20px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 8px !important; \n}\n\n\/* Large screen alignment fix *\/\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\/* Mobile stacking *\/\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: 'Share Tech Mono', monospace;\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); \/* added offset *\/\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 #39ff14;\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 #39ff14 8px,\n transparent 8px,\n transparent 16px,\n #39ff14 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 #39ff14;\n filter: drop-shadow(0 0 6px #39ff14);\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 #7CFF5A) drop-shadow(0 0 16px #7CFF5A);\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 #39ff14;\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 #39ff14 18px,\n transparent 18px,\n transparent 36px,\n #39ff14 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: #39ff14;\n font-size: 40px;\n font-family: 'Share Tech Mono', monospace;\n cursor: pointer;\n z-index: 3;\n transition: color 0.2s ease, text-shadow 0.2s ease;\n text-shadow: 0 0 6px #39ff14;\n}\n\n\n.jukebox-btn:hover {\n color: #7CFF5A;\n text-shadow:\n 0 0 6px #7CFF5A,\n 0 0 12px #7CFF5A,\n 0 0 18px #7CFF5A;\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.6%; \/* 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); \/* shrink player slightly more *\/\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: 30px;\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: 16px !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 intro: [\n { title: \"Intro - Pluck Designer\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Pluck_Designer.mp3?v=1747101247\" },\n { title: \"Intro - Key Master 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Key_Master_3.mp3?v=1747101248\" },\n { title: \"Intro - Lead \u0026 Plucky Echo\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Lead_Plucky_Echo.mp3?v=1747101244\" },\n { title: \"Intro - Arp Bass Pluck\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Arp_Bass_Pluck.mp3?v=1747101247\" },\n { title: \"Intro - Atmos Pad\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Atmos_Pad.mp3?v=1747101247\" },\n { title: \"Intro - Paddy\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Paddy.mp3?v=1747101247\" },\n { title: \"Intro - Running Wub Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Running_Wub_Bass.mp3?v=1747101248\" },\n { title: \"Intro - Layered Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Layered_Reese.mp3?v=1747101248\" },\n { title: \"Intro - Perfect Sub\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Intro_-_Perfect_Sub.mp3?v=1747101243\" },\n { title: \"Intro - Atmo 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_1.mp3?v=1747101800\" },\n { title: \"Intro - Atmo 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_3.mp3?v=1747101798\" },\n { title: \"Intro - Atmo 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_5.mp3?v=1747101799\" },\n { title: \"Intro - Atmo 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_6.mp3?v=1747101798\" },\n { title: \"Intro - Atmo 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_8.mp3?v=1747101799\" },\n { title: \"Intro - Atmo 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Cinematic_-_Atmo_10.mp3?v=1747101799\" }\n ],\n bass: [\n { title: \"Retrigger Hack Bass 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_1.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_3.mp3?v=1747102191\" },\n { title: \"Retrigger Hack Bass 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_5.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_8.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_9.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_15.mp3?v=1747102191\" },\n { title: \"Retrigger Hack Bass 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_17.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_21.mp3?v=1747102190\" },\n { title: \"Retrigger Hack Bass 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Note_Retrigger_-_Hack_Bass_25.mp3?v=1747102190\" },\n { title: \"One Shot Hack Bass 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_02.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_05.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_06.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_08.mp3?v=1747102468\" },\n { title: \"One Shot Hack Bass 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_09.mp3?v=1747102468\" },\n { title: \"One Shot Hack Bass 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_14.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_23.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_25.mp3?v=1747102469\" },\n { title: \"One Shot Hack Bass 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Hack_Bass_26.mp3?v=1747102468\" }\n ],\n glitch: [\n { title: \"One Shot Glitch Synth 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_4.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Synth 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_7.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Synth 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_12.mp3?v=1747102659\" },\n { title: \"One Shot Glitch Synth 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Glitch_Synth_14.mp3?v=1747102658\" },\n { title: \"One Shot Glitch Sample 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_3.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_6.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_9.mp3?v=1747103168\" },\n { title: \"One Shot Glitch Sample 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_15.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_31.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 38\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_38.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 51\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_51.mp3?v=1747103169\" },\n { title: \"One Shot Glitch Sample 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Glitch_Sample_52.mp3?v=1747103169\" }\n ],\n fx: [\n { title: \"One Shot Drop FX 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_1.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_2.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_3.mp3?v=1747103246\" },\n { title: \"One Shot Drop FX 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_5.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_7.mp3?v=1747103245\" },\n { title: \"One Shot Drop FX 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_-_Drop_FX_9.mp3?v=1747103245\" },\n { title: \"Impact Maker 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_Impact_Maker_1.mp3?v=1747103246\" },\n { title: \"One Shot SFX 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_1.mp3?v=1747103660\" },\n { title: \"One Shot SFX 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_2.mp3?v=1747103660\" },\n { title: \"One Shot SFX 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_3.mp3?v=1747103660\" },\n { title: \"One Shot SFX 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_5.mp3?v=1747103660\" },\n { title: \"One Shot SFX 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_7.mp3?v=1747103659\" },\n { title: \"One Shot SFX 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_18.mp3?v=1747103660\" },\n { title: \"One Shot SFX 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_20.mp3?v=1747103660\" },\n { title: \"One Shot SFX 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_25.mp3?v=1747103660\" },\n { title: \"One Shot SFX 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_26.mp3?v=1747103660\" },\n { title: \"One Shot SFX 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_-_One_Shot_SFX_27.mp3?v=1747103662\" }\n\n ]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"intro\";\nlet currentSampleIndex = 0;\nlet wavesurfer;\nlet preloadedWavesurfer = null;\nlet preloadedSample = null;\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n playNextSample();\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n playNextSample();\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\n wavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\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 });\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=\"vault-statement\"\u003e\n \u003cstrong\u003eCrack the code behind professional-grade sound design\u003c\/strong\u003e\n\u003c\/p\u003e\n\u003c\/div\u003e\n\n \u003c\/div\u003e\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\u003cp\u003e \u003c\/p\u003e\n\u003c!-- HACK OVERLAY CONTAINER --\u003e\n\u003cdiv id=\"hack-overlay-container\"\u003e\u003c\/div\u003e\n\n\u003c!-- TRIGGER BUTTON --\u003e\n\u003cdiv style=\"text-align:center;\"\u003e\n \u003cbutton class=\"glitch-button scroll-button\" onclick=\"triggerHackEffect()\"\u003eInitiate Training Protocol\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .glitch-button.scroll-button {\n display: block;\n margin-top: 0px;\n margin-right: auto;\n margin-bottom: 80px;\n margin-left: auto;\n font-size: 130%;\n padding: 16px 26px;\n background-color: #39ff14;\n color: black;\n font-weight: bold;\n font-family: 'Share Tech Mono', monospace;\n border: none;\n border-radius: 6px;\n box-shadow: 0 0 12px #39ff14;\n cursor: pointer;\n transition: transform 0.2s ease-in-out, box-shadow 0.3s ease-in-out;\n animation: idle-glow 2s ease-in-out infinite;\n position: relative;\n overflow: hidden;\n z-index: 10;\n }\n\n @keyframes idle-glow {\n 0% { box-shadow: 0 0 10px #39ff14; }\n 50% { box-shadow: 0 0 22px #39ff14, 0 0 30px #39ff14; }\n 100% { box-shadow: 0 0 10px #39ff14; }\n }\n\n @keyframes strobeFlash {\n 0%, 20%, 40%, 60%, 80%, 100% { opacity: 0; }\n 10%, 30%, 50%, 70%, 90% { opacity: 0.4; }\n }\n\n @keyframes flicker {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.05); }\n }\n\n @keyframes matrixScroll {\n from { transform: translateY(200); }\n to { transform: translateY(200vh); }\n}\n\n \/* OVERLAY FULLSCREEN FIX *\/\n #hack-overlay-container \u003e div {\n position: fixed !important;\n top: 0 !important;\n left: 0 !important;\n width: 100vw !important;\n height: 100vh !important;\n background: black !important;\n z-index: 99999 !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n align-items: center !important;\n pointer-events: all !important;\n text-align: center !important;\n }\n\n body.hack-active {\n overflow: hidden !important;\n }\n\n html, body {\n height: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .shopify-section,\n .product__description,\n .product__content,\n .rte {\n position: relative !important;\n overflow: visible !important;\n }\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@keyframes subtleFlicker {\n 0% { opacity: 1; transform: translateX(0); }\n 5% { opacity: 0.9; transform: translateX(-1px); }\n 10% { opacity: 1; transform: translateX(1px); }\n 15% { opacity: 0.95; transform: translateX(-1px); }\n 20% { opacity: 1; transform: translateX(1px); }\n 25%, 100% { opacity: 1; transform: translateX(0); }\n}\n\n@media (max-width: 768px) {\n .hack-joke-text {\n padding: 0 5px !important;\n max-width: 98% !important;\n text-align: center !important;\n font-size: 18px !important;\n line-height: 1.4;\n animation: subtleFlicker 3s infinite alternate;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n @keyframes strobeFlash {\n 0%, 20%, 40%, 60%, 80%, 100% { opacity: 0; }\n 10%, 30%, 50%, 70%, 90% { opacity: 0.35; }\n }\n\n\n\n @keyframes flicker {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.6; transform: scale(1.05); }\n }\n\n html, body {\n margin: 0 !important;\n padding: 0 !important;\n height: 100% !important;\n }\n\n body.hack-active {\n overflow: hidden !important;\n }\n\n@keyframes flashGreen {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n}\n\n.flash-before-exit {\n animation: flashGreen 0.8s ease-in-out infinite;\n}\n\n.hack-joke-text div + div {\n margin-top: 6px;\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst hackMessages = [\n [\"WHZLY once moved a single macro\", \"and caused Ableton to crash.\"],\n [\"Warning: EDMT just broke the sample pack market again.\", \"\"],\n [\"Your favourite producer’s favourite presets...\", \"but louder.\"],\n [\"WHZLY doesn’t automate filters...\", \"he threatens them\"],\n [\"Serum 2 Overheated.\", \"Blame WHZLY.\"],\n [\"We didn't throw these presets together\", \"the day Serum 2 came out\", \"like those other flogs!\"],\n [\"WHZLY \u0026 EDMT didn’t beta test Serum 2\", \"they alpha dominated it.\"],\n [\"These presets are clinically tested\", \"to boost serum testosterone.\"],\n [\"Includes no recycled loops.\", \"Sorry if that’s a dealbreaker.\"],\n [\"Made by REAL sound designers...\", \"not flogs with a MIDI keyboard and a dream.\"],\n [\"These aren’t 'industry standard'.\", \"they’re industry disruptive.\"],\n [\"Yo dubstep producers,\", \"this one's actually dangerous!\"],\n [\"No fake dancing.\", \"Just real fkn sound design.\"],\n [\"Built before Serum 2 had a manual...\", \"Still broke the rules.\"],\n [\"WHZLY doesn’t EQ.\", \"He carves frequencies with an axe.\"],\n [\"WHZLY didn’t design these presets…\", \"he summoned them.\"],\n [\"I don’t save presets.\", \"They remember me. - WHZLY 2025\"],\n [\"Beta testers quit halfway.\", \"Said it was 'too heavy.'\"],\n [\"WHZLY’s PC crashed halfway through production.\", \"He called that a feature.\"],\n [\"Other beta testers submitted bug reports.\", \"We turned them into wavetables ;)\"],\n [\"WHZLY doesn’t use LFOs.\", \"He just stares at the wave until it moves.\"],\n [\"WHZLY once sidechained silence...\", \"and it still hit harder.\"],\n [\"These presets are why Skrillex\", \"carries a backup laptop.\"],\n [\"Every macro was programmed...\", \"at gunpoint\"],\n [\"WHZLY’s drop shook\", \"the desk screws loose.\", \"Twice.\"],\n [\"Ableton 12 wasn’t ready.\", \"Neither were you.\"],\n [\"This isn't music production.\", \"It's controlled chaos.\"],\n [\"WHZLY doesn’t program modulation.\", \"He negotiates with it.\"],\n [\"WHZLY once exported a preset\", \"and it corrupted the master bus.\"],\n [\"Not compatible with weak speakers,\", \"cheap headphones, or faint-hearted producers.\"],\n [\"You don't use these presets.\", \"They use you.\"],\n [\"Made with no templates.\", \"Only trauma.\"],\n [\"This pack slaps harder\", \"than your CPU can throttle.\"],\n [\"WHZLY compresses waves\", \"by physically crushing them.\"],\n [\"You think you’re controlling Serum 2...\", \"Serum 2's controlling you.\"],\n [\"Every time you load a preset,\", \"a faggot wearing a beanie cries.\"],\n [\"Warning: unauthorized duplication\", \"may summon WHZLY himself.\"],\n [\"WHZLY doesn’t remix tracks.\", \"He rewrites physics.\"]\n];\n\n function shuffleArray(array) {\n const shuffled = array.slice(); \/\/ make a copy\n for (let i = shuffled.length - 1; i \u003e 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];\n }\n return shuffled;\n}\n\nlet shuffledHackMessages = [];\nlet currentHackMessageIndex = 0;\n\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n const storedShuffle = sessionStorage.getItem('hackMessageShuffle');\n const storedIndex = sessionStorage.getItem('hackMessageIndex');\n\n if (storedShuffle) {\n shuffledHackMessages = JSON.parse(storedShuffle);\n currentHackMessageIndex = parseInt(storedIndex || 0, 10);\n } else {\n shuffledHackMessages = shuffleArray(hackMessages);\n currentHackMessageIndex = 0;\n sessionStorage.setItem('hackMessageShuffle', JSON.stringify(shuffledHackMessages));\n sessionStorage.setItem('hackMessageIndex', currentHackMessageIndex.toString());\n }\n});\n\nfunction getNextHackMessage() {\n if (currentHackMessageIndex \u003e= shuffledHackMessages.length) {\n shuffledHackMessages = shuffleArray(hackMessages);\n currentHackMessageIndex = 0;\n sessionStorage.setItem('hackMessageShuffle', JSON.stringify(shuffledHackMessages));\n }\n\n const joke = shuffledHackMessages[currentHackMessageIndex];\n currentHackMessageIndex++;\n\n sessionStorage.setItem('hackMessageIndex', currentHackMessageIndex.toString());\n return joke;\n}\n\n function triggerHackEffect() {\n \/\/ Completely bypass the Shopify DOM scope\n const overlay = document.createElement('div');\n overlay.setAttribute(\"id\", \"full-hack-overlay\");\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100vw';\n overlay.style.height = '100vh';\n overlay.style.background = 'black';\n overlay.style.zIndex = '999999'; \/\/ higher than Shopify elements\n overlay.style.overflow = 'hidden';\n overlay.style.display = 'flex';\n overlay.style.flexDirection = 'column';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n overlay.style.textAlign = 'center';\n\n const strobe = document.createElement('div');\n strobe.style.position = 'absolute';\n strobe.style.width = '100%';\n strobe.style.height = '100%';\n strobe.style.background = 'white';\n strobe.style.mixBlendMode = 'difference';\n strobe.style.opacity = '0';\n strobe.style.animation = 'strobeFlash 4s linear forwards';\n overlay.appendChild(strobe);\n\n\/\/ 🔥 Play Glitch Sound\nconst glitch = document.getElementById('glitchSound');\nif (glitch) {\n glitch.currentTime = 0;\n glitch.play().catch(e =\u003e console.warn('Glitch sound failed to play:', e));\n}\n\n const matrix = document.createElement('div');\n matrix.style.position = 'absolute';\n matrix.style.top = '0';\n matrix.style.left = '0';\n matrix.style.width = '100%';\n matrix.style.height = '300vh';\n matrix.style.color = '#39ff14';\n matrix.style.fontFamily = 'monospace';\n matrix.style.fontSize = '48px';\n matrix.style.lineHeight = '50px';\n matrix.style.opacity = '0.08';\n matrix.style.whiteSpace = 'pre';\n matrix.style.animation = 'matrixScroll 18s linear infinite';\n\/\/ Create a super wide and tall matrix string\nconst binaryLine = '0101010111001010101110010101011010101010110101'.repeat(50);\nconst binaryText = (binaryLine + '\\n').repeat(300);\n\n\/\/ First matrix (default position)\nconst matrix1 = document.createElement('div');\nmatrix1.style.position = 'absolute';\nmatrix1.style.top = '0';\nmatrix1.style.left = '0';\nmatrix1.style.width = '100%';\nmatrix1.style.height = '300vh';\nmatrix1.style.color = '#39ff14';\nmatrix1.style.fontFamily = 'monospace';\nmatrix1.style.fontSize = '48px';\nmatrix1.style.lineHeight = '50px';\nmatrix1.style.opacity = '0.08';\nmatrix1.style.whiteSpace = 'pre';\nmatrix1.style.animation = 'matrixScroll 18s linear infinite';\nmatrix1.innerText = binaryText;\noverlay.appendChild(matrix1);\n\n\/\/ Second matrix (starts above, seamlessly continues)\nconst matrix2 = document.createElement('div');\nmatrix2.style.position = 'absolute';\nmatrix2.style.top = '-300vh';\nmatrix2.style.left = '0';\nmatrix2.style.width = '100%';\nmatrix2.style.height = '300vh';\nmatrix2.style.color = '#39ff14';\nmatrix2.style.fontFamily = 'monospace';\nmatrix2.style.fontSize = '48px';\nmatrix2.style.lineHeight = '50px';\nmatrix2.style.opacity = '0.18';\nmatrix2.style.whiteSpace = 'pre';\nmatrix2.style.animation = 'matrixScroll 18s linear infinite';\nmatrix2.innerText = binaryText;\noverlay.appendChild(matrix2);\n\n\n\n const textWrap = document.createElement('div');\n textWrap.style.zIndex = '5';\n textWrap.style.display = 'flex';\n textWrap.style.flexDirection = 'column';\n textWrap.style.alignItems = 'center';\n textWrap.style.justifyContent = 'center';\n\n const title = document.createElement('div');\n title.innerText = 'SYSTEM ERROR';\n title.style.fontSize = '64px';\n title.style.color = '#39ff14';\n title.style.fontFamily = \"'Share Tech Mono', monospace\";\n title.style.textShadow = '0 0 10px #39ff14, 0 0 20px #39ff14';\n title.style.animation = 'flicker 0.1s steps(2, end) infinite';\n title.style.marginBottom = '12px';\n textWrap.appendChild(title);\n\n const joke = document.createElement('div');\n joke.classList.add('hack-joke-text');\n\n \/\/ Randomize the joke instead of following order\n const selectedJoke = getNextHackMessage();\n\n joke.innerHTML = selectedJoke.map(line =\u003e `\u003cdiv\u003e${line}\u003c\/div\u003e`).join('');\n joke.style.fontSize = '22px';\n joke.style.color = '#7CFF5A';\n joke.style.fontFamily = \"'Share Tech Mono', monospace\";\n joke.style.textAlign = 'center';\n textWrap.appendChild(joke);\n\n overlay.appendChild(textWrap);\n\n\/\/ Add DO NOT CLICK button\nconst eggBtn = document.createElement('button');\neggBtn.id = 'easterEggBtn';\neggBtn.innerText = 'DO NOT CLICK';\neggBtn.style.position = 'absolute';\neggBtn.style.top = '16px';\neggBtn.style.right = '16px';\neggBtn.style.zIndex = '999999';\neggBtn.style.background = 'none';\neggBtn.style.border = 'none';\neggBtn.style.color = '#39ff14';\neggBtn.style.fontFamily = \"'Share Tech Mono', monospace\";\neggBtn.style.fontSize = '14px'; \/\/ Mid-sized font\neggBtn.style.padding = '2px 8px'; \/\/ Slightly tighter padding\neggBtn.style.cursor = 'pointer';\neggBtn.style.textShadow = '0 0 2px #39ff14'; \/\/ Balanced glow\noverlay.appendChild(eggBtn);\n\neggBtn.addEventListener('click', () =\u003e {\n \/\/ Pause\/remove glitch background effects\n clearTimeout(window.glitchOverlayTimeout);\n window.skipScrollReset = true;\n matrix1.style.display = 'none';\n matrix2.style.display = 'none';\n strobe.style.display = 'none';\n textWrap.style.display = 'none';\n eggBtn.style.display = 'none';\n\n \/\/ Hide overlay effects\n matrix1.style.display = 'none';\n matrix2.style.display = 'none';\n strobe.style.display = 'none';\n textWrap.style.display = 'none';\n eggBtn.style.display = 'none';\n\n \/\/ Show terminal game modal\n showTerminalGame(overlay);\n});\n\n document.body.appendChild(overlay);\n document.body.classList.add(\"hack-active\");\n\nwindow.glitchOverlayTimeout = setTimeout(() =\u003e {\n overlay.remove();\n document.body.classList.remove(\"hack-active\");\n}, 4000);\n }\n\u003c\/script\u003e\n\n\u003cscript\u003e\nfunction showTerminalGame(container) {\n const gameWrap = document.createElement('div');\n gameWrap.style.position = 'absolute';\n gameWrap.style.top = '50%';\n gameWrap.style.left = '50%';\n gameWrap.style.transform = 'translate(-50%, -50%)';\n gameWrap.style.background = '#000';\n gameWrap.style.border = '2px solid #39ff14';\n gameWrap.style.padding = '20px';\n gameWrap.style.color = '#39ff14';\n gameWrap.style.fontFamily = \"'Share Tech Mono', monospace\";\n gameWrap.style.width = '400px';\n gameWrap.style.maxWidth = '90vw';\n gameWrap.style.textAlign = 'left';\n gameWrap.style.zIndex = '999999';\n\ngameWrap.innerHTML = `\n \u003cdiv\u003eSERUM 2 BACKEND ACCESS TERMINAL\u003cbr\u003e=================================\u003c\/div\u003e\n \u003cdiv style=\"margin-top:10px\"\u003eENTER PASSWORD:\u003c\/div\u003e\n \u003cinput type=\"text\" id=\"terminalInput\" style=\"margin-top:6px; width: 100%; background: black; color: #39ff14; border: 1px solid #39ff14; font-family: 'Share Tech Mono'; padding: 4px;\" \/\u003e\n \u003cbutton id=\"submitPassword\" style=\"margin-top:10px; background: #39ff14; color: black; border: none; padding: 6px 12px; cursor: pointer; font-family: 'Share Tech Mono';\"\u003eSUBMIT\u003c\/button\u003e\n \u003cdiv id=\"terminalMessage\" style=\"margin-top:10px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"resetPasswordWrapper\" style=\"display:none; margin-top:14px;\"\u003e\n \u003cbutton id=\"resetPasswordBtn\" style=\"background: none; border: none; color: #39ff14; text-decoration: underline; cursor: pointer; font-family: 'Share Tech Mono';\"\u003eRESET PASSWORD?\u003c\/button\u003e\n \u003c\/div\u003e\n`;\n\n container.appendChild(gameWrap);\n\n const input = gameWrap.querySelector('#terminalInput');\n const submit = gameWrap.querySelector('#submitPassword');\n const message = gameWrap.querySelector('#terminalMessage');\n const resetBtn = gameWrap.querySelector('#resetPasswordBtn');\n\n submit.addEventListener('click', () =\u003e {\n message.innerHTML = \"\u003cspan style='color:red;'\u003e✘ ACCESS DENIED\u003c\/span\u003e\";\n document.getElementById('resetPasswordWrapper').style.display = 'block';\n\n \/\/ 🔥 Play Denied Sound\n const denied = document.getElementById('deniedSound');\n if (denied) {\n denied.currentTime = 0;\n denied.play().catch(e =\u003e console.warn('Denied sound failed to play:', e));\n }\n });\n\n \/\/ ✅ Reset password button must still work:\n resetBtn.addEventListener('click', () =\u003e {\n gameWrap.remove();\n launchMemoryGame(container);\n });\n}\n\u003c\/script\u003e\n\n\u003cscript\u003e\nfunction launchMemoryGame(container) {\n window.memoryGameContainer = container;\n const symbols = ['★', '✖', '▣', '⚡', '♠', '♣', '◆', '⬤', '△', '▽', '☀'];\n let sequence = [];\n let clickedSequence = [];\n\n const gameWrap = document.createElement('div');\n gameWrap.style.position = 'absolute';\n gameWrap.style.top = '50%';\n gameWrap.style.left = '50%';\n gameWrap.style.transform = 'translate(-50%, -50%)';\n gameWrap.style.background = '#000';\n gameWrap.style.border = '2px solid #39ff14';\n gameWrap.style.padding = '20px';\n gameWrap.style.color = '#39ff14';\n gameWrap.style.fontFamily = \"'Share Tech Mono', monospace\";\n gameWrap.style.width = '400px';\n gameWrap.style.maxWidth = '90vw';\n gameWrap.style.textAlign = 'center';\n gameWrap.style.zIndex = '999999';\n container.appendChild(gameWrap);\n\ngameWrap.innerHTML = `\n \u003cdiv\u003eSERUM 2 PASSWORD RESET\u003cbr\u003e======================\u003c\/div\u003e\n \u003cdiv id=\"memorySequence\" style=\"font-size: 28px; margin: 20px 0; opacity:0; transition: opacity 1s;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryGrid\" style=\"display:none; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryMessage\" style=\"margin-top: 10px;\"\u003e\u003c\/div\u003e\n \u003cdiv id=\"memoryButton\" style=\"margin-top: 20px;\"\u003e\u003c\/div\u003e\n`;\n\n const sequenceDiv = gameWrap.querySelector('#memorySequence');\n const gridDiv = gameWrap.querySelector('#memoryGrid');\n const memoryMessage = gameWrap.querySelector('#memoryMessage');\n const memoryButton = gameWrap.querySelector('#memoryButton');\n\n function startNewSequence() {\n sequence = [];\n clickedSequence = [];\n memoryMessage.innerHTML = '';\n memoryButton.innerHTML = '';\n gridDiv.innerHTML = '';\n gridDiv.style.display = 'none';\n\nlet lastSymbol = null;\nfor (let i = 0; i \u003c 5; i++) {\n let nextSymbol;\n do {\n nextSymbol = symbols[Math.floor(Math.random() * symbols.length)];\n } while (nextSymbol === lastSymbol);\n sequence.push(nextSymbol);\n lastSymbol = nextSymbol;\n}\n\n sequenceDiv.style.opacity = '0';\n sequenceDiv.innerText = 'REMEMBER THE ORDER';\n setTimeout(() =\u003e {\n sequenceDiv.style.opacity = '1';\n }, 50);\n\n setTimeout(() =\u003e {\n flashSequence();\n }, 2000);\n }\n\n function flashSequence() {\n let currentFlash = 0;\n const flashInterval = setInterval(() =\u003e {\n if (currentFlash \u003c sequence.length) {\n sequenceDiv.innerText = sequence[currentFlash];\n currentFlash++;\n } else {\n clearInterval(flashInterval);\n startMemoryGrid();\n }\n }, 1600);\n }\n\n function startMemoryGrid() {\n sequenceDiv.innerText = 'SELECT SYMBOLS IN ORDER';\n gridDiv.style.display = 'flex';\n clickedSequence = [];\n\n const fullSet = [...sequence, ...symbols];\n const uniqueSymbols = [...new Set(fullSet)].sort(() =\u003e 0.5 - Math.random()).slice(0, 12);\n uniqueSymbols.sort(() =\u003e 0.5 - Math.random());\n\n uniqueSymbols.forEach(symbol =\u003e {\n const btn = document.createElement('button');\n btn.innerText = symbol;\n btn.style.background = 'black';\n btn.style.color = '#39ff14';\n btn.style.border = '1px solid #39ff14';\n btn.style.padding = '10px 14px';\n btn.style.fontSize = '24px';\n btn.style.cursor = 'pointer';\n btn.style.fontFamily = \"'Share Tech Mono', monospace\";\n btn.style.transition = 'background 0.2s, transform 0.2s';\n\n btn.addEventListener('click', () =\u003e {\n btn.style.background = '#39ff14';\n btn.style.color = 'black';\n btn.style.transform = 'scale(1.2)';\n setTimeout(() =\u003e {\n btn.style.background = 'black';\n btn.style.color = '#39ff14';\n btn.style.transform = 'scale(1)';\n }, 200);\n handleSymbolClick(symbol);\n });\n\n gridDiv.appendChild(btn);\n });\n }\n\nfunction handleSymbolClick(symbol) {\n const beep = document.getElementById('hackerBeep');\n if (beep) {\n beep.currentTime = 0;\n beep.play();\n }\n\n clickedSequence.push(symbol);\n\n if (clickedSequence.length === sequence.length) {\n if (clickedSequence.join('') === sequence.join('')) {\n showSystemOverride(window.memoryGameContainer);\n } else {\nmemoryMessage.innerHTML = \"\u003cspan style='color:red;'\u003e✘ ACCESS DENIED\u003c\/span\u003e\";\n\n\/\/ 🔥 Play Denied Sound\nconst denied = document.getElementById('deniedSound');\nif (denied) {\n denied.currentTime = 0;\n denied.play().catch(e =\u003e console.warn('Denied sound failed to play:', e));\n}\n\nmemoryButton.innerHTML = `\n \u003cbutton id=\"retryGame\" style=\"margin-top:14px; background: none; border: 1px solid #39ff14; color: #39ff14; padding: 8px 16px; cursor: pointer; font-family: 'Share Tech Mono'; font-size:16px;\"\u003e\n RETRY MEMORY SEQUENCE\n \u003c\/button\u003e\n`;\ndocument.getElementById('retryGame').addEventListener('click', () =\u003e {\n startNewSequence();\n});\n }\n }\n}\n\n startNewSequence();\n}\n\nfunction showSystemOverride(container) {\n const overlay = document.createElement('div');\n overlay.setAttribute(\"id\", \"override-glitch-overlay\");\n overlay.style.position = 'fixed';\n overlay.style.top = '0';\n overlay.style.left = '0';\n overlay.style.width = '100vw';\n overlay.style.height = '100vh';\n overlay.style.background = 'black';\n overlay.style.zIndex = '999999';\n overlay.style.overflow = 'hidden';\n overlay.style.display = 'flex';\n overlay.style.flexDirection = 'column';\n overlay.style.justifyContent = 'center';\n overlay.style.alignItems = 'center';\n overlay.style.textAlign = 'center';\n overlay.style.opacity = '0';\n overlay.style.transition = 'opacity 0.6s ease-in-out'; \/* \u003c-- Smooth fade *\/\n\n \/\/ Strobe\n const strobe = document.createElement('div');\n strobe.style.position = 'absolute';\n strobe.style.width = '100%';\n strobe.style.height = '100%';\n strobe.style.background = 'white';\n strobe.style.mixBlendMode = 'difference';\n strobe.style.opacity = '0';\n strobe.style.animation = 'strobeFlash 2s linear forwards';\n overlay.appendChild(strobe);\n\n \/\/ Matrix 1\n const matrix1 = document.createElement('div');\n const binaryLine = '0101010111001010101110010101011010101010110101'.repeat(50);\n const binaryText = (binaryLine + '\\n').repeat(300);\n matrix1.style.position = 'absolute';\n matrix1.style.top = '0';\n matrix1.style.left = '0';\n matrix1.style.width = '100%';\n matrix1.style.height = '300vh';\n matrix1.style.color = '#39ff14';\n matrix1.style.fontFamily = 'monospace';\n matrix1.style.fontSize = '48px';\n matrix1.style.lineHeight = '50px';\n matrix1.style.opacity = '0.08';\n matrix1.style.whiteSpace = 'pre';\n matrix1.style.animation = 'matrixScroll 18s linear infinite';\n matrix1.innerText = binaryText;\n overlay.appendChild(matrix1);\n\n \/\/ Matrix 2 (offset)\n const matrix2 = document.createElement('div');\n matrix2.style.position = 'absolute';\n matrix2.style.top = '-300vh';\n matrix2.style.left = '0';\n matrix2.style.width = '100%';\n matrix2.style.height = '300vh';\n matrix2.style.color = '#39ff14';\n matrix2.style.fontFamily = 'monospace';\n matrix2.style.fontSize = '48px';\n matrix2.style.lineHeight = '50px';\n matrix2.style.opacity = '0.18';\n matrix2.style.whiteSpace = 'pre';\n matrix2.style.animation = 'matrixScroll 18s linear infinite';\n matrix2.innerText = binaryText;\n overlay.appendChild(matrix2);\n\n \/\/ Text in the center\n const textWrap = document.createElement('div');\n textWrap.style.zIndex = '5';\n textWrap.style.display = 'flex';\n textWrap.style.flexDirection = 'column';\n textWrap.style.alignItems = 'center';\n textWrap.style.justifyContent = 'center';\n\n const title = document.createElement('div');\n title.innerText = 'SYSTEM OVERRIDE';\n title.style.fontSize = '64px';\n title.style.color = '#39ff14';\n title.style.fontFamily = \"'Share Tech Mono', monospace\";\n title.style.textShadow = '0 0 10px #39ff14, 0 0 20px #39ff14';\n title.style.animation = 'flicker 0.1s steps(2, end) infinite';\n textWrap.appendChild(title);\n\n overlay.appendChild(textWrap);\n document.body.appendChild(overlay);\n\nconst siren = document.getElementById('sirenSound');\nif (siren) {\n siren.currentTime = 0;\n siren.play().catch(e =\u003e console.warn('Siren sound failed to play:', e));\n}\n\n \/\/ Smooth fade in\n setTimeout(() =\u003e {\n overlay.style.opacity = '1';\n }, 50);\n\n \/\/ After 2s, remove overlay and show success screen\n setTimeout(() =\u003e {\n overlay.remove();\n showSuccessTerminal(container);\n }, 2000);\n}\n\nfunction showSuccessTerminal(container) {\n container.innerHTML = '';\n\n const fadeWrap = document.createElement('div');\n fadeWrap.style.opacity = '0';\n fadeWrap.style.transition = 'opacity 1s ease-in-out';\n fadeWrap.style.position = 'absolute';\n fadeWrap.style.top = '0';\n fadeWrap.style.left = '0';\n fadeWrap.style.width = '100%';\n fadeWrap.style.height = '100%';\n fadeWrap.style.overflow = 'hidden';\n fadeWrap.style.display = 'flex';\n fadeWrap.style.flexDirection = 'column';\n fadeWrap.style.justifyContent = 'center';\n fadeWrap.style.alignItems = 'center';\n fadeWrap.style.zIndex = '999999';\n container.appendChild(fadeWrap);\n\n\/\/ Play vault unlock sound\nconst vault = document.getElementById('vaultSound');\nif (vault) {\n vault.currentTime = 0;\n vault.play().catch(e =\u003e console.warn('Vault sound failed to play:', e));\n}\n\n \/\/ Matrix 1 background\n const matrix1 = document.createElement('div');\n matrix1.style.position = 'absolute';\n matrix1.style.top = '0';\n matrix1.style.left = '0';\n matrix1.style.width = '100%';\n matrix1.style.height = '300vh';\n matrix1.style.color = '#39ff14';\n matrix1.style.fontFamily = 'monospace';\n matrix1.style.fontSize = '48px';\n matrix1.style.lineHeight = '50px';\n matrix1.style.opacity = '0.08';\n matrix1.style.whiteSpace = 'pre';\n matrix1.style.animation = 'matrixScroll 24s linear infinite';\n matrix1.innerText = ('0101011010101110'.repeat(50) + '\\n').repeat(300);\n fadeWrap.appendChild(matrix1);\n\n \/\/ Matrix 2 background (offset)\n const matrix2 = document.createElement('div');\n matrix2.style.position = 'absolute';\n matrix2.style.top = '-300vh';\n matrix2.style.left = '0';\n matrix2.style.width = '100%';\n matrix2.style.height = '300vh';\n matrix2.style.color = '#39ff14';\n matrix2.style.fontFamily = 'monospace';\n matrix2.style.fontSize = '48px';\n matrix2.style.lineHeight = '50px';\n matrix2.style.opacity = '0.15';\n matrix2.style.whiteSpace = 'pre';\n matrix2.style.animation = 'matrixScroll 24s linear infinite';\n matrix2.innerText = ('1010010110110100'.repeat(50) + '\\n').repeat(300);\n fadeWrap.appendChild(matrix2);\n\n \/\/ Terminal Box\n const terminalBox = document.createElement('div');\n terminalBox.style.background = 'black';\n terminalBox.style.border = '2px solid #39ff14';\n terminalBox.style.padding = '20px';\n terminalBox.style.color = '#39ff14';\n terminalBox.style.fontFamily = \"'Share Tech Mono', monospace\";\n terminalBox.style.width = '400px';\n terminalBox.style.maxWidth = '90vw';\n terminalBox.style.textAlign = 'center';\n terminalBox.style.zIndex = '999999';\n\nterminalBox.innerHTML = `\n \u003cdiv\u003e✔ SERUM 2 ACCESS GRANTED ✔\u003c\/div\u003e\n \u003cdiv style=\"margin-top:16px; margin-bottom:8px;\"\u003eDISCOUNT CODE:\u003c\/div\u003e\n \u003cdiv style=\"margin-bottom:14px;\"\u003e\u003cspan style=\"color:#000;background:#39ff14;padding:4px 8px;\"\u003eHACKER5\u003c\/span\u003e\u003c\/div\u003e\n \u003cdiv id=\"copiedMsg\" style=\"margin-top:12px; color:#7CFF5A; font-family:'Share Tech Mono', monospace; opacity:1; transition:opacity 1.0s ease-in-out;\"\u003e✔ CODE COPIED\u003c\/div\u003e\n \u003cbutton id=\"returnMainframe\" style=\"margin-top:14px;background:transparent;color:#39ff14;border:2px solid #39ff14;padding:12px 24px;cursor:pointer;font-family:'Share Tech Mono';font-size:18px;letter-spacing:1px;transition:all 0.5s ease;box-shadow:0 0 8px #39ff14;\"\u003e\n RETURN TO MAINFRAME\n \u003c\/button\u003e\n`;\n fadeWrap.appendChild(terminalBox);\n\n navigator.clipboard.writeText('HACKER5');\n\n \/\/ Delay fade-in so it's AFTER the override screen fades out\n setTimeout(() =\u003e {\n fadeWrap.style.opacity = '1';\n }, 100); \/\/ adjust this delay if needed\n\nsetTimeout(() =\u003e {\n const copied = document.getElementById('copiedMsg');\n if (copied) {\n copied.classList.add('flash-before-exit');\n }\n\n \/\/ Fade out after flash\n setTimeout(() =\u003e {\n if (copied) {\n copied.style.opacity = '0';\n setTimeout(() =\u003e copied.remove(), 500);\n }\n }, 3000); \/\/ flash duration\n}, 3000); \/\/ wait 3s before starting flash\n\n document.getElementById('returnMainframe').addEventListener('click', () =\u003e {\n window.location.reload();\n });\n}\n\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n const observer = new MutationObserver((mutations) =\u003e {\n mutations.forEach(mutation =\u003e {\n mutation.removedNodes.forEach(removed =\u003e {\n if (removed.id === 'full-hack-overlay' \u0026\u0026 !window.skipScrollReset) {\n setTimeout(() =\u003e {\n const isMobile = window.innerWidth \u003c= 768;\n let scrollTarget = 0;\n\n if (isMobile) {\n scrollTarget = window.innerHeight * 0.12; \n }\n\n window.scrollTo({ top: scrollTarget, behavior: 'smooth' });\n }, 150);\n }\n });\n });\n });\n\n observer.observe(document.body, { childList: true });\n});\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n\u003cbutton id=\"returnMainframe\" style=\"\n margin-top:14px;\n background: transparent;\n color: #39ff14;\n border: 2px solid #39ff14;\n padding: 12px 24px;\n cursor: pointer;\n font-family: 'Share Tech Mono', monospace;\n font-size: 18px;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n box-shadow: 0 0 8px #39ff14;\n\"\u003e\n RETURN TO MAINFRAME\n\u003c\/button\u003e\n\u003c\/style\u003e\n\n\u003c!-- WHZLY PRESETS PREVIEW --\u003e\n\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;\"\u003e🎥 SYSTEM TRAINING FOOTAGE\u003c\/h2\u003e\n\n \u003cp class=\"benchmark-tagline whzly-tagline\"\u003e\n \u003cstrong\u003e\n \u003cspan class=\"first-line\"\u003eThis isn’t another YouTube walkthrough - it’s the secret hack to mastering Serum 2\u003c\/span\u003e\u003cbr\u003e\n \u003cspan class=\"second-line desktop-only-text\"\u003eThe most in-depth Serum 2 sound design course online - period.\u003c\/span\u003e\n \u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003c!-- Glow wrapper --\u003e\n\u003cdiv class=\"video-glow-wrapper\" id=\"whzlyGlowWrapper\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/TZpmLhGndYk?si=FaRaHjmt9KyINogu?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 \u003c!-- Fullscreen Tip --\u003e\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\n\n\u003cstyle\u003e\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 #39ff14;\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: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n font-size: 12px !important;\n opacity: 0.85;\n display: none; \/* Hidden by default *\/\n overflow: hidden;\n white-space: nowrap; \/* Keeps it on one line while typing *\/\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; \/* Tighter top margin on mobile *\/\n }\n}\n\n.whzly-heading {\n font-size: 32px; \/* Set normal font size *\/\n}\n\n@media (max-width: 430px) {\n .serum2-inner .whzly-heading {\n font-size: 20px !important;\n margin-top: 20px !important; \/* Match your other settings *\/\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 #39ff14;\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); \/\/ Typing speed\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\n\n\n\u003c!-- UPSALE ANIMATION SECTION --\u003e\n\u003cdiv class=\"serum2-upsell-section\"\u003e\n\u003cdiv class=\"serum2-upsell-container\"\u003e\n\u003cimg alt=\"Serum 2 Reloaded: Sample-Preset Pack\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/sample_preset_pack.webp?v=1747135602\" class=\"serum2-img left\"\u003e \u003cimg alt=\"Serum 2 Reloaded: Production Course\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/production_course.webp?v=1747135602\" class=\"serum2-img right\"\u003e \u003cimg alt=\"Serum 2 Reloaded: Producer Bundle\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/producer_bundle.webp?v=1747135601\" class=\"serum2-img merged\"\u003e\n\u003cdiv class=\"glitch-explosion glitch-r\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-explosion glitch-g\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-explosion glitch-b\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-text\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"glitch-particles\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serum2-upsell-text\"\u003e\n\u003cp\u003e\u003cstrong\u003eGo full rogue with the PRODUCER BUNDLE\u003c\/strong\u003e\u003c\/p\u003e\n\u003ca class=\"glitch-button\" href=\"https:\/\/edmtemplates.net\/collections\/bundles\/products\/whzly-x-edmt-serum-2-reloaded-producer-bundle\"\u003eGet The Full Bundle\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .serum2-upsell-section {\n padding: 60px 20px;\n background: transparent;\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n color: #7CFF5A;\n position: relative;\n overflow: hidden;\n }\n\n .serum2-upsell-container {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n height: 300px;\n }\n\n .serum2-img {\n max-height: 220px;\n width: auto;\n position: absolute;\n top: 50%;\n transform: translateY(-50%) scale(1);\n transition: all 2s ease-in-out;\n opacity: 0;\n z-index: 1;\n }\n\n .serum2-img.left {\n left: 10%;\n }\n\n .serum2-img.right {\n right: 10%;\n }\n\n .serum2-img.merged {\n left: 50%;\n transform: translate(-50%, -50%) scale(1.2);\n z-index: 2;\n }\n\n .serum2-upsell-section.animate-stage-1 .serum2-img.left,\n .serum2-upsell-section.animate-stage-1 .serum2-img.right {\n opacity: 1;\n transform: translateY(-50%) scale(1.3);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.left {\n left: 35%;\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n right: 35%;\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.merged {\n opacity: 1;\n animation: pulse-glow 1.4s infinite alternate, img-glitch-insane 0.7s steps(2, end) 2;\n filter: drop-shadow(0 0 16px #39ff14);\n }\n\n @keyframes img-glitch-insane {\n 0% {\n filter: drop-shadow(0 0 16px #39ff14) drop-shadow(-2px 0 #ff005a) drop-shadow(2px 0 #00fff7);\n }\n\n 20% {\n filter: drop-shadow(0 0 24px #fff600) drop-shadow(-4px 0 #ff005a) drop-shadow(4px 0 #00fff7);\n }\n\n 40% {\n filter: drop-shadow(0 0 8px #39ff14) drop-shadow(2px 0 #ff005a) drop-shadow(-2px 0 #00fff7);\n }\n\n 60% {\n filter: drop-shadow(0 0 32px #fff600) drop-shadow(-3px 0 #ff005a) drop-shadow(3px 0 #00fff7);\n }\n\n 80% {\n filter: drop-shadow(0 0 16px #39ff14) drop-shadow(0px 0 #ff005a) drop-shadow(0px 0 #00fff7);\n }\n\n 100% {\n filter: drop-shadow(0 0 16px #39ff14) drop-shadow(-2px 0 #ff005a) drop-shadow(2px 0 #00fff7);\n }\n }\n\n .glitch-explosion,\n .glitch-explosion.glitch-r,\n .glitch-explosion.glitch-g,\n .glitch-explosion.glitch-b {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 300px;\n height: 300px;\n border-radius: 50%;\n pointer-events: none;\n opacity: 0.3;\n z-index: 3;\n background: radial-gradient(circle, #39ff14, transparent 70%);\n transform: translate(-50%, -50%) scale(0);\n mix-blend-mode: screen;\n }\n\n .glitch-explosion.glitch-r {\n background: radial-gradient(circle, #ff005a, transparent 70%);\n z-index: 4;\n }\n\n .glitch-explosion.glitch-g {\n background: radial-gradient(circle, #00fff7, transparent 70%);\n z-index: 5;\n }\n\n .glitch-explosion.glitch-b {\n background: radial-gradient(circle, #fff600, transparent 70%);\n z-index: 6;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion {\n animation: glitch-burst-insane 0.8s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion.glitch-r {\n animation: glitch-burst-insane-r 0.7s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion.glitch-g {\n animation: glitch-burst-insane-g 0.9s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion.glitch-b {\n animation: glitch-burst-insane-b 0.6s cubic-bezier(.68, -0.55, .27, 1.55) forwards;\n }\n\n @keyframes glitch-burst-insane {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 20% {\n transform: translate(-50%, -50%) scale(1.2) rotate(10deg);\n opacity: 1;\n }\n\n 40% {\n transform: translate(-50%, -50%) scale(1.4) rotate(-8deg);\n opacity: 0.8;\n }\n\n 60% {\n transform: translate(-50%, -50%) scale(1.1) rotate(12deg);\n opacity: 1;\n }\n\n 80% {\n transform: translate(-50%, -50%) scale(1.3) rotate(-6deg);\n opacity: 0.7;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n @keyframes glitch-burst-insane-r {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 30% {\n transform: translate(-48%, -52%) scale(1.3) rotate(20deg);\n opacity: 1;\n }\n\n 60% {\n transform: translate(-52%, -48%) scale(1.5) rotate(-15deg);\n opacity: 0.7;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n @keyframes glitch-burst-insane-g {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 25% {\n transform: translate(-53%, -47%) scale(1.4) rotate(-18deg);\n opacity: 1;\n }\n\n 55% {\n transform: translate(-47%, -53%) scale(1.2) rotate(15deg);\n opacity: 0.8;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n @keyframes glitch-burst-insane-b {\n 0% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0.3;\n }\n\n 35% {\n transform: translate(-51%, -49%) scale(1.5) rotate(25deg);\n opacity: 1;\n }\n\n 70% {\n transform: translate(-49%, -51%) scale(1.1) rotate(-20deg);\n opacity: 0.6;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0) rotate(0deg);\n opacity: 0;\n }\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-explosion {\n animation: glitch-burst 0.8s ease-out forwards;\n }\n\n .glitch-text {\n position: absolute;\n top: -40px;\n left: 50%;\n transform: \ntranslateX(-50%);\n font-size: 22px;\n color: #39ff14;\n font-family: 'Share Tech Mono', monospace;\n opacity: 0;\n z-index: 10;\n \/* Simplified green glow only *\/\n text-shadow:\n 0 0 6px #39ff14,\n 0 0 12px #39ff14,\n 0 0 18px #39ff14;\n pointer-events: none;\n }\n@media (max-width: 480px) {\n .serum2-upsell-container {\n height: 450px;\n margin-bottom: -60px;\n }\n\n .glitch-text {\n top: -20px; \/* Adjust this value to move the text higher *\/\n }\n}\n@media (max-width: 480px) {\n .serum2-upsell-text {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n width: 100%;\n max-width: 380px;\n margin: 0 auto;\n padding: 0 10px;\n box-sizing: border-box;\n margin-top: -10px !important;\n }\n\n .serum2-upsell-text p {\n font-size: 15px;\n line-height: 1.6;\n }\n\n .serum2-upsell-section .glitch-button {\n width: 100%;\n max-width: 240px;\n text-align: center;\n }\n}\n\n .serum2-upsell-section.animate-stage-2 .glitch-text {\n animation: text-glitch-insane 1.2s steps(1, end) 0s 1, show-text 0s 0.8s forwards, fade-text 0.5s ease-in 2.8s forwards;\n }\n\n @keyframes text-glitch-insane {\n 0% {\n opacity: 1;\n transform: translateX(-50%) scale(1) skewX(0deg);\n filter: drop-shadow(0 0 6px #39ff14);\n }\n\n 10% {\n opacity: 1;\n transform: translateX(-52%) scale(1.05) skewX(5deg);\n filter: drop-shadow(0 0 10px #39ff14);\n }\n\n 20% {\n opacity: 1;\n transform: translateX(-48%) scale(0.95) skewX(-5deg);\n filter: drop-shadow(0 0 8px #39ff14);\n }\n\n 30% {\n opacity: 1;\n transform: translateX(-50%) scale(1.1) skewX(7deg);\n filter: drop-shadow(0 0 12px #39ff14);\n }\n\n 40% {\n opacity: 1;\n transform: translateX(-53%) scale(1) skewX(-7deg);\n filter: drop-shadow(0 0 10px #39ff14);\n }\n\n 50% {\n opacity: 1;\n transform: translateX(-47%) scale(1.05) skewX(4deg);\n filter: drop-shadow(0 0 8px #39ff14);\n }\n\n 60% {\n opacity: 1;\n transform: translateX(-50%) scale(1) skewX(0deg);\n filter: drop-shadow(0 0 6px #39ff14);\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-text {\n animation: text-glitch 0.08s steps(1, end) 0s 10, show-text 0s 0.8s forwards, fade-text 0.5s ease-in 2.8s forwards;\n }\n\n .glitch-particles {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 4;\n background: url('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/particles-glitch.gif?v=1744679999') center center \/ cover no-repeat;\n opacity: 0;\n }\n\n .serum2-upsell-section.animate-stage-2 .glitch-particles {\n animation: show-particles 0.8s ease-in forwards;\n }\n\n @keyframes show-particles {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 0.35;\n }\n }\n\n @keyframes pulse-glow {\n from {\n filter: drop-shadow(0 0 8px #39ff14);\n }\n\n to {\n filter: drop-shadow(0 0 16px #39ff14);\n }\n }\n\n @keyframes glitch-burst {\n 0% {\n transform: translate(-50%, -50%) scale(0);\n opacity: 0.3;\n }\n\n 50% {\n transform: translate(-50%, -50%) scale(1.2);\n opacity: 1;\n }\n\n 100% {\n transform: translate(-50%, -50%) scale(0);\n opacity: 0;\n }\n }\n\n @keyframes glitchLeft {\n 0% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n\n 50% {\n transform: translateY(-50%) scale(1) translateX(-5px);\n }\n\n 100% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n }\n\n @keyframes glitchRight {\n 0% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n\n 50% {\n transform: translateY(-50%) scale(1) translateX(5px);\n }\n\n 100% {\n transform: translateY(-50%) scale(1) translateX(0);\n }\n }\n\n @keyframes text-glitch {\n 0%,\n 100% {\n opacity: 1;\n transform: translateX(-50%) scale(1);\n }\n\n 50% {\n opacity: 0.6;\n transform: translateX(-49%) scale(1.05);\n }\n }\n\n @keyframes show-text {\n to {\n opacity: 1;\n }\n }\n\n @keyframes fade-text {\n to {\n opacity: 0;\n }\n }\n\n .serum2-upsell-text {\n margin-top: 30px;\n font-size: 16px;\n }\n\n .serum2-upsell-text p {\n margin-bottom: 20px;\n color: #7CFF5A;\n }\n\n.serum2-upsell-section .glitch-button {\n display: inline-block;\n background-color: #39ff14;\n color: black !important;\n padding: 12px 24px;\n font-size: 16px;\n border: none;\n border-radius: 5px;\n font-weight: bold;\n font-family: 'Share Tech Mono', monospace;\n box-shadow: 0 0 10px #39ff14;\n text-decoration: none;\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n}\n\n.serum2-upsell-section .glitch-button:hover {\n background: black;\n color: #39ff14 !important;\n box-shadow: 0 0 18px #39ff14;\n transform: scale(1.04);\n}\n\n.serum2-upsell-section .glitch-button {\n text-decoration: none !important;\n}\n\n\n @media (max-width: 480px) {\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.left,\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n animation: fadeOutDelayed 1s ease forwards;\n animation-delay: 1.5s;\n \/* start fading after glitch wiggle *\/\n }\n\n \/* Reduce green glow size on merged image *\/\n .serum2-upsell-section.animate-stage-2 .serum2-img.merged {\n filter: drop-shadow(0 0 8px #39ff14);\n animation: pulse-glow-smaller 1.4s infinite alternate, img-glitch-insane 0.7s steps(2, end) 2;\n }\n\n \/* Optionally extend margins to prevent clipping *\/\n .serum2-upsell-section {\n margin-left: -30px;\n margin-right: -30px;\n padding: 30px 0px !important;\n }\n }\n\n \/* Fade out animation *\/\n @keyframes fadeOutDelayed {\n to {\n opacity: 0;\n pointer-events: none;\n }\n }\n\n \/* Smaller pulse glow animation *\/\n @keyframes pulse-glow-smaller {\n from {\n filter: drop-shadow(0 0 4px #39ff14);\n }\n\n to {\n filter: drop-shadow(0 0 8px #39ff14);\n }\n }\n\nbody.hack-active #smile-ui-lite-launcher-frame-container {\n display: none !important;\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 480px) {\n \/* Starting position: push images further off-screen *\/\n .serum2-img.left {\n left: -60%; \/* Start way left *\/\n transform: translateY(-50%) scale(1);\n }\n\n .serum2-img.right {\n right: -60%; \/* Start way right *\/\n transform: translateY(-50%) scale(1);\n }\n\n \/* When animation starts (stage 1): bring them closer but still wide apart *\/\n .serum2-upsell-section.animate-stage-1 .serum2-img.left {\n left: 20%;\n transform: translateY(-50%) scale(1.2);\n opacity: 1;\n }\n\n .serum2-upsell-section.animate-stage-1 .serum2-img.right {\n right: 20%;\n transform: translateY(-50%) scale(1.2);\n opacity: 1;\n }\n\n \/* When merging (stage 2): meet in the center *\/\n .serum2-upsell-section.animate-stage-2 .serum2-img.left {\n left: 50%;\n transform: translate(-50%, -50%) scale(1);\n }\n\n .serum2-upsell-section.animate-stage-2 .serum2-img.right {\n right: 50%;\n transform: translate(50%, -50%) scale(1);\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const upsellSection = document.querySelector('.serum2-upsell-section');\n const glitchText = upsellSection.querySelector('.glitch-text');\n let stage = 0;\n let lastY = window.pageYOffset;\n let t1, t2, t3;\n\n function handleScroll() {\n const currentY = window.pageYOffset;\n const scrollingUp = currentY \u003c lastY;\n lastY = currentY;\n\n const rect = upsellSection.getBoundingClientRect();\n const isMobile = window.innerWidth \u003c= 768;\n const triggerPoint = isMobile ? window.innerHeight * 0.70 : window.innerHeight * 0.80;\n\n if (stage === 0 \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n upsellSection.classList.add('animate-stage-1');\n stage = 1;\n t1 = setTimeout(() =\u003e {\n if (stage === 1) {\n upsellSection.classList.add('animate-stage-2');\n stage = 2;\n glitchText.textContent = 'BUNDLE COMBINATION PROCESS INITIATED';\n t2 = setTimeout(() =\u003e { glitchText.textContent = 'SUCCESSFUL'; }, 2000);\n t3 = setTimeout(() =\u003e { glitchText.textContent = ''; }, 3000);\n }\n }, 2000);\n } else if (stage \u003e 0 \u0026\u0026 scrollingUp \u0026\u0026 rect.top \u003e= triggerPoint) {\n clearTimeout(t1);\n clearTimeout(t2);\n clearTimeout(t3);\n upsellSection.classList.remove('animate-stage-2', 'animate-stage-1');\n glitchText.textContent = '';\n stage = 0;\n }\n }\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n });\n\u003c\/script\u003e\n\n\u003c!-- SYSTEM COMPATIBILITY SECTION --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"margin-top: 80px;\"\u003e\n \u003ch2 class=\"system-header\"\u003e\n \u003cspan class=\"desktop-text\"\u003e🖥 SYSTEM COMPATIBILITY PROTOCOL 🖥\u003c\/span\u003e\n \u003cspan class=\"mobile-text\"\u003e🖥 COMPATIBILITY PROTOCOL 🖥\u003c\/span\u003e\n\u003c\/h2\u003e\n \u003cdiv class=\"requirements-list\"\u003e\n \u003cdiv\u003e4hrs 9mins of MP4 video - no installation required\u003c\/div\u003e\n \u003cdiv\u003eBest experienced alongside Serum 2 - \u003ca href=\"https:\/\/edmtemplates.net\/products\/whzly-x-edmt-serum-2-reloaded-sample-preset-pack\" target=\"_blank\"\u003eGet the matching presets \u0026amp; samples here\u003c\/a\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .system-header {\n font-family: 'Share Tech Mono', monospace;\n font-size: 22px;\n color: #39ff14;\n text-shadow: 0 0 4px #39ff14;\n margin-bottom: 16px;\n text-transform: uppercase;\n letter-spacing: 1px;\n text-align: center;\n }\n\n .requirements-list {\n text-align: center;\n font-family: 'Share Tech Mono', monospace;\n color: #7CFF5A;\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\/* This part ONLY applies at 480px and smaller *\/\n@media (max-width: 480px) {\n .hook-plus-image-optimized {\n margin-top: -100px !important; \/* Only apply negative margin on small phones *\/\n }\n\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\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@media (min-width: 769px) {\n #videoModal {\n display: none; \/* hidden by default *\/\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999999;\n background: rgba(0, 0, 0, 0.92);\n justify-content: center;\n align-items: center;\n padding: 0;\n margin: 0;\n }\n\n #videoModal.active {\n display: flex; \/* visible when active *\/\n }\n\n #videoModal iframe {\n aspect-ratio: 9 \/ 16;\n width: 360px;\n height: auto;\n max-height: 90vh;\n border: none;\n display: block;\n }\n}\n\nbody.modal-open {\n overflow: hidden;\n}\n\n\n#videoModal {\n position: fixed !important;\n display: none;\n}\n\n#videoModal.active {\n display: flex;\n}\n\nbody, html {\n overflow: visible !important;\n}\n#videoModal iframe {\n aspect-ratio: 9 \/ 16;\n height: 90vh;\n width: auto;\n max-width: 100%;\n max-height: 100%;\n display: block;\n border: none;\n}\n#videoModal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999999;\n background: rgba(0, 0, 0, 0.92);\n justify-content: center;\n align-items: center;\n}\n#videoModal.active {\n display: flex;\n}\n\n\u003c\/style\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":57639847592267,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum2ReloadedProductionCourse.webp?v=1747393419"}],"url":"https:\/\/edmtemplates.net\/da\/collections\/related.oembed","provider":"⛓👽 EDM TEMPLATES","version":"1.0","type":"link"}