{"title":"NYHETER","description":"\u003cspan data-mce-fragment=\"1\"\u003eStay ahead of the curve with our latest additions to the EDM Templates collection. Explore fresh sample packs, innovative Serum presets, and cutting-edge project files.\u003c\/span\u003e","products":[{"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-MALLAR I 1 PAKET","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":"ultimate-drum-bass-collection-vol-1","title":"ULTIMATE DRUM \u0026 BASS COLLECTION VOL. 1","description":"\u003cdiv style=\"text-align: center; max-width: 1000px; margin: 0 auto 0 auto; font-size: 16px; color: #f1f1f1; line-height: 1.6; padding-top: 0 !important; padding-bottom: 0 !important;\"\u003e\n\n \u003cstyle\u003e\n .hero-title {\n color: #c98e37;\n font-size: 32px;\n font-weight: 800;\n margin-top: 0 !important; \n margin-bottom: 10px;\n text-transform: uppercase;\n letter-spacing: 2px;\n background: -webkit-linear-gradient(#c98e37, #8e6223);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Desktop Only Adjustment *\/\n @media (min-width: 769px) {\n .hero-title {\n margin-top: -40px !important;\n }\n }\n\n .hero-tagline {\n font-size: 19px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 25px;\n letter-spacing: 1px;\n }\n \/* Seamless Audio Unit *\/\n .audio-unit {\n max-width: 900px;\n margin: 0 auto;\n border: 1px solid #333;\n border-bottom: none; \n border-radius: 12px 12px 0 0; \n background: #000;\n padding: 15px;\n box-shadow: 0 -15px 30px -5px rgba(0,0,0,0.8), 15px 0 30px -5px rgba(0,0,0,0.8), -15px 0 30px -5px rgba(0,0,0,0.8);\n }\n \/* Seamless Description Box *\/\n .hero-description-box {\n max-width: 900px;\n margin: -1px auto 40px auto; \n background-color: #000;\n border: 1px solid #333;\n border-top: none; \n padding: 0 30px 20px 30px; \n border-radius: 0 0 12px 12px; \n box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.8), -15px 15px 30px -5px rgba(0,0,0,0.8);\n }\n .hero-main-text {\n margin: 0;\n font-size: 18px; \n line-height: 1.4;\n color: #fff;\n font-weight: 500;\n }\n .hero-sub-text {\n font-size: 15px; \n color: #ccc;\n display: block;\n margin-top: 5px; \n margin-bottom: 0 !important; \n }\n \/* Pricing and Value *\/\n .value-box {\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 25px 20px; \n max-width: 650px; \n margin: 0 auto 40px auto; \n text-align: center;\n }\n \/* Requirements Section *\/\n .req-container {\n background-color: #161616;\n border: 1px solid #333;\n border-radius: 6px;\n padding: 30px;\n max-width: 850px;\n margin: 40px auto 10px auto;\n text-align: left;\n }\n .req-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }\n @media (min-width: 600px) {\n .req-grid { grid-template-columns: 1fr 1fr; gap: 50px; }\n .req-col-left { border-right: 1px solid #333; padding-right: 20px; }\n }\n .req-title {\n color: #fff;\n font-size: 16px;\n margin-top: 0;\n margin-bottom: 20px;\n text-transform: uppercase;\n letter-spacing: 1px;\n border-bottom: 2px solid #c98e37;\n display: inline-block;\n padding-bottom: 5px;\n }\n .req-item { color: #ccc; font-size: 14px; margin-bottom: 10px; display: flex; align-items: center; }\n .checkmark { color: #c98e37; font-weight: bold; font-size: 16px; margin-right: 12px; }\n\n \/* Inventory Grid *\/\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 950px;\n margin: 0 auto;\n text-align: left;\n }\n @media (min-width: 768px) {\n .inventory-grid { grid-template-columns: 1fr 1fr; }\n }\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #c98e37;\n padding: 15px; \n border-radius: 4px;\n transition: all 0.2s ease;\n text-decoration: none !important;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n .pack-tile:hover { transform: translateY(-5px); background-color: #1a1a1a; box-shadow: 0 5px 15px rgba(201, 142, 55, 0.2); }\n .pack-tile:hover .pack-title { text-decoration: underline !important; }\n .pack-title { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; }\n .pack-desc { margin: 0; font-size: 12px; color: #aaa; line-height: 1.4; }\n iframe { border: none !important; }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eUltimate Drum \u0026amp; Bass Collection Vol. 1\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003ePrepare for an unparalleled journey in DnB production.\u003c\/p\u003e\n \n \u003cdiv class=\"audio-unit\"\u003e\n \u003cdiv style=\"margin-bottom: 12px; font-size: 11px; color: #888; text-transform: uppercase; letter-spacing: 2px;\"\u003eSoundCloud Showcase\u003c\/div\u003e\n \u003ciframe width=\"100%\" height=\"166\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1654608666%3Fsecret_token%3Ds-0W7T5VcXWH5\u0026amp;color=%23c98e37\u0026amp;auto_play=false\u0026amp;hide_related=true\u0026amp;show_comments=false\u0026amp;show_user=true\u0026amp;show_reposts=false\u0026amp;show_teaser=true\" frameborder=\"0\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003e\n Redefine the way you create high-intensity Drum \u0026amp; Bass\n \u003cspan style=\"color: #c98e37; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003e\n plus access 12 release-ready professional projects.\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n Craft club foundations and festival-worthy energy with our most powerful DnB arsenal yet.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"value-box\"\u003e\n \u003cdiv style=\"font-size: 14px; color: #999; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; font-weight: 600;\"\u003e\n Total Bundle Value: \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$179.99\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 38px; color: #c98e37; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(201, 142, 55, 0.2);\"\u003e\n ONLY $44.99\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Redefine your sound with over \u003cstrong style=\"color: #fff; border-bottom: 1px solid #c98e37;\"\u003e1000+ Elite DnB Tools\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: left; max-width: 800px; margin: 0 auto;\"\u003e\n \u003ch3 style=\"text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 30px;\"\u003eWhat’s Inside?\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 137 Premium Serum \u0026amp; 18 Phase Plant Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMeticulously designed bass-heavy leads and neuro-textures essential for modern DnB.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 775 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003ePunchy drums, deep bass one-shots, and atmospheric layers to add life to your arrangements.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 12 Full Ableton Live Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMixed and mastered templates providing invaluable insights into professional construction.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c98e37; font-size: 18px;\"\u003e✔ 78 Pre-Drop Vocals \u0026amp; 51 MIDI Foundation Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eCaptivating vocal hooks and versatile MIDI patterns to jumpstart your unique compositions.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003cdiv class=\"req-grid\"\u003e\n \u003cdiv class=\"req-col-left\"\u003e\n \u003ch4 class=\"req-title\"\u003eCore Requirements\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:0px;\"\u003e\n For Serum \u0026amp; Samples:\n \u003c\/p\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 10px 0 0 0;\"\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Any DAW (Samples\/MIDI)\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Xfer Serum 1.341+\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e kHs Phase Plant 2.0\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"req-col-right\"\u003e\n \u003ch4 class=\"req-title\"\u003eProject Req.\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:0px;\"\u003e\n To open the project files:\n \u003c\/p\u003e\n \u003cul style=\"list-style: none; padding: 0; margin: 10px 0 0 0;\"\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Ableton Live 11.3.2+\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e CamelCrusher, OTT (Free)\u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Serum FX, LFO Tool\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(201, 142, 55, 0), rgba(201, 142, 55, 0.5), rgba(201, 142, 55, 0)); margin: 30px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 5px; margin-top: 5px; color: #ffffff; text-transform: uppercase; font-size: 24px;\"\u003eIncluded Packs\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; color: #aaa; margin-top: 0; margin-bottom: 20px;\"\u003eclick to view\u003c\/p\u003e\n\n \u003cdiv class=\"inventory-grid\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/vortex\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eVORTEX\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHigh-octane DnB construction kits and construction kits.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/anarchy-pro-drum-and-bass-presets\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eANARCHY\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAggressive Serum presets for neuro and jump-up DnB.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eDNB SOUND DESIGN VOL. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eFoundational bass and drum engineering toolkit.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design-vol-2\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eDNB SOUND DESIGN VOL. 2\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eAdvanced rhythmic and tonal engineering library.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"text-align: center; margin-top: 60px; margin-bottom: 0 !important; padding: 40px 30px 0 30px; border-top: 1px solid #333;\"\u003e\n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003eReady to dominate the Drum \u0026amp; Bass scene?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c98e37; color: #000; font-size: 20px; font-weight: bold; padding: 18px 50px; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(201, 142, 55, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(201, 142, 55, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(201, 142, 55, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n \u003cp style=\"color: #666; font-size: 13px; margin-top: 20px; letter-spacing: 1px;\"\u003eSECURE CHECKOUT • INSTANT DIGITAL DELIVERY\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":47024457646411,"sku":"","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UDNBCVOL1Shopify.webp?v=1749103289"},{"product_id":"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":"edmt-silver-production-suite","title":"EDMT SILVER PRODUCTION SUITE","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\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 .hero-title {\n color: #e5e5e5;\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, #a3a3a3);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .hero-tagline {\n font-size: 22px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1px;\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 #c0c0c0;\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: #e5e5e5; 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 Description Box *\/\n .hero-description-box {\n max-width: 950px;\n margin: 0 auto 40px auto; \n background-color: #000;\n border: 1px solid #333;\n padding: 30px;\n border-radius: 12px; \n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.9);\n }\n .hero-main-text {\n margin: 0;\n font-size: 19px; \n line-height: 1.5;\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 }\n\n \/* Value Comparison Box *\/\n .value-box {\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 30px 20px; \n max-width: 700px; \n margin: 0 auto 50px auto; \n text-align: center;\n }\n\n \/* Inventory Grid *\/\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 1000px;\n margin: 0 auto;\n text-align: left;\n }\n @media (min-width: 768px) {\n .inventory-grid { grid-template-columns: 1fr 1fr; }\n }\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #c0c0c0;\n padding: 15px 20px; \n border-radius: 4px;\n transition: all 0.2s ease;\n text-decoration: none !important;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n .pack-tile:hover { transform: translateX(5px); background-color: #1a1a1a; box-shadow: 0 5px 20px rgba(255, 255, 255, 0.05); }\n .pack-title { color: #fff; font-size: 15px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; }\n .pack-desc { margin: 0; font-size: 13px; color: #aaa; line-height: 1.4; }\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: 900px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eEDMT Silver Production Suite\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eMaster the Art of Modern Music Production\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e12,000+\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\"\u003e24GB\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eData Size\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e108\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProjects\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003e\n This isn't just a collection of sounds.. it's your all-in-one production solution.\n \u003cspan style=\"color: #c0c0c0; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 5px;\"\u003e\n Unlock our definitive vault of sonic tools.\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n Designed to provide every shortcut needed to craft groundbreaking music without limits.\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 Suite Content Value: \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$2,600.00\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 42px; color: #e5e5e5; font-weight: 800; line-height: 1; margin-bottom: 12px; text-shadow: 0 0 20px rgba(255, 255, 255, 0.1);\"\u003e\n ONLY $199.99\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Redefine your music journey at \u003cstrong style=\"color: #fff; border-bottom: 1px solid #c0c0c0;\"\u003eOVER 92% OFF\u003c\/strong\u003e\n \u003c\/div\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 Suite?\u003c\/h3\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c0c0c0; font-size: 18px;\"\u003e✔ 108 Full Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDive into professionally mixed arrangements across Midtempo, Trap, Dubstep, and Bass House.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c0c0c0; font-size: 18px;\"\u003e✔ 3,400+ Elite Synth Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eMassive preset libraries for Serum and other industry-standard synthesizers.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c0c0c0; font-size: 18px;\"\u003e✔ 7,000+ High-Quality Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eHard-hitting drums, bass hits, and essential FX designed for maximum impact.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #c0c0c0; font-size: 18px;\"\u003e✔ Exclusive $40 Cash Value Bonus\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes a \u003cstrong style=\"color:#fff;\"\u003e$20 EDMT Gift Card\u003c\/strong\u003e + \u003cstrong style=\"color:#fff;\"\u003e200 Bass Bucks ($20 value)\u003c\/strong\u003e for your future toolkit.\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.3), rgba(255, 255, 255, 0)); margin: 50px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff; text-transform: uppercase; font-size: 24px; letter-spacing: 1px;\"\u003eMajor Collections Included\u003c\/h2\u003e\n\n \u003cdiv class=\"inventory-grid\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/26-ableton-templates-in-1-bundle\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🎵 26 Ableton Templates Bundle\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eA massive collection covering every essential electronic genre.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-drum-bass-collection-vol-1\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🥁 Ultimate Drum \u0026amp; Bass Vol. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eThe groundbreaking arsenal for professional-grade neuro and jump-up DnB.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-midtempo-collection-vol-2\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔮 Ultimate Midtempo Vol. 2\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e3350+ resources for mastering the dark and experimental midtempo sound.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/distorted-hybrid-trap-x-dubstep-x-bass-house-bundle\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔊 Distorted | Bass Collection\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e470+ Serum presets and 10 projects for the underground bass specialist.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/eternal-future-bass-bundle\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e⏩ Eternal | Ultimate Future Bass\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eA comprehensive melodic toolkit with 670+ presets and 130 effect racks.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/uhtc\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🛠️ Ultimate Hybrid Trap Collection\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eEngineered sounds and project files to redefine your hybrid trap production.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-tearout-dubstep-collection-vol-3\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔊 Ultimate Tearout Vol. 3\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eHigh-intensity arsenal focused on ferocity and modern production intensity.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-tearout-dubstep-collection-vol-2\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🌪️ Ultimate Tearout Vol. 2\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eA comprehensive fuel source for creativity in the heavy dubstep realm.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/tearout\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔥 Ultimate Tearout Vol. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eThe foundation for crafting unparalleled, club-ready tearout tracks.\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\"\u003e🎹 Midtempo Sound Design\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e900+ curated premium samples and loops for massive midtempo bangers.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:14px; margin-bottom:15px; border-bottom: 2px solid #c0c0c0; display:inline-block; padding-bottom:5px;\"\u003eSystem Requirements\u003c\/h4\u003e\n \u003cp style=\"color:#ccc; font-size:14px; margin:0;\"\u003e\n The Silver Suite requires \u003cstrong style=\"color:#fff;\"\u003e30GB of free space\u003c\/strong\u003e. Individual pack requirements for Serum, Phase Plant, and Ableton Live are detailed within each pack's specific documentation.\n \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 revolutionize your production workflow?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #c0c0c0; 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.1); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 255, 255, 0.2)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 255, 255, 0.1)';\"\u003e\n GET THE SILVER SUITE\n \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","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":47146619535691,"sku":"","price":199.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SilverTiercoverV7-min.jpg?v=1701354691"},{"product_id":"edmt-gold-production-suite","title":"EDMT GOLD PRODUCTION SUITE","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-bottom: 0 !important;\"\u003e\n\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 .hero-title {\n color: #da971c;\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(#da971c, #9e6d14);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .hero-tagline {\n font-size: 22px;\n font-weight: 600;\n color: #fff;\n margin-bottom: 35px;\n letter-spacing: 1px;\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 #da971c;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(218, 151, 28, 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: #da971c; 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 Description Box *\/\n .hero-description-box {\n max-width: 950px;\n margin: 0 auto 40px auto; \n background-color: #000;\n border: 1px solid #333;\n padding: 30px;\n border-radius: 12px; \n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.9);\n }\n .hero-main-text {\n margin: 0;\n font-size: 19px; \n line-height: 1.5;\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 }\n\n \/* Value Comparison Box *\/\n .value-box {\n background-color: #161616; \n border: 2px dashed #444; \n border-radius: 8px; \n padding: 30px 20px; \n max-width: 700px; \n margin: 0 auto 50px auto; \n text-align: center;\n }\n\n \/* Inventory Grid *\/\n .inventory-grid {\n display: grid;\n grid-template-columns: 1fr; \n gap: 15px; \n max-width: 1000px;\n margin: 0 auto;\n text-align: left;\n }\n @media (min-width: 768px) {\n .inventory-grid { grid-template-columns: 1fr 1fr; }\n }\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #da971c;\n padding: 15px 20px; \n border-radius: 4px;\n transition: all 0.2s ease;\n text-decoration: none !important;\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n .pack-tile:hover { transform: translateX(5px); background-color: #1a1a1a; box-shadow: 0 5px 20px rgba(218, 151, 28, 0.15); }\n .pack-title { color: #fff; font-size: 15px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; }\n .pack-desc { margin: 0; font-size: 13px; color: #aaa; line-height: 1.4; }\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: 900px;\n margin: 40px auto 20px auto;\n text-align: left;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eEDMT Gold Production Suite\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Definitive Solution for Sonic Excellence\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e17,000+\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\"\u003e34GB\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eData Size\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e129\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eProjects\u003c\/span\u003e\n\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003e\n Redefine your sound with our most exclusive and expansive collection ever built.\n \u003cspan style=\"color: #da971c; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 5px;\"\u003e\n Everything you need to reach industry-standard levels.\n \u003c\/span\u003e\n \u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003e\n Whether you are a veteran or just starting, this suite is your key to unlocking an unparalleled realm of creativity.\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 Suite Content Value: \u003cspan style=\"text-decoration: line-through; color: #888; font-size: 18px;\"\u003e$3,300.00\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 42px; color: #da971c; font-weight: 800; line-height: 1; margin-bottom: 12px; text-shadow: 0 0 20px rgba(218, 151, 28, 0.2);\"\u003e\n ONLY $349.99\n \u003c\/div\u003e\n \u003cdiv style=\"font-size: 16px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Access 100% of our catalogue at \u003cstrong style=\"color: #fff; border-bottom: 2px solid #da971c;\"\u003e90% OFF\u003c\/strong\u003e\n \u003c\/div\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 Vault?\u003c\/h3\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ 129 Professional Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAbleton templates spanning every bass genre. Learn elite arrangement and mixing techniques.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ 3,700+ Elite Synth Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIndustry-standard sound design for Xfer Serum, Phase Plant, Massive, and Sylenth1.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ 12,500+ Premium WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eDrums, bass hits, cinematic FX, and industrial textures curated for maximum impact.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #da971c; font-size: 18px;\"\u003e✔ Exclusive $65 Cash Value Bonus\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes a \u003cstrong style=\"color:#fff;\"\u003e$30 EDMT Gift Card\u003c\/strong\u003e + \u003cstrong style=\"color:#fff;\"\u003e350 Bass Bucks ($35 value)\u003c\/strong\u003e for future releases.\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(218, 151, 28, 0), rgba(218, 151, 28, 0.5), rgba(218, 151, 28, 0)); margin: 50px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 10px; color: #ffffff; text-transform: uppercase; font-size: 24px; letter-spacing: 1px;\"\u003eIncluded Master Packs\u003c\/h2\u003e\n \u003cp style=\"font-size: 13px; color: #aaa; margin-top: 0; margin-bottom: 30px;\"\u003eIncludes every pack from the \u003ca href=\"https:\/\/edmtemplates.net\/products\/edmt-silver-production-suite\" style=\"color:#da971c; text-decoration:none;\"\u003eSilver Production Suite\u003c\/a\u003e plus:\u003c\/p\u003e\n\n \u003cdiv class=\"inventory-grid\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/era\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔥 ERA | Tearout Dubstep\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eOver 400 bass one-shots and loops to redefine your raw energy levels.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/berrix-x-edm-templates-riddim-unleashed\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔊 BERRIX x EDMT | Riddim Unleashed\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e100 insane presets and 200+ samples from the workshop of a Riddim master.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/trick-or-treat-vol-1-dubstep-hybrid-trap-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e👻 TRICK OR TREAT VOL. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e800+ haunting sounds, spooky vocals, and complete Ableton project files.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/apocalypse-tearout-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🌪️ APOCALYPSE | Tearout x Hybrid\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e851 high-quality, key-labeled samples for forging earth-shattering foundations.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/phantom-marauda-kompany-yvm3-space-laces-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e☠️ PHANTOM | Bass Pack\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e300 intricate bass samples inspired by Marauda, Kompany, and Space Laces.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/death-spell-skrillex-style-xfer-serum-presets\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e⚡ DEATH SPELL | Skrillex Style\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e74 Serum presets designed to infuse your tracks with raw, legendary power.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/terror-wave-tearout-dubstep-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔊 TERROR WAVE | Ultimate Tearout\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e1,090 unique drop sounds focused on pure destructive force.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/heaven-progressive-house-bundle\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🌟 HEAVEN | Progressive House\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e550+ Serum presets and massive MIDI libraries for melodic dominance.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/superb-trap-x-hip-hop-bundle\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🔥 SUPERB | Trap x Hip Hop\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003ePremium beat-making arsenal including 320 loops and project files.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/digital-cover-designs\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003e🎨 DIGITAL COVER DESIGNS VOL. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e10 professionally designed cover arts to give your releases an elite visual edge.\u003c\/p\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"req-container\"\u003e\n \u003ch4 style=\"color:#fff; text-transform:uppercase; font-size:14px; margin-bottom:15px; border-bottom: 2px solid #da971c; display:inline-block; padding-bottom:5px;\"\u003eSystem Requirements\u003c\/h4\u003e\n \u003cp style=\"color:#ccc; font-size:14px; margin:0;\"\u003e\n Due to the sheer size of the Gold Suite (34GB), we recommend having at least \u003cstrong style=\"color:#fff;\"\u003e40GB of free space\u003c\/strong\u003e. Individual pack requirements for Serum, Ableton Live, and third-party plugins are detailed within each included pack folder.\n \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 claim your all-access pass to the underground?\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: 20px 60px; 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 8px 30px 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 GOLD SUITE\n \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","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":47148719997259,"sku":null,"price":349.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/GoldTiercoverV3-min.jpg?v=1701354683"},{"product_id":"code-black-midtempo-sample-preset-pack","title":"CODE BLACK | MIDTEMPO 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: #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, #888888);\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 #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;\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: #ffffff; 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\"\u003eCODE BLACK\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eSupercharged Midtempo Sound Design\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e200\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\"\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\"\u003e7\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\/NCNLOalcAj8?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\"\u003eEDM Templates proudly presents our latest midtempo flagship. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eInspired by 1788-L, Blanke, and Rezz.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eCODE BLACK is stacked with unique, gritty sounds designed for crafting powerful bangers and supercharging your midtempo production vault.\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: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 200 Top-Tier .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 40 Synth Loops, 40 Bass Loops, 30 Drum Loops, 20 Pad Loops, 50 One Shots, and 20 FX.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 100 Elite Xfer Serum Presets\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003e20 Leads, 35 Basses, 25 Plucks, and 20 Pad\/FX patches engineered for gritty, mind-bending textures.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 7 Professional Ableton Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFeatures 4 Drop Ableton projects from the demo tracks + 3 Bonus projects (only GClip required).\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Frozen Track Compatibility\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eAll tracks with 3rd-party plugins have been frozen, ensuring you can utilize the projects regardless of your plugin library.\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;\"\u003ePreview Sounds\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 Project 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\/1749567903\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\/1749567834\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\/1749567747\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 #ffffff; 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 #ffffff; 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 or newer\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Decapitator \u0026amp; FilterFreak\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Valhalla Vintage Verb\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Kickstart \u0026amp; 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 take your midtempo music to new heights?\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)';\"\u003eGET CODE BLACK\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_-_CODE_BLK_-_BASS_LOOP_34_-_C_m_-_95_BPM.wav?v=1704813488', 'Bass Loop 34', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_SYNTH_LOOP_10_-_Bm_-95_BPM.wav?v=1704813489', 'Synth Loop 10', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_SYNTH_LOOP_39_-_E_-_95_BPM.wav?v=1704813926', 'Synth Loop 39', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_SYNTH_LOOP_31_-_Gm_-_95_BPM.wav?v=1712817027', 'Synth Loop 31', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_PAD_LOOP_8_-_A_m_-_95_BPM.wav?v=1712817043', 'Pad Loop 8', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_BASS_LOOP_19_-_Fm_-_95_BPM.wav?v=1712817043', 'Bass Loop 19', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_BASS_LOOP_2_-_F_-_95_BPM.wav?v=1712817044', 'Bass Loop 2', '#fff', '#ffffff', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_CODE_BLK_-_HAT_LOOP_1_-_95_BPM.wav?v=1704813489', 'Hat Loop 1', '#fff', '#ffffff', 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":47183353413963,"sku":"","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Code_Black.webp?v=1749102870"},{"product_id":"ultimate-dubstep-drum-kit","title":"ULTIMAT DUBSTEP-TRUMKIT","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 \/* Fiery Amber Title Gradient *\/\n .hero-title {\n color: #ffae00;\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, #ffae00, #ff4500);\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 - Fiery Style *\/\n .stat-bar {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n background: #111;\n border: 1px solid #ffae00;\n border-radius: 8px;\n margin-bottom: 40px;\n padding: 20px 10px;\n box-shadow: 0 0 30px rgba(255, 174, 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: #ffae00; 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 \/* Standalone Monolith Description Box (Cover Art Removed) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n padding: 30px;\n border-radius: 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: #ffae00; 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 #ffae00;\n display: inline-block;\n padding-bottom: 5px;\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"hero-title\"\u003eUltimate Dubstep Drum Kit\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Definitive Collection of High-Impact Rhythm\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e1347\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\"\u003eFULL\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eLoop Library\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=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eThe hardest-hitting drum sounds from our best-selling packs. \u003cspan style=\"color: #ffae00; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eUnified in One Massive Collection.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eWhether you’re building monstrous kick\/snare combos or layering intricate cymbal patterns, this is your go-to arsenal for top-tier drum 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;\"\u003eThe Kit Breakdown\u003c\/h3\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffae00; font-size: 18px;\"\u003e✔ 1347 Key-Labeled .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA vast library of high-clarity percussion and rhythmic elements optimized for the modern dance floor.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffae00; font-size: 18px;\"\u003e✔ Elite One-Shot Arsenal\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 342 Kicks, 397 Snares, 56 Claps, 308 Hi-Hats, and 172 Rides.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px;\"\u003e\n \u003cstrong style=\"color: #ffae00; font-size: 18px;\"\u003e✔ 73 Hard-Hitting Drum Loops\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFeatures Full Loops, Kick \u0026amp; Snare variations, and dedicated Cymbal patterns for instant groove construction.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 25px; text-align: center;\"\u003e\n \u003cp style=\"color: #fff; font-weight: bold; font-size: 18px; text-transform: uppercase; letter-spacing: 2px;\"\u003eDrag. Drop. Destroy. 🔥\u003c\/p\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, 174, 0, 0), rgba(255, 174, 0, 0.4), rgba(255, 174, 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 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 in Any DAW\u003c\/li\u003e\n \u003cli style=\"margin-bottom:8px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e FL Studio, Ableton, Logic, etc.\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\"\u003eFormat 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 High-Quality .WAV Files\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Organized into Categories\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Secure Digital Delivery\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 destroy the dance floor with elite drum design?\u003c\/p\u003e\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"background-color: #ffae00; 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, 174, 0, 0.4); transition: all 0.2s ease;\" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 8px 30px rgba(255, 174, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 174, 0, 0.4)';\"\u003eSECURE THE KIT\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_-_Drum_Loop_-_145_5.wav?v=1704687530', 'Drum Loop 145', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/End_Game_-_Drums_-_150_2.wav?v=1712824802', 'End Game 150', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Loop-150_9.wav?v=1712824794', 'TSD Vol. 1 Loop', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Cymbals_Loop_-_150_6.wav?v=1704687529', 'Cymbal Loop', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Kick_-_D_8.wav?v=1704687518', 'Terror Kick D', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Kick_-_A_7.wav?v=1712824779', 'Terror Kick A', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Enigma_-_Kick_-_D_7.wav?v=1712824778', 'Enigma Kick', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Eclipsed_-_Kick_-_C_2.wav?v=1712824780', 'Eclipsed Kick', '#fff', '#ffae00', 20, 'waveform');\n \n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Echo_-_Kick_-_D_3.wav?v=1712824779', 'Echo Kick', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_TSDVOL1_Snare_2.wav?v=1704687519', 'TSD Snare 2', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Snare_-_A_1.wav?v=1712824779', 'Terror Snare A', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Snare_-_C_2.wav?v=1712824779', 'Terror Snare C', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Snare_-_G_13.wav?v=1712824779', 'Terror Snare G', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Snare_-_D_3.wav?v=1712824779', 'Terror Snare D', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Terror_Snare_-_A_21.wav?v=1712824781', 'Terror Snare A21', '#fff', '#ffae00', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Alchemy_-_Clap_4.wav?v=1704687517', 'Alchemy Clap', '#fff', '#ffae00', 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":47271081771339,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UDDK.webp?v=1749103228"},{"product_id":"ultimate-drum-and-bass-drum-kit","title":"ULTIMATE DRUM AND BASS DRUM KIT","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\/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 \/* Standalone Monolith Description Box (Cover Art Removed) *\/\n .hero-description-box {\n max-width: 900px;\n margin: 40px auto !important; \n background-color: #000;\n border: 1px solid #333;\n padding: 30px;\n border-radius: 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\"\u003eUltimate DnB Drum Kit\u003c\/h2\u003e\n \u003cp class=\"hero-tagline\"\u003eThe Definitive Collection of High-Impact Rhythm\u003c\/p\u003e\n\n \u003cdiv class=\"stat-bar\"\u003e\n \u003cdiv class=\"stat-item\"\u003e\n\u003cspan class=\"stat-val\"\u003e549\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\"\u003eFULL\u003c\/span\u003e\u003cspan class=\"stat-lbl\"\u003eLoop Arsenal\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=\"hero-description-box\"\u003e\n \u003cp class=\"hero-main-text\"\u003eThe hardest-hitting drum sounds from our top-selling DnB packs. \u003cspan style=\"color: #ffffff; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 4px;\"\u003eUnified for Maximum Workflow.\u003c\/span\u003e\u003c\/p\u003e\n \u003cspan class=\"hero-sub-text\"\u003eWhether you're building aggressive drops, rolling breakbeats, or ambient intros, this pack delivers a wide arsenal of drag-and-drop drums to elevate your sound.\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: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ 549 High-Quality .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eA comprehensive collection optimized for modern DnB, curated into one elite package.\u003c\/span\u003e\n \u003c\/div\u003e\n \n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Elite One-Shot Collection\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eIncludes 171 Kicks, 188 Snares, and 129 sharp Cymbals designed to dominate any 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✔ Loops \u0026amp; Fills Library\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eFeatures 33 Drum Loops (Full, Kick+Snare, Cymbal) and 28 Drum Fills for seamless movement.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ffffff; font-size: 18px;\"\u003e✔ Drag. Drop. Produce.\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ccc; font-size: 15px;\"\u003eSpeed up your creative process with samples ready for immediate use in any professional DAW.\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;\"\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 in Any DAW\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 class=\"req-title\"\u003eTech 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 Pro-Quality .WAV Files\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Categorized Folder Structure\u003c\/li\u003e\n \u003cli style=\"margin-bottom:4px;\"\u003e\n\u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e Secure Digital Delivery\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 DnB production with elite rhythm?\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)';\"\u003eSECURE THE ARSENAL\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\/DNB_SOUND_DESIGN_Drum-Loop-174_6.wav?v=1704956205', 'Drum Loop 174-6', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Drum-Loop-174_1.wav?v=1712826120', 'Drum Loop 174-1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN_Top-Loop-174_1.wav?v=1712826119', 'Top Loop 174', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Snare_Roll_10.wav?v=1712826128', 'Snare Roll 10', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Amen_Break-174_5.wav?v=1704956194', 'Amen Break 5', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Hat_Roll_2.wav?v=1712826097', 'Hat Roll 2', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_EDM_Templates_-_Nocturna_Kick_3.wav?v=1704956187', 'Nocturna Kick 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Kick_3.wav?v=1712826096', 'DNB SD Kick 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/D_-_EDM_Templates_-_Diablo_Kick_6.wav?v=1712826095', 'Diablo Kick 6', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/B_-_EDM_Templates_-_Nocturna_Kick_1.wav?v=1712826096', 'Nocturna Kick 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/F_-_EDM_Templates_-_Chaos_Snare_2.wav?v=1704956185', 'Chaos Snare 2', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/A_-_EDM_Templates_-_Devourer_Snare_1.wav?v=1712826095', 'Devourer Snare 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/A_-_EDM_Templates_-_Wraith_Snare_3.wav?v=1712826095', 'Wraith Snare 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/F_-_EDM_Templates_-_Onyx_Snare_3.wav?v=1712826095', 'Onyx Snare 3', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Hat_16.wav?v=1712826464', 'Vortex Hat 16', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DNB_SOUND_DESIGN2_Hihat_5.wav?v=1712826465', 'Hihat 5', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDM_Templates_-_Onyx_Cymbals_1.wav?v=1712826465', 'Onyx Cymbals 1', '#fff', '#888', 20, 'waveform');\n renderWavePlayer('https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_-_Vortex_Crash_6.wav?v=1712826472', 'Vortex Crash 6', '#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 = \"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":47283547701579,"sku":"","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UDNBDK.webp?v=1749103232"},{"product_id":"modeight-x-edmt-heavy-dubstep-essentials-vol-1","title":"MODEIGHT X EDMT | HEAVY 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":"ultimate-tearout-dubstep-collection-vol-4","title":"ULTIMATE TEAROUT DUBSTEP COLLECTION VOL. 4","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\n@media (max-width: 768px) {\n .rte h2.bundle-main-title {\n margin-top: -20px !important;\n }\n}\n .bundle-main-title {\n color: #ff0000;\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. 4\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 #ff0000;\n \"\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 src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1504739917\u0026amp;color=%23ff0000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\"\u003e\u003c\/iframe\u003e \n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1591710751\u0026amp;color=%23ff0000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\"\u003e\u003c\/iframe\u003e \n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1648614183\u0026amp;color=%23ff0000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\"\u003e\u003c\/iframe\u003e \n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1673078118\u0026amp;color=%23ff0000\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" height=\"20\" width=\"100%\" frameborder=\"no\"\u003e\u003c\/iframe\u003e\n \u003c\/div\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$209.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 34px; color: #ff0000; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(255, 0, 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 Unleash absolute destruction at a \u003cstrong style=\"color: #fff; border-bottom: 1px solid #ff0000;\"\u003emassive discount\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003ePrepare to unleash absolute destruction in your tracks with this powerhouse tearout dubstep bundle. Designed for producers craving brutality, precision, and high-impact sonics, this pack is stacked with the most explosive sounds from the EDMT catalogue.\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: 20px;\"\u003e\n \u003cstrong style=\"color: #ff0000;\"\u003e✔ 2700+ Premium .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eBasses, cinematic atmospheres, industrial FX, and hard-hitting drums.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff0000;\"\u003e✔ 100 Pre-Drop Vocals\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eAggressive, hype-driven vocal shouts to supercharge your build-ups.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 20px;\"\u003e\n \u003cstrong style=\"color: #ff0000;\"\u003e✔ 4 Complete Ableton Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eFull tracks. Study the layout, processing, and advanced sound design.\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 #ff0000;\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: #ff0000;\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\"\u003eSample Compatibility\u003c\/h4\u003e\n \u003cp style=\"color:#999; font-size:13px; margin-top:-10px; margin-bottom:20px;\"\u003e\n Works with everything:\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 100% Royalty Free\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n High Quality 24-bit WAV\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 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.3.4+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Serum 1.363+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n FabFilter Bundle, kHs Bundle\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;\"\u003eSelect Track Enhancements\u003c\/h4\u003e\n \u003cp style=\"color:#777; font-size:12px; margin-top:-10px; margin-bottom:15px;\"\u003eUsed in select project files for processing:\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• GClip (Free)\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• CamelCrusher\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• ElastiquePitchV2\u003c\/div\u003e\n \u003cdiv style=\"color: #999; font-size: 13px;\"\u003e• Soothe2 (Optional)\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp style=\"font-size: 14px; color: #bbb; margin-top: 25px; text-align: center; font-weight: 500;\"\u003e\n Note: Third-party plugin tracks are frozen for seamless use even if you don’t have them all.\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n \u003chr style=\"border: 0; height: 1px; background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.5), rgba(255, 0, 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 \/* 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 #ff0000;\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,0,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\/phantom-marauda-kompany-yvm3-space-laces-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003ePHANTOM\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eInspired by Marauda, Kompany, and Space Laces. Pure heavy-hitting destruction.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/apocalypse-tearout-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eAPOCALYPSE\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eThe ultimate toolkit for industrial tearout and mechanical bass design.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/trick-or-treat-vol-1-dubstep-hybrid-trap-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eTRICK OR TREAT VOL. 1\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eSpooky atmospheres meets aggressive hybrid trap and dubstep rhythms.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/era\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cdiv class=\"pack-title\"\u003eERA\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003eModern tearout essentials focused on precision and sonic impact.\u003c\/p\u003e\n \u003c\/a\u003e\n\n \u003cdiv class=\"pack-tile centered-tile\"\u003e\n \u003cdiv class=\"pack-title\" style=\"color: #ff0000;\"\u003eHEAVYWEIGHT VOCALS VOL. 2\u003c\/div\u003e\n \u003cp class=\"pack-desc\"\u003e\u003cstrong\u003eBUNDLE EXCLUSIVE:\u003c\/strong\u003e 100 aggressive vocal shouts and pre-drop phrases.\u003c\/p\u003e\n \u003c\/div\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 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: #ff0000; \n color: #ffffff; \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, 0, 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, 0, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 0, 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":47511042949451,"sku":"","price":44.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UTDCV4.webp?v=1749103335"},{"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 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: #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":"edmt-2024-ultimate-collection","title":"EDMT ULTIMATE COLLECTION 2024","description":"\u003cdiv style=\"text-align: center; max-width: 1100px; 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 .main-title-desktop {\n margin-top: -40px !important;\n }\n }\n \u003c\/style\u003e\n\n \u003ch2 class=\"main-title-desktop\" style=\"margin-bottom: 30px; margin-top: 0; color: #ff0000; text-transform: uppercase; letter-spacing: 2px; font-size: 28px; font-weight: 800; background: -webkit-linear-gradient(#ff0000, #990000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\"\u003e\n EDMT Ultimate Collection 2024\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: 35px 30px;\n border-top: 3px solid #ff0000;\n \"\u003e\n \u003cp style=\"margin: 0; font-size: 18px; line-height: 1.4; color: #fff; font-weight: 500;\"\u003e\n \u003cspan style=\"color: #ff0000; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;\"\u003eRedefine your production game.\u003c\/span\u003e\u003cbr\u003e\n \u003cspan style=\"font-size: 18px; color: #ccc; display: block; margin-top: 10px;\"\u003eA massive selection of premium samples, presets, and projects from every pack released this year.\u003c\/span\u003e\n \u003c\/p\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: #888; font-size: 18px;\"\u003e$819.99\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 38px; color: #ff0000; font-weight: 800; line-height: 1; margin-bottom: 10px; text-shadow: 0 0 20px rgba(255, 0, 0, 0.2); background: -webkit-linear-gradient(#ff0000, #990000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;\"\u003e\n ONLY $99.99\n \u003c\/div\u003e\n\n \u003cdiv style=\"font-size: 15px; color: #fff; font-weight: normal; letter-spacing: 0.5px;\"\u003e\n Over \u003cstrong style=\"color: #fff; border-bottom: 1px solid #ff0000;\"\u003e88% OFF\u003c\/strong\u003e the ultimate production arsenal\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch4 style=\"margin-top: 40px; margin-bottom: 25px; color: #ffffff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 22px;\"\u003eThe 2024 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: #ff0000;\"\u003e✔ 5800+ Premium .WAV Samples\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eEarth-shattering bass, drum loops, atmospheric FX, and cinematic one-shots.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #ff0000;\"\u003e✔ 674 Presets for Serum \u0026amp; Phase Plant\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eExpert tools for Dubstep, Hybrid Trap, Riddim, and DnB.\u003c\/span\u003e\n \u003c\/p\u003e\n \u003cp style=\"font-size: 18px; margin-bottom: 15px;\"\u003e\n \u003cstrong style=\"color: #ff0000;\"\u003e✔ 20 Complete Project Files\u003c\/strong\u003e\u003cbr\u003e\n \u003cspan style=\"color: #ddd; font-size: 16px;\"\u003eLearn pro arrangement, high-impact sound design, and advanced processing.\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 #ff0000;\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: #ff0000;\n font-weight: bold;\n font-size: 16px;\n margin-right: 12px;\n min-width: 20px;\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)\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Xfer Serum \u0026amp; Phase Plant\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 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+\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Serum, Phase Plant\n \u003c\/li\u003e\n \u003cli class=\"req-item\"\u003e\n \u003cspan class=\"checkmark\"\u003e✔\u003c\/span\u003e\n Standard EDMT Plugin Set\n \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(255, 0, 0, 0), rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0)); margin: 40px 0;\"\u003e\n\n \u003ch2 style=\"margin-bottom: 30px; color: #ffffff; text-transform: uppercase;\"\u003eThe 2024 Collection\u003c\/h2\u003e\n\n\u003cstyle\u003e\n \/* Pyramid Layout CSS *\/\n .pyramid-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n width: 100%;\n margin: 0 auto;\n }\n\n .pyramid-row {\n display: flex;\n justify-content: center;\n gap: 15px;\n width: 100%;\n flex-wrap: nowrap;\n }\n\n .pack-tile {\n background-color: #111;\n border-left: 3px solid #ff0000;\n padding: 0; \n border-radius: 4px;\n transition: all 0.2s ease;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n overflow: hidden;\n text-decoration: none !important;\n }\n\n .pack-tile:hover {\n transform: translateY(-5px);\n background-color: #1a1a1a;\n box-shadow: 0 5px 15px rgba(255, 0, 0, 0.3);\n }\n\n .pack-tile:hover .pack-title {\n text-decoration: underline !important;\n }\n\n .pack-img {\n width: 100%;\n height: auto;\n display: block;\n border-bottom: 1px solid #333;\n }\n\n .pack-content {\n padding: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n }\n\n .pack-title {\n color: #fff;\n font-size: 11px;\n font-weight: bold;\n text-transform: uppercase;\n text-decoration: none !important;\n line-height: 1.2;\n text-align: center;\n }\n\n \/* Specific Row Widths to ensure pyramid scaling *\/\n .row-1 .pack-tile { width: 220px; }\n .row-3 .pack-tile { width: 190px; }\n .row-4 .pack-tile { width: 175px; }\n .row-5 .pack-tile { width: 160px; }\n\n@media (max-width: 768px) {\n .pyramid-wrapper {\n --gap: 15px;\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: var(--gap);\n }\n\n \/* Make the row divs not create their own layout *\/\n .pyramid-row {\n display: contents;\n }\n\n \/* Tiles fill a normal grid cell *\/\n .pack-tile {\n width: 100% !important;\n }\n\n \/* Last tile: span both columns but stay \"one tile\" wide *\/\n .pyramid-row:last-child .pack-tile:last-child {\n grid-column: 1 \/ -1;\n justify-self: center;\n\n \/* key: don't set width to the full span; cap it to 1-column width *\/\n width: 100% !important;\n max-width: calc((100% - var(--gap)) \/ 2);\n }\n}\n\n\n\/* Optional: on super small phones go 1-wide *\/\n@media (max-width: 360px) {\n .pyramid-wrapper {\n grid-template-columns: 1fr;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"pyramid-wrapper\"\u003e\n\n \u003cdiv class=\"pyramid-row row-1\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/taste-of-the-underground\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/THE_TASTE_OF_THE_UNDERGROUND.png?v=1733891048\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eTaste Of The Underground\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pyramid-row row-3\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/blaqout-x-magmag-dubstep-inferno\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BLAQOUTS_DUBSTEP_INFERNO_UC24.png?v=1733446563\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eBlaqout's Inferno\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/raptor-tearout-x-riddim-serum-preset-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/RAPTOR_UC24.png?v=1733446564\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eRaptor\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/trick-or-treat-vol-2-dubstep-x-hybrid-trap-sample-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/TRICK_OR_TREAT_VOL_2_UC24.png?v=1733446563\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eTrick Or Treat Vol. 2\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pyramid-row row-4\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/whzly-dubstep-production-course\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_S_DUBSTEP_PRODUTION_COURSE_UC24.png?v=1733446565\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eWhzly's Course\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/modeight-x-edmt-melodic-dubstep-essentials-vol-1\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MELODIC_DUBSTEP_ESSENTIALS_VOL_1_UC24.png?v=1733446564\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eMelodic Essentials\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/modeight-x-edmt-heavy-dubstep-essentials-vol-1\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/MODEIGHT_X_EDMT_HEAVY_DUBSTEP_ESSENTIALS_VOL_1_UC24.png?v=1733446564\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eHeavy Essentials\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/whzlys-dubstep-dungeon\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/WHZLY_S_DUBSTEP_DUNGEON_UC24.png?v=1733446565\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eWhzly's Dungeon\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pyramid-row row-5\"\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-dubstep-drum-kit\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_ULTIMATE_DUBSTEP_DRUM_KIT_UC24.png?v=1733446565\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eDubstep Drum Kit\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/code-black-midtempo-sample-preset-pack\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/CODE_BLACK_UC24.png?v=1733446565\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eCode Black\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/ultimate-drum-and-bass-drum-kit\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/EDMT_ULTIMATE_DNB_DRUM_KIT_UC24.png?v=1733446564\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eDnB Drum Kit\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/drum-and-bass-sound-design-vol-3\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DRUM_AND_BASS_SOUND_DESIGN_VOL_3_UC24.png?v=1733446565\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eDnB SD Vol 3\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/edmtemplates.net\/products\/berrixs-riddim-lab\" target=\"_blank\" class=\"pack-tile\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/BERRIX_S_RIDDIM_LAB_UC24.png?v=1733446565\" class=\"pack-img\"\u003e\n \u003cdiv class=\"pack-content\"\u003e\u003cdiv class=\"pack-title\"\u003eBerrix's Riddim Lab\u003c\/div\u003e\u003c\/div\u003e\n \u003c\/a\u003e\n \u003c\/div\u003e\n\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 \n \u003cp style=\"color: #ccc; margin-bottom: 25px; font-size: 18px;\"\u003e\n Unleash the power of the underground. Ready to dominate?\n \u003c\/p\u003e\n\n \u003cbutton onclick=\"window.scrollTo({ top: 0, behavior: 'smooth' });\" style=\"\n background-color: #ff0000; \n color: #ffffff; \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, 0, 0, 0.4);\n transition: all 0.2s ease;\n background: -webkit-linear-gradient(#ff0000, #990000);\n \" onmouseover=\"this.style.transform='scale(1.05)'; this.style.boxShadow='0 6px 25px rgba(255, 0, 0, 0.6)';\" onmouseout=\"this.style.transform='scale(1)'; this.style.boxShadow='0 4px 20px rgba(255, 0, 0, 0.4)';\"\u003e\n GET THE COLLECTION\n \u003c\/button\u003e\n\n \u003cp style=\"color: #666; 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":"Default Title","offer_id":50939078279499,"sku":"","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/2024UltimateCollection_e76ed855-504b-4ae6-bd43-68c90f12df4a.jpg?v=1734315902"},{"product_id":"outlaw-moombahton-ableton-project-file","title":"OUTLAW | MOOMBAHTON ABLETON PROJECT FILE","description":"\u003c!-- YouTube Preview --\u003e\n\u003cdiv style=\"max-width: 700px; margin: 0 auto; text-align: center;\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/IUd1uuzOaNM?si=WIjMz1wGkziqS-v0\" title=\"YouTube video player\" style=\"width: 100%; aspect-ratio: 16 \/ 9; border: none; border-radius: 6px;\" allowfullscreen allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\u003e\n \u003c\/iframe\u003e\n\u003c\/div\u003e\n\n\u003c!-- SoundCloud Preview --\u003e\n\u003cdiv style=\"max-width: 900px; margin: 24px auto 0 auto; text-align: center;\"\u003e\n \u003cp style=\"margin-bottom: 8px;\"\u003eSoundCloud Preview:\u003c\/p\u003e\n \u003ciframe src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/1994011723%3Fsecret_token%3Ds-bU7rKuBVnYj\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\" style=\"width: 100%; height: 20px; border: none;\" scrolling=\"no\" allow=\"autoplay\"\u003e\n \u003c\/iframe\u003e\n\u003c\/div\u003e\n\n\u003c!-- Product Description --\u003e\n\u003cdiv style=\"max-width: 850px; margin: 32px auto 0 auto; text-align: center; color: #f1f1f1; font-size: 16px; line-height: 1.6;\"\u003e\n\n \u003cp\u003e\u003cstrong\u003eDo you want to produce Moombahton in Ableton Live?\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cp\u003e\u003cstrong\u003eOUTLAW\u003c\/strong\u003e combines a unique blend of genres, capturing the raw, rebellious energy that makes Moombahton so exciting and versatile. This 100% royalty-free Ableton project file includes all the essential elements to help you craft your own Moombahton banger.\u003c\/p\u003e\n\n \u003cp\u003eWhether you're looking for inspiration or a starting point for your next production, \u003cstrong\u003eOUTLAW\u003c\/strong\u003e is the professionally produced project file you need!\u003c\/p\u003e\n\n \u003c!-- Requirements --\u003e\n \u003ch4 style=\"margin-top: 32px; font-size: 18px; color: #ffffff;\"\u003eRequirements:\u003c\/h4\u003e\n Ableton Live 12.0 or greater\u003cbr\u003e\n FabFilter: Pro-Q3\u003cbr\u003e\n Xfer Serum\u003cbr\u003e\n GClip (free)\u003cbr\u003e\n Soothe2 (optional)\u003cbr\u003e\n kHs Transient Shaper (optional)\n\n \u003cbr\u003e\u003cbr\u003e\n\n \u003cp style=\"font-size: 15px;\"\u003eLearn and focus on creativity with our premium \u003cstrong\u003eAbleton templates\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n","brand":"⛓👽 EDM TEMPLATES","offers":[{"title":"Standardtitel","offer_id":51006159290699,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/OUTLAW.webp?v=1749103042"},{"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":"nihilism-2-midtempo-x-uk-bass-sample-pack","title":"NIHILISM 2 | PREMIUM MIDTEMPO X UK BASS SAMPLE\/PRESET PACK","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Montserrat:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n .serum2-global-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n background: transparent;\n margin: 0;\n padding: 0;\n }\n\n \/* Centered inner content *\/\n .serum2-inner {\n max-width: 1300px;\n width: 100%;\n margin: 0 auto;\n padding: 0px 0px;\n box-sizing: border-box;\n }\n\n.whzly-list ul{ \n list-style-type: none;\n padding-left: 0;\n margin-left: 0;\n}\n\n@media (max-width: 480px) {\n .serum2-inner h1 {\n font-size: 28px !important;\n }\n}\n\n .serum2-inner h1,\n .serum2-inner h2,\n .serum2-inner h3 {\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n position: relative;\n animation: subtle-glitch 1s ease-in-out infinite;\n }\n\n .serum2-inner h2::before {\n content: \"\u003e \";\n color: #f0f0e6;\n margin-right: 6px;\n }\n \n .serum2-inner h1 {\n text-align: center;\n margin-bottom: -5px;\n }\n \n .serum2-inner p,\n .serum2-inner li {\n color: #f0f0e6;\n font-size: 16px;\n line-height: 1.6;\n z-index: 1;\n position: relative;\n }\n\n.system-header::before {\n content: none !important;\n}\n\n@media (max-width: 480px) {\n .system-header {\n font-size: 18px !important;\n line-height: 1.4;\n }\n}\n\n.serum2-inner li:not(.expandable-trigger):not(.expandable-wrapper)::before {\n content: \"▶\\FE0E \";\n color: #f0f0e6;\n padding-right: 6px;\n position: relative;\n top: 2px;\n}\n\n .serum2-inner ul {\n list-style-type: none;\n padding-left: 0.6rem;\n margin-left: 0;\n }\n\n @keyframes subtle-glitch {\n 0%, 60%, 100% { text-shadow: 0 0 4px #f0f0e6; }\n 20% { text-shadow: -1px 0 #f0f0e6, 1px 0 #f0f0e6; }\n 40% { text-shadow: 1px 0 #f0f0e6, -1px 0 #f0f0e6; }\n 80% { text-shadow: 0 0 6px #f0f0e6; }\n }\n\n .cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background-color: #f0f0e6;\n margin-left: 3px;\n animation: blink 0.8s infinite alternate;\n }\n\n @keyframes blink {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n\n.hook-plus-image {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n gap: 40px;\n margin: 40px 0;\n width: 100%;\n}\n\n.hook-text {\n flex: 1 1 50%;\n min-width: 300px;\n}\n\n .split-combine-section.in-view.animation-complete .half {\n 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: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n\/* Increase heading size *\/\n.hook-text h2,\n.serum2-inner h2 {\n font-size: 24px;\n}\n\n\/* Increase bullet list font *\/\n.hook-text li,\n.serum2-inner ul li {\n font-size: 18px;\n line-height: 1.8;\n}\n\n\/* Optional: increase paragraph size under vault section *\/\n.serum2-inner p {\n font-size: 17px;\n}\n.split-combine-section {\n flex: 1 1 40%;\n max-width: 480px;\n position: relative;\n overflow: hidden;\n height: 320px;\n}\n\n.split-combine-section .half {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n transition: transform 1s ease-out;\n}\n\n.split-combine-section .half.left {\n left: 0;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);\n transform: translateX(-100%);\n}\n\n.split-combine-section .half.right {\n left: 0;\n clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n transform: translateX(100%);\n}\n\n .split-combine-section .sr-only {\n position: absolute;\n width: 100%;\n object-fit: cover;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 1s ease-in-out;\n z-index: 0; \n}\n\n .split-combine-section.in-view .sr-only {\n opacity: 1;\n transition-delay: 1s; \n}\n \n.split-combine-section.in-view .half.left,\n.split-combine-section.in-view .half.right {\n transform: translateX(0);\n}\n \n.split-combine-section.in-view.animation-complete .sr-only {\n z-index: 2;\n pointer-events: auto;\n transition: transform 0.25s ease-in-out;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only:hover {\n transform: scale(1.06);\n}\n \n\n.split-combine-section.split-whzly {\n aspect-ratio: 16 \/ 9;\n height: auto;\n max-width: 480px;\n}\n\n.split-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: filter 0.8s ease;\n filter: none;\n}\n\n@media (max-width: 768px) {\n .hook-plus-image {\n flex-direction: column;\n align-items: center;\n gap: 0px !important;\n }\n\n .split-combine-section {\n max-width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 9;\n }\n}\n\n@media (min-width: 769px) {\n .split-combine-section {\n margin-top: 30px;\n }\n}\n\n@keyframes pulse-glow-smaller {\n 0% { filter: drop-shadow(0 0 4px #f0f0e6); }\n 100% { filter: drop-shadow(0 0 8px #f0f0e6); }\n}\n\n @media (max-width: 768px) {\n .vault-plus-split {\n flex-direction: column;\n align-items: center;\n }\n\n .split-combine-section {\n max-width: 100%;\n }\n }\n\n .jukebox-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n transform-origin: top center;\n padding: 20px;\n transform: translateX(100px);\n margin-top: -10px !important;\n}\n\n\/* Scale for tablet *\/\n@media (max-width: 768px) {\n .jukebox-wrapper {\n transform: scale(0.85);\n }\n}\n\n\/* Scale further for mobile *\/\n@media (max-width: 480px) {\n .jukebox-wrapper {\n transform: scale(0.7);\n }\n}\n\n.animated-list ul ul {\n max-height: 0;\n opacity: 0;\n transform: translateY(-8px);\n overflow: hidden;\n transition:\n max-height 1.2s ease-in-out,\n opacity 1.2s ease-in-out,\n transform 1.2s ease-in-out;\n}\n\n.animated-list.visible ul ul {\n max-height: 1000px;\n opacity: 1;\n transform: translateY(0);\n}\n\n@media (max-width: 768px) {\n .hook-text h2 {\n margin-top: 0px !important;\n margin-bottom: 0px\n }\n\n .hook-text p {\n margin-bottom: 0px !important;\n }\n\n .vault-and-player {\n margin-top: 5px !important; \/* was 100px *\/\n }\n\n .glitch-button.scroll-button {\n margin-bottom: 30px !important; \/* was 80px *\/\n }\n}\n\n@media (max-width: 768px) {\n .hook-plus-image .hook-text {\n margin-top: -5px\n margin-bottom: -5px !important;\n }\n}\n\n \u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .serum2-inner {\n padding-left: 10px !important;\n padding-right: 10px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n box-sizing: border-box;\n }\n}\n\u003c\/style\u003e\n\n \u003cstyle\u003e\n@media (max-width: 480px) {\n .serum2-inner p,\n .serum2-inner li {\n font-size: 15px !important; \/* was 17-18px *\/\n line-height: 1.5 !important; \/* was 1.8 *\/\n }\n\n .serum2-inner h2 {\n font-size: 22px !important; \/* was 24px *\/\n margin-top: 20px !important;\n margin-bottom: 12px !important;\n }\n\n #fullscreenTip {\n font-size: 12px !important;\n line-height: 1.2 !important;\n }\n}\n\n .hook-text ul,\n .vault-section ul {\n margin-top: 8px !important;\n margin-bottom: 0px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003c!-- Content Starts Here --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.glitch-line {\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n font-size: 13px;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n margin: 20px 0;\n position: relative;\n}\n\n.scrolling-text {\n display: inline-block;\n white-space: nowrap;\n animation: scroll-text 250s linear infinite;\n padding-left: 0; \/* Remove the initial gap *\/\n}\n\n@keyframes scroll-text {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.vault-statement {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 22px;\n margin: 40px auto -35px auto;\n max-width: 900px;\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.vault-statement p {\n margin-bottom: -15px; \/* Reduce bottom space *\/\n line-height: 1.5;\n}\n\n@media (min-width: 769px) {\n .vault-statement {\n margin-top: 10px !important;\n }\n}\n\n@media (max-width: 768px) {\n .vault-statement {\n font-size: 18px !important;\n line-height: 1.4 !important;\n padding: 0 10px;\n }\n \n .vault-statement p {\n font-size: 16px !important;\n line-height: 1.4 !important;\n margin-bottom: 0px !important;\n }\n}\n\n.glitch-button.scroll-button {\n margin-top: 4px !important;\n}\n\n.desktop-vault-text {\n display: block;\n}\n.mobile-vault-text {\n display: none;\n}\n\n@media (max-width: 768px) {\n .desktop-vault-text {\n display: none;\n }\n .mobile-vault-text {\n display: block;\n }\n}\n\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .desktop-only-text {\n display: none !important;\n }\n}\n\n@media (min-width: 769px) {\n .benchmark-tagline {\n margin-top: -15px;\n margin-bottom: 9px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .split-combine-section.split-whzly .half,\n .split-combine-section.split-serum .half {\n display: none !important;\n\n }\n\n.split-combine-section.split-serum {\n display: flex;\n align-items: center;\n}\n\n.split-combine-section.split-serum .half {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\/* Always show fallback sr-only image for sections that still use it *\/\n.split-combine-section .sr-only {\n opacity: 1 !important;\n position: relative !important;\n z-index: 1 !important;\n pointer-events: auto !important;\n transition: none !important;\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .split-combine-section {\n overflow: visible !important;\n height: auto !important;\n aspect-ratio: auto !important;\n max-width: 100% !important;\n transform: none !important;\n }\n\n .split-combine-section .sr-only {\n width: 100% !important;\n height: auto !important;\n object-fit: contain !important;\n border-radius: 0 !important;\n margin: 20px 0 !important;\n transform: none !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n margin-top: 4px !important;\n padding-top: 0px !important;\n}\n\n\/* Second level bullets (nested ul inside ul) *\/\n.expandable-content ul ul {\n margin-left: 16px !important;\n padding-left: 16px !important;\n border-left: none !important;\n margin-top: 4px !important; \n padding-top: 0px !important;\n margin-bottom: 0px !important;\n}\n\n.expandable-content ul ul li::before {\n content: \"•\" !important; \n margin-right: 4px !important;\n transform: translateX(-1px) !important;\n position: relative;\n top: -2px; \n}\n\n.expandable-content ul ul li {\n font-weight: normal;\n margin-top: 2px !important; \n margin-bottom: 2px !important;\n line-height: 1.5 !important; \n}\n\n.expandable-content ul li {\n font-weight: bold;\n margin-top: 2px !important;\n margin-bottom: 2px !important;\n line-height: 1.5 !important;\n}\n\n.nihilism-heading {\n style=\"text-align: center;\n margin-top: -5px;\n}\n\n @media (max-width: 768px) {\n .intro-mobile-hide {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .nihilism-heading {\n margin-top: 0px !important;\n }\n }\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n .vault-and-player {\n align-items: center;\n }\n\n .jukebox-section {\n position: relative; \n align-self: center;\n margin-left: -225px;\n transform: translateY(0);\n transition: none;\n transition: transform 0.3s ease;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .weapon-tagline {\n margin-bottom: 8px !important;\n }\n}\n\n.nihilism-subheading {\n text-align: center;\n}\n\n@media (max-width: 768px) {\n .desktop-only {\n display: none;\n }\n .mobile-only {\n display: block;\n }\n}\n\n@media (min-width: 769px) {\n .desktop-only {\n display: block;\n }\n .mobile-only {\n display: none;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n \u003cdiv class=\"serum2-inner\"\u003e\n\n \u003ch1 class=\"nihilism-heading\" style=\"margin-top:-40px\"\u003e\n \u003cspan class=\"intro-mobile-hide\"\u003eINTRODUCING \u003c\/span\u003eNIHILISM 2\n\u003c\/h1\u003e\n\u003cp class=\"nihilism-subheading desktop-only\"\u003e\n The follow-up to the pack that redefined midtempo. This time, it leaves nothing standing.\n\u003c\/p\u003e\n\u003cp class=\"nihilism-subheading mobile-only\"\u003e\n The follow-up to the pack that redefined midtempo.\u003cbr\u003eThis time, it leaves nothing standing.\n\u003c\/p\u003e\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- DEMO TRACK VIDEO --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"text-align: center; margin: 5px 0;\"\u003e\n \u003cdiv class=\"video-glow-wrapper-static\" style=\"max-width: 800px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px #f0f0e6;\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/UOMhilmaWW8?si=V0zzcvaEsmiywSk2?rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 450px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .video-glow-wrapper-static {\n box-shadow: none !important;\n }\n }\n\n.split-combine-section.split-serum .half.right,\n.split-combine-section.split-serum .half.left,\n.split-combine-section.split-serum .sr-only {\n padding-top: 20px;\n}\n\n @media (max-width: 768px) {\n .serum2-inner h1 {\n font-size: 38px !important;\n line-height: 1.2 !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .nihilism-tagline-desktop {\n display: block;\n }\n\n .nihilism-tagline-mobile {\n display: none;\n }\n\n .hook-text h2 {\n font-size: 24px !important;\n margin-top: 40px !important;\n margin-bottom: 20px !important;\n text-align: center !important;\n }\n\n .inspired-by-line {\n text-align: center !important;\n }\n }\n\n @media (min-width: 769px) {\n .nihilism-tagline-mobile {\n display: none;\n }\n }\n\n@media (max-width: 768px) {\n .hook-plus-image {\n padding: 0 -20px !important;\n margin: 0 auto !important;\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .hook-plus-image .hook-text {\n width: 100% !important;\n max-width: 100% !important;\n }\n}\n\n@media (max-width: 768px) {\n .hook-plus-image ul {\n margin-left: 10px !important;\n }\n}\n\n@media (max-width: 768px) {\n .inspired-by-line {\n font-family: inherit !important;\n }\n}\n\n @media (max-width: 768px) {\n .nihilism-bullets-desktop {\n display: none;\n }\n .nihilism-bullets-mobile {\n display: block;\n margin-left: 20px;\n }\n }\n\n @media (min-width: 769px) {\n .nihilism-bullets-mobile {\n display: none;\n }\n\n .hook-text h2 .gear-icon {\n display: none;\n }\n }\n @media (max-width: 769px) {\n .gear-icon {\n display: none;\n }\n }\n\n@media (max-width: 768px) {\n .split-combine-section.split-serum {\n display: none;\n }\n}\n\n@media (max-width: 768px) {\n .vault-and-player {\n margin-top: 30px !important;\n }\n}\n\n@media (max-width: 768px) {\n .inside-heading-desktop {\n display: none;\n }\n}\n\n@media (min-width: 769px) {\n .inside-heading-mobile {\n display: none;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n \u003ch2 style=\"margin-top: 35px; margin-bottom: 5px;\"\u003e\n \u003cspan class=\"gear-icon\"\u003e⚙️\u003c\/span\u003e Geared for a New Wave of Bass\n \u003c\/h2\u003e\n\n \u003cp class=\"nihilism-tagline-desktop\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eDesigned to cut through modern bass music\u003c\/span\u003e\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp class=\"nihilism-tagline-mobile\"\u003e\n Designed to cut through modern bass music\n \u003c\/p\u003e\n\n \u003cp class=\"inspired-by-line\" style=\"margin: -20px 0 0; font-family: 'Share Tech Mono', monospace; font-size: 13.5px; color: #f58a80;\"\u003e\n Inspired by REZZ, Deathpact, 1788-L, Blanke, and X1-Y2.\n \u003c\/p\u003e\n\n\u003cul class=\"nihilism-bullets-desktop\"\u003e\n \u003cli\u003eAggressive midtempo meets modern UK Bass\u003c\/li\u003e\n \u003cli\u003e120 cutting-edge Serum 2 presets\u003c\/li\u003e\n \u003cli\u003eOne-note triggered presets included\u003c\/li\u003e\n \u003cli\u003eAll 8 macros programmed for instant variation and control\u003c\/li\u003e\n \u003cli\u003e2000+ samples - our biggest midtempo pack!\u003c\/li\u003e\n \u003cli\u003e7 Ableton projects for reverse-engineering pro tracks\u003c\/li\u003e\n \u003cli\u003eThe go-to kit for forward-thinking bass music producers\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cul class=\"nihilism-bullets-mobile\"\u003e\n \u003cli\u003eAggressive midtempo meets UK Bass\u003c\/li\u003e\n \u003cli\u003e120 cutting-edge Serum 2 presets\u003c\/li\u003e\n \u003cli\u003eOne-note triggered presets included\u003c\/li\u003e\n \u003cli\u003eAll 8 macros programmed\u003c\/li\u003e\n \u003cli\u003e2000+ samples - our biggest midtempo kit!\u003c\/li\u003e\n \u003cli\u003e7 Ableton projects to learn from\u003c\/li\u003e\n \u003cli\u003eThe go-to kit for modern 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\/image2.webp?v=1751812222\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"half right\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/image2.webp?v=1751812222\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/image2.webp?v=1751812222\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n \u003cdiv class=\"vault-and-player\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 40px; margin-top: 100px;\"\u003e\n\n \u003c!-- Vault Section --\u003e\n \u003cdiv class=\"vault-section\" style=\"flex: 1 1 50%; min-width: 320px;\"\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003ch2 class=\"inside-heading-desktop\"\u003e\n 📂 What’s Inside This Monstrous Collection?\n\u003c\/h2\u003e\n\u003ch2 class=\"inside-heading-mobile\"\u003e\n 📂 What’s Inside NIHILISM 2?\n\u003c\/h2\u003e\n \u003c\/div\u003e\n\u003cp class=\"benchmark-tagline\"\u003e\u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e2200+ 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\u003e111 Massive Bass Presets\n \u003cul\u003e\n \u003cli\u003e21 Drop Wub Basslines\u003c\/li\u003e\n \u003cli\u003e23 Heavy Drop Bass\u003c\/li\u003e\n \u003cli\u003e10 ARP Basslines (Using Serum 2 ARP Mode!)\u003c\/li\u003e\n \u003cli\u003e10 Punchy Bassline (Using Serum 2 ARP Mode!)\u003c\/li\u003e\n \u003cli\u003e25 Spectral Bass One Shots\u003c\/li\u003e\n \u003cli\u003e21 UK Basses\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003e7 Intro Presets\n \u003cul\u003e\n \u003cli\u003ePluck\u003c\/li\u003e\n \u003cli\u003eGuitar\u003c\/li\u003e\n \u003cli\u003eChoir\u003c\/li\u003e\n \u003cli\u003eBass\u003c\/li\u003e\n \u003cli\u003eMelody\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003e2 Bonus Presets\n \u003cul\u003e\n \u003cli\u003eFully-Customizable Riser Preset\u003c\/li\u003e\n \u003cli\u003eSuper Sub Preset\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\u003e2000+ 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\u003e182 Drop Bass Loops\u003c\/li\u003e\n \u003cli\u003e53 Intro Bass Loops\u003c\/li\u003e\n \u003cli\u003e175 Bass One Shots\u003c\/li\u003e\n \u003cli\u003e100 Sub Loops\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eMelodic\n \u003cul\u003e\n \u003cli\u003e55 Melodic Loops\u003c\/li\u003e\n \u003cli\u003e79 Melodic One Shots\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eDrums\n \u003cul\u003e\n \u003cli\u003e67 Full Loops\u003c\/li\u003e\n \u003cli\u003e83 Top Loops\u003c\/li\u003e\n \u003cli\u003e21 Orchestral Loops\u003c\/li\u003e\n \u003cli\u003e210 Drum One Shots\u003c\/li\u003e\n \u003cli\u003e63 Drum Fills\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eFX\n \u003cul\u003e\n \u003cli\u003e16 Buidups\u003c\/li\u003e\n \u003cli\u003e23 Ambience\u003c\/li\u003e\n \u003cli\u003e18 Misc Atmo\u003c\/li\u003e\n \u003cli\u003e21 Riser\u003c\/li\u003e\n \u003cli\u003e25 Downlifter\u003c\/li\u003e\n \u003cli\u003e77 Sweep\u003c\/li\u003e\n \u003cli\u003e36 Verb Shots\u003c\/li\u003e\n \u003cli\u003e50 Impact\u003c\/li\u003e\n \u003cli\u003e89 Perc \u0026amp; Special FX\u003c\/li\u003e\n \u003cli\u003e87 Drop Layers\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eMIDI\n \u003cul\u003e\n \u003cli\u003e96 Drop Bass Loops\u003c\/li\u003e\n \u003cli\u003e99 Sub Bass Loops\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n \u003cli\u003eVocals\n \u003cul\u003e\n \u003cli\u003e109 Female\u003c\/li\u003e\n \u003cli\u003e69 Male\u003c\/li\u003e\n \u003cli\u003e38 Glitch\u003c\/li\u003e\n \u003cli\u003e43 Radio\u003c\/li\u003e\n \u003cli\u003e24 HYPNO Vocals (Dry\/Wet)\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 class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#projects-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e4 Ableton Drop Projects + 3 Full-Length Ableton Projects\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"projects-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eRaw midtempo\u003c\/li\u003e\n \u003cli\u003eHypnotic drops\u003c\/li\u003e\n \u003cli\u003eUK bass-inspired bangers\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=\"#fxracks-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003eCustom FX Presets \u0026amp; Advanced Ableton Racks\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"fxracks-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eCreative FX chains\u003c\/li\u003e\n \u003cli\u003eAdvanced workflow tools\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Audio Player Section --\u003e\n\u003cdiv class=\"jukebox-section\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"preview-player-wrapper\"\u003e\n\u003ch3 class=\"audio-preview-heading\"\u003e\n\u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e PREVIEW SOUNDS \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e\n\u003c\/h3\u003e\n \u003cdiv class=\"sample-category-buttons\"\u003e\n \u003cbutton class=\"sample-category-btn active\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"drums\"\u003eDRUMS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"intro\"\u003eINTRO\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"vocal\"\u003eVOCAL\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"fx\"\u003eFX\u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"jukebox-wrapper\"\u003e\n \u003cdiv class=\"jukebox-container\"\u003e\n \u003cdiv class=\"jukebox-display\"\u003e\n \u003cdiv class=\"serum-ui\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum2AudioPlayer.jpg?v=1747181839\" alt=\"Serum 2 UI\" class=\"serum-bg\"\u003e\n \u003cdiv id=\"sampleTitle\" class=\"serum-title\"\u003eWHZLY PRESET 1\u003c\/div\u003e\n \u003cdiv id=\"waveformContainer\" class=\"serum-waveform\"\u003e\u003c\/div\u003e\n\u003cbutton id=\"prevSample\" class=\"jukebox-btn\"\u003e◀\u003c\/button\u003e\n\u003cbutton id=\"nextSample\" class=\"jukebox-btn\"\u003e▶\u003c\/button\u003e\n \u003cbutton id=\"playPause\" class=\"play-pause-btn\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n \u003cspan class=\"project-emoji\"\u003e🎛️\u003c\/span\u003e 7 Ableton Project Files Included\n\u003c\/h2\u003e\n\u003c!-- DESKTOP LIST --\u003e\n\u003cul class=\"projects-list-desktop\" style=\"padding-left: 0;\"\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003eIncludes 3 full-length projects with full arrangements\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003e4 Drop templates with space for your creativity\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003eExplore FX routing, layering, automation \u0026amp; more\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003eBuilt using only sounds from this pack\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- MOBILE LIST --\u003e\n\u003cul class=\"projects-list-mobile\" style=\"padding-left: 0;\"\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003e3 full-length Ableton projects included\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003e4 Drop templates with space for creativity\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003eMaster FX, layering, and automation\u003c\/li\u003e\n \u003cli style=\"margin-bottom: 0px;\"\u003eBuilt using only sounds from this pack\u003c\/li\u003e\n\u003c\/ul\u003e\n\n \u003c!-- SOUNDCLOUD PLAYERS --\u003e\n\u003cdiv class=\"soundcloud-player-wrap\" style=\"margin-top: 20px; max-width: 650px; padding-left: 10px;\"\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216031\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216034\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216028\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216046\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216037\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216043\u0026amp;color=%231d1d1e\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\u003c\/iframe\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/2138216040\u0026amp;color=%231d1d1e\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=\"projects-image\" style=\"flex: 0 0 420px; display: flex; justify-content: center; margin-left: 85px; margin-top: 25px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Demo_radial.webp?v=1753793531\" alt=\"7 Ableton Project Files\" style=\"max-width: 100%; height: auto;\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .projects-list-desktop {\n display: none;\n }\n .projects-list-mobile {\n display: block;\n }\n }\n\n @media (min-width: 769px) {\n .projects-list-mobile {\n display: none;\n }\n }\n\n@media (max-width: 400px) {\n .audio-preview-heading .emoji {\n display: none;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .soundcloud-player-wrap {\n padding-left: 0 !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .projects-image {\n display: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .project-emoji {\n display: none;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"hook-plus-image hook-plus-image-optimized\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n \u003cspan class=\"no-filler-icon\"\u003e🧪\u003c\/span\u003e No Filler. No Guesswork.\n\u003c\/h2\u003e\n\u003c!-- Desktop version --\u003e\n\u003cul class=\"no-filler-list-desktop\"\u003e\n \u003cli\u003eAll presets tuned, leveled, and macro-mapped for fast use\u003c\/li\u003e\n \u003cli\u003e100s of loops designed for direct drop-ins\u003c\/li\u003e\n \u003cli\u003eOne-note trigger presets built for aggressive drops\u003c\/li\u003e\n \u003cli\u003eEvery file serves a purpose - no filler, no fluff\u003c\/li\u003e\n \u003cli\u003eDelivered as a fully processed, organised toolkit\u003c\/li\u003e\n \u003cli\u003e100% royalty-free and instantly downloadable\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- Mobile version --\u003e\n\u003cul class=\"no-filler-list-mobile\"\u003e\n \u003cli\u003ePresets tuned, leveled \u0026amp; macro-ready\u003c\/li\u003e\n \u003cli\u003e100s of loops for instant drop-ins\u003c\/li\u003e\n \u003cli\u003eOne-note presets for heavy drops\u003c\/li\u003e\n \u003cli\u003eNo filler - every sound has a role\u003c\/li\u003e\n \u003cli\u003eOrganised, processed production kit\u003c\/li\u003e\n \u003cli\u003eRoyalty-free \u0026amp; ready to download\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-whzly\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/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\u003cstyle\u003e\n @media (max-width: 768px) {\n .no-filler-icon {\n display: none;\n }\n\n .no-filler-heading {\n margin-top: 30px;\n }\n }\n\n@media (max-width: 768px) {\n .no-filler-list-mobile {\n display: block;\n padding-left: 0;\n margin-top: 10px;\n }\n\n .no-filler-list-desktop {\n display: none;\n }\n}\n\n@media (min-width: 769px) {\n .no-filler-list-mobile {\n display: none;\n }\n\n .no-filler-list-desktop {\n display: block;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .projects-wrapper {\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .projects-wrapper \u003e div {\n max-width: 100% !important;\n margin-left: 0 !important;\n }\n\n .project-image {\n margin-top: 40px !important;\n }\n }\n\n .project-image img {\n transition: transform 0.3s ease;\n }\n\n .project-image img:hover {\n transform: scale(1.06);\n }\n\n@media (max-width: 768px) {\n .projects-wrapper {\n width: 100%;\n max-width: 650px;\n margin: 0 auto;\n padding: 0 15px;\n box-sizing: border-box;\n }\n\n .projects-wrapper ul {\n margin-left: 20px !important;\n padding-left: 0 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 10px;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .projects-wrapper,\n .projects-wrapper * {\n max-width: 650px !important;\n width: 100% !important;\n font-size: 15px !important;\n line-height: 1.6 !important;\n font-family: 'Syne', sans-serif !important;\n box-sizing: border-box !important;\n color: #f0f0e6 !important;\n }\n\n .projects-wrapper h2 {\n font-size: 22px !important;\n margin-top: 25px !important;\n margin-bottom: 15px !important;\n text-align: center !important;\n }\n\n .projects-wrapper ul {\n padding-left: 20px !important;\n margin: 0 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 12px !important;\n list-style-type: disc !important;\n }\n}\n\n@media (max-width: 768px) {\n .projects-wrapper ul {\n font-size: 15px !important;\n line-height: 1.6 !important;\n font-family: 'Syne', sans-serif !important;\n padding-left: 20px !important;\n margin: 0 !important;\n color: #f0f0e6 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 12px !important;\n list-style-type: disc !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content {\n display: block;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition:\n max-height 0.6s ease,\n opacity 0.6s ease;\n will-change: max-height, opacity;\n}\n\n.expandable-content ul {\n margin-left: 15px;\n padding-left: 20px;\n border-left: 2px solid #f0f0e6;\n}\n\n.expandable-content ul li {\n font-size: 16px;\n opacity: 0.9;\n}\n\n.expandable-content ul li::before {\n content: \"◦\";\n color: #7cff5a;\n margin-right: 8px;\n}\n\n.expandable-content.visible {\n max-height: 1000px; \/* or whatever is tall enough for your list *\/\n opacity: 1;\n}\n\n@media (max-width: 768px) {\n \/* Pull the inner dropdown (ul) closer to the left *\/\n .expandable-content ul {\n margin-left: 8px !important; \n padding-left: 12px !important; \n border-left: 2px solid #f0f0e6;\n }\n\n \/* Tighten spacing inside the expandable-trigger (where the arrow + text are) *\/\n .expandable-trigger .arrow-icon {\n margin-right: 2px !important; \n }\n\n \/* Tighten space between bullet (▶) and text inside dropdown *\/\n .expandable-content ul li::before {\n padding-right: 0px !important;\n margin-right: 4px !important;\n }\n}\n\n\/* Base list styling *\/\n.whzly-list {\n list-style: none;\n padding-left: 0;\n}\n\n\/* Only apply ▶ arrow to list items that are NOT expandable triggers *\/\n.whzly-list li:not(.expandable-wrapper):not(.expandable-trigger)::before {\n content: \"▶\\FE0E \";\n color: #f0f0e6;\n padding-right: 6px;\n}\n\n\/* Expandable list container *\/\n.expandable-wrapper {\n margin-bottom: 10px;\n}\n\n\/* Expandable trigger overrides normal bullet *\/\n.expandable-trigger::before {\n content: none; \/* Disable default list-style bullet *\/\n}\n\n\/* Flashing arrow icon *\/\n.arrow-icon {\n display: inline-block;\n color: #f0f0e6;\n margin-right: 8px;\n animation: arrowPulse 1.6s ease-in-out infinite;\n transition: transform 0.3s ease;\n}\n\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n cursor: pointer;\n}\n\n.expandable-trigger strong {\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n font-weight: bold;\n}\n\n@keyframes arrowPulse {\n 0%, 100% {\n opacity: 1;\n transform: translateX(0);\n }\n 50% {\n opacity: 0.5;\n transform: translateX(2px);\n }\n}\n\n.expandable-trigger.active .arrow-icon {\n animation: none;\n}\n\n\/* Arrow content: ▶ \/ ▼ *\/\n.arrow-icon::before {\n content: \"▶\";\n}\n\n.expandable-trigger.active .arrow-icon::before {\n content: \"▼\";\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.preview-player-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 16px;\n margin-top: -12px !important;\n width: 100%;\n}\n\n@media (min-width: 769px) {\n .preview-player-wrapper {\n transform: translateX(100px);\n }\n}\n\n.sample-category-buttons {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 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: -10px !important;\n margin-right: -10px !important;\n }\n}\n\n.sample-category-btn {\n background: transparent;\n border: 2px solid #f0f0e6;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n padding: 6px 14px;\n font-size: 14px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-shadow: 0 0 4px #f0f0e6;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n background: #f0f0e6;\n color: black;\n box-shadow: 0 0 10px #f0f0e6;\n}\n\n.category-buttons {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n width: 400px; \n margin: 0 auto 10px auto;\n transform: translateX(100px);\n}\n\n@media (max-width: 480px) {\n .sample-category-buttons {\n flex-wrap: nowrap;\n overflow-x: auto;\n scrollbar-width: none; \/* Firefox *\/\n }\n\n .sample-category-buttons::-webkit-scrollbar {\n display: none; \/* Chrome, Safari, Edge *\/\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const triggers = document.querySelectorAll('.expandable-trigger');\n const manualToggles = new Set();\n const autoExpanded = new Set();\n let lastY = window.scrollY;\n\n triggers.forEach(trigger =\u003e {\n trigger.addEventListener('click', () =\u003e {\n const target = document.querySelector(trigger.dataset.target);\n const id = trigger.dataset.target;\n\n trigger.classList.toggle('active');\n target.classList.toggle('visible');\n manualToggles.add(id); \n autoExpanded.delete(id); \n });\n });\n\n const handleScrollExpand = () =\u003e {\n const currentY = window.scrollY;\n const scrollingUp = currentY \u003c lastY;\n lastY = currentY;\n\n triggers.forEach(trigger =\u003e {\n const id = trigger.dataset.target;\n const target = document.querySelector(id);\n const rect = target.getBoundingClientRect();\n\n const triggerPoint = window.innerHeight * (id === '#samples-sublist' ? 0.65 : 0.75);\n\n if (manualToggles.has(id)) return;\n\n \n if (!scrollingUp \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n trigger.classList.add('active');\n target.classList.add('visible');\n autoExpanded.add(id);\n }\n\n \n if (scrollingUp \u0026\u0026 autoExpanded.has(id) \u0026\u0026 rect.top \u003e triggerPoint) {\n trigger.classList.remove('active');\n target.classList.remove('visible');\n autoExpanded.delete(id);\n }\n });\n };\n\n window.addEventListener('scroll', handleScrollExpand, { passive: true });\n handleScrollExpand(); \/\/ run once on page load\n });\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n.audio-preview-heading {\n display: block;\n text-align: center;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 8px !important; \n}\n\n@media (min-width: 769px) {\n .audio-preview-heading {\n margin-left: 197px;\n margin-top: 10px; \n text-align: left; \n transform: translateX(-100px);\n }\n}\n\n.jukebox-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: -225px;\n}\n\n.vault-and-player {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 40px;\n margin-top: 60px;\n}\n\n.vault-text {\n flex: 1 1 50%;\n min-width: 300px;\n}\n\n.player-container {\n flex: 1 1 40%;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n@media (max-width: 768px) {\n .vault-and-player {\n flex-direction: column;\n width: 100%;\n align-items: center;\n margin: 0 auto;\n }\n\n .vault-text, .player-container {\n width: 100%;\n }\n}\n\n\n.jukebox-container {\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(1);\n transform-origin: top center;\n padding: 0;\n margin-top: 0;\n margin-top: 0;\n}\n\n.jukebox-display {\n position: relative;\n width: 100%;\n max-width: 400px;\n aspect-ratio: 657 \/ 778;\n margin: 0 auto;\n}\n\n.serum-ui {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.serum-bg {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.serum-title {\n position: absolute;\n top: 43px;\n left: 50%;\n transform: translateX(-51%);\n font-family: 'Montserrat', sans-serif;\n font-size: 21px;\n font-weight: 400;\n color: #ffffff;\n letter-spacing: 0.5px;\n text-shadow: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.serum-waveform {\n position: absolute;\n top: 110px;\n left: 50%;\n transform: translateX(-50%);\n width: 100%;\n height: 144px;\n overflow: hidden;\n}\n\n.play-pause-btn {\n position: absolute;\n top: 184px;\n left: 50%; \/* was 50% *\/\n transform: translate(-50%, -50%) translateX(10px);\n width: 100px;\n height: 100px;\n background: transparent;\n border: none;\n z-index: 3;\n opacity: 1;\n padding: 0;\n font-size: 0;\n pointer-events: auto;\n}\n\n.play-pause-btn::before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n margin: auto;\n border-style: solid;\n border-width: 30px 0 30px 50px;\n border-color: transparent transparent transparent #f0f0e6;\n position: relative;\n left: -6px;\n}\n\n.play-pause-btn.paused::before {\n content: '';\n display: block;\n width: 24px;\n height: 28px;\n margin: 0 auto;\n background:\n linear-gradient(to right,\n #f0f0e6 8px,\n transparent 8px,\n transparent 16px,\n #f0f0e6 16px\n );\n transform: translateX(-2px); \/* slight left nudge *\/\n}\n\n.play-pause-btn::before,\n.play-pause-btn.paused::before {\n text-shadow: 0 0 6px #f0f0e6;\n filter: drop-shadow(0 0 6px #f0f0e6);\n transition: filter 0.3s ease-in-out;\n}\n\n.play-pause-btn:hover::before,\n.play-pause-btn.paused:hover::before {\n filter: drop-shadow(0 0 10px #f0f0e) drop-shadow(0 0 16px #f0f0e);\n}\n\n.play-pause-btn.playing::before {\n opacity: 0.2; \n transition: opacity 0.3s ease;\n}\n\n@media (max-width: 480px) {\n .play-pause-btn {\n width: 82px !important;\n height: 82px !important;\n position: absolute;\n top: 47%;\n left: 52%; \/* ✅ nudge it right *\/\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n\n .play-pause-btn::before {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 41px 0 41px 68px;\n border-color: transparent transparent transparent #f0f0e6;\n background: none;\n left: -2px;\n top: 0;\n transform: none;\n opacity: 1;\n }\n\n .play-pause-btn.paused::before {\n content: '';\n position: absolute;\n width: 54px;\n height: 76px;\n background: linear-gradient(to right,\n #f0f0e6 18px,\n transparent 18px,\n transparent 36px,\n #f0f0e6 36px\n );\n border: none;\n left: 14px;\n top: 3px;\n transform: none;\n opacity: 1;\n }\n}\n\n@media (max-width: 375px) {\n .play-pause-btn {\n width: 65px !important;\n height: 65px !important;\n }\n\n .play-pause-btn::before {\n border-width: 30px 0 30px 50px;\n left: -4px;\n }\n\n .play-pause-btn.paused::before {\n width: 42px;\n height: 60px;\n }\n}\n\n\n@media (max-width: 480px) {\n .play-pause-btn::before,\n .play-pause-btn.paused::before {\n transform: scale(0.7) translateX(-2px);\n }\n}\n\n\/* Navigation Arrows *\/\n.jukebox-btn {\n position: absolute;\n top: 184px;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n color: #f0f0e6;\n font-size: 40px;\n font-family: 'Arial', 'Helvetica Neue', sans-serif; \/* remove Montserrat, exclude emoji fonts *\/\n cursor: pointer;\n z-index: 3;\n transition: color 0.2s ease, text-shadow 0.2s ease;\n text-shadow: 0 0 6px #f0f0e6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\n.jukebox-btn:hover {\n color: #f0f0e;\n text-shadow:\n 0 0 6px #f0f0e6,\n 0 0 12px #f0f0e6,\n 0 0 18px #f0f0e6;\n}\n\n#prevSample {\n left: -34px;\n}\n\n#nextSample {\n right: -34px;\n}\n\n@media (max-width: 480px) {\n .jukebox-btn {\n top: 178px; \/* move up from 184px *\/\n }\n\n #prevSample {\n left: -40px;\n }\n\n #nextSample {\n right: -40px;\n }\n}\n\n\/* Mobile general scaling *\/\n@media (max-width: 480px) {\n .jukebox-display {\n max-width: 100%;\n width: 90vw;\n transform: scale(0.85); \/* actual scale down now *\/\n transform-origin: top center;\n margin: 0 auto;\n }\n\n .serum-title {\n font-size: 18px;\n top: 9.1%; \/* percentage relative to player *\/\n }\n\n .play-pause-btn {\n font-size: 86px;\n top: 39%;\n transform: translate(-50%, -50%);\n }\n\n .serum-waveform {\n height: 30%;\n top: 23%;\n }\n\n .jukebox-btn {\n font-size: 63px;\n top: 38.2%;\n }\n}\n\n\/* Tiny mobile scaling (375px and below) *\/\n@media (max-width: 375px) {\n .jukebox-display {\n transform: scale(0.8);\n }\n\n .serum-title {\n font-size: 16px;\n top: 9.5%;\n }\n\n .play-pause-btn {\n font-size: 58px;\n top: 40%;\n transform: translate(-50%, -50%);\n }\n\n .serum-waveform {\n height: 29%;\n top: 24%;\n }\n\n .jukebox-btn {\n font-size: 58px;\n top: 40%;\n }\n}\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-bottom: -50px;\n }\n}\n\n@media (min-width: 769px) {\n .jukebox-section {\n flex: 1 1 40%;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: -225px;\n }\n}\n\n@media (max-width: 480px) {\n .jukebox-display {\n transform: scale(0.85);\n transform-origin: top center;\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n\n .serum-ui {\n transform: scale(1);\n width: 100%;\n height: auto;\n }\n}\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-left: 0 !important;\n width: 100%;\n padding: 0 10px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .jukebox-wrapper {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n transform: none !important;\n padding: 0;\n box-sizing: border-box;\n }\n\n .jukebox-container {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n transform: none !important;\n }\n\n .jukebox-display {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n}\n\n\n\/* MARGIN REDUCE, COMMENTED OUT\n@media (max-width: 480px) {\n .jukebox-section {\n margin-bottom: -80px !important;\n }\n}\n*\/\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-left: 0 !important;\n padding-left: 15px;\n padding-right: 15px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .jukebox-container {\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (max-width: 768px) {\n .audio-preview-heading {\n margin-left: 0 !important;\n font-size: 22px !important;\n margin-right: 0 !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n text-align: center !important;\n }\n}\n\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst sampleData = {\n bass: [\n{ title: \"DROP WUB 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_01.mp3?v=1753882952\" },\n{ title: \"DROP WUB 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_05.mp3?v=1753882953\" },\n{ title: \"DROP WUB 06\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_06.mp3?v=1753882953\" },\n{ title: \"DROP WUB 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_09.mp3?v=1753882953\" },\n{ title: \"DROP WUB 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_10.mp3?v=1753882954\" },\n{ title: \"DROP WUB 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_13.mp3?v=1753882954\" },\n{ title: \"DROP WUB 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_15.mp3?v=1753882953\" },\n{ title: \"DROP WUB 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_19.mp3?v=1753882954\" },\n{ title: \"DROP WUB 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_20.mp3?v=1753882953\" },\n{ title: \"DROP WUB 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/DROP_WUB_-_21.mp3?v=1753882953\" },\n{ title: \"HEAVY DROP BASS 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_01.mp3?v=1753883157\" },\n{ title: \"HEAVY DROP BASS 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_02.mp3?v=1753883156\" },\n{ title: \"HEAVY DROP BASS 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_07.mp3?v=1753883157\" },\n{ title: \"HEAVY DROP BASS 08\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_08.mp3?v=1753883157\" },\n{ title: \"HEAVY DROP BASS 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_09.mp3?v=1753883157\" },\n{ title: \"HEAVY DROP BASS 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_10.mp3?v=1753883157\" },\n{ title: \"HEAVY DROP BASS 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_13.mp3?v=1753883156\" },\n{ title: \"HEAVY DROP BASS 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_15.mp3?v=1753883156\" },\n{ title: \"HEAVY DROP BASS 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/HEAVY_DROP_BASS_-_18.mp3?v=1753883157\" },\n{ title: \"PUNCHY BASSLINE 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/PUNCHY_BASSLINE_-_01.mp3?v=1753883329\" },\n{ title: \"PUNCHY BASSLINE 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/PUNCHY_BASSLINE_-_02.mp3?v=1753883328\" },\n{ title: \"PUNCHY BASSLINE 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/PUNCHY_BASSLINE_-_09.mp3?v=1753883329\" },\n{ title: \"PUNCHY BASSLINE 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/PUNCHY_BASSLINE_-_10.mp3?v=1753883328\" },\n{ title: \"ARP BASS 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ARP_BASS_-_02.mp3?v=1753883656\" },\n{ title: \"ARP BASS 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ARP_BASS_-_03.mp3?v=1753883656\" },\n{ title: \"ARP BASS 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ARP_BASS_-_05.mp3?v=1753883656\" },\n{ title: \"ARP BASS 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ARP_BASS_-_07.mp3?v=1753883656\" },\n{ title: \"ARP BASS 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ARP_BASS_-_09.mp3?v=1753883656\" },\n{ title: \"ARP BASS 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/ARP_BASS_-_10.mp3?v=1753883655\" },\n{ title: \"UK WUB BASS 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_01.mp3?v=1753883412\" },\n{ title: \"UK WUB BASS 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_03.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_05.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_07.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_09.mp3?v=1753883412\" },\n{ title: \"UK WUB BASS 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_11.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_13.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_14.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_15.mp3?v=1753883412\" },\n{ title: \"UK WUB BASS 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_16.mp3?v=1753883412\" },\n{ title: \"UK WUB BASS 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_17.mp3?v=1753883412\" },\n{ title: \"UK WUB BASS 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_19.mp3?v=1753883411\" },\n{ title: \"UK WUB BASS 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_20.mp3?v=1753883412\" },\n{ title: \"UK WUB BASS 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/UK_WUB_BASS_-_21.mp3?v=1753883411\" },\n{ title: \"SPECTRAL ONE SHOT 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_01.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_03.mp3?v=1753883737\" },\n{ title: \"SPECTRAL ONE SHOT 06\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_06.mp3?v=1753883737\" },\n{ title: \"SPECTRAL ONE SHOT 08\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_08.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_09.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_10.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_12.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_13.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_15.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_16.mp3?v=1753883737\" },\n{ title: \"SPECTRAL ONE SHOT 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_20.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_21.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_22.mp3?v=1753883737\" },\n{ title: \"SPECTRAL ONE SHOT 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_23.mp3?v=1753883736\" },\n{ title: \"SPECTRAL ONE SHOT 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/SPECTRAL_ONE_SHOT_-_25.mp3?v=1753883736\" },\n{ title: \"BASS LOOP 01 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_01_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 03 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_03_95.mp3?v=1753883966\" },\n{ title: \"BASS LOOP 05 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_05_95.mp3?v=1753883966\" },\n{ title: \"BASS LOOP 06 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_06_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 07 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_07_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 11 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_11_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 17 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_17_95.mp3?v=1753883966\" },\n{ title: \"BASS LOOP 19 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_19_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 21 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_21_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 25 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_25_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 34 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_34_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 42 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_42_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 68 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_68_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 130 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_130_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 146 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_146_95.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 01 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_01_100.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 02 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_02_100.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 04 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_04_100.mp3?v=1753883966\" },\n{ title: \"BASS LOOP 05 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_05_100.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 07 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_07_100.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 12 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_12_100.mp3?v=1753883965\" },\n{ title: \"BASS LOOP 21 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bass_Loop_21_100.mp3?v=1753883966\" }\n ],\n drums: [\n{ title: \"DRUM LOOP 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_01.mp3?v=1753885136\" },\n{ title: \"DRUM LOOP 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_03.mp3?v=1753885135\" },\n{ title: \"DRUM LOOP 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_04.mp3?v=1753885135\" },\n{ title: \"DRUM LOOP 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_09.mp3?v=1753885135\" },\n{ title: \"DRUM LOOP 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_21.mp3?v=1753885136\" },\n{ title: \"DRUM LOOP 30\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_30.mp3?v=1753885136\" },\n{ title: \"DRUM LOOP 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_31.mp3?v=1753885136\" },\n{ title: \"DRUM LOOP 44\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drum_Loop_44.mp3?v=1753885135\" },\n{ title: \"TOP LOOP 01 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_01_95.mp3?v=1753885283\" },\n{ title: \"TOP LOOP 04 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_04_95.mp3?v=1753885283\" },\n{ title: \"TOP LOOP 09 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_09_95.mp3?v=1753885283\" },\n{ title: \"TOP LOOP 11 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_11_95.mp3?v=1753885282\" },\n{ title: \"TOP LOOP 15 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_15_95.mp3?v=1753885283\" },\n{ title: \"TOP LOOP 31 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_31_95.mp3?v=1753885282\" },\n{ title: \"TOP LOOP 01 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_01_100.mp3?v=1753885283\" },\n{ title: \"TOP LOOP 26 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_26_100.mp3?v=1753885282\" },\n{ title: \"TOP LOOP 35 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_35_100.mp3?v=1753885283\" },\n{ title: \"ORCHESTRAL LOOP 01 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Orchestral_Loop_01_95.mp3?v=1753885413\" },\n{ title: \"ORCHESTRAL LOOP 02 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Orchestral_Loop_02_95.mp3?v=1753885414\" },\n{ title: \"ORCHESTRAL LOOP 03 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Orchestral_Loop_03_100.mp3?v=1753885414\" },\n{ title: \"ORCHESTRAL LOOP 11 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Orchestral_Loop_11_100.mp3?v=1753885414\" },\n{ title: \"KICK 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_01.mp3?v=1753885466\" },\n{ title: \"KICK 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_05.mp3?v=1753885466\" },\n{ title: \"KICK 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_07.mp3?v=1753885466\" },\n{ title: \"KICK 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_13.mp3?v=1753885466\" },\n{ title: \"KICK 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_25.mp3?v=1753885467\" },\n{ title: \"KICK 35\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_35.mp3?v=1753885466\" },\n{ title: \"KICK 36\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_36.mp3?v=1753885466\" },\n{ title: \"KICK 39\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_39.mp3?v=1753885466\" },\n{ title: \"KICK 46\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_46.mp3?v=1753885466\" },\n{ title: \"KICK 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_52.mp3?v=1753885466\" },\n{ title: \"MIDTEMPO CLAP SNARE 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Midtempo_Clap_Snare_01.mp3?v=1753885599\" },\n{ title: \"MIDTEMPO CLAP SNARE 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Midtempo_Clap_Snare_10.mp3?v=1753885598\" },\n{ title: \"MIDTEMPO CLAP SNARE 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Midtempo_Clap_Snare_18.mp3?v=1753885599\" },\n{ title: \"MIDTEMPO CLAP SNARE 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Midtempo_Clap_Snare_24.mp3?v=1753885598\" },\n{ title: \"MIDTEMPO CLAP SNARE 29\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Midtempo_Clap_Snare_29.mp3?v=1753885599\" },\n{ title: \"TRAP CLAP SNARE 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_01.mp3?v=1753885656\" },\n{ title: \"TRAP CLAP SNARE 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_02.mp3?v=1753885655\" },\n{ title: \"TRAP CLAP SNARE 06\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_06.mp3?v=1753885656\" },\n{ title: \"TRAP CLAP SNARE 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_13.mp3?v=1753885656\" },\n{ title: \"TRAP CLAP SNARE 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_17.mp3?v=1753885656\" },\n{ title: \"TRAP CLAP SNARE 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_19.mp3?v=1753885656\" },\n{ title: \"TRAP CLAP SNARE 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Trap_Clap_Snare_22.mp3?v=1753885656\" },\n{ title: \"HAT 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_01.mp3?v=1753885729\" },\n{ title: \"HAT 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_02.mp3?v=1753885729\" },\n{ title: \"HAT 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_04.mp3?v=1753885729\" },\n{ title: \"HAT 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_12.mp3?v=1753885729\" },\n{ title: \"HAT 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_13.mp3?v=1753885729\" },\n{ title: \"HAT 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_16.mp3?v=1753885729\" },\n{ title: \"HAT 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_17.mp3?v=1753885729\" },\n{ title: \"HAT 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_24.mp3?v=1753885729\" },\n{ title: \"HAT 40\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_40.mp3?v=1753885729\" },\n{ title: \"HAT 76\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_76.mp3?v=1753886145\" }\n ],\n intro: [\n{ title: \"INTRO SYNTH 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_01.mp3?v=1753920688\" },\n{ title: \"INTRO SYNTH 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_02.mp3?v=1753920688\" },\n{ title: \"INTRO SYNTH 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_03.mp3?v=1753920688\" },\n{ title: \"INTRO SYNTH 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_04.mp3?v=1753920688\" },\n{ title: \"INTRO SYNTH 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_05.mp3?v=1753920688\" },\n{ title: \"INTRO SYNTH 06\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_06.mp3?v=1753920688\" },\n{ title: \"INTRO SYNTH 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/INTRO_SYNTH_-_07.mp3?v=1753920688\" },\n{ title: \"MELODIC LOOP 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_01.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_02.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_04.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 06\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_06.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_07.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_15.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_20.mp3?v=1753920791\" },\n{ title: \"MELODIC LOOP 35\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_Loop_35.mp3?v=1753920791\" },\n{ title: \"MELODIC ONE SHOT 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_05.mp3?v=1753920884\" },\n{ title: \"MELODIC ONE SHOT 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_09.mp3?v=1753920883\" },\n{ title: \"MELODIC ONE SHOT 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_15.mp3?v=1753920883\" },\n{ title: \"MELODIC ONE SHOT 65\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_65.mp3?v=1753920882\" },\n{ title: \"MELODIC ONE SHOT 79\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_79.mp3?v=1753920882\" },\n{ title: \"MELODIC ONE SHOT 80\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_80.mp3?v=1753920882\" },\n{ title: \"INTRO BASS 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Bass_04.mp3?v=1753920941\" },\n{ title: \"INTRO BASS 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Bass_14.mp3?v=1753920940\" },\n{ title: \"INTRO BASS 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Bass_22.mp3?v=1753920941\" },\n{ title: \"INTRO BASS 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Bass_31.mp3?v=1753920941\" },\n{ title: \"INTRO BASS 32\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Bass_32.mp3?v=1753920941\" },\n{ title: \"INTRO BASS 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Bass_34.mp3?v=1753920941\" }\n],\n fx: [\n { title: \"AMBIENCE 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_01.mp3?v=1753916142\" },\n { title: \"AMBIENCE 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_11.mp3?v=1753916142\" },\n { title: \"AMBIENCE 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_23.mp3?v=1753916142\" },\n { title: \"ATMO MISC 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Atmo_Misc_01.mp3?v=1753916180\" },\n { title: \"ATMO MISC 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Atmo_Misc_04.mp3?v=1753916180\" },\n { title: \"BUILDUP 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Buildup_01.mp3?v=1753916206\" },\n { title: \"BUILDUP 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Buildup_07.mp3?v=1753916207\" },\n { title: \"BUILDUP 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Buildup_10.mp3?v=1753916207\" },\n { title: \"BUILDUP 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Buildup_11.mp3?v=1753916206\" },\n { title: \"DROP LAYER 01 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop_Layer_01_95.mp3?v=1753916254\" },\n { title: \"DROP LAYER 04 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop_Layer_04_95.mp3?v=1753916254\" },\n { title: \"DROP LAYER 06 95\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop_Layer_06_95.mp3?v=1753916254\" },\n { title: \"DROP LAYER 01 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop_Layer_01_100.mp3?v=1753916254\" },\n { title: \"DROP LAYER 03 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop_Layer_03_100.mp3?v=1753916254\" },\n { title: \"DROP LAYER 04 100\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop_Layer_04_100.mp3?v=1753916254\" },\n { title: \"DOWNLIFTER 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_01.mp3?v=1753916395\" },\n { title: \"DOWNLIFTER 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_04.mp3?v=1753916395\" },\n { title: \"DOWNLIFTER 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_07.mp3?v=1753916395\" },\n { title: \"DOWNLIFTER 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_16.mp3?v=1753916395\" },\n { title: \"DOWNLIFTER 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_24.mp3?v=1753916395\" },\n { title: \"IMPACT 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_01.mp3?v=1753916496\" },\n { title: \"IMPACT 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_10.mp3?v=1753916496\" },\n { title: \"IMPACT 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_13.mp3?v=1753916497\" },\n { title: \"IMPACT 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_16.mp3?v=1753916496\" },\n { title: \"IMPACT 48\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Impact_48.mp3?v=1753916496\" },\n { title: \"PERCS SFX 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_01.mp3?v=1753916704\" },\n { title: \"PERCS SFX 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_02.mp3?v=1753916704\" },\n { title: \"PERCS SFX 06\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_06.mp3?v=1753916705\" },\n { title: \"PERCS SFX 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_10.mp3?v=1753916705\" },\n { title: \"PERCS SFX 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_12.mp3?v=1753916705\" },\n { title: \"PERCS SFX 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_19.mp3?v=1753916704\" },\n { title: \"PERCS SFX 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_25.mp3?v=1753916758\" },\n { title: \"PERCS SFX 30\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_30.mp3?v=1753916758\" },\n { title: \"PERCS SFX 42\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_42.mp3?v=1753916758\" },\n { title: \"PERCS SFX 78\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_78.mp3?v=1753916759\" },\n { title: \"PERCS SFX 79\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_79.mp3?v=1753916759\" },\n { title: \"PERCS SFX 83\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Percs_SFX_83.mp3?v=1753916758\" },\n { title: \"VERB SHOT 02\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_02.mp3?v=1753916862\" },\n { title: \"VERB SHOT 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_05.mp3?v=1753916862\" },\n { title: \"VERB SHOT 08\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_08.mp3?v=1753916861\" },\n { title: \"VERB SHOT 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_10.mp3?v=1753916861\" },\n { title: \"VERB SHOT 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_14.mp3?v=1753916862\" },\n { title: \"VERB SHOT 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_19.mp3?v=1753916862\" },\n { title: \"VERB SHOT 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_22.mp3?v=1753916861\" },\n { title: \"VERB SHOT 29\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Verb_Shot_29.mp3?v=1753916861\" },\n { title: \"RISER 05\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_05.mp3?v=1753916943\" },\n { title: \"RISER 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_09.mp3?v=1753916943\" },\n { title: \"RISER 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_15.mp3?v=1753916942\" },\n { title: \"RISER 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_19.mp3?v=1753916943\" },\n { title: \"RISER 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_20.mp3?v=1753916985\" },\n { title: \"SWEEP 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_01.mp3?v=1753917016\" },\n { title: \"SWEEP 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_03.mp3?v=1753917016\" },\n { title: \"SWEEP 07\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_07.mp3?v=1753917016\" },\n { title: \"SWEEP 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_11.mp3?v=1753917017\" },\n { title: \"SWEEP 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_13.mp3?v=1753917017\" },\n { title: \"SWEEP 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_19.mp3?v=1753917016\" }\n],\n vocal: [\n { title: \"HYPNO VOCAL 04\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hypno_Vocal_04.mp3?v=1753917907\" },\n { title: \"HYPNO VOCAL 08\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hypno_Vocal_08.mp3?v=1753917907\" },\n { title: \"HYPNO VOCAL 09\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hypno_Vocal_09.mp3?v=1753917906\" },\n { title: \"BRING IT BACK LIKE\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bring_it_back_like.mp3?v=1753917943\" },\n { title: \"BRING IT BACK\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Bring_it_back.mp3?v=1753917943\" },\n { title: \"DISTORT YOUR REALITY\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Distort_your_reality.mp3?v=1753917943\" },\n { title: \"CYBER ATTACK\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cyber_attack.mp3?v=1753917943\" },\n { title: \"CORE BREACH\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Core_breach.mp3?v=1753917943\" },\n { title: \"BREAK IT DOWN 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Break_it_down_2.mp3?v=1753917943\" },\n { title: \"BOH\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Boh.mp3?v=1753917943\" },\n { title: \"BLOOD FREQUENCY\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Blood_frequency.mp3?v=1753917943\" },\n { title: \"FLIP THE SWITCH\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flip_the_switch.mp3?v=1753917943\" },\n { title: \"CHECK 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Check_1.mp3?v=1753917943\" },\n { title: \"AMPLIFY THE PAIN\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Amplify_the_pain.mp3?v=1753917943\" },\n { title: \"GO\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Go.mp3?v=1753917943\" },\n { title: \"DROP\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Drop.mp3?v=1753917943\" },\n { title: \"HOLD IT\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hold_it.mp3?v=1753917944\" },\n { title: \"BACK IT UP\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Back_it_up.mp3?v=1753917943\" },\n { title: \"EXECUTE\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Execute.mp3?v=1753917943\" },\n { title: \"CRAZY 01\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crazy_01.mp3?v=1753917943\" },\n { title: \"CRAZY 03\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crazy_03.mp3?v=1753917943\" },\n { title: \"CRAZY 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crazy_10.mp3?v=1753917943\" },\n { title: \"ZONE 9 LOCKDOWN\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Zone_9_lockdown.mp3?v=1753918103\" },\n { title: \"RIDIN IN DA BACK LIKE\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ridin_in_da_back_like.mp3?v=1753918105\" },\n { title: \"NO SIGNAL\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/No_signal.mp3?v=1753918104\" },\n { title: \"IT'S OVER OVER\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/It_s_over_over.mp3?v=1753918104\" },\n { title: \"THIS IS WAR\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/This_is_war.mp3?v=1753918103\" },\n { title: \"RUNTIME ERROR\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Runtime_error.mp3?v=1753918103\" },\n { title: \"SYSTEM OFFLINE\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/System_offline.mp3?v=1753918103\" },\n { title: \"SHUT IT DOWN\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Shut_it_down.mp3?v=1753918104\" },\n { title: \"RUN THE LOOP\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Run_the_loop.mp3?v=1753918103\" },\n { title: \"MAKE IT LOUDER\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Make_it_louder.mp3?v=1753918103\" },\n { title: \"HYPNOTIZE YOUR SOUL\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hypnotize_your_soul.mp3?v=1753918103\" },\n { title: \"MIND CONTROL\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Mind_control.mp3?v=1753918104\" },\n { title: \"WE CAN'T HOLD EM\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/We_can_t_hold_em.mp3?v=1753918103\" },\n { title: \"TURN IT UP\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Turn_it_up.mp3?v=1753918104\" },\n { title: \"STEP IT\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Step_it.mp3?v=1753918103\" },\n { title: \"SWITCH IT\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Switch_it.mp3?v=1753918103\" },\n { title: \"LET'S GO\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Let_s_go.mp3?v=1753918103\" }\n]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"bass\";\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\u003eA new wave begins here.\u003cbr\u003eThe follow-up to the midtempo pack that set the standard.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"mobile-vault-text\"\u003e\n \u003cstrong\u003eA new wave begins here.\u003cbr\u003eThe follow-up to the midtempo pack that set the standard.\u003c\/strong\u003e\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n \n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const sections = document.querySelectorAll('.split-combine-section');\n if (!sections.length) return;\n\n let lastY = window.pageYOffset;\n let hasCompleted = false;\n\nwindow.addEventListener('scroll', function () {\n sections.forEach(section =\u003e {\n const rect = section.getBoundingClientRect();\n const triggerShow = window.innerHeight * 0.75;\n\n if (rect.top \u003c triggerShow \u0026\u0026 !section.classList.contains('in-view')) {\n section.classList.add('in-view');\n setTimeout(() =\u003e {\n section.classList.add('animation-complete');\n }, 1000);\n }\n\n \/\/ Optional reset if needed when scrolling to top\n if (window.pageYOffset === 0) {\n section.classList.remove('in-view', 'animation-complete');\n }\n });\n}, { passive: true });\n});\n\u003c\/script\u003e\n\n\n\u003c!-- 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;\"\u003eNIHILISM 2 Preset Demo\u003c\/h2\u003e\n\n \u003cp class=\"benchmark-tagline whzly-tagline\"\u003e\n \u003cstrong\u003e\n \u003cspan class=\"first-line\"\u003eCheck out the raw power of the presets - no post-processing needed.\u003c\/span\u003e\u003cbr\u003e\n \u003c\/strong\u003e\n \u003c\/p\u003e\n\n \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\/BcFGj62iwjc?rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 500px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \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 h2.whzly-heading.active::before {\n display: none !important;\n }\n\n@media (max-width: 768px) {\n .serum2-inner.whzly-trigger-area {\n margin-top: 60px !important;\n }\n}\n\/* Initial states *\/\n.whzly-heading {\n opacity: 0;\n transform: translateX(-60px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n.whzly-tagline {\n opacity: 0;\n transform: translateX(60px);\n transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;\n}\n.whzly-fade-in {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n\/* Active states *\/\n.whzly-heading.active {\n opacity: 1;\n transform: translateX(0);\n}\n.whzly-tagline.active {\n opacity: 1;\n transform: translateX(0);\n}\n.whzly-fade-in.active {\n opacity: 1;\n transform: translateY(0);\n box-shadow: 0 0 20px #f0f0e6;\n}\n\n.fullscreen-tip-wrapper {\n max-width: 900px;\n margin: 6px auto 0 auto;\n text-align: center;\n}\n\n.mobile-fullscreen-tip {\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px !important;\n opacity: 0.85;\n display: none; \/* 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: 0px !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 #f0f0e6;\n}\n\n.whzly-fade-in {\n max-width: 900px;\n margin: 40px auto 0 auto;\n border-radius: 12px;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;\n}\n\n.whzly-fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n \/\/ --- Fullscreen Typing + Flicker ---\n const fullscreenTip = document.getElementById('fullscreenTip');\n const message = \"Watch in fullscreen for best experience.\";\n let charIndex = 0;\n\n function typeText() {\n if (!fullscreenTip) return;\n if (charIndex \u003c message.length) {\n fullscreenTip.innerHTML += message.charAt(charIndex);\n charIndex++;\n setTimeout(typeText, 40); \/\/ 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\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 REQUIREMENTS ⚙️\u003c\/span\u003e\n \u003cspan class=\"mobile-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"requirements-list\"\u003e\n \u003cdiv\u003eAny DAW\u003c\/div\u003e\n \u003cdiv\u003eSerum 2\u003c\/div\u003e\n\n \u003cdiv style=\"margin-top: 12px; color: #f0f0e6; font-weight: bold;\"\u003eProject File Requirements:\u003c\/div\u003e\n \u003cdiv\u003eAbleton 12\n \u003cbr\u003e\n Serum 2\n \u003cbr\u003e\n GClip (\u003ca href=\"https:\/\/gvst.uk\/Downloads\/GClip\/Select\" target=\"_blank\" style=\"color:#f0f0e6; text-decoration: underline;\"\u003efree\u003c\/a\u003e)\n\u003cbr\u003e\nXfer OTT (\u003ca href=\"https:\/\/xferrecords.com\/freeware\" target=\"_blank\" style=\"color:#f0f0e6; text-decoration: underline;\"\u003efree\u003c\/a\u003e) (optional)\n\u003cbr\u003e\nSoothe2 (optional)\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .system-header {\n font-family: 'Montserrat', sans-serif;\n font-size: 22px;\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n margin-bottom: 5px !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n text-align: center;\n }\n\n .requirements-list {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n color: #f0f0e6;\n font-size: 16px;\n line-height: 1.8;\n }\n\n .requirements-list div {\n margin: 6px 0;\n }\n\n.system-header .mobile-text {\n display: none;\n}\n\n@media (max-width: 768px) {\n .hook-plus-image {\n margin-top: 10px !important;\n margin-bottom: 0px !important;\n }\n\n .glitch-button.scroll-button {\n margin-top: 0px !important;\n }\n}\n\n\/* This part ONLY applies at 480px and smaller *\/\n@media (max-width: 480px) {\n .system-header .mobile-text {\n display: inline;\n font-size: 16px;\n }\n\n .system-header .desktop-text {\n display: none;\n }\n\n .requirements-list {\n font-size: 12px;\n }\n\n .vault-section,\n .hook-plus-image-optimized .hook-text {\n padding-left: 0px;\n padding-right: 0px;\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n }\n}\n@media (max-width: 480px) {\n .whzly-fade-in {\n max-width: 100% !important;\n padding: 0 10px;\n box-sizing: border-box;\n overflow-x: hidden;\n }\n\n .whzly-fade-in iframe {\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .serum2-inner,\n .serum2-inner .whzly-trigger-area,\n .video-glow-wrapper {\n overflow-x: hidden !important;\n max-width: 100vw !important;\n }\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":52663977541963,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/NIHILISM2.webp?v=1751786716"},{"product_id":"liquid-dnb-vol-1-sample-preset-pack","title":"LIQUID DNB VOL. 1 | SAMPLE\/PRESET PACK","description":"\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026amp;family=Montserrat:wght@300;400;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n .serum2-global-wrapper {\n width: 100vw;\n position: relative;\n left: 50%;\n transform: translateX(-50%);\n background: transparent;\n margin: 0;\n padding: 0;\n }\n\n \/* Centered inner content *\/\n .serum2-inner {\n max-width: 1300px;\n width: 100%;\n margin: 0 auto;\n padding: 0px 0px;\n box-sizing: border-box;\n }\n\n.whzly-list ul{ \n list-style-type: none;\n padding-left: 0;\n margin-left: 0;\n}\n\n@media (max-width: 480px) {\n .serum2-inner h1 {\n font-size: 28px !important;\n }\n}\n\n .serum2-inner h1,\n .serum2-inner h2,\n .serum2-inner h3 {\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n position: relative;\n animation: subtle-glitch 1s ease-in-out infinite;\n }\n\n .serum2-inner h2::before {\n content: \"\u003e \";\n color: #f0f0e6;\n margin-right: 6px;\n }\n \n .serum2-inner h1 {\n text-align: center;\n margin-bottom: -5px;\n }\n \n .serum2-inner p,\n .serum2-inner li {\n color: #f0f0e6;\n font-size: 16px;\n line-height: 1.6;\n z-index: 1;\n position: relative;\n }\n\n.system-header::before {\n content: none !important;\n}\n\n@media (max-width: 480px) {\n .system-header {\n font-size: 18px !important;\n line-height: 1.4;\n }\n}\n\n.serum2-inner li:not(.expandable-trigger):not(.expandable-wrapper)::before {\n content: \"▶\\FE0E \";\n color: #f0f0e6;\n padding-right: 6px;\n position: relative;\n top: 2px;\n}\n\n .serum2-inner ul {\n list-style-type: none;\n padding-left: 0.6rem;\n margin-left: 0;\n }\n\n @keyframes subtle-glitch {\n 0%, 60%, 100% { text-shadow: 0 0 4px #f0f0e6; }\n 20% { text-shadow: -1px 0 #f0f0e6, 1px 0 #f0f0e6; }\n 40% { text-shadow: 1px 0 #f0f0e6, -1px 0 #f0f0e6; }\n 80% { text-shadow: 0 0 6px #f0f0e6; }\n }\n\n .cursor {\n display: inline-block;\n width: 8px;\n height: 14px;\n background-color: #f0f0e6;\n margin-left: 3px;\n animation: blink 0.8s infinite alternate;\n }\n\n @keyframes blink {\n from { opacity: 1; }\n to { opacity: 0; }\n }\n\n.hook-plus-image {\n display: flex;\n flex-wrap: nowrap;\n justify-content: space-between;\n align-items: center;\n gap: 40px;\n margin: 40px 0;\n width: 100%;\n}\n\n.hook-text {\n flex: 1 1 50%;\n min-width: 300px;\n}\n\n.split-combine-section.in-view.animation-complete .half {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only {\n pointer-events: auto;\n z-index: 2;\n}\n \n.serum2-upsell-text {\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px);\n transition:\n opacity 0.6s ease,\n transform 0.6s ease,\n visibility 0s linear 0.6s;\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n\/* Increase heading size *\/\n.hook-text h2,\n.serum2-inner h2 {\n font-size: 24px;\n}\n\n\/* Increase bullet list font *\/\n.hook-text li,\n.serum2-inner ul li {\n font-size: 18px;\n line-height: 1.8;\n}\n\n\/* Optional: increase paragraph size under vault section *\/\n.serum2-inner p {\n font-size: 17px;\n}\n.split-combine-section {\n flex: 1 1 40%;\n max-width: 480px;\n position: relative;\n overflow: hidden;\n height: 320px;\n}\n\n.split-combine-section .half {\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n transition: transform 1s ease-out;\n}\n\n.split-combine-section .half.left {\n left: 0;\n clip-path: polygon(0 0, 50% 0, 50% 100%, 0% 100%);\n transform: translateX(-100%);\n}\n\n.split-combine-section .half.right {\n left: 0;\n clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);\n transform: translateX(100%);\n}\n\n .split-combine-section .sr-only {\n position: absolute;\n width: 100%;\n object-fit: cover;\n top: 0;\n left: 0;\n opacity: 0;\n transition: opacity 1s ease-in-out;\n z-index: 0; \n}\n\n .split-combine-section.in-view .sr-only {\n opacity: 1;\n transition-delay: 1s; \n}\n \n.split-combine-section.in-view .half.left,\n.split-combine-section.in-view .half.right {\n transform: translateX(0);\n}\n \n.split-combine-section.in-view.animation-complete .sr-only {\n z-index: 2;\n pointer-events: auto;\n transition: transform 0.25s ease-in-out;\n}\n\n.split-combine-section.in-view.animation-complete .sr-only:hover {\n transform: scale(1.06);\n}\n \n\n.split-combine-section.split-whzly {\n aspect-ratio: 16 \/ 9;\n height: auto;\n max-width: 480px;\n}\n\n.split-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: filter 0.8s ease;\n filter: none;\n}\n\n@media (max-width: 768px) {\n .hook-plus-image {\n flex-direction: column;\n align-items: center;\n gap: 0px !important;\n }\n\n .split-combine-section {\n max-width: 100%;\n height: auto;\n aspect-ratio: 16 \/ 9;\n }\n}\n\n@media (min-width: 769px) {\n .split-combine-section {\n margin-top: 30px;\n }\n}\n\n@keyframes pulse-glow-smaller {\n 0% { filter: drop-shadow(0 0 4px #f0f0e6); }\n 100% { filter: drop-shadow(0 0 8px #f0f0e6); }\n}\n\n @media (max-width: 768px) {\n .vault-plus-split {\n flex-direction: column;\n align-items: center;\n }\n\n .split-combine-section {\n max-width: 100%;\n }\n }\n\n .jukebox-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n transform-origin: top center;\n padding: 20px;\n transform: translateX(100px);\n margin-top: -10px !important;\n}\n\n\/* Scale for tablet *\/\n@media (max-width: 768px) {\n .jukebox-wrapper {\n transform: scale(0.85);\n }\n}\n\n\/* Scale further for mobile *\/\n@media (max-width: 480px) {\n .jukebox-wrapper {\n transform: scale(0.7);\n }\n}\n\n.animated-list ul ul {\n max-height: 0;\n opacity: 0;\n transform: translateY(-8px);\n overflow: hidden;\n transition:\n max-height 1.2s ease-in-out,\n opacity 1.2s ease-in-out,\n transform 1.2s ease-in-out;\n}\n\n.animated-list.visible ul ul {\n max-height: 1000px;\n opacity: 1;\n transform: translateY(0);\n}\n\n@media (max-width: 768px) {\n .hook-text h2 {\n margin-top: 0px !important;\n margin-bottom: 0px\n }\n\n .hook-text p {\n margin-bottom: 0px !important;\n }\n\n .vault-and-player {\n margin-top: 5px !important; \/* was 100px *\/\n }\n\n .glitch-button.scroll-button {\n margin-bottom: 30px !important; \/* was 80px *\/\n }\n}\n\n@media (max-width: 768px) {\n .hook-plus-image .hook-text {\n margin-top: -5px\n margin-bottom: -5px !important;\n }\n}\n\n \u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .serum2-inner {\n padding-left: 10px !important;\n padding-right: 10px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n box-sizing: border-box;\n }\n}\n\u003c\/style\u003e\n\n \u003cstyle\u003e\n@media (max-width: 480px) {\n .serum2-inner p,\n .serum2-inner li {\n font-size: 15px !important; \/* was 17-18px *\/\n line-height: 1.5 !important; \/* was 1.8 *\/\n }\n\n .serum2-inner h2 {\n font-size: 22px !important; \/* was 24px *\/\n margin-top: 20px !important;\n margin-bottom: 12px !important;\n }\n\n #fullscreenTip {\n font-size: 12px !important;\n line-height: 1.2 !important;\n }\n}\n\n .hook-text ul,\n .vault-section ul {\n margin-top: 8px !important;\n margin-bottom: 0px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n\u003cdiv class=\"serum2-inner\"\u003e\n\u003c!-- Content Starts Here --\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n.glitch-line {\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n font-size: 13px;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n margin: 20px 0;\n position: relative;\n}\n\n.scrolling-text {\n display: inline-block;\n white-space: nowrap;\n animation: scroll-text 250s linear infinite;\n padding-left: 0; \/* Remove the initial gap *\/\n}\n\n@keyframes scroll-text {\n 0% {\n transform: translateX(0%);\n }\n 100% {\n transform: translateX(-100%);\n }\n}\n\n.vault-statement {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 22px;\n margin: 40px auto -35px auto;\n max-width: 900px;\n color: #f0f0e6;\n text-shadow: 0 0 2px #f0f0e6;\n animation: subtle-glitch 1s ease-in-out infinite;\n}\n\n.vault-statement p {\n margin-bottom: -15px; \/* Reduce bottom space *\/\n line-height: 1.5;\n}\n\n@media (min-width: 769px) {\n .vault-statement {\n margin-top: 10px !important;\n }\n}\n\n@media (max-width: 768px) {\n .vault-statement {\n font-size: 18px !important;\n line-height: 1.4 !important;\n padding: 0 10px;\n }\n \n .vault-statement p {\n font-size: 16px !important;\n line-height: 1.4 !important;\n margin-bottom: 0px !important;\n }\n}\n\n.glitch-button.scroll-button {\n margin-top: 4px !important;\n}\n\n.desktop-vault-text {\n display: block;\n}\n.mobile-vault-text {\n display: none;\n}\n\n@media (max-width: 768px) {\n .desktop-vault-text {\n display: none;\n }\n .mobile-vault-text {\n display: block;\n }\n}\n\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .desktop-only-text {\n display: none !important;\n }\n}\n\n@media (min-width: 769px) {\n .benchmark-tagline {\n margin-top: -15px;\n margin-bottom: 9px !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .split-combine-section.split-whzly .half,\n .split-combine-section.split-serum .half {\n display: none !important;\n\n }\n\n.split-combine-section.split-serum {\n display: flex;\n align-items: center;\n}\n\n.split-combine-section.split-serum .half {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\/* Always show fallback sr-only image for sections that still use it *\/\n.split-combine-section .sr-only {\n opacity: 1 !important;\n position: relative !important;\n z-index: 1 !important;\n pointer-events: auto !important;\n transition: none !important;\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .split-combine-section {\n overflow: visible !important;\n height: auto !important;\n aspect-ratio: auto !important;\n max-width: 100% !important;\n transform: none !important;\n }\n\n .split-combine-section .sr-only {\n width: 100% !important;\n height: auto !important;\n object-fit: contain !important;\n border-radius: 0 !important;\n margin: 20px 0 !important;\n transform: none !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content \u003e ul {\n margin-top: 4px !important;\n padding-top: 0px !important;\n}\n\n\/* Second level bullets (nested ul inside ul) *\/\n.expandable-content ul ul {\n margin-left: 16px !important;\n padding-left: 16px !important;\n border-left: none !important;\n margin-top: 4px !important; \n padding-top: 0px !important;\n margin-bottom: 0px !important;\n}\n\n.expandable-content ul ul li::before {\n content: \"•\" !important; \n margin-right: 4px !important;\n transform: translateX(-1px) !important;\n position: relative;\n top: -2px; \n}\n\n.expandable-content ul ul li {\n font-weight: normal;\n margin-top: 2px !important; \n margin-bottom: 2px !important;\n line-height: 1.5 !important; \n}\n\n.expandable-content ul li {\n font-weight: bold;\n margin-top: 2px !important;\n margin-bottom: 2px !important;\n line-height: 1.5 !important;\n}\n\n.nihilism-heading {\n style=\"text-align: center;\n margin-top: -5px;\n}\n\n @media (max-width: 768px) {\n .intro-mobile-hide {\n display: none;\n }\n }\n\n @media (max-width: 768px) {\n .nihilism-heading {\n margin-top: 0px !important;\n }\n }\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (min-width: 769px) {\n .vault-and-player {\n align-items: center;\n }\n\n .jukebox-section {\n position: relative; \n align-self: center;\n margin-left: -225px;\n transform: translateY(0);\n transition: none;\n transition: transform 0.3s ease;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .weapon-tagline {\n margin-bottom: 8px !important;\n }\n}\n\n.nihilism-subheading {\n text-align: center;\n}\n\n@media (max-width: 768px) {\n .desktop-only {\n display: none;\n }\n .mobile-only {\n display: block;\n }\n}\n\n@media (min-width: 769px) {\n .desktop-only {\n display: block;\n }\n .mobile-only {\n display: none;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"serum2-global-wrapper\"\u003e\n \u003cdiv class=\"serum2-inner\"\u003e\n\n\u003ch1 class=\"nihilism-heading\" style=\"margin-top: -40px;\"\u003e\n\u003cspan class=\"intro-mobile-hide\"\u003eINTRODUCING \u003c\/span\u003eLIQUID DNB VOL. 1\u003c\/h1\u003e\n\u003cp class=\"nihilism-subheading desktop-only\"\u003eA flowing collection of liquid drum \u0026amp; bass sounds, crafted to capture emotion and movement.\u003c\/p\u003e\n\u003cp class=\"nihilism-subheading mobile-only\"\u003eA flowing collection of liquid drum \u0026amp; bass sounds.\u003cbr\u003eCrafted to capture emotion and movement.\u003c\/p\u003e\n\n\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- DEMO TRACK VIDEO --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"text-align: center; margin: 5px 0;\"\u003e\n \u003cdiv class=\"video-glow-wrapper-static\" style=\"max-width: 800px; margin: 0 auto; border-radius: 12px; overflow: hidden; box-shadow: 0 0 20px #f0f0e6;\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube.com\/embed\/DxWjcTBe6-0?si=OBfH1iuXUTbkqO6E\u0026amp;rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 450px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .video-glow-wrapper-static {\n box-shadow: none !important;\n }\n }\n\n.split-combine-section.split-serum .half.right,\n.split-combine-section.split-serum .half.left,\n.split-combine-section.split-serum .sr-only {\n padding-top: 20px;\n}\n\n @media (max-width: 768px) {\n .serum2-inner h1 {\n font-size: 38px !important;\n line-height: 1.2 !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .nihilism-tagline-desktop {\n display: block;\n }\n\n .nihilism-tagline-mobile {\n display: none;\n }\n\n .hook-text h2 {\n font-size: 24px !important;\n margin-top: 40px !important;\n margin-bottom: 20px !important;\n text-align: center !important;\n }\n\n .inspired-by-line {\n text-align: center !important;\n }\n }\n\n.inspired-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .inspired-desktop {\n display: none;\n }\n .inspired-mobile {\n display: inline;\n }\n}\n\n @media (min-width: 769px) {\n .nihilism-tagline-mobile {\n display: none;\n }\n }\n\n@media (max-width: 768px) {\n .hook-plus-image {\n padding: 0 -20px !important;\n margin: 0 auto !important;\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .hook-plus-image .hook-text {\n width: 100% !important;\n max-width: 100% !important;\n }\n}\n\n@media (max-width: 768px) {\n .hook-plus-image ul {\n margin-left: 10px !important;\n }\n}\n\n@media (max-width: 768px) {\n .inspired-by-line {\n font-family: inherit !important;\n }\n}\n\n @media (max-width: 768px) {\n .nihilism-bullets-desktop {\n display: none;\n }\n .nihilism-bullets-mobile {\n display: block;\n margin-left: 20px;\n }\n }\n\n @media (min-width: 769px) {\n .nihilism-bullets-mobile {\n display: none;\n }\n\n .hook-text h2 .gear-icon {\n display: none;\n }\n }\n @media (max-width: 769px) {\n .gear-icon {\n display: none;\n }\n }\n\n@media (max-width: 768px) {\n .split-combine-section.split-serum {\n display: none;\n }\n}\n\n@media (max-width: 768px) {\n .vault-and-player {\n margin-top: 30px !important;\n }\n}\n\n@media (max-width: 768px) {\n .inside-heading-desktop {\n display: none;\n }\n}\n\n@media (min-width: 769px) {\n .inside-heading-mobile {\n display: none;\n }\n}\n\n.heading-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .heading-desktop {\n display: none;\n }\n .heading-mobile {\n display: inline;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 5px;\"\u003e\n \u003cspan class=\"gear-icon\"\u003e🌊\u003c\/span\u003e \n \u003cspan class=\"heading-desktop\"\u003eThe Sound of Motion, Depth, and Soul\u003c\/span\u003e\n \u003cspan class=\"heading-mobile\"\u003eSounds of Motion, Depth \u0026amp; Soul\u003c\/span\u003e\n\u003c\/h2\u003e\n\n \u003cp class=\"nihilism-tagline-desktop\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003eFor producers who write with heart\u003c\/span\u003e\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp class=\"nihilism-tagline-mobile\"\u003e\n Designed for depth, flow, and emotion\n \u003c\/p\u003e\n\n\u003cp class=\"inspired-by-line\" style=\"margin: -20px 0 0; font-family: 'Share Tech Mono', monospace; font-size: 13.5px; color: #41F3E8;\"\u003e\n \u003cspan class=\"inspired-desktop\"\u003eInspired by Hybrid Minds, Monrroe, Elipsa, and Technimatic.\u003c\/span\u003e\n \u003cspan class=\"inspired-mobile\"\u003eInspired by Hybrid Minds, Monrroe Elipsa \u0026amp; Technimatic.\u003c\/span\u003e\n\u003c\/p\u003e\n\n \u003cul class=\"nihilism-bullets-desktop\"\u003e\n \u003cli\u003eSmooth and melodic Liquid DNB sound design\u003c\/li\u003e\n \u003cli\u003e100 Serum 2 presets for melodic \u0026amp; bass\u003c\/li\u003e\n \u003cli\u003e1100+ Fresh samples \u0026amp; MIDI\u003c\/li\u003e\n \u003cli\u003e350+ Melodic loops, chords, pads, and swells\u003c\/li\u003e\n \u003cli\u003e100s of one-shots for instant creativity\u003c\/li\u003e\n \u003cli\u003eDeep rolling Reese \u0026amp; Sub loops\u003c\/li\u003e\n \u003cli\u003eThe go-to kit for melodic and soulful dnb producers\u003c\/li\u003e\n \u003c\/ul\u003e\n\n\u003cul class=\"nihilism-bullets-mobile\"\u003e\n \u003cli\u003eSmooth and melodic Liquid DNB sounds\u003c\/li\u003e\n \u003cli\u003e100 Serum 2 presets for melodic \u0026amp; bass\u003c\/li\u003e\n \u003cli\u003e1100+ samples: drums, FX \u0026amp; atmo\u003c\/li\u003e\n \u003cli\u003eMelodic loops, chords \u0026amp; swells\u003c\/li\u003e\n \u003cli\u003ePunchy drums: kicks, snares + more\u003c\/li\u003e\n \u003cli\u003eDeep rolling reese \u0026amp; sub loops\u003c\/li\u003e\n \u003cli\u003eThe go-to kit for Liquid DNB producers\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-serum\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"half right\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/wave2.png?v=1758285307\" alt=\"Circular gear design with glowing center\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n \u003cdiv class=\"vault-and-player\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 40px; margin-top: 100px;\"\u003e\n\n \u003c!-- Vault Section --\u003e\n \u003cdiv class=\"vault-section\" style=\"flex: 1 1 50%; min-width: 320px;\"\u003e\n \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n \u003ch2 class=\"inside-heading-desktop\"\u003e\n 📂 What’s Inside Liquid DNB Vol. 1?\n \u003c\/h2\u003e\n \u003ch2 class=\"inside-heading-mobile\"\u003e\n 📂 What’s Inside Liquid DNB Vol. 1?\n \u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cp class=\"benchmark-tagline\"\u003e\n \u003cstrong\u003e\u003cspan class=\"desktop-only-text\"\u003e1200+ professionally engineered Serum 2 presets, samples, and MIDI\u003c\/span\u003e\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"vault-scroll-area\"\u003e\n \u003cul class=\"whzly-list\"\u003e\n\n \u003c!-- PRESETS --\u003e\n \u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#presets-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e100 Brand New Serum 2 Presets\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"presets-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eBass \u0026amp; Sub (rolling, reese, warm subs)\u003c\/li\u003e\n \u003cli\u003eLeads \u0026amp; Plucks (melodic hooks, arp-ready)\u003c\/li\u003e\n \u003cli\u003ePads \u0026amp; Atmospheres (lush, evolving)\u003c\/li\u003e\n \u003cli\u003eKeys \u0026amp; Chords (liquid piano\/synth tones)\u003c\/li\u003e\n \u003cli\u003e\u003cem\u003eMacros programmed for instant movement\u003c\/em\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n\n \u003c!-- SAMPLES --\u003e\n \u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#samples-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003e1100+ Professionally Engineered Samples\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"expandable-content\" id=\"samples-sublist\"\u003e\n \u003cul\u003e\n\n \u003c!-- MELODIC --\u003e\n \u003cli\u003eMelodic\n \u003cul\u003e\n \u003cli\u003eAtmo — \u003cstrong\u003e25\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eInstrument Loops — \u003cstrong\u003e95\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eMelodic Loops — \u003cstrong\u003e161\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePads — \u003cstrong\u003e69\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eOne Shots — \u003cstrong\u003e56\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSwells — \u003cstrong\u003e32\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- BASS --\u003e\n \u003cli\u003eBass\n \u003cul\u003e\n \u003cli\u003eReese Loops— \u003cstrong\u003e45\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSub Loops — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eBass Loops — \u003cstrong\u003e14\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eBass One Shots — \u003cstrong\u003e36\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- DRUMS --\u003e\n \u003cli\u003eDrums\n \u003cul\u003e\n \u003cli\u003eFull Loops — \u003cstrong\u003e19\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eIntro Loops — \u003cstrong\u003e32\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePerc Loops — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eTop Loops — \u003cstrong\u003e26\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eBuild Loops — \u003cstrong\u003e2\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eFills — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eKick — \u003cstrong\u003e23\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSnare — \u003cstrong\u003e52\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eClap — \u003cstrong\u003e12\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eRimshot — \u003cstrong\u003e22\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eHat — \u003cstrong\u003e24\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eCymbal — \u003cstrong\u003e20\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eCrash — \u003cstrong\u003e20\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003ePerc — \u003cstrong\u003e35\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- FX --\u003e\n \u003cli\u003eFX\n \u003cul\u003e\n \u003cli\u003eAmbience — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eDownlifter — \u003cstrong\u003e19\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eImpact — \u003cstrong\u003e23\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eRiser — \u003cstrong\u003e9\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eSweeps — \u003cstrong\u003e27\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n \u003c!-- MIDI --\u003e\n \u003cli\u003eMIDI\n \u003cul\u003e\n \u003cli\u003eReese — \u003cstrong\u003e40\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003cli\u003eChords — \u003cstrong\u003e51\u003c\/strong\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/li\u003e\n\n\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n\n\n\u003cli class=\"expandable-wrapper\"\u003e\n \u003cdiv class=\"expandable-trigger\" data-target=\"#projects-sublist\"\u003e\n \u003cspan class=\"arrow-icon\"\u003e\u003c\/span\u003e\n \u003cstrong\u003eFull-Length Liquid DNB Ableton Project\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"expandable-content\" id=\"projects-sublist\"\u003e\n \u003cul\u003e\n \u003cli\u003eProfessionally designed and mixed\u003c\/li\u003e\n \u003cli\u003eBeginner friendly\u003c\/li\u003e\n \u003cli\u003eFull length showcasing every element\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Audio Player Section --\u003e\n\u003cdiv class=\"jukebox-section\" aria-hidden=\"true\"\u003e\n\u003cdiv class=\"preview-player-wrapper\"\u003e\n\u003ch3 class=\"audio-preview-heading\"\u003e\n \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e PREVIEW SOUNDS \u003cspan class=\"emoji\"\u003e🎧\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"audio-preview-note\"\u003eLong previews are shortened for faster loading\u003c\/p\u003e\n\n \u003cdiv class=\"sample-category-buttons\"\u003e\n \u003cbutton class=\"sample-category-btn active\" data-category=\"melodic\"\u003eMELODIC\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"drums\"\u003eDRUMS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"bass\"\u003eBASS\u003c\/button\u003e\n \u003cbutton class=\"sample-category-btn\" data-category=\"fx\"\u003eFX\u003c\/button\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"jukebox-wrapper\"\u003e\n \u003cdiv class=\"jukebox-container\"\u003e\n \u003cdiv class=\"jukebox-display\"\u003e\n \u003cdiv class=\"serum-ui\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Serum2AudioPlayer.jpg?v=1747181839\" alt=\"Serum 2 UI\" class=\"serum-bg\"\u003e\n \u003cdiv id=\"sampleTitle\" class=\"serum-title\"\u003eWHZLY PRESET 1\u003c\/div\u003e\n \u003cdiv id=\"waveformContainer\" class=\"serum-waveform\"\u003e\u003c\/div\u003e\n\u003cbutton id=\"prevSample\" class=\"jukebox-btn\"\u003e◀\u003c\/button\u003e\n\u003cbutton id=\"nextSample\" class=\"jukebox-btn\"\u003e▶\u003c\/button\u003e\n \u003cbutton id=\"playPause\" class=\"play-pause-btn\"\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- SoundCloud player kept with the text so it aligns left of the image --\u003e\n\u003cdiv class=\"hook-plus-image\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n \u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n \u003cspan class=\"project-emoji\"\u003e🎛️\u003c\/span\u003e \n \u003cspan class=\"project-heading-desktop\"\u003eFull-Length Ableton Project Included\u003c\/span\u003e\n \u003cspan class=\"project-heading-mobile\"\u003eAbleton Project Included\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003c!-- DESKTOP LIST --\u003e\n \u003cul class=\"projects-list-desktop\" style=\"padding-left:0;\"\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eProfessionally designed Liquid DNB project file\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eFull arrangement with rolling drums, melodic layers, and emotive drops\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eLearn mixing, FX routing, and arrangement structure\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eBuilt entirely from the sounds in Liquid DNB Vol. 1\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003c!-- MOBILE LIST --\u003e\n \u003cul class=\"projects-list-mobile\" style=\"padding-left:0;\"\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eFull-length Liquid DNB Ableton project\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eExplore mixing, FX, and arrangement\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eLearn directly from a professionally designed template\u003c\/li\u003e\n \u003cli style=\"margin-bottom:0;\"\u003eMade entirely with Liquid DNB Vol. 1\u003c\/li\u003e\n \u003c\/ul\u003e\n\n\n \u003cdiv class=\"soundcloud-player-wrap\" style=\"margin-top:20px; max-width:650px; padding-left:0;\"\u003e\n \u003ciframe width=\"100%\" height=\"20\" scrolling=\"no\" frameborder=\"no\" allow=\"autoplay\" src=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/soundcloud%3Atracks%3A2174043012%3Fsecret_token%3Ds-Uo3kG6ZHpli\u0026amp;color=%23289abd\u0026amp;inverse=true\u0026amp;auto_play=false\u0026amp;show_user=false\"\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e \u003c!-- ✅ close .hook-text BEFORE the image --\u003e\n\n \u003cdiv class=\"projects-image projects-image--match-split\" style=\"margin-left:40px; margin-top:25px;\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LDNBV1_Project.webp?v=1758247231\" alt=\"Liquid DNB Vol. 1 Ableton Project\"\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.audio-preview-note {\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n color: #dedede;\n text-align: center;\n margin-top: -5px;\n letter-spacing: -0.2px;\n margin-bottom: 0px; \n max-width: 320px; \n line-height: 1.3;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* Label rendered by the wrapper itself *\/\n.soundcloud-player-wrap {\n position: relative;\n display: flex;\n justify-content: flex-start; \/* align contents left *\/\n}\n\n.soundcloud-player-wrap::before {\n content: \"↓ High Quality Preview ↓\";\n position: absolute;\n top: -14px; \n left: 22px; \n width: 500px;\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n color: #f5f5f5;\n line-height: 1.2;\n pointer-events: none;\n}\n\n.soundcloud-player-wrap iframe {\n display: block;\n max-width: 500px;\n margin-left: 22px;\n}\n\n\/* Mobile: center the label + player *\/\n@media (max-width: 640px){\n .soundcloud-player-wrap{\n display:block;\n }\n .soundcloud-player-wrap iframe{\n max-width: 100%;\n margin: 0 auto;\n }\n .soundcloud-player-wrap::before{\n left: 50%;\n transform: translateX(-50%);\n width: auto;\n max-width: 90vw;\n top: -14px; \n font-size: 18px;\n text-align: center;\n }\n}\n@media (max-width: 768px){\n .soundcloud-player-wrap::before { font-size: 11px; }\n}\n\n @media (max-width: 768px) {\n .projects-list-desktop {\n display: none;\n }\n .projects-list-mobile {\n display: block;\n }\n }\n\n @media (min-width: 769px) {\n .projects-list-mobile {\n display: none;\n }\n }\n\n@media (max-width: 400px) {\n .audio-preview-heading .emoji {\n display: none;\n }\n}\n\n.project-heading-mobile {\n display: none;\n}\n\n@media (max-width: 768px) {\n .project-heading-desktop {\n display: none;\n }\n .project-heading-mobile {\n display: inline;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .soundcloud-player-wrap {\n padding-left: 0 !important;\n }\n }\n\u003c\/style\u003e\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .projects-image {\n display: block !important;\n margin: 20px auto -260px auto !important; \/* top 20px, bottom -100px, centered *\/\n max-width: 100% !important;\n text-align: center !important;\n }\n\n .projects-image img {\n display: block;\n margin: 0 auto;\n max-width: 100%;\n height: auto;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .project-emoji {\n display: none;\n }\n }\n.projects-image--match-split { flex:0 0 480px; max-width:480px; }\n\n.projects-image--match-split img { width:100%; height:auto; aspect-ratio:16\/9; display:block; }\n\n\u003c\/style\u003e\n\u003cdiv class=\"hook-plus-image hook-plus-image-optimized\"\u003e\n \u003cdiv class=\"hook-text\"\u003e\n\u003ch2 style=\"margin-top: 35px; margin-bottom: 15px;\"\u003e\n \u003cspan class=\"no-filler-icon\"\u003e🌊\u003c\/span\u003e Crafted to Be Exceptional\n\u003c\/h2\u003e\n\u003c!-- Desktop version --\u003e\n\u003cul class=\"no-filler-list-desktop\"\u003e\n \u003cli\u003eAll presets tuned, leveled, and macro-mapped for fast use\u003c\/li\u003e\n \u003cli\u003e100s of loops designed for direct drop-ins\u003c\/li\u003e\n \u003cli\u003eHuge collection of unique instrument loops\u003c\/li\u003e\n \u003cli\u003eDelivered as a fully processed, organised toolkit\u003c\/li\u003e\n \u003cli\u003e100% royalty-free and instantly downloadable\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003c!-- Mobile version --\u003e\n\u003cul class=\"no-filler-list-mobile\"\u003e\n \u003cli\u003ePresets tuned, leveled \u0026amp; macro-ready\u003c\/li\u003e\n \u003cli\u003e100s of loops for instant drop-ins\u003c\/li\u003e\n \u003cli\u003eUnique instrument loops included\u003c\/li\u003e\n \u003cli\u003eOrganised, processed production kit\u003c\/li\u003e\n \u003cli\u003eRoyalty-free \u0026amp; ready to download\u003c\/li\u003e\n\u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"split-combine-section split-whzly\"\u003e\n \u003cdiv class=\"half left\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"half right\"\u003e\n \u003cimg class=\"split-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n \u003c\/div\u003e\n \u003cimg class=\"sr-only\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Folders.webp?v=1758337726\" alt=\"WHZLY Studio\"\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .no-filler-icon {\n display: none;\n }\n\n .no-filler-heading {\n margin-top: 30px;\n }\n }\n\n@media (max-width: 768px) {\n .no-filler-list-mobile {\n display: block;\n padding-left: 0;\n margin-top: 10px;\n }\n\n .no-filler-list-desktop {\n display: none;\n }\n}\n\n@media (min-width: 769px) {\n .no-filler-list-mobile {\n display: none;\n }\n\n .no-filler-list-desktop {\n display: block;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n @media (max-width: 768px) {\n .projects-wrapper {\n flex-direction: column !important;\n align-items: center !important;\n }\n\n .projects-wrapper \u003e div {\n max-width: 100% !important;\n margin-left: 0 !important;\n }\n\n .project-image {\n margin-top: 40px !important;\n }\n }\n\n .project-image img {\n transition: transform 0.3s ease;\n }\n\n .project-image img:hover {\n transform: scale(1.06);\n }\n\n@media (max-width: 768px) {\n .projects-wrapper {\n width: 100%;\n max-width: 650px;\n margin: 0 auto;\n padding: 0 15px;\n box-sizing: border-box;\n }\n\n .projects-wrapper ul {\n margin-left: 20px !important;\n padding-left: 0 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 10px;\n }\n}\n\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n@media (max-width: 768px) {\n .projects-wrapper,\n .projects-wrapper * {\n max-width: 650px !important;\n width: 100% !important;\n font-size: 15px !important;\n line-height: 1.6 !important;\n font-family: 'Syne', sans-serif !important;\n box-sizing: border-box !important;\n color: #f0f0e6 !important;\n }\n\n .projects-wrapper h2 {\n font-size: 22px !important;\n margin-top: 25px !important;\n margin-bottom: 15px !important;\n text-align: center !important;\n }\n\n .projects-wrapper ul {\n padding-left: 20px !important;\n margin: 0 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 12px !important;\n list-style-type: disc !important;\n }\n}\n\n@media (max-width: 768px) {\n .projects-wrapper ul {\n font-size: 15px !important;\n line-height: 1.6 !important;\n font-family: 'Syne', sans-serif !important;\n padding-left: 20px !important;\n margin: 0 !important;\n color: #f0f0e6 !important;\n }\n\n .projects-wrapper li {\n margin-bottom: 12px !important;\n list-style-type: disc !important;\n }\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.expandable-content {\n display: block;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n transition:\n max-height 0.6s ease,\n opacity 0.6s ease;\n will-change: max-height, opacity;\n}\n\n.expandable-content ul {\n margin-left: 15px;\n padding-left: 20px;\n border-left: 2px solid #f0f0e6;\n}\n\n.expandable-content ul li {\n font-size: 16px;\n opacity: 0.9;\n}\n\n.expandable-content ul li::before {\n content: \"◦\";\n color: #7cff5a;\n margin-right: 8px;\n}\n\n.expandable-content.visible {\n max-height: 1000px; \/* or whatever is tall enough for your list *\/\n opacity: 1;\n}\n\n@media (max-width: 768px) {\n \/* Pull the inner dropdown (ul) closer to the left *\/\n .expandable-content ul {\n margin-left: 8px !important; \n padding-left: 12px !important; \n border-left: 2px solid #f0f0e6;\n }\n\n \/* Tighten spacing inside the expandable-trigger (where the arrow + text are) *\/\n .expandable-trigger .arrow-icon {\n margin-right: 2px !important; \n }\n\n \/* Tighten space between bullet (▶) and text inside dropdown *\/\n .expandable-content ul li::before {\n padding-right: 0px !important;\n margin-right: 4px !important;\n }\n}\n\n\/* Base list styling *\/\n.whzly-list {\n list-style: none;\n padding-left: 0;\n}\n\n\/* Only apply ▶ arrow to list items that are NOT expandable triggers *\/\n.whzly-list li:not(.expandable-wrapper):not(.expandable-trigger)::before {\n content: \"▶\\FE0E \";\n color: #f0f0e6;\n padding-right: 6px;\n}\n\n\/* Expandable list container *\/\n.expandable-wrapper {\n margin-bottom: 10px;\n}\n\n\/* Expandable trigger overrides normal bullet *\/\n.expandable-trigger::before {\n content: none; \/* Disable default list-style bullet *\/\n}\n\n\/* Flashing arrow icon *\/\n.arrow-icon {\n display: inline-block;\n color: #f0f0e6;\n margin-right: 8px;\n animation: arrowPulse 1.6s ease-in-out infinite;\n transition: transform 0.3s ease;\n}\n\n.expandable-trigger,\n.expandable-trigger .arrow-icon {\n cursor: pointer;\n}\n\n.expandable-trigger strong {\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n font-weight: bold;\n}\n\n@keyframes arrowPulse {\n 0%, 100% {\n opacity: 1;\n transform: translateX(0);\n }\n 50% {\n opacity: 0.5;\n transform: translateX(2px);\n }\n}\n\n.expandable-trigger.active .arrow-icon {\n animation: none;\n}\n\n\/* Arrow content: ▶ \/ ▼ *\/\n.arrow-icon::before {\n content: \"▶\";\n}\n\n.expandable-trigger.active .arrow-icon::before {\n content: \"▼\";\n}\n\u003c\/style\u003e\n\n\u003cstyle\u003e\n.preview-player-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 16px;\n margin-top: -12px !important;\n width: 100%;\n}\n\n@media (min-width: 769px) {\n .preview-player-wrapper {\n transform: translateX(100px);\n }\n}\n\n.sample-category-buttons {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: -16px !important;\n margin-bottom: -10px !important;\n}\n\n@media (max-width: 480px) {\n .sample-category-buttons {\n transform: scale(0.7);\n transform-origin: top center;\n margin-left: -10px !important;\n margin-right: -10px !important;\n }\n}\n\n.sample-category-btn {\n background: transparent;\n border: 2px solid #f0f0e6;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n padding: 6px 14px;\n font-size: 14px;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.3s ease;\n text-shadow: 0 0 4px #f0f0e6;\n}\n\n.sample-category-btn:hover,\n.sample-category-btn.active {\n background: #f0f0e6;\n color: black;\n box-shadow: 0 0 10px #f0f0e6;\n}\n\n.category-buttons {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n width: 400px; \n margin: 0 auto 10px auto;\n transform: translateX(100px);\n}\n\n@media (max-width: 480px) {\n .sample-category-buttons {\n flex-wrap: nowrap;\n overflow-x: auto;\n scrollbar-width: none; \/* Firefox *\/\n }\n\n .sample-category-buttons::-webkit-scrollbar {\n display: none; \/* Chrome, Safari, Edge *\/\n }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\n document.addEventListener('DOMContentLoaded', () =\u003e {\n const triggers = document.querySelectorAll('.expandable-trigger');\n const manualToggles = new Set();\n const autoExpanded = new Set();\n let lastY = window.scrollY;\n\n triggers.forEach(trigger =\u003e {\n trigger.addEventListener('click', () =\u003e {\n const target = document.querySelector(trigger.dataset.target);\n const id = trigger.dataset.target;\n\n trigger.classList.toggle('active');\n target.classList.toggle('visible');\n manualToggles.add(id); \n autoExpanded.delete(id); \n });\n });\n\n const handleScrollExpand = () =\u003e {\n const currentY = window.scrollY;\n const scrollingUp = currentY \u003c lastY;\n lastY = currentY;\n\n triggers.forEach(trigger =\u003e {\n const id = trigger.dataset.target;\n const target = document.querySelector(id);\n const rect = target.getBoundingClientRect();\n\n const triggerPoint = window.innerHeight * (id === '#samples-sublist' ? 0.65 : 0.75);\n\n if (manualToggles.has(id)) return;\n\n \n if (!scrollingUp \u0026\u0026 rect.top \u003c triggerPoint \u0026\u0026 rect.bottom \u003e 0) {\n trigger.classList.add('active');\n target.classList.add('visible');\n autoExpanded.add(id);\n }\n\n \n if (scrollingUp \u0026\u0026 autoExpanded.has(id) \u0026\u0026 rect.top \u003e triggerPoint) {\n trigger.classList.remove('active');\n target.classList.remove('visible');\n autoExpanded.delete(id);\n }\n });\n };\n\n window.addEventListener('scroll', handleScrollExpand, { passive: true });\n handleScrollExpand(); \/\/ run once on page load\n });\n\u003c\/script\u003e\n\n\n\u003cstyle\u003e\n.audio-preview-heading {\n display: block;\n text-align: center;\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n font-size: 24px;\n font-weight: bold;\n letter-spacing: 1px;\n margin-bottom: 8px !important; \n}\n\n@media (min-width: 769px) {\n .audio-preview-heading {\n margin-left: 197px;\n margin-top: 10px; \n text-align: left; \n transform: translateX(-100px);\n }\n}\n\n.jukebox-section {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n margin-top: 0;\n margin-bottom: 0;\n margin-left: -225px;\n}\n\n.vault-and-player {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 40px;\n margin-top: 60px;\n}\n\n.vault-text {\n flex: 1 1 50%;\n min-width: 300px;\n}\n\n.player-container {\n flex: 1 1 40%;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n@media (max-width: 768px) {\n .vault-and-player {\n flex-direction: column;\n width: 100%;\n align-items: center;\n margin: 0 auto;\n }\n\n .vault-text, .player-container {\n width: 100%;\n }\n}\n\n\n.jukebox-container {\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(1);\n transform-origin: top center;\n padding: 0;\n margin-top: 0;\n margin-top: 0;\n}\n\n.jukebox-display {\n position: relative;\n width: 100%;\n max-width: 400px;\n aspect-ratio: 657 \/ 778;\n margin: 0 auto;\n}\n\n.serum-ui {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.serum-bg {\n width: 100%;\n height: auto;\n display: block;\n}\n\n.serum-title {\n position: absolute;\n top: 43px;\n left: 50%;\n transform: translateX(-51%);\n font-family: 'Montserrat', sans-serif;\n font-size: 21px;\n font-weight: 400;\n color: #ffffff;\n letter-spacing: 0.5px;\n text-shadow: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.serum-waveform {\n position: absolute;\n top: 110px;\n left: 50%;\n transform: translateX(-50%);\n width: 100%;\n height: 144px;\n overflow: hidden;\n}\n\n.play-pause-btn {\n position: absolute;\n top: 184px;\n left: 50%; \/* was 50% *\/\n transform: translate(-50%, -50%) translateX(10px);\n width: 100px;\n height: 100px;\n background: transparent;\n border: none;\n z-index: 3;\n opacity: 1;\n padding: 0;\n font-size: 0;\n pointer-events: auto;\n}\n\n.play-pause-btn::before {\n content: '';\n display: block;\n width: 0;\n height: 0;\n margin: auto;\n border-style: solid;\n border-width: 30px 0 30px 50px;\n border-color: transparent transparent transparent #f0f0e6;\n position: relative;\n left: -6px;\n}\n\n.play-pause-btn.paused::before {\n content: '';\n display: block;\n width: 24px;\n height: 28px;\n margin: 0 auto;\n background:\n linear-gradient(to right,\n #f0f0e6 8px,\n transparent 8px,\n transparent 16px,\n #f0f0e6 16px\n );\n transform: translateX(-2px); \/* slight left nudge *\/\n}\n\n.play-pause-btn::before,\n.play-pause-btn.paused::before {\n text-shadow: 0 0 6px #f0f0e6;\n filter: drop-shadow(0 0 6px #f0f0e6);\n transition: filter 0.3s ease-in-out;\n}\n\n.play-pause-btn:hover::before,\n.play-pause-btn.paused:hover::before {\n filter: drop-shadow(0 0 10px #f0f0e) drop-shadow(0 0 16px #f0f0e);\n}\n\n.play-pause-btn.playing::before {\n opacity: 0.2; \n transition: opacity 0.3s ease;\n}\n\n@media (max-width: 480px) {\n .play-pause-btn {\n width: 82px !important;\n height: 82px !important;\n position: absolute;\n top: 47%;\n left: 52%; \/* ✅ nudge it right *\/\n transform: translate(-50%, -50%);\n z-index: 10;\n }\n\n .play-pause-btn::before {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 41px 0 41px 68px;\n border-color: transparent transparent transparent #f0f0e6;\n background: none;\n left: -2px;\n top: 0;\n transform: none;\n opacity: 1;\n }\n\n .play-pause-btn.paused::before {\n content: '';\n position: absolute;\n width: 54px;\n height: 76px;\n background: linear-gradient(to right,\n #f0f0e6 18px,\n transparent 18px,\n transparent 36px,\n #f0f0e6 36px\n );\n border: none;\n left: 14px;\n top: 3px;\n transform: none;\n opacity: 1;\n }\n}\n\n@media (max-width: 375px) {\n .play-pause-btn {\n width: 65px !important;\n height: 65px !important;\n }\n\n .play-pause-btn::before {\n border-width: 30px 0 30px 50px;\n left: -4px;\n }\n\n .play-pause-btn.paused::before {\n width: 42px;\n height: 60px;\n }\n}\n\n\n@media (max-width: 480px) {\n .play-pause-btn::before,\n .play-pause-btn.paused::before {\n transform: scale(0.7) translateX(-2px);\n }\n}\n\n\/* Navigation Arrows *\/\n.jukebox-btn {\n position: absolute;\n top: 184px;\n transform: translateY(-50%);\n background: transparent;\n border: none;\n color: #f0f0e6;\n font-size: 40px;\n font-family: 'Arial', 'Helvetica Neue', sans-serif; \/* remove Montserrat, exclude emoji fonts *\/\n cursor: pointer;\n z-index: 3;\n transition: color 0.2s ease, text-shadow 0.2s ease;\n text-shadow: 0 0 6px #f0f0e6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\n.jukebox-btn:hover {\n color: #f0f0e;\n text-shadow:\n 0 0 6px #f0f0e6,\n 0 0 12px #f0f0e6,\n 0 0 18px #f0f0e6;\n}\n\n#prevSample {\n left: -34px;\n}\n\n#nextSample {\n right: -34px;\n}\n\n@media (max-width: 480px) {\n .jukebox-btn {\n top: 178px; \/* move up from 184px *\/\n }\n\n #prevSample {\n left: -40px;\n }\n\n #nextSample {\n right: -40px;\n }\n}\n\n\/* Mobile general scaling *\/\n@media (max-width: 480px) {\n .jukebox-display {\n max-width: 100%;\n width: 90vw;\n transform: scale(0.85); \/* actual scale down now *\/\n transform-origin: top center;\n margin: 0 auto;\n }\n\n .serum-title {\n font-size: 18px;\n top: 9.1%; \/* percentage relative to player *\/\n }\n\n .play-pause-btn {\n font-size: 86px;\n top: 39%;\n transform: translate(-50%, -50%);\n }\n\n .serum-waveform {\n height: 30%;\n top: 23%;\n }\n\n .jukebox-btn {\n font-size: 63px;\n top: 38.2%;\n }\n}\n\n\/* Tiny mobile scaling (375px and below) *\/\n@media (max-width: 375px) {\n .jukebox-display {\n transform: scale(0.8);\n }\n\n .serum-title {\n font-size: 16px;\n top: 9.5%;\n }\n\n .play-pause-btn {\n font-size: 58px;\n top: 40%;\n transform: translate(-50%, -50%);\n }\n\n .serum-waveform {\n height: 29%;\n top: 24%;\n }\n\n .jukebox-btn {\n font-size: 58px;\n top: 40%;\n }\n}\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-bottom: -50px;\n }\n}\n\n@media (min-width: 769px) {\n .jukebox-section {\n flex: 1 1 40%;\n min-width: 300px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-left: -225px;\n }\n}\n\n@media (max-width: 480px) {\n .jukebox-display {\n transform: scale(0.85);\n transform-origin: top center;\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n\n .serum-ui {\n transform: scale(1);\n width: 100%;\n height: auto;\n }\n}\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-left: 0 !important;\n width: 100%;\n padding: 0 10px;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .jukebox-wrapper {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n transform: none !important;\n padding: 0;\n box-sizing: border-box;\n }\n\n .jukebox-container {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n transform: none !important;\n }\n\n .jukebox-display {\n width: 100%;\n max-width: 400px;\n margin: 0 auto;\n }\n}\n\n\n\/* MARGIN REDUCE, COMMENTED OUT\n@media (max-width: 480px) {\n .jukebox-section {\n margin-bottom: -80px !important;\n }\n}\n*\/\n\n@media (max-width: 768px) {\n .jukebox-section {\n margin-left: 0 !important;\n padding-left: 15px;\n padding-right: 15px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .jukebox-container {\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (max-width: 768px) {\n .audio-preview-heading {\n margin-left: 0 !important;\n font-size: 22px !important;\n margin-right: 0 !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n text-align: center !important;\n }\n}\n\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\nconst sampleData = {\n melodic: [\n{ title: \"Loop 1 - Gmaj\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_1_-_Gmaj.mp3?v=1758582889\" },\n{ title: \"Loop 7 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_7_-_Fmin.mp3?v=1758582889\" },\n{ title: \"Loop 9 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_9_-_Emin.mp3?v=1758430655\" },\n{ title: \"Loop 11 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_11_-_Fmin.mp3?v=1758430683\" },\n{ title: \"Loop 13 - G#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_13_-_G_min.mp3?v=1758430866\" },\n{ title: \"Loop 16 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_16_-_Fmin.mp3?v=1758430865\" },\n{ title: \"Loop 19 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_19_-_Fmin.mp3?v=1758430866\" },\n{ title: \"Loop 23 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_23_-_Fmin.mp3?v=1758430904\" },\n{ title: \"Loop 31 - G#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_31_-_G_min.mp3?v=1758430904\" },\n{ title: \"Loop 35 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_35_-_Fmin.mp3?v=1758430904\" },\n{ title: \"Loop 36 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_36_-_C_min.mp3?v=1758430904\" },\n{ title: \"Loop 49 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_49_-_Emin.mp3?v=1758430957\" },\n{ title: \"Loop 59 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_59_-_Fmin.mp3?v=1758430956\" },\n{ title: \"Loop 61 - Amin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_61_-_Amin.mp3?v=1758431018\" },\n{ title: \"Loop 72 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_72_-_D_min.mp3?v=1758431018\" },\n{ title: \"Loop 77 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_77_-_Fmin.mp3?v=1758431018\" },\n{ title: \"Loop 80 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_80_-_Dmin.mp3?v=1758431018\" },\n{ title: \"Loop 82 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_82_-_C_min.mp3?v=1758431018\" },\n{ title: \"Loop 110 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_110_-_Gmin.mp3?v=1758431088\" },\n{ title: \"Loop 112 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_112_-_C_min.mp3?v=1758431088\" },\n{ title: \"Loop 116 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_116_-_Dmin.mp3?v=1758431088\" },\n{ title: \"Loop 118 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_118_-_Gmin.mp3?v=1758431088\" },\n{ title: \"Loop 121 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_121_-_Emin.mp3?v=1758431089\" },\n{ title: \"Loop 124 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_124_-_Fmin.mp3?v=1758431154\" },\n{ title: \"Loop 126 - D#maj\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_126_-_D_maj.mp3?v=1758431154\" },\n{ title: \"Loop 128 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_128_-_D_min.mp3?v=1758431154\" },\n{ title: \"Loop 131 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melody_Loop_131_-_C_min.mp3?v=1758431154\" },\n{ title: \"One Shot 6 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_6_-_Emin.mp3?v=1758431222\" },\n{ title: \"One Shot 11 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_11_-_C.mp3?v=1758431221\" },\n{ title: \"One Shot 14 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_14_-_C.mp3?v=1758431221\" },\n{ title: \"One Shot 16 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_16_-_Cmin.mp3?v=1758431221\" },\n{ title: \"One Shot 20 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_20_-_Dmin.mp3?v=1758431221\" },\n{ title: \"One Shot 24 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_24_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 36 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_36_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 39 - C\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_39_-_C.mp3?v=1758431341\" },\n{ title: \"One Shot 41 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_41_-_Dmin.mp3?v=1758431342\" },\n{ title: \"One Shot 43 - D#\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_43_-_D.mp3?v=1758431342\" },\n{ title: \"One Shot 44 - A\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_44_-_A.mp3?v=1758431342\" },\n{ title: \"One Shot 45 - Amin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Melodic_One_Shot_45_-_Amin.mp3?v=1758431343\" },\n{ title: \"Swell 3 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_3_-_Emin.mp3?v=1758431468\" },\n{ title: \"Swell 9 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_9_-_Fmin.mp3?v=1758431468\" },\n{ title: \"Swell 14 - C#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_14_-_C_min.mp3?v=1758431467\" },\n{ title: \"Swell 17 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_17_-_Dmin.mp3?v=1758431467\" },\n{ title: \"Swell 22 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_22_-_D_min.mp3?v=1758431468\" },\n{ title: \"Swell 25 - F#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_25_-_F_min.mp3?v=1758431468\" },\n{ title: \"Swell 30 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_30_-_Emin.mp3?v=1758431468\" },\n{ title: \"Swell 35 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Swell_35_-_Fmin.mp3?v=1758431468\" },\n{ title: \"Pad Loop 1 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_1_-_Dmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 9 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_9_-_Cmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 11 - Gmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_11_-_Gmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 20 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_20_-_Emin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 29 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_29_-_Dmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 36 - Cmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_36_-_Cmin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 45 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_45_-_Emin.mp3?v=1758431601\" },\n{ title: \"Pad Loop 48 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_48_-_D_min.mp3?v=1758431601\" },\n{ title: \"Pad Loop 63 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_63_-_Fmin.mp3?v=1758582412\" },\n{ title: \"Pad Loop 68 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pad_Loop_68_-_D_min.mp3?v=1758582411\" },\n{ title: \"Guitar Loop 1 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_1_-_Emin.mp3?v=1758431778\" },\n{ title: \"Guitar Loop 13 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_13_-_Emin.mp3?v=1758431777\" },\n{ title: \"Guitar Loop 26 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_26_-_Fmin.mp3?v=1758431777\" },\n{ title: \"Guitar Loop 27 - D#min\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_27_-_D_min.mp3?v=1758431778\" },\n{ title: \"Guitar Loop 29 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Guitar_Loop_29_-_Emin.mp3?v=1758431777\" },\n{ title: \"Piano Loop 1 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_1_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 5 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_5_-_Emin.mp3?v=1758431850\" },\n{ title: \"Piano Loop 17 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_17_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 20 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_20_-_Fmin.mp3?v=1758431851\" },\n{ title: \"Piano Loop 22 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Piano_Loop_22_-_Dmin.mp3?v=1758431850\" },\n{ title: \"Flute Loop 2 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_2_-_Emin.mp3?v=1758431924\" },\n{ title: \"Flute Loop 5 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_5_-_Emin.mp3?v=1758431924\" },\n{ title: \"Flute Loop 9 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_9_-_Emin.mp3?v=1758431925\" },\n{ title: \"Flute Loop 13 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flute_Loop_13_-_Emin.mp3?v=1758431924\" },\n{ title: \"Violin Loop 1 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_1_-_Emin.mp3?v=1758431980\" },\n{ title: \"Violin Loop 5 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_5_-_Dmin.mp3?v=1758431979\" },\n{ title: \"Violin Loop 10 - Dmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_10_-_Dmin.mp3?v=1758431979\" },\n{ title: \"Violin Loop 17 - Fmin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_17_-_Fmin.mp3?v=1758431980\" },\n{ title: \"Violin Loop 25 - Emin\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Violin_Loop_25_-_Emin.mp3?v=1758431979\" }\n ],\n drums: [\n{ title: \"Full Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_1.mp3?v=1758432737\" },\n{ title: \"Full Loop 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_5.mp3?v=1758432737\" },\n{ title: \"Full Loop 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_6.mp3?v=1758432737\" },\n{ title: \"Full Loop 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_12.mp3?v=1758432737\" },\n{ title: \"Full Loop 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_13.mp3?v=1758432737\" },\n{ title: \"Full Loop 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_15.mp3?v=1758432737\" },\n{ title: \"Full Loop 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Full_Loop_17.mp3?v=1758432737\" },\n{ title: \"Intro Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_1.mp3?v=1758432846\" },\n{ title: \"Intro Loop 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_3.mp3?v=1758432845\" },\n{ title: \"Intro Loop 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_8.mp3?v=1758432845\" },\n{ title: \"Intro Loop 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_11.mp3?v=1758432845\" },\n{ title: \"Intro Loop 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_13.mp3?v=1758432845\" },\n{ title: \"Intro Loop 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_19.mp3?v=1758432845\" },\n{ title: \"Intro Loop 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Intro_Loop_21.mp3?v=1758432846\" },\n{ title: \"Top Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_1.mp3?v=1758432944\" },\n{ title: \"Top Loop 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_2.mp3?v=1758432944\" },\n{ title: \"Top Loop 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_8.mp3?v=1758432944\" },\n{ title: \"Top Loop 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_9.mp3?v=1758432943\" },\n{ title: \"Top Loop 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_11.mp3?v=1758432943\" },\n{ title: \"Top Loop 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_14.mp3?v=1758432944\" },\n{ title: \"Top Loop 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_16.mp3?v=1758432943\" },\n{ title: \"Top Loop 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_22.mp3?v=1758432944\" },\n{ title: \"Top Loop 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Top_Loop_25.mp3?v=1758432944\" },\n{ title: \"Perc Loop 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_4.mp3?v=1758433081\" },\n{ title: \"Perc Loop 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_6.mp3?v=1758433082\" },\n{ title: \"Perc Loop 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_7.mp3?v=1758433082\" },\n{ title: \"Perc Loop 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_16.mp3?v=1758433081\" },\n{ title: \"Perc Loop 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_21.mp3?v=1758433082\" },\n{ title: \"Perc Loop 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_Loop_24.mp3?v=1758433081\" },\n{ title: \"Kick 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_1.mp3?v=1758433177\" },\n{ title: \"Kick 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_5.mp3?v=1758433175\" },\n{ title: \"Kick 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_8.mp3?v=1758433176\" },\n{ title: \"Kick 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_10.mp3?v=1758433176\" },\n{ title: \"Kick 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_13_57a7ba15-d36d-4b40-afda-20dd9be4b0d2.mp3?v=1758433175\" },\n{ title: \"Kick 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_14.mp3?v=1758433176\" },\n{ title: \"Kick 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_15.mp3?v=1758433176\" },\n{ title: \"Kick 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_20.mp3?v=1758433175\" },\n{ title: \"Kick 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Kick_22.mp3?v=1758433176\" },\n{ title: \"Snare 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_2.mp3?v=1758433324\" },\n{ title: \"Snare 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_4.mp3?v=1758433324\" },\n{ title: \"Snare 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_7.mp3?v=1758433324\" },\n{ title: \"Snare 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_8.mp3?v=1758433324\" },\n{ title: \"Snare 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_12.mp3?v=1758433324\" },\n{ title: \"Snare 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_15.mp3?v=1758433324\" },\n{ title: \"Snare 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_18.mp3?v=1758433324\" },\n{ title: \"Snare 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_23.mp3?v=1758433324\" },\n{ title: \"Snare 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_26.mp3?v=1758433324\" },\n{ title: \"Snare 28\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_28.mp3?v=1758433324\" },\n{ title: \"Snare 33\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_33.mp3?v=1758433324\" },\n{ title: \"Snare 42\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_42.mp3?v=1758433324\" },\n{ title: \"Snare 49\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_49.mp3?v=1758433324\" },\n{ title: \"Snare 52\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Snare_52.mp3?v=1758433324\" },\n{ title: \"Rimshot 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_6.mp3?v=1758433551\" },\n{ title: \"Rimshot 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_8.mp3?v=1758433551\" },\n{ title: \"Rimshot 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_12.mp3?v=1758433551\" },\n{ title: \"Rimshot 15\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_15.mp3?v=1758433552\" },\n{ title: \"Rimshot 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_18.mp3?v=1758433551\" },\n{ title: \"Rimshot 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_20.mp3?v=1758433551\" },\n{ title: \"Rimshot 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_21.mp3?v=1758433552\" },\n{ title: \"Rimshot 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Rimshot_22.mp3?v=1758433551\" },\n{ title: \"Clap 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_1.mp3?v=1758433629\" },\n{ title: \"Clap 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_3.mp3?v=1758433629\" },\n{ title: \"Clap 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_8.mp3?v=1758433629\" },\n{ title: \"Clap 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_10.mp3?v=1758433630\" },\n{ title: \"Clap 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_11.mp3?v=1758433629\" },\n{ title: \"Clap 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Clap_12.mp3?v=1758433629\" },\n{ title: \"Hat 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_1.mp3?v=1758433705\" },\n{ title: \"Hat 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_5.mp3?v=1758433705\" },\n{ title: \"Hat 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_7.mp3?v=1758433705\" },\n{ title: \"Hat 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_12_5993c039-ddba-4b77-9f3a-e9a64b15d391.mp3?v=1758433705\" },\n{ title: \"Hat 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_13_ff843a03-2479-4822-8924-b950e31dc29f.mp3?v=1758433705\" },\n{ title: \"Hat 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_17_4f7d2e45-6ffb-4f5d-bf96-c4eee344d8d6.mp3?v=1758433705\" },\n{ title: \"Hat 21\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Hat_21.mp3?v=1758433706\" },\n{ title: \"Cymbal 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_1.mp3?v=1758433784\" },\n{ title: \"Cymbal 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_2.mp3?v=1758433784\" },\n{ title: \"Cymbal 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_7.mp3?v=1758433784\" },\n{ title: \"Cymbal 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_12.mp3?v=1758433784\" },\n{ title: \"Cymbal 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_13.mp3?v=1758433784\" },\n{ title: \"Cymbal 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_14.mp3?v=1758433784\" },\n{ title: \"Cymbal 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Cymbal_18.mp3?v=1758433784\" },\n{ title: \"Crash 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_1.mp3?v=1758433847\" },\n{ title: \"Crash 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_6.mp3?v=1758433847\" },\n{ title: \"Crash 13\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_13.mp3?v=1758433848\" },\n{ title: \"Crash 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_16.mp3?v=1758433847\" },\n{ title: \"Crash 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_18.mp3?v=1758433848\" },\n{ title: \"Crash 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Crash_20.mp3?v=1758433847\" },\n{ title: \"Perc 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_1.mp3?v=1758433932\" },\n{ title: \"Perc 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_9.mp3?v=1758433931\" },\n{ title: \"Perc 11\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_11.mp3?v=1758433932\" },\n{ title: \"Perc 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_14.mp3?v=1758433932\" },\n{ title: \"Perc 16\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_16.mp3?v=1758433932\" },\n{ title: \"Perc 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_20.mp3?v=1758433931\" },\n{ title: \"Perc 23\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_23.mp3?v=1758433932\" },\n{ title: \"Perc 26\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_26.mp3?v=1758433933\" },\n{ title: \"Perc 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Perc_34.mp3?v=1758433932\" },\n{ title: \"Fill 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_1.mp3?v=1758434026\" },\n{ title: \"Fill 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_4.mp3?v=1758434027\" },\n{ title: \"Fill 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_8.mp3?v=1758434026\" },\n{ title: \"Fill 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_14.mp3?v=1758434027\" },\n{ title: \"Fill 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_19.mp3?v=1758434026\" },\n{ title: \"Fill 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_22.mp3?v=1758434027\" },\n{ title: \"Fill 25\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_25.mp3?v=1758434026\" },\n{ title: \"Fill 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_27.mp3?v=1758434026\" },\n{ title: \"Fill 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_31.mp3?v=1758434027\" },\n{ title: \"Fill 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_34.mp3?v=1758434026\" },\n{ title: \"Fill 39\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Fill_39.mp3?v=1758434026\" }\n ],\n bass: [\n{ title: \"Pure Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Pure_Bass.mp3?v=1758553673\" },\n{ title: \"808 Authority\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/808_Authority.mp3?v=1758553673\" },\n{ title: \"Flavor Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Flavor_Reese.mp3?v=1758553673\" },\n{ title: \"Jungle Wobble\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Jungle_Wobble.mp3?v=1758553673\" },\n{ title: \"Blare Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Blare_Bass.mp3?v=1758553673\" },\n{ title: \"Overtone Bassline\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Overtone_Bassline.mp3?v=1758553673\" },\n{ title: \"Gritty Reese\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Gritty_Reese.mp3?v=1758553673\" },\n{ title: \"Imparied Bass\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imparied_Bass.mp3?v=1758553673\" },\n{ title: \"Reese Loop 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_1_-_D.mp3?v=1758553902\" },\n{ title: \"Reese Loop 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_5_-_Fmin.mp3?v=1758553903\" },\n{ title: \"Reese Loop 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_7_-_Emin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_10_-_Dmin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_18_-_Fmin.mp3?v=1758553903\" },\n{ title: \"Reese Loop 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_22_-_Emin.mp3?v=1758553902\" },\n{ title: \"Reese Loop 31\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_31_-_D_min.mp3?v=1758553902\" },\n{ title: \"Reese Loop 33\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Reese_33_-_D_min.mp3?v=1758553903\" },\n{ title: \"One Shot 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_1_-_B.mp3?v=1758554016\" },\n{ title: \"One Shot 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_9_-_F.mp3?v=1758554015\" },\n{ title: \"One Shot 20\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_20_-_F.mp3?v=1758554017\" },\n{ title: \"One Shot 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_22_-_F.mp3?v=1758554015\" },\n{ title: \"One Shot 30\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_30_-_Dmin.mp3?v=1758554016\" },\n{ title: \"One Shot 34\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_34_-_G.mp3?v=1758554016\" },\n{ title: \"One Shot 36\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/One_Shot_36_-_D.mp3?v=1758554016\" }\n],\n fx: [\n { title: \"Ambience 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_1.mp3?v=1758443038\" },\n { title: \"Ambience 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_5.mp3?v=1758443038\" },\n { title: \"Ambience 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_14.mp3?v=1758443037\" },\n { title: \"Ambience 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_27.mp3?v=1758443039\" },\n { title: \"Ambience 40\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Ambience_40.mp3?v=1758443038\" },\n { title: \"Downlifter 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_1.mp3?v=1758443152\" },\n { title: \"Downlifter 5\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_5.mp3?v=1758443152\" },\n { title: \"Downlifter 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_7.mp3?v=1758443152\" },\n { title: \"Downlifter 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_17.mp3?v=1758443152\" },\n { title: \"Downlifter 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Downlifter_19.mp3?v=1758443152\" },\n { title: \"Riser 3\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_3.mp3?v=1758443207\" },\n { title: \"Riser 6\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_6.mp3?v=1758443208\" },\n { title: \"Riser 7\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_7.mp3?v=1758443207\" },\n { title: \"Riser 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_8.mp3?v=1758443208\" },\n { title: \"Riser 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Riser_9.mp3?v=1758443208\" },\n { title: \"Sweep 1\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_1.mp3?v=1758446864\" },\n { title: \"Sweep 8\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_8.mp3?v=1758446864\" },\n { title: \"Sweep 10\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_10.mp3?v=1758446864\" },\n { title: \"Sweep 12\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_12.mp3?v=1758446865\" },\n { title: \"Sweep 14\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_14.mp3?v=1758446864\" },\n { title: \"Sweep 18\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_18.mp3?v=1758446865\" },\n { title: \"Sweep 24\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_24.mp3?v=1758446865\" },\n { title: \"Sweep 27\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Sweep_27.mp3?v=1758446864\" },\n { title: \"Impact 2\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_2.mp3?v=1758445855\" },\n { title: \"Impact 4\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_4.mp3?v=1758445855\" },\n { title: \"Impact 9\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_9.mp3?v=1758445855\" },\n { title: \"Impact 17\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_17.mp3?v=1758445855\" },\n { title: \"Impact 19\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_19.mp3?v=1758445855\" },\n { title: \"Impact 22\", url: \"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/Imapct_22.mp3?v=1758445855\" }\n]\n};\n\nlet isAutoplaying = false;\nlet currentCategory = \"melodic\";\nlet currentSampleIndex = 0;\nlet wavesurfer;\nlet preloadedWavesurfer = null;\nlet preloadedSample = null;\n\n\/\/ Delay next advance if the just-played sample was very short\nfunction queueNextRespectingShortSamples() {\n const dur = wavesurfer \u0026\u0026 typeof wavesurfer.getDuration === 'function'\n ? wavesurfer.getDuration()\n : 0;\n const delay = dur \u003c 1 ? 500 : 0; \/\/ 0.5s if under 1s\n\n setTimeout(() =\u003e {\n if (isAutoplaying) {\n playNextSample();\n }\n }, delay);\n}\n\nfunction loadSample(category, index) {\n const sample = sampleData[category][index];\n if (!sample) return;\n\n document.getElementById('sampleTitle').textContent = sample.title;\n\n if (wavesurfer) {\n wavesurfer.destroy();\n }\n\nconst isTinyScreen = window.innerWidth \u003c= 390;\n\nwavesurfer = WaveSurfer.create({\n container: '#waveformContainer',\n waveColor: '#72b547',\n progressColor: '#72b547',\n cursorColor: '#ffff99',\n height: isTinyScreen ? 117 : 144, \/\/ 117px for tiny, 144px otherwise\n});\n\n wavesurfer.load(sample.url);\n\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n b.classList.remove('active');\n });\n const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${category}\"]`);\n if (newActiveButton) {\n newActiveButton.classList.add('active');\n }\n\n wavesurfer.on('ready', () =\u003e {\n if (isAutoplaying) {\n wavesurfer.play();\n }\n preloadNextSample();\n });\n\nwavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n queueNextRespectingShortSamples();\n }\n});\n}\n\nfunction usePreloadedSampleOrLoad(category, index) {\n if (\n preloadedSampleInfo \u0026\u0026\n preloadedSampleInfo.category === category \u0026\u0026\n preloadedSampleInfo.index === index \u0026\u0026\n preloadedSampleData\n ) {\n if (wavesurfer) {\n wavesurfer.destroy();\n }\n\n document.getElementById('sampleTitle').textContent = sampleData[category][index].title;\n\n wavesurfer = WaveSurfer.create({\n container: '#waveformContainer',\n waveColor: '#72b547',\n progressColor: '#72b547',\n cursorColor: '#ffff99',\n height: 144,\n });\n\n wavesurfer.loadBlob(preloadedSampleData);\n\n wavesurfer.on('ready', () =\u003e {\n if (isAutoplaying) {\n wavesurfer.play();\n }\n preloadNextSample(); \/\/ Preload following sample\n });\n\nwavesurfer.on('finish', () =\u003e {\n if (isAutoplaying) {\n queueNextRespectingShortSamples();\n }\n});\n\n preloadedSampleData = null;\n preloadedSampleInfo = null;\n\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n b.classList.remove('active');\n });\n const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${category}\"]`);\n if (newActiveButton) {\n newActiveButton.classList.add('active');\n }\n\n } else {\n loadSample(category, index);\n }\n}\n\nfunction playNextSample() {\n const currentCategorySamples = sampleData[currentCategory];\n\n if (currentSampleIndex \u003c currentCategorySamples.length - 1) {\n currentSampleIndex++;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n\n if (currentCategoryIndex \u003c categories.length - 1) {\n currentCategory = categories[currentCategoryIndex + 1];\n currentSampleIndex = 0;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n isAutoplaying = false;\n const playPauseButton = document.getElementById('playPause');\n if (playPauseButton) playPauseButton.classList.remove('playing');\n }\n }\n}\n\nfunction preloadNextSample() {\n preloadedSampleData = null;\n preloadedSampleInfo = null;\n\n const currentCategorySamples = sampleData[currentCategory];\n\n let nextCategory = currentCategory;\n let nextIndex = currentSampleIndex + 1;\n\n if (nextIndex \u003e= currentCategorySamples.length) {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n\n if (currentCategoryIndex \u003c categories.length - 1) {\n nextCategory = categories[currentCategoryIndex + 1];\n nextIndex = 0;\n } else {\n return; \/\/ No more samples to preload\n }\n }\n\n const nextSample = sampleData[nextCategory][nextIndex];\n if (!nextSample) return;\n\n preloadedSampleInfo = { category: nextCategory, index: nextIndex };\n\n fetch(nextSample.url)\n .then(response =\u003e response.blob())\n .then(blob =\u003e {\n preloadedSampleData = blob;\n })\n .catch(error =\u003e {\n console.error('Error preloading sample:', error);\n });\n}\n\nfunction usePreloadedSampleOrLoad(category, index) {\n if (\n preloadedSample \u0026\u0026\n preloadedSample.category === category \u0026\u0026\n preloadedSample.index === index \u0026\u0026\n preloadedWavesurfer\n ) {\n if (wavesurfer) {\n wavesurfer.destroy();\n }\n\n \/\/ Move preloaded instance to real container\n preloadedWavesurfer.container = document.getElementById('waveformContainer');\n wavesurfer = preloadedWavesurfer;\n preloadedWavesurfer = null;\n preloadedSample = null;\n\n document.getElementById('sampleTitle').textContent = sampleData[category][index].title;\n\nwavesurfer.on('finish', () =\u003e {\n const dur = wavesurfer \u0026\u0026 typeof wavesurfer.getDuration === 'function'\n ? wavesurfer.getDuration()\n : 0;\n const delay = dur \u003c 1 ? 500 : 0;\n\n setTimeout(() =\u003e {\n if (isAutoplaying) {\n \/\/ ⬇️ all your original logic stays here\n const currentCategorySamples = sampleData[currentCategory];\n\n if (currentSampleIndex \u003c currentCategorySamples.length - 1) {\n currentSampleIndex++;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n if (currentCategoryIndex \u003c categories.length - 1) {\n currentCategory = categories[currentCategoryIndex + 1];\n currentSampleIndex = 0;\n usePreloadedSampleOrLoad(currentCategory, currentSampleIndex);\n } else {\n isAutoplaying = false;\n const playPauseButton = document.getElementById('playPause');\n if (playPauseButton) playPauseButton.classList.remove('playing');\n }\n }\n }\n }, delay);\n});\n\n\n \/\/ Play instantly\n if (isAutoplaying) {\n wavesurfer.play();\n }\n\n \/\/ Preload the next one now\n preloadNextSample();\n } else {\n loadSample(category, index);\n }\n}\n\n\/\/ THIS SHOULD BE OUTSIDE loadSample()\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n loadSample(currentCategory, currentSampleIndex);\n\n document.querySelectorAll('.sample-category-btn').forEach(button =\u003e {\n button.addEventListener('click', () =\u003e {\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e b.classList.remove('active'));\n button.classList.add('active');\n\n currentCategory = button.dataset.category;\n currentSampleIndex = 0;\n loadSample(currentCategory, currentSampleIndex);\n });\n });\n\nfunction playPrevSample() {\n if (currentSampleIndex \u003e 0) {\n currentSampleIndex--;\n loadSample(currentCategory, currentSampleIndex);\n } else {\n const categories = Object.keys(sampleData);\n const currentCategoryIndex = categories.indexOf(currentCategory);\n\n if (currentCategoryIndex \u003e 0) {\n currentCategory = categories[currentCategoryIndex - 1];\n currentSampleIndex = sampleData[currentCategory].length - 1;\n\n \/\/ Update active button\n document.querySelectorAll('.sample-category-btn').forEach(b =\u003e {\n b.classList.remove('active');\n });\n const newActiveButton = document.querySelector(`.sample-category-btn[data-category=\"${currentCategory}\"]`);\n if (newActiveButton) {\n newActiveButton.classList.add('active');\n }\n\n loadSample(currentCategory, currentSampleIndex);\n }\n }\n}\n\ndocument.getElementById('nextSample').addEventListener('click', () =\u003e {\n playNextSample();\n});\n\ndocument.getElementById('prevSample').addEventListener('click', () =\u003e {\n playPrevSample();\n});\n\n const playPauseButton = document.getElementById('playPause');\n\n playPauseButton.addEventListener('click', () =\u003e {\n if (wavesurfer.isPlaying()) {\n wavesurfer.pause();\n isAutoplaying = false;\n playPauseButton.classList.remove('playing');\n } else {\n wavesurfer.play();\n isAutoplaying = true;\n playPauseButton.classList.add('playing');\n }\n });\n});\n\n\u003c\/script\u003e\n\u003cscript src=\"https:\/\/unpkg.com\/wavesurfer.js\"\u003e\u003c\/script\u003e\n\n\u003cdiv class=\"vault-statement\"\u003e\n \u003cp class=\"desktop-vault-text\"\u003e\n \u003cstrong\u003eThe future of Liquid begins here.\u003cbr\u003eA complete toolkit crafted for depth, motion, and soul.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003cp class=\"mobile-vault-text\"\u003e\n \u003cstrong\u003eThe future of Liquid begins here.\u003cbr\u003eA complete toolkit crafted for depth, motion, and soul.\u003c\/strong\u003e\n \u003c\/p\u003e\n\u003c\/div\u003e\n\n \n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n const sections = document.querySelectorAll('.split-combine-section');\n if (!sections.length) return;\n\n let lastY = window.pageYOffset;\n let hasCompleted = false;\n\nwindow.addEventListener('scroll', function () {\n sections.forEach(section =\u003e {\n const rect = section.getBoundingClientRect();\n const triggerShow = window.innerHeight * 0.75;\n\n if (rect.top \u003c triggerShow \u0026\u0026 !section.classList.contains('in-view')) {\n section.classList.add('in-view');\n setTimeout(() =\u003e {\n section.classList.add('animation-complete');\n }, 1000);\n }\n\n \/\/ Optional reset if needed when scrolling to top\n if (window.pageYOffset === 0) {\n section.classList.remove('in-view', 'animation-complete');\n }\n });\n}, { passive: true });\n});\n\u003c\/script\u003e\n\n\n\u003c!-- LIQUID DNB VOL. 1 COVER ART --\u003e\n\u003cdiv class=\"coverart-section\"\u003e\n \u003cimg class=\"coverart-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LIQUIDDNBVOL.1.webp?v=1758340956\" alt=\"Liquid DNB Vol. 1 Cover Art\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.coverart-section {\n text-align: center;\n margin-top: 10px;\n margin-bottom: -10px;\n}\n\n.coverart-image {\n max-width: 600px;\n width: 100%; \n height: auto;\n display: inline-block;\n}\n\n\u003c\/style\u003e\n\n\u003c!-- Buy Now Button --\u003e\n\u003cdiv class=\"buy-now-wrapper\" style=\"text-align:center; margin-top:-40px; margin-bottom:40px;\"\u003e\n \u003cbutton class=\"buy-now-btn\" onclick=\"scrollToTop()\"\u003eBUY NOW\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.buy-now-btn {\n background: transparent;\n border: 2px solid #41F3E8;\n color: #41F3E8;\n font-family: 'Montserrat', sans-serif;\n font-size: 20px;\n font-weight: bold;\n padding: 14px 34px;\n border-radius: 6px;\n cursor: pointer;\n text-shadow: 0 0 2px #41F3E8;\n box-shadow: 0 0 12px #41F3E8;\n transition: all 0.3s ease;\n animation: pulse-glow 1.5s infinite alternate;\n}\n\n.buy-now-btn:hover {\n background: #41F3E8;\n color: #000;\n text-shadow: none;\n box-shadow: 0 0 20px #41F3E8;\n}\n\n@keyframes pulse-glow {\n 0% { box-shadow: 0 0 8px #41F3E8; }\n 100% { box-shadow: 0 0 18px #41F3E8; }\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\nfunction scrollToTop() {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n\u003c\/script\u003e\n\n\u003c!-- PRESETS PREVIEW --\u003e\n\u003c!-- \u003cdiv class=\"serum2-inner whzly-trigger-area\" style=\"text-align: center; margin: 80px 0;\"\u003e\n \u003ch2 class=\"whzly-heading\" style=\"margin-top: 35px; margin-bottom: 20px;\"\u003eNIHILISM 2 Preset Demo\u003c\/h2\u003e\n\n \u003cp class=\"benchmark-tagline whzly-tagline\"\u003e\n \u003cstrong\u003e\n \u003cspan class=\"first-line\"\u003eCheck out the raw power of the presets - no post-processing needed.\u003c\/span\u003e\u003cbr\u003e\n \u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n\u003cdiv class=\"video-glow-wrapper\" id=\"whzlyGlowWrapper\"\u003e\n \u003cdiv class=\"whzly-video-inner\"\u003e\n \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/BcFGj62iwjc?rel=0\u0026amp;modestbranding=1\u0026amp;showinfo=0\u0026amp;autohide=1\u0026amp;controls=1\" style=\"width: 100%; height: 50vw; max-height: 500px; border: none;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\n \u003c\/iframe\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n \u003cdiv class=\"fullscreen-tip-wrapper\"\u003e\n \u003cp class=\"mobile-fullscreen-tip\" id=\"fullscreenTip\"\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n--\u003e\n\n\u003cstyle\u003e\n h2.whzly-heading.active::before {\n display: none !important;\n }\n\n@media (max-width: 768px) {\n .serum2-inner.whzly-trigger-area {\n margin-top: 60px !important;\n }\n}\n\/* Initial states *\/\n.whzly-heading {\n opacity: 0;\n transform: translateX(-60px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n}\n.whzly-tagline {\n opacity: 0;\n transform: translateX(60px);\n transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;\n}\n.whzly-fade-in {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n\/* Active states *\/\n.whzly-heading.active {\n opacity: 1;\n transform: translateX(0);\n}\n.whzly-tagline.active {\n opacity: 1;\n transform: translateX(0);\n}\n.whzly-fade-in.active {\n opacity: 1;\n transform: translateY(0);\n box-shadow: 0 0 20px #f0f0e6;\n}\n\n.fullscreen-tip-wrapper {\n max-width: 900px;\n margin: 6px auto 0 auto;\n text-align: center;\n}\n\n.mobile-fullscreen-tip {\n color: #f0f0e6;\n font-family: 'Montserrat', sans-serif;\n font-size: 12px !important;\n opacity: 0.85;\n display: none; \n overflow: hidden;\n white-space: nowrap;\n}\n\n\/* Only show on mobile *\/\n@media (max-width: 768px) {\n .mobile-fullscreen-tip {\n display: block;\n }\n}\n\n.desktop-only-text {\n display: inline;\n}\n\n@media (max-width: 768px) {\n .desktop-only-text {\n display: none;\n }\n}\n\n\/* Flicker keyframes *\/\n@keyframes fullscreenFlicker {\n 0%, 100% { opacity: 1; }\n 5%, 15%, 25% { opacity: 0.6; }\n 10%, 20%, 30% { opacity: 1; }\n}\n\n@media (max-width: 480px) {\n .whzly-fade-in {\n margin-top: 20px !important;\n }\n}\n\n.whzly-heading {\n font-size: 32px;\n}\n\n@media (max-width: 430px) {\n .serum2-inner .whzly-heading {\n font-size: 20px !important;\n margin-top: 0px !important; \n margin-bottom: 12px !important;\n }\n}\n\n.video-glow-wrapper {\n max-width: 900px;\n margin: 40px auto 0 auto;\n border-radius: 12px;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s, box-shadow 0.6s ease-out 0.4s;\n}\n\n.video-glow-wrapper.active {\n opacity: 1;\n transform: translateY(0);\n box-shadow: 0 0 20px #f0f0e6;\n}\n\n.whzly-fade-in {\n max-width: 900px;\n margin: 40px auto 0 auto;\n border-radius: 12px;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;\n}\n\n.whzly-fade-in.active {\n opacity: 1;\n transform: translateY(0);\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n \/\/ --- Fullscreen Typing + Flicker ---\n const fullscreenTip = document.getElementById('fullscreenTip');\n const message = \"Watch in fullscreen for best experience.\";\n let charIndex = 0;\n\n function typeText() {\n if (!fullscreenTip) return;\n if (charIndex \u003c message.length) {\n fullscreenTip.innerHTML += message.charAt(charIndex);\n charIndex++;\n setTimeout(typeText, 40);\n } else {\n startRandomFlicker();\n }\n }\n\n function startRandomFlicker() {\n if (!fullscreenTip) return;\n fullscreenTip.style.animation = 'fullscreenFlicker 2s ease-in-out forwards';\n setTimeout(() =\u003e {\n fullscreenTip.style.animation = '';\n }, 2000);\n const nextFlicker = Math.floor(Math.random() * 7000) + 8000;\n setTimeout(startRandomFlicker, nextFlicker);\n }\n\n if (fullscreenTip) {\n setTimeout(typeText, 600);\n }\n\n \/\/ --- WHZLY Scroll Animations ---\nconst glowWrapper = document.querySelector('#whzlyGlowWrapper');\nconst heading = document.querySelector('.whzly-heading');\nconst tagline = document.querySelector('.whzly-tagline');\nconst triggerArea = document.querySelector('.whzly-trigger-area');\n\nlet lastScrollY = window.scrollY;\n\nconst observer = new IntersectionObserver(entries =\u003e {\n entries.forEach(entry =\u003e {\n const scrollingUp = window.scrollY \u003c lastScrollY;\n lastScrollY = window.scrollY;\n\n if (entry.isIntersecting) {\n heading.classList.add('active');\n tagline.classList.add('active');\n glowWrapper.classList.add('active');\n } else if (scrollingUp) {\n heading.classList.remove('active');\n tagline.classList.remove('active');\n glowWrapper.classList.remove('active');\n }\n });\n}, { threshold: 0.5 });\n\nif (triggerArea) {\n observer.observe(triggerArea);\n}\n\n});\n\u003c\/script\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', () =\u003e {\n document.querySelectorAll('.split-combine-section').forEach(section =\u003e {\n const io = new IntersectionObserver(([entry]) =\u003e {\n if (!entry.isIntersecting) return;\n section.classList.add('in-view');\n setTimeout(() =\u003e section.classList.add('animation-complete'), 1100); \/\/ after it slides in\n io.disconnect();\n }, { threshold: 0.3 });\n io.observe(section);\n });\n});\n\u003c\/script\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cdiv class=\"demo-cta-wrap\"\u003e\n \u003cdiv class=\"demo-cta\"\u003e\n \u003cp class=\"demo-cta-title\"\u003eStill not sure?\u003c\/p\u003e\n \u003cp class=\"demo-cta-text\"\u003e\n Check out the free demo pack and try the sounds in your project.\n \u003c\/p\u003e\n \u003ca class=\"demo-cta-btn\" href=\"https:\/\/edmtemplates.net\/pages\/free-downloads-vault\" target=\"_blank\" rel=\"noopener\"\u003e\n Get the Free Demo Pack\n \u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .demo-cta-wrap {\n display: flex;\n justify-content: center;\n margin: 8px 0 14px 0;\n }\n .demo-cta {\n width: 100%;\n max-width: 640px;\n text-align: center;\n border: 1px solid rgba(65, 243, 232, 0.2);\n border-radius: 6px;\n padding: 6px 10px 10px;\n background: rgba(65, 243, 232, 0.025);\n }\n .demo-cta-title {\n margin: 0;\n font-weight: 700;\n font-size: 16px;\n color: #f1f1f1;\n }\n .demo-cta-text {\n margin: 2px 0 6px;\n font-size: 16px;\n color: #d9d9d9;\n }\n .demo-cta-btn {\n display: inline-block;\n font-weight: 700;\n font-size: 14px;\n padding: 7px 16px;\n border-radius: 6px;\n color: #fff;\n background: none;\n border: 1px solid #41f3e8;\n text-decoration: none !important;\n transition: all 0.2s ease;\n }\n .demo-cta-btn:hover {\n background: rgba(65, 243, 232, 0.08);\n box-shadow: 0 0 6px rgba(65, 243, 232, 0.25);\n text-decoration: none !important;\n }\n @media (max-width: 480px) {\n .demo-cta {\n padding: 6px 8px 8px;\n }\n .demo-cta-title {\n font-size: 15px;\n }\n .demo-cta-text {\n font-size: 13px;\n }\n .demo-cta-btn {\n width: 100%;\n }\n }\n\u003c\/style\u003e\n\n\u003c!-- SYSTEM COMPATIBILITY SECTION --\u003e\n\u003cdiv class=\"serum2-inner\" style=\"margin-top: 100px;\"\u003e\n \u003ch2 class=\"system-header\"\u003e\n \u003cspan class=\"desktop-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n \u003cspan class=\"mobile-text\"\u003e⚙️ SYSTEM REQUIREMENTS ⚙️\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"requirements-list\"\u003e\n \u003cdiv\u003eAny DAW\u003c\/div\u003e\n \u003cdiv\u003eSerum 2\u003c\/div\u003e\n\n \u003cdiv style=\"margin-top: 12px; color: #f0f0e6; font-weight: bold;\"\u003eProject File Requirements:\u003c\/div\u003e\n \u003cdiv\u003eAbleton 12\n \u003cbr\u003e\n Serum 2\n \u003cbr\u003e\n FabFilter Pro-Q-3\n\u003cbr\u003e\nFabFilter Pro-L-2 (optional)\n\u003cbr\u003e\nSoothe2 (optional)\n\u003cbr\u003e\nkHs Transient Shaper (optional)\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n .system-header {\n font-family: 'Montserrat', sans-serif;\n font-size: 22px;\n color: #f0f0e6;\n text-shadow: 0 0 4px #f0f0e6;\n margin-bottom: 5px !important;\n text-transform: uppercase;\n letter-spacing: 1px;\n text-align: center;\n }\n\n .requirements-list {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n color: #f0f0e6;\n font-size: 16px;\n line-height: 1.8;\n }\n\n .requirements-list div {\n margin: 6px 0;\n }\n\n.system-header .mobile-text {\n display: none;\n}\n\n@media (max-width: 768px) {\n .hook-plus-image {\n margin-top: 10px !important;\n margin-bottom: 0px !important;\n }\n\n .glitch-button.scroll-button {\n margin-top: 0px !important;\n }\n}\n\n\/* 480px and smaller *\/\n@media (max-width: 480px) {\n .system-header .mobile-text {\n display: inline;\n font-size: 16px;\n }\n\n .system-header .desktop-text {\n display: none;\n }\n\n .requirements-list {\n font-size: 12px;\n }\n\n .vault-section,\n .hook-plus-image-optimized .hook-text {\n padding-left: 0px;\n padding-right: 0px;\n box-sizing: border-box;\n flex-direction: column;\n align-items: center;\n }\n}\n@media (max-width: 480px) {\n .whzly-fade-in {\n max-width: 100% !important;\n padding: 0 10px;\n box-sizing: border-box;\n overflow-x: hidden;\n }\n\n .whzly-fade-in iframe {\n width: 100% !important;\n max-width: 100% !important;\n box-sizing: border-box;\n }\n\n .serum2-inner,\n .serum2-inner .whzly-trigger-area,\n .video-glow-wrapper {\n overflow-x: hidden !important;\n max-width: 100vw !important;\n }\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n.serum2-inner h1,\n.serum2-inner h2,\n.serum2-inner h3,\n.serum2-inner p,\n.serum2-inner li,\n.vault-statement,\n.sample-category-btn,\n.expandable-trigger strong {\n color: #f0f0e6;\n text-shadow: 0 0 4px #41F3E8;\n}\n\n@keyframes subtle-glitch {\n 0%, 60%, 100% { text-shadow: 0 0 4px #41F3E8; }\n 20% { text-shadow: -1px 0 #41F3E8, 1px 0 #41F3E8; }\n 40% { text-shadow: 1px 0 #41F3E8, -1px 0 #41F3E8; }\n 80% { text-shadow: 0 0 6px #41F3E8; }\n}\n\n.video-glow-wrapper-static {\n box-shadow: 0 0 20px #41F3E8;\n}\n\u003c\/style\u003e\n\u003c\/div\u003e","brand":"EDM Templates","offers":[{"title":"Standardtitel","offer_id":53411768926539,"sku":null,"price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2426\/0385\/files\/LIQUIDDNBVOL.1.webp?v=1758340956"},{"product_id":"trick-or-treat-vol-2-5-the-forbidden-chapter","title":"TRICK OR TREAT VOL.2.5 | DET FÖRBJUDNA KAPITLET","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-MALLAR I 1 PAKET","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\/sv\/collections\/new-arrivals.oembed","provider":"⛓👽 EDM TEMPLATES","version":"1.0","type":"link"}